import Image from 'next/image';
import Link from 'next/link';
import Logo from '@/public/logo.svg';
import GradientText from '@/components/GradientText';

export default function Home() {
    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="Company Logo"
                    width={300}
                    height={37}
                />
                
                <div className="flex flex-col items-center">
                    <GradientText
                        className="font-bold text-lg"
                        colors={[ '#F52491', '#692896' ]}
                        animationSpeed={3}
                    >
                        Something great is being built here.
                    </GradientText>
                    <p>
                        <span>Can&apos;t wait? Contact us via </span>
                        <a href="mailto:info@gsh-services.com">
                            info@gsh-services.com
                        </a>
                    </p>
                </div>

                <Link
                    className="text-secondary underline"
                    href="/imprint"
                >
                    Imprint
                </Link>
            </main>
        </div>
    );
}