src/app/Footer.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import Link from "next/link";

export default function Footer() {
  return (
    <footer className="bg-gray-900 text-gray-200 py-8 mt-12">
      <div className="max-w-7xl mx-auto px-4 sm:px-8 flex flex-col md:flex-row justify-between items-center">
        <div className="mb-4 md:mb-0 w-full sm:w-auto text-center md:text-left">
          <span className="text-xl font-bold tracking-tight">
            Sensible Scholars
          </span>
          <p className="text-sm text-gray-400 mt-1">
            Empowering your learning journey.
          </p>
        </div>
        <nav className="flex space-x-6 mb-4 md:mb-0">
          <Link href="/" className="hover:text-white transition">
            Home
          </Link>
          <Link href="/about" className="hover:text-white transition">
            About
          </Link>
          <Link href="/blog" className="hover:text-white transition">
            Blog
          </Link>
          <Link href="/contact" className="hover:text-white transition">
            Contact
          </Link>
        </nav>
        <div className="text-sm text-gray-400">
          &copy; {new Date().getFullYear()} Sensible Scholars. All rights
          reserved.
        </div>
      </div>
    </footer>
  );
}