From 631643f5b9b219493ab0c8c1866e2d5903e2edd4 Mon Sep 17 00:00:00 2001
From: Ekikere-Abasi Michael <ekikereabasiekere@gmail.com>
Date: Wed, 3 Dec 2025 12:03:32 +0100
Subject: [PATCH] Update navigation links to include leading slashes (#23)

* Update navigation links to include leading slashes

Update navigation links to include leading slashes for links that points to a section on the home page

* Update footer links to include leading slashes

Update footer links to include leading slashes for links that points to a section on the home page
---
 apps/web/src/components/marketing/footer.tsx | 6 +++---
 apps/web/src/components/marketing/header.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/marketing/footer.tsx b/apps/web/src/components/marketing/footer.tsx
index e9f4cb5..d3c0798 100644
--- a/apps/web/src/components/marketing/footer.tsx
+++ b/apps/web/src/components/marketing/footer.tsx
@@ -3,14 +3,14 @@ import { Database, Github, Twitter } from 'lucide-react'
 
 const footerLinks = {
   Product: [
-    { label: 'Features', href: '#features' },
-    { label: 'Pricing', href: '#pricing' },
+    { label: 'Features', href: '/#features' },
+    { label: 'Pricing', href: '/#pricing' },
     { label: 'Download', href: '/download' },
     { label: 'Changelog', href: '/changelog' },
   ],
   Resources: [
     { label: 'Documentation', href: '/docs' },
-    { label: 'FAQ', href: '#faq' },
+    { label: 'FAQ', href: '/#faq' },
     { label: 'Blog', href: '/blog' },
     { label: 'Support', href: '/support' },
   ],
diff --git a/apps/web/src/components/marketing/header.tsx b/apps/web/src/components/marketing/header.tsx
index 8871ea6..e148088 100644
--- a/apps/web/src/components/marketing/header.tsx
+++ b/apps/web/src/components/marketing/header.tsx
@@ -6,9 +6,9 @@ import { Button } from '@/components/ui/button'
 import { Database, Menu, X, Github, Star } from 'lucide-react'
 
 const navLinks = [
-  { href: '#features', label: 'Features' },
-  { href: '#pricing', label: 'Pricing' },
-  { href: '#faq', label: 'FAQ' },
+  { href: '/#features', label: 'Features' },
+  { href: '/#pricing', label: 'Pricing' },
+  { href: '/#faq', label: 'FAQ' },
 ]
 
 export function Header() {
@@ -123,7 +123,7 @@ export function Header() {
                   <Link href="/download">Download</Link>
                 </Button>
                 <Button size="sm" asChild>
-                  <Link href="#pricing">Get Pro — $29</Link>
+                  <Link href="/#pricing">Get Pro — $29</Link>
                 </Button>
               </div>
             </div>