diff options
Diffstat (limited to 'src/app/Footer.tsx')
| -rw-r--r-- | src/app/Footer.tsx | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/src/app/Footer.tsx b/src/app/Footer.tsx new file mode 100644 index 0000000..a85bc29 --- /dev/null +++ b/src/app/Footer.tsx @@ -0,0 +1,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"> + © {new Date().getFullYear()} Sensible Scholars. All rights + reserved. + </div> + </div> + </footer> + ); +} |