replace imafes\

src/components/Veda1.jsx

@@ -135,15 +135,15 @@ export default function Example() {
                 {product.images.map((image) => (
                   <Tab
                     key={image.id}
-                    className="group relative flex h-24 cursor-pointer items-center justify-center rounded-md bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4"
+                    className="group relative flex h-24 cursor-pointer items-center justify-center bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4"
                   >
                     <span className="sr-only">{image.name}</span>
-                    <span className="absolute inset-0 overflow-hidden rounded-md">
+                    <span className="absolute inset-0 overflow-hidden">
                       <img alt="" src={image.src} className="h-full w-full object-cover object-center" />
                     </span>
                     <span
                       aria-hidden="true"
-                      className="pointer-events-none absolute inset-0 rounded-md ring-2 ring-transparent ring-offset-2 group-data-[selected]:ring-indigo-500"
+                      className="pointer-events-none absolute inset-0 ring-2 ring-transparent ring-offset-2 group-data-[selected]:ring-indigo-500"
                     />
                   </Tab>
                 ))}
@@ -156,7 +156,7 @@ export default function Example() {
                   <img
                     alt={image.alt}
                     src={image.src}
-                    className="h-full w-full object-cover object-center sm:rounded-lg"
+                    className="h-full w-full object-cover object-center"
                   />
                 </TabPanel>
               ))}
@@ -201,7 +201,7 @@ export default function Example() {
               <div className="mt-10 flex">
                 <button
                   type="submit"
-                  className="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-gold-800x-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
+                  className="flex max-w-xs flex-1 items-center justify-center border border-transparent bg-gold-800x-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
                 >
                   Book Now
                 </button>

src/components/Veda2.jsx

@@ -157,12 +157,12 @@ export default function Example() {
                     }
                   >
                     <span className="sr-only">{image.name}</span>
-                    <span className="absolute inset-0 overflow-hidden rounded-md">
+                    <span className="absolute inset-0 overflow-hidden">
                       <img alt={image.alt} src={image.src} className="h-full w-full object-cover object-center" />
                     </span>
                     <span
                       aria-hidden="true"
-                      className="pointer-events-none absolute inset-0 rounded-md ring-2 ring-offset-2 group-focus:ring-indigo-500"
+                      className="pointer-events-none absolute inset-0 ring-2 ring-offset-2 group-focus:ring-indigo-500"
                     />
                   </Tab>
                 ))}
@@ -208,7 +208,7 @@ export default function Example() {
                 <div className="mt-10 flex">
                   <button
                     type="submit"
-                    className="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
+                    className="flex max-w-xs flex-1 items-center justify-center border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
                   >
                     Book Now
                   </button>

src/components/Veda3.jsx

@@ -109,28 +109,28 @@ export default function Example() {
                 {product.images.map((image) => (
                   <Tab
                     key={image.id}
-                    className="group relative flex h-24 cursor-pointer items-center justify-center rounded-md bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4"
+                    className="group relative flex h-24 cursor-pointer items-center justify-center bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4"
                   >
                     <span className="sr-only">{image.name}</span>
-                    <span className="absolute inset-0 overflow-hidden rounded-md">
+                    <span className="absolute inset-0 overflow-hidden">
                       <img alt="" src={image.src} className="h-full w-full object-cover object-center" />
                     </span>
                     <span
                       aria-hidden="true"
-                      className="pointer-events-none absolute inset-0 rounded-md ring-2 ring-transparent ring-offset-2 group-data-[selected]:ring-indigo-500"
+                      className="pointer-events-none absolute inset-0 ring-2 ring-transparent ring-offset-2 group-data-[selected]:ring-indigo-500"
                     />
                   </Tab>
                 ))}
               </TabList>
             </div>
 
-            <TabPanels className="aspect-h-1 aspect-w-1 w-full">
+            <TabPanels className="aspect-h-9 aspect-w-16 w-full">
               {product.images.map((image) => (
                 <TabPanel key={image.id}>
                   <img
                     alt={image.alt}
                     src={image.src}
-                    className="h-full w-full object-cover object-center sm:rounded-lg"
+                    className="h-full w-full object-cover object-center"
                   />
                 </TabPanel>
               ))}
@@ -175,7 +175,7 @@ export default function Example() {
               <div className="mt-10 flex">
                 <button
                   type="submit"
-                  className="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
+                  className="flex max-w-xs flex-1 items-center justify-center border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
                 >
                   Book Now
                 </button>

src/components/Veda4.jsx

@@ -14,51 +14,75 @@ const product = {
   images: [
     {
       id: 1,
-      name: 'Veda 1',
+      name: 'Veda 4',
-      src: '/images/veda41.jpg',
+      src: '/images/dahabiyas/veda4/veda4_4.jpg',
-      alt: 'Veda2 Veda 1',
+      alt: 'Veda 4',
     },
     {
       id: 2,
-      name: 'Veda 2',
+      name: 'Veda 4',
-      src: '/images/veda42.jpg',
+      src: '/images/dahabiyas/veda4/veda4_5.jpg',
-      alt: 'Veda2 Veda 2',
+      alt: 'Veda 4',
     },
     {
       id: 3,
-      name: 'Veda 3',
+      name: 'Veda 4',
-      src: '/images/veda43.jpg',
+      src: '/images/dahabiyas/veda4/veda4_8.jpg',
-      alt: 'Veda2 Veda 3',
+      alt: 'Veda 4',
     },
     {
       id: 4,
       name: 'Veda 4',
-      src: '/images/veda44.jpg',
+      src: '/images/dahabiyas/veda4/veda4_10.jpg',
-      alt: 'Veda2 Veda 4',
+      alt: 'Veda 4',
     },
     {
       id: 5,
       name: 'Veda 4',
-      src: '/images/veda45.jpg',
+      src: '/images/dahabiyas/veda4/veda4_11.jpg',
-      alt: 'Veda2 Veda 4',
+      alt: 'Veda 4',
     },
     {
       id: 6,
       name: 'Veda 4',
-      src: '/images/veda46.jpg',
+      src: '/images/dahabiyas/veda4/veda4_12.jpg',
-      alt: 'Veda2 Veda 4',
+      alt: 'Veda 4',
     },
     {
       id: 7,
       name: 'Veda 4',
-      src: '/images/veda47.jpg',
+      src: '/images/dahabiyas/veda4/veda4_13.jpg',
-      alt: 'Veda2 Veda 4',
+      alt: 'Veda 4',
     },
     {
       id: 8,
       name: 'Veda 4',
-      src: '/images/veda48.jpg',
+      src: '/images/dahabiyas/veda4/veda4_14.jpg',
-      alt: 'Veda2 Veda 4',
+      alt: 'Veda 4',
+    },
+    {
+      id: 9,
+      name: 'Veda 4',
+      src: '/images/dahabiyas/veda4/veda4_15.jpg',
+      alt: 'Veda 4',
+    },
+    {
+      id: 10,
+      name: 'Veda 4',
+      src: '/images/dahabiyas/veda4/veda4_16.jpg',
+      alt: 'Veda 4',
+    },
+    {
+      id: 11,
+      name: 'Veda 4',
+      src: '/images/dahabiyas/veda4/veda4_18.jpg',
+      alt: 'Veda 4',
+    },
+    {
+      id: 12,
+      name: 'Veda 4',
+      src: '/images/dahabiyas/veda4/veda4_20.jpg',
+      alt: 'Veda 4',
     },
   ],
   colors: [
@@ -101,13 +125,13 @@ export default function Example() {
         <div className="lg:grid lg:grid-cols-2 lg:gap-x-8">
           {/* Image gallery */}
           <TabGroup className="lg:order-last">
-            <TabPanels className="aspect-h-1 aspect-w-1 w-full">
+            <TabPanels className="aspect-h-9 aspect-w-16 w-full">
               {product.images.map((image) => (
                 <TabPanel key={image.id}>
                   <img
                     alt={image.alt}
                     src={image.src}
-                    className="h-full w-full object-cover object-center sm:rounded-lg"
+                    className="h-full w-full object-cover object-center"
                   />
                 </TabPanel>
               ))}
@@ -121,18 +145,18 @@ export default function Example() {
                     key={image.id}
                     className={({ selected }) =>
                       classNames(
-                        'group relative flex h-24 cursor-pointer items-center justify-center rounded-md bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4',
+                        'group relative flex h-24 cursor-pointer items-center justify-center bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4',
                         selected ? 'ring-indigo-500' : 'ring-transparent'
                       )
                     }
                   >
                     <span className="sr-only">{image.name}</span>
-                    <span className="absolute inset-0 overflow-hidden rounded-md">
+                    <span className="absolute inset-0 overflow-hidden">
                       <img alt={image.alt} src={image.src} className="h-full w-full object-cover object-center" />
                     </span>
                     <span
                       aria-hidden="true"
-                      className="pointer-events-none absolute inset-0 rounded-md ring-2 ring-offset-2 group-focus:ring-indigo-500"
+                      className="pointer-events-none absolute inset-0 ring-2 ring-offset-2 group-focus:ring-indigo-500"
                     />
                   </Tab>
                 ))}
@@ -178,7 +202,7 @@ export default function Example() {
                 <div className="mt-10 flex">
                   <button
                     type="submit"
-                    className="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
+                    className="flex max-w-xs flex-1 items-center justify-center border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
                   >
                     Book Now
                   </button>