From 72860dc63d37ea931acf00be446a9779fa5ee91c Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Sun, 23 Nov 2025 19:06:09 +0000
Subject: [PATCH] Enhance Footer component by adding an Admin Panel link and
 updating quick links to support scroll behavior. Replace button elements with
 Next.js Link for navigation to the Admin Panel.

---
 components/Footer.tsx | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 56ed92b..3959d66 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -3,6 +3,7 @@
 import { motion } from "framer-motion";
 import { Heart, Mail, Phone, MapPin } from "lucide-react";
 import { useEffect, useState } from "react";
+import Link from "next/link";
 
 export function Footer() {
   const [isDark, setIsDark] = useState(false);
@@ -30,10 +31,11 @@ export function Footer() {
   };
 
   const quickLinks = [
-    { name: 'Home', href: '#home' },
-    { name: 'About', href: '#about' },
-    { name: 'Services', href: '#services' },
-    { name: 'Contact', href: '#contact' },
+    { name: 'Home', href: '#home', isScroll: true },
+    { name: 'About', href: '#about', isScroll: true },
+    { name: 'Services', href: '#services', isScroll: true },
+    { name: 'Contact', href: '#contact', isScroll: true },
+    { name: 'Admin Panel', href: '/login', isScroll: false },
   ];
 
   return (
@@ -88,12 +90,21 @@ export function Footer() {
             <ul className="space-y-2">
               {quickLinks.map((link) => (
                 <li key={link.name}>
-                  <button
-                    onClick={() => scrollToSection(link.href.replace('#', ''))}
-                    className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer hover:translate-x-1 inline-block transition-transform"
-                  >
-                    {link.name}
-                  </button>
+                  {link.isScroll ? (
+                    <button
+                      onClick={() => scrollToSection(link.href.replace('#', ''))}
+                      className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer hover:translate-x-1 inline-block transition-transform"
+                    >
+                      {link.name}
+                    </button>
+                  ) : (
+                    <Link
+                      href={link.href}
+                      className="text-sm text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer hover:translate-x-1 inline-block transition-transform"
+                    >
+                      {link.name}
+                    </Link>
+                  )}
                 </li>
               ))}
             </ul>