import GradientText from '@/components/GradientText';
import { getTranslations } from 'next-intl/server';
import { Link } from '@/i18n/navigation';

export default async function Page() {
	const t = await getTranslations('notFound');

    return (
        <div className="flex min-h-screen items-center justify-center">
            <main className="flex min-h-screen w-full flex-col items-center justify-center gap-4">
                <GradientText
                    className="font-bold text-lg text-center"
                    colors={[ '#F52491', '#692896' ]}
                    animationSpeed={3}
                >
                    {t('title')}
                </GradientText>
                <p className="text-center">{t('text')}</p>
                <Link
                    className="text-secondary underline"
                    href="/"
                >
                    {t('back')}
                </Link>
            </main>
        </div>
    );
}