nav fix

src/sections/AboutSection.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Link from "next/link";
 import { useScrollReveal } from "../hooks/useScrollReveal";
 import { aboutContent, aboutPage } from "../data/about";
 import { ArrowRight } from "lucide-react";
@@ -7,12 +8,6 @@ import { ArrowRight } from "lucide-react";
 export default function AboutSection() {
   const revealRef = useScrollReveal<HTMLDivElement>({ stagger: 0.15 });
 
-  const handleProjectsClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
-    e.preventDefault();
-    const target = document.querySelector("#projects");
-    if (target) target.scrollIntoView({ behavior: "smooth" });
-  };
-
   return (
     <section id="about" className="py-20 md:py-32 px-[5vw]">
       <div className="max-w-[1200px] mx-auto">
@@ -24,9 +19,8 @@ export default function AboutSection() {
             ))}
           </div>
           <div>
-            <a
+            <Link
-              href="#projects"
+              href="/hobbies"
-              onClick={handleProjectsClick}
               className="inline-flex items-center gap-2 text-amber hover:text-amber-hover transition-colors group"
             >
               <span className="text-link">
@@ -36,7 +30,7 @@ export default function AboutSection() {
                 size={18}
                 className="group-hover:translate-x-1 transition-transform"
               />
-            </a>
+            </Link>
           </div>
         </div>
       </div>