import Image from "next/image";
import {Metadata} from "next";
import Link from "next/link";
import {getSession} from "@auth0/nextjs-auth0";
import {redirect} from "next/navigation";

export const metadata: Metadata = {
    title: "IBD Trader",
}

export default async function Home() {
    const user = await getSession();

    if (user) {
        redirect("/dashboard")
    }

    return (
        <div className="min-h-screen flex flex-col items-center justify-center bg-gray-100">
            <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
                <div className="flex justify-center">
                    <Image src="/logo.svg" alt="IBD Trader" width={200} height={200}/>
                </div>
                <h1 className="text-6xl font-bold mt-4">Trader</h1>
                <button className="mt-16 px-6 py-3 bg-blue-500 text-white rounded-md hover:bg-blue-600">
                    <Link href="/api/auth/login">
                        Login
                    </Link>
                </button>
            </main>
        </div>
    );
}