diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index ec6ebd4..ea8ce6e 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
 type BlogPost = {
     id: string;
@@ -86,7 +86,7 @@ export default function BlogPage() {
         <ThemeProvider
             defaultButtonVariant="directional-hover"
             defaultTextAnimation="reveal-blur"
-            borderRadius="sharp"
+            borderRadius="pill"
             contentWidth="small"
             sizing="medium"
             background="circleGradient"
@@ -97,15 +97,16 @@ export default function BlogPage() {
         >
             <ReactLenis root>
                 <div className="min-h-screen bg-background">
-                    <NavbarLayoutFloatingInline
-                        brandName="A Detailing"
+                    <NavbarStyleFullscreen
                         navItems={[
-                            { name: "Home", id: "/home" },
+                            { name: "Home", id: "/" },
                             { name: "Services", id: "services" },
                             { name: "Why Us", id: "about" },
                             { name: "Contact", id: "contact" }
                         ]}
-                        button={{ text: "Book Now", href: "#contact" }}
+                        brandName="A Detailing"
+                        bottomLeftText="San Diego, CA"
+                        bottomRightText="hello@adetailing.com"
                     />
 
                     {isLoading ? (