diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 7d6bb1e..26e7652 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -8,6 +8,27 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import { Sparkles } from "lucide-react";
 
 export default function CheckoutPage() {
+  const canonicalNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Categories", id: "/categories" },
+    { name: "Products", id: "#products" },
+    { name: "Features", id: "#features" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Search", id: "/search" },
+    { name: "Wishlist", id: "/wishlist" },
+    { name: "Account", id: "/account" },
+    { name: "Login", id: "/login" },
+    { name: "Register", id: "/register" },
+    { name: "Customer Dashboard", id: "/customer/dashboard" },
+    { name: "Seller Dashboard", id: "/seller-dashboard" },
+    { name: "Seller Portal", id: "/seller/dashboard" },
+    { name: "Checkout", id: "/checkout" },
+    { name: "Downloads", id: "/downloads" },
+    { name: "Contact", id: "/contact" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -24,26 +45,7 @@ export default function CheckoutPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
-            navItems={[
-              {
-                name: "Home", id: "#home"},
-              {
-                name: "Products", id: "#products"},
-              {
-                name: "Features", id: "#features"},
-              {
-                name: "Testimonials", id: "#testimonials"},
-              {
-                name: "Pricing", id: "#pricing"},
-              {
-                name: "FAQ", id: "#faq"},
-              {
-                name: "Checkout", id: "/checkout"},
-              {
-                name: "Downloads", id: "/downloads"},
-              {
-                name: "Contact", id: "#contact"},
-            ]}
+            navItems={canonicalNavItems}
             brandName="DesignFlow"
             button={{
               text: "Get Started", href: "#products"}}
@@ -102,7 +104,7 @@ export default function CheckoutPage() {
                   {
                     label: "Pricing", href: "#pricing"},
                   {
-                    label: "Contact", href: "#contact"},
+                    label: "Contact", href: "/contact"},
                 ],
               },
               {