fix routing

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}