diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 1656af3..2ace6e0 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -15,16 +15,16 @@ export function Footer() {
               </div>
             </div>
             <nav className="mt-10 flex gap-8">
-              <Link to="/" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
+              <Link to="/#/" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
                 Home
               </Link>
-              <Link to="/cloud" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
+              <Link to="/#/cloud" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
                 Cloud
               </Link>
-              <Link to="/network" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
+              <Link to="/#/network" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
                 Network
               </Link>
-              <Link to="/agents" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
+              <Link to="/#/agents" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
                 Agents
               </Link>
             </nav>
@@ -35,7 +35,7 @@ export function Footer() {
             </div>
             <div className="ml-4 lg:w-72">
               <p className="text-base font-semibold text-gray-900">
-                <Link to="/download">
+                <Link to="/#/download">
                   <span className="absolute inset-0 sm:rounded-2xl" />
                   Download Mycelium Connector
                 </Link>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 3492a4b..67f35d1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -9,10 +9,10 @@ import { Dialog } from '@headlessui/react'
 import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
 
 const cloudNavItems = [
-  { name: 'Cloud', href: '/cloud' },
-  { name: 'Compute', href: '/compute' },
-  { name: 'Storage', href: '/storage' },
-  { name: 'GPU', href: '/gpu' },
+  { name: 'Cloud', href: '/#/cloud' },
+  { name: 'Compute', href: '/#/compute' },
+  { name: 'Storage', href: '/#/storage' },
+  { name: 'GPU', href: '/#/gpu' },
 ]
 
 export function Header() {
@@ -47,13 +47,13 @@ export function Header() {
                 items={cloudNavItems}
               />
               <Link
-                to="/network"
+                to="/#/network"
                 className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors"
               >
                 Network
               </Link>
               <Link
-                to="/agents"
+                to="/#/agents"
                 className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors"
               >
                 Agents
@@ -71,7 +71,7 @@ export function Header() {
               >
                 Deploy Now
               </Button>
-              <Button to="/download" variant="solid" color="cyan">
+              <Button to="/#/download" variant="solid" color="cyan">
                 Get Mycelium Connector
               </Button>
             </div>
@@ -122,13 +122,13 @@ export function Header() {
                   </Link>
                 ))}
                 <Link
-                  to="/network"
+                  to="/#/network"
                   className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
                 >
                   Network
                 </Link>
                 <Link
-                  to="/agents"
+                  to="/#/agents"
                   className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
                 >
                   Agents
@@ -145,7 +145,7 @@ export function Header() {
                 >
                   Start Deployment
                 </Button>
-                <Button to="/download" variant="solid" color="cyan" className="mt-4 w-full">
+                <Button to="/#/download" variant="solid" color="cyan" className="mt-4 w-full">
                   Get Mycelium Connector
                 </Button>
               </div>