import React from 'react'; import { Head, Link } from '@inertiajs/react'; import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes'; import { useTranslation } from 'react-i18next'; import MarketingLayout from '@/layouts/marketing/MarketingLayout'; interface OccasionsProps { type: string; } const Occasions: React.FC = ({ type }) => { const { t } = useTranslation('marketing'); const { localizedPath } = useLocalizedRoutes(); const occasionsContent = { hochzeit: { title: t('occasions.weddings.title'), description: t('occasions.weddings.description'), features: [ t('occasions.weddings.benefit1'), t('occasions.weddings.benefit2'), t('occasions.weddings.benefit3'), t('occasions.weddings.benefit4'), ], cta: t('occasions.cta'), }, geburtstag: { title: t('occasions.birthdays.title'), description: t('occasions.birthdays.description'), features: [ t('occasions.birthdays.benefit1'), t('occasions.birthdays.benefit2'), t('occasions.birthdays.benefit3'), t('occasions.birthdays.benefit4'), ], cta: t('occasions.cta'), }, firmenevent: { title: t('occasions.corporate.title'), description: t('occasions.corporate.description'), features: [ t('occasions.corporate.benefit1'), t('occasions.corporate.benefit2'), t('occasions.corporate.benefit3'), t('occasions.corporate.benefit4'), ], cta: t('occasions.cta'), }, }; const content = occasionsContent[type as keyof typeof occasionsContent] || occasionsContent.hochzeit; return (

{content.title}

{content.description}

{content.cta}
{content.features.map((feature, index) => (
{index + 1}

{feature}

))}
); }; export default Occasions;