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('imprint');

    return (
        <div className="flex min-h-screen items-center justify-center">
            <main className="flex min-h-screen flex-col justify-center gap-4">

                <h1 className="font-bold text-lg">{t('title')}</h1>

                <div className="flex flex-col text-secondary gap-2">
                    <div>
                        <Link href="/">
                            <GradientText
                                colors={[ '#F52491', '#692896' ]}
                                animationSpeed={3}
                            >
                                {t('company')}
                            </GradientText>
                        </Link>

                        <p>{t('ceo')}</p>
                    </div>

                    <div>
                        <p>{t('street')}</p>
                        <p>{t('city')}</p>
                        <p>{t('country')}</p>
                    </div>
                    
                    <div>
                        <a href="mailto:info@gsh-services.com">
                            info@gsh-services.com
                        </a>
                    </div>
                </div>
                
                <br />

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