This commit is contained in:
2025-08-25 13:27:09 +02:00
parent 25920b5c52
commit aaeefb1a1c
28 changed files with 130 additions and 77 deletions

View File

@@ -14,51 +14,81 @@ const product = {
images: [
{
id: 1,
name: 'Veda 1',
src: '/images/veda20.jpg',
alt: 'Veda2 Veda 1',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_1.jpg',
alt: 'Veda2',
},
{
id: 2,
name: 'Veda 2',
src: '/images/veda21.jpg',
alt: 'Veda2 Veda 2',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_8.jpg',
alt: 'Veda2',
},
{
id: 3,
name: 'Veda 3',
src: '/images/veda22.jpg',
alt: 'Veda2 Veda 3',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_10.jpg',
alt: 'Veda2',
},
{
id: 4,
name: 'Veda 4',
src: '/images/veda23.jpg',
alt: 'Veda2 Veda 4',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_14.jpg',
alt: 'Veda2',
},
{
id: 5,
name: 'Veda 4',
src: '/images/veda24.jpg',
alt: 'Veda2 Veda 4',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_16.jpg',
alt: 'Veda2',
},
{
id: 6,
name: 'Veda 4',
src: '/images/veda25.jpg',
alt: 'Veda2 Veda 4',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_18.jpg',
alt: 'Veda2',
},
{
id: 7,
name: 'Veda 4',
src: '/images/veda26.jpg',
alt: 'Veda2 Veda 4',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_22.jpg',
alt: 'Veda2',
},
{
id: 8,
name: 'Veda 4',
src: '/images/veda27.jpg',
alt: 'Veda2 Veda 4',
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_26.jpg',
alt: 'Veda2',
},
{
id: 9,
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_29.jpg',
alt: 'Veda2',
},
{
id: 10,
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_31.jpg',
alt: 'Veda2',
},
{
id: 11,
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_32.jpg',
alt: 'Veda2',
},
{
id: 12,
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_36.jpg',
alt: 'Veda2',
},
{
id: 13,
name: 'Veda',
src: '/images/dahabiyas/veda2/veda2_37.jpg',
alt: 'Veda2',
},
],
colors: [
@@ -101,7 +131,7 @@ 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