import React from 'react'; import { Head, Link } from '@inertiajs/react'; import { useTranslation } from 'react-i18next'; import MarketingLayout from '@/layouts/mainWebsite'; import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes'; interface NotFoundProps { requestedPath?: string; } const NotFound: React.FC = ({ requestedPath }) => { const { t } = useTranslation('marketing'); const { localizedPath } = useLocalizedRoutes(); const tips = t('not_found.tips', { returnObjects: true }) as string[]; return (
404 ยท {t('not_found.title')}

{t('not_found.subtitle')}

{requestedPath && (

{t('not_found.requested_path_label', 'Angefragter Pfad')}: {requestedPath}

)}

{t('not_found.description')}

{t('not_found.tip_heading')}

    {tips.map((tip, index) => (
  • {index + 1} {tip}
    • ))}
{t('not_found.cta_home')} {t('not_found.cta_packages')} {t('not_found.cta_contact')}
); }; NotFound.layout = (page: React.ReactNode) => page; export default NotFound;