diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 2fec548..dfbc2d2 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect, useState } from "react";
 import ReactLenis from "lenis/react";
+import Link from "next/link";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -54,7 +55,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -96,19 +98,19 @@ export default function BlogPage() {
         >
             <ReactLenis root>
                 <div className="min-h-screen bg-background">
-                    <NavbarStyleFullscreen
-                        brandName="DISTRICT"
-                        navItems={[
-                            { name: "Home", id: "/home" },
-                            { name: "Shop", id: "products" },
-                            { name: "About", id: "about" },
-                            { name: "Craft", id: "features" },
-                            { name: "Stories", id: "testimonial" },
-                            { name: "Contact", id: "contact" }
-                        ]}
-                        bottomLeftText="Premium Streetwear"
-                        bottomRightText="hello@districtco.com"
-                    />
+                    <div id="nav" data-section="nav">
+                        <NavbarStyleFullscreen
+                            brandName="DISTRICT"
+                            navItems={[
+                                { name: "Shop", id: "/" },
+                                { name: "About", id: "/about" },
+                                { name: "Craft", id: "/craft" },
+                                { name: "Contact", id: "/contact" }
+                            ]}
+                            bottomLeftText="Premium Streetwear"
+                            bottomRightText="hello@districtco.com"
+                        />
+                    </div>
 
                     {isLoading ? (
                         <div className="w-content-width mx-auto py-20 text-center">