import { Button } from '@/components/ui/button'; import Layout from '@/layouts/client/layout'; import { useTranslations } from '@/utils/i18n'; import bespokeHeader from '@asset/img/products/color swatches.jpg'; import { Head } from '@inertiajs/react'; import { ClipboardList, Paintbrush, Palette, Truck } from 'lucide-react'; export default function Bespoke({ product, }: { product: [{ id: number; title: string; type: string; image_url: string }]; }) { console.log(product); const { t } = useTranslations(); return ( <>
Bespoke Design

{t('pages.bespoke.sections.banner.title')}

{t('pages.bespoke.sections.banner.subTitle')}

{t('pages.bespoke.sections.first.title')}

{t( 'pages.bespoke.sections.first.card.first.title', )}

{t( 'pages.bespoke.sections.first.card.first.desc', )}

{t( 'pages.bespoke.sections.first.card.second.title', )}

{t( 'pages.bespoke.sections.first.card.second.desc', )}

{t( 'pages.bespoke.sections.first.card.third.title', )}

{t( 'pages.bespoke.sections.first.card.third.desc', )}

{t( 'pages.bespoke.sections.first.card.fourth.title', )}

{t( 'pages.bespoke.sections.first.card.fourth.desc', )}

Bespoke Product

{product.map((item) => ( {item.title} ))}

{t('pages.bespoke.sections.second.title')}

{t('pages.bespoke.sections.second.desc')}
{' '} {t('pages.bespoke.sections.second.desc2')}

); }