diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 82cab3a..18f3bfa 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function ContactPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -21,44 +21,48 @@ export default function ContactPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingInline
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Fleet", id: "/fleet" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Get My Free Estimate", id: "/estimate" },
-              { name: "Contact us", id: "/contact-us" },
-            ]}
-            brandName="CleanScene"
-            button={{ text: "Get Quote" }}
-          />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "Fleet", id: "/fleet" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Get My Free Estimate", id: "/estimate" },
+        { name: "Contact us", id: "/contact-us" },
+      ]}
+      brandName="CleanScene"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
+      logoImageClassName="scale-150"
+    />
+  </div>
 
-        <div id="contact" data-section="contact">
-            <ContactSplitForm
-            useInvertedBackground={false}
-            title="Request a Free Estimate"
-            titleClassName="text-[#0a7039]"
-            description="Tell us about your event. We typically respond within 4 business hours."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Full Name", required: true },
-              { name: "email", type: "email", placeholder: "Email Address", required: true },
-            ]}
-            textarea={{ name: "message", placeholder: "Tell us about your event details...", rows: 4 }}
-            imageSrc="http://img.b2bpic.net/free-photo/happy-event-manager-banquet-hall_23-2148085332.jpg"
-          />
-        </div>
+  <div id="contact" data-section="contact">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Request a Free Estimate"
+      titleClassName="text-[#0a7039]"
+      description="Tell us about your event. We typically respond within 4 business hours."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your event details...", rows: 4 }}
+      imageSrc="http://img.b2bpic.net/free-photo/happy-event-manager-banquet-hall_23-2148085332.jpg"
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
-            <FooterLogoEmphasis
-            columns={[
-              { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
-              { items: [{ label: "Contact us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
-            ]}
-            logoText="CleanScene"
-          />
-        </div>
+  <div id="footer" data-section="footer">
+      <FooterLogoEmphasis
+      columns={[
+        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
+        { items: [{ label: "Contact us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
+      ]}
+      logoText="CleanScene"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
+      logoClassName="text-white"
+      logoImageClassName="scale-75 hidden"
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );