// app/components/Footer.tsx

import Link from "next/link";

export default function Footer() {
  return (
    <footer className="text-center p-10 bg-gray-800 text-white">
      <h1 className="text-5xl font-bold">Hi, this is a Footer</h1>
      <p className="mt-4 text-xl">Maybe some social links here</p>
      <p>© Dennis Konkol 2024</p>
      <Link href="#hero">
        <button className="mt-6 inline-block px-6 py-2 bg-black text-white rounded hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-300">
          Back to Top
        </button>
      </Link>
    </footer>
  );
}