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}>
+                  {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>