footer

Author: momo-shogun

components/SocialLinks.tsx

@@ -19,7 +19,7 @@ export function SocialLinks() {
           href={link.url}
           target="_blank"
           rel="noopener noreferrer"
-          className="text-muted-foreground hover:text-primary"
+          className=" hover:text-primary"
           whileHover={{ scale: 1.1 }}
           whileTap={{ scale: 0.95 }}
           initial={{ opacity: 0, y: 20 }}

components/footer.tsx

@@ -4,6 +4,8 @@ import { RainbowButton } from "@/components/ui/rainbow-button";
 import { SocialLinks } from "@/components/SocialLinks";
 import { BookOpen, Github } from "lucide-react";
 import { useEffect, useState } from "react";
+import { Separator } from "./ui/separator";
+import Link from "next/link";
 
 export default function Footer() {
     const [currentYear, setCurrentYear] = useState<number>(new Date().getFullYear());
@@ -16,10 +18,15 @@ export default function Footer() {
         <footer className="w-full pt-8 pb-4 px-4 md:px-6 border-t bg-secondary">
             <div className="container mx-auto">
                 <div className="flex flex-col md:flex-row justify-between items-center mb-8">
-                    <div className="flex items-center space-x-4 mb-4 md:mb-0">
-                        <BookOpen className="h-6 w-6 text-primary" />
-                        <span className="font-bold text-lg">LeetCode Journal</span>
+                    <div className="space-y-2 ">
+                        <div className="flex items-center space-x-4 mb-4 md:mb-0">
+                            <BookOpen className="h-6 w-6 text-primary" />
+                            <span className="font-bold text-lg">LeetCode Journal</span>
+
+                        </div>
+                        <p className="text-gray-400">The Journey to Coding Mastery Begins Now</p>
                     </div>
+
                     <div className="flex items-center space-x-4 -ml-2">
                         <RainbowButton className="hidden md:inline-flex items-center space-x-2">
                             <a
@@ -35,7 +42,42 @@ export default function Footer() {
                         <SocialLinks />
                     </div>
                 </div>
-                <div className="flex flex-col md:flex-row justify-center items-center pt-8 border-t border-border">
+                <div className="flex justify-between items-center ">
+                    <div className="">
+                        <div className="text-md">
+                            <div className="">Quick Links</div>
+                            <ul className="space-y-2 text-muted-foreground mt-4 ">
+                                <li>
+                                    <Link href="/">Home</Link>
+                                </li>
+                                <li>
+                                    <Link href="/learn-more">About Us</Link>
+                                </li>
+                                <li>
+                                    <Link href="/FAQ">FAQ</Link>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="">
+                        <div className="text-md text-right">
+                            <div className="">Support</div>
+                            <ul className="space-y-2 text-muted-foreground mt-4">
+                                <li>
+                                    <Link href="#">Contact Us</Link>
+                                </li>
+                                <li>
+                                    <Link href="#">Privacy Policy</Link>
+                                </li>
+                                <li>
+                                    <Link href="#">Terms of Service</Link>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <Separator className="my-4 bg-muted-foreground" />
+                <div className="flex flex-col md:flex-row justify-start items-center border-t border-border">
                     <p className="text-sm text-muted-foreground mb-4 md:mb-0">
                         © 2025 LeetCode Journal. All rights reserved.
                     </p>