fix routing

src/pages/gpu/CallToAction.tsx

@@ -65,8 +65,7 @@ export function CallToAction() {
 
               <div className="flex flex-col items-center text-center max-w-xs">
                 <Button
-                  to="#gpu-architecture"
-                  as="a"
+                  to="/gpu#gpu-architecture"
                   variant="outline"
                   color="white"
                   className="mt-4"

src/pages/gpu/GpuCapabilities.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useRef } from "react";
+import { Link } from "react-router-dom";
 import { Eyebrow, CP, CT, H5 } from "@/components/Texts";
 import { IoArrowBackOutline, IoArrowForwardOutline } from "react-icons/io5";
 
@@ -82,12 +83,12 @@ export function GpuCapabilities() {
                   </div>
 
                   <div className="flex items-center gap-x-4 mt-3">
-                    <a
-                      href="#"
+                    <Link
+                      to="/gpu#gpu-architecture"
                       className="inline-flex items-center gap-1 text-cyan-500 hover:text-cyan-400 text-sm font-medium mr-auto"
                     >
                       Learn more →
-                    </a>
+                    </Link>
 
                     <button
                       onClick={scrollLeft}

src/pages/gpu/GpuHero.tsx

@@ -22,10 +22,10 @@ export function GpuHero() {
               Access GPUs across the Mycelium mesh without waitlists, inflated pricing, or centralized control. Run inference, training, and compute workloads where they make sense: cloud, edge, or on your own hardware.
             </p>
             <div className="mt-10 flex items-center gap-x-6">
-              <Button to="#gpu-getting-started" as="a" variant="solid" color="cyan">
+              <Button to="/gpu#gpu-getting-started" variant="solid" color="cyan">
                 How it works
               </Button>
-              <Button to="#gpu-architecture" as="a" variant="outline">
+              <Button to="/gpu#gpu-architecture" variant="outline">
                 Explore Docs <span aria-hidden="true">→</span>
               </Button>
             </div>

src/pages/gpu/GpuOverview.tsx

@@ -32,7 +32,7 @@ const coreFeatures = [
 
 export function GpuOverview() {
   return (
-    <section className="bg-[#121212] w-full max-w-8xl mx-auto">
+    <section id="gpu-getting-started" className="bg-[#121212] w-full max-w-8xl mx-auto">
 
       {/* ✅ Top spacer */}
       <div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-800 bg-transparent" />