import React from 'react'; import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { useTranslation } from 'react-i18next'; import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes'; import MarketingLayout from '@/layouts/mainWebsite'; const Kontakt: React.FC = () => { const { data, setData, post, processing, errors, reset } = useForm({ name: '', email: '', message: '', }); const { flash } = usePage().props as any; const { t } = useTranslation('marketing'); const { localizedPath } = useLocalizedRoutes(); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(localizedPath('/kontakt'), { onSuccess: () => reset(), }); }; React.useEffect(() => { if (Object.keys(errors).length > 0) { window.scrollTo({ top: 0, behavior: 'smooth' }); } }, [errors]); return (

{t('kontakt.title')}

{t('kontakt.description')}

setData('name', e.target.value)} required className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-[#FFB6C1] bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100" /> {errors.name &&

{errors.name}

}
setData('email', e.target.value)} required className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-[#FFB6C1] bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100" /> {errors.email &&

{errors.email}

}
{errors.message &&

{errors.message}

}
{flash?.success &&

{flash.success}

} {Object.keys(errors).length > 0 && (
    {Object.values(errors).map((error, index) => (
  • {error}
    • ))}
)}
{t('kontakt.back_home')}
); }; Kontakt.layout = (page: React.ReactNode) => page; export default Kontakt;