From a01febc38ecfdb4d880b1ccd419d2a075c66b1b1 Mon Sep 17 00:00:00 2001
From: momo-shogun <krishnafinger12345@gmail.com>
Date: Fri, 17 Jan 2025 01:51:32 +0530
Subject: [PATCH] footer

---
 components/SocialLinks.tsx |  2 +-
 components/footer.tsx      | 50 +++++++++++++++++++++++++++++++++++---
 2 files changed, 47 insertions(+), 5 deletions(-)

diff --git a/components/SocialLinks.tsx b/components/SocialLinks.tsx
index 5228c92..8d7ad70 100644
--- a/components/SocialLinks.tsx
+++ b/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 }}
diff --git a/components/footer.tsx b/components/footer.tsx
index 209e3a5..a41e91c 100644
--- a/components/footer.tsx
+++ b/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>