import Link from "next/link";

export default function Hero() {
    return (
        <div id="hero">
            <section
                id="hero"
                className="text-center p-20 text-black"
            >
                <h1 className="text-5xl font-bold">Hi, I am Dennis</h1>
                <p className="mt-4 text-xl">A passionate developer and student.</p>
                <Link href="#projects">
                    <button
                        className="mt-6 inline-block px-6 py-2 bg-black text-black rounded hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-300 transition">
                        See My Work
                    </button>
                </Link>
            </section>
        </div>
    );
}