import Image from 'next/image';
import Logo from '@/public/logo.svg';
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('main');

    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-8">
                <Image
                    className="w-[20rem]"
                    src={Logo}
                    alt="GSH Logo"
                    width={300}
                    height={37}
                />
                
                <div className="flex flex-col items-center text-center">
                    <GradientText
                        className="font-bold text-lg"
                        colors={[ '#F52491', '#692896' ]}
                        animationSpeed={3}
                    >
                        {t('title')}
                    </GradientText>
                    <p className="text-center">
                        <span>{t('text')}</span>
                        <a href="mailto:info@gsh-services.com">
                            info@gsh-services.com
                        </a>
                    </p>
                </div>

                <Link
                    className="text-secondary underline"
                    href="/imprint"
                >
                    {t('imprint')}
                </Link>
            </main>
        </div>
    );
}