export default function ComingSoon() {
    return (
        <div className="flex min-h-screen flex-col items-center justify-center bg-white px-4 text-center dark:bg-black">
            <div className="max-w-2xl space-y-5">
                <div className="grid items-center justify-center space-y-3">
                    <h1 className="font-display ml-0 text-2xl tracking-wide md:ml-3 md:text-4xl">MEMEFAST</h1>

                    <div className="space-y-1" data-nosnippet="true">
                        <div className="inline-block rounded-full bg-neutral-100 px-3 py-1 text-sm font-medium text-neutral-700">Coming Soon</div>
                    </div>
                </div>

                <div className="space-y-3">
                    <h2 className="mx-auto max-w-lg text-neutral-500 md:text-2xl">Make video memes with AI</h2>

                    <p className="font-medium text-neutral-600">memefa.st</p>
                </div>
            </div>

            <footer className="absolute bottom-4 text-sm text-neutral-400">© {new Date().getFullYear()} Meme AI Gen</footer>
        </div>
    );
}