Switch to version 87: modified src/app/pricing/page.tsx

src/app/pricing/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
@@ -22,7 +22,7 @@ export default function PricingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingInline
+            <NavbarLayoutFloatingOverlay
                 navItems={[
                     { name: "Home", id: "/" },
                     { name: "Fleet", id: "/fleet" },
@@ -31,7 +31,8 @@ export default function PricingPage() {
                     { name: "Contact us", id: "/contact-us" },
                 ]}
                 brandName="CleanScene"
-                button={{ text: "Get Quote" }}
+                logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
+                logoImageClassName="scale-150"
             />
         </div>
         <div id="pricing" data-section="pricing">
@@ -60,6 +61,9 @@ export default function PricingPage() {
                     { 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>