Update src/app/pricing/page.tsx

Merge version_90 into main

src/app/contact-us/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
 export default function ContactUsPage() {
   return (
@@ -22,15 +22,15 @@ export default function ContactUsPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarStyleFullscreen
+            <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 My Free Estimate", href: "/estimate" }}
           />
         </div>
 
@@ -51,7 +51,7 @@ export default function ContactUsPage() {
         <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: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { 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"

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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -21,43 +21,43 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+            <NavbarLayoutFloatingInline
-      navItems={[
+            navItems={[
-        { name: "Home", id: "/" },
+              { name: "Home", id: "/" },
-        { name: "Fleet", id: "/fleet" },
+              { name: "Fleet", id: "/fleet" },
-        { name: "Pricing", id: "/pricing" },
+              { name: "Get My Free Estimate", id: "/estimate" },
-        { name: "Get My Free Estimate", id: "/estimate" },
+              { name: "Contact us", id: "/contact-us" },
-        { name: "Contact us", id: "/contact-us" },
+            ]}
-      ]}
+            brandName="CleanScene"
-      brandName="CleanScene"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
-    />
+          />
-  </div>
+        </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactSplitForm
+            <ContactSplitForm
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Request a Free Estimate"
+            title="Request a Free Estimate"
-      titleClassName="text-[#0a7039]"
+            titleClassName="text-[#0a7039]"
-      description="Tell us about your event. We typically respond within 4 business hours."
+            description="Tell us about your event. We typically respond within 4 business hours."
-      inputs={[
+            inputs={[
-        { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
-      ]}
+            ]}
-      textarea={{ name: "message", placeholder: "Tell us about your event details...", rows: 4 }}
+            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"
+            imageSrc="http://img.b2bpic.net/free-photo/happy-event-manager-banquet-hall_23-2148085332.jpg"
-    />
+          />
-  </div>
+        </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+            <FooterLogoEmphasis
-      columns={[
+            columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
+              { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
-        { items: [{ label: "Contact us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
+              { items: [{ label: "Contact us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
-      ]}
+            ]}
-      logoText="CleanScene"
+            logoText="CleanScene"
-    />
+          />
-  </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/estimate/page.tsx

@@ -4,7 +4,7 @@ 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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
 export default function EstimatePage() {
   return (
@@ -21,47 +21,47 @@ export default function EstimatePage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+            <NavbarLayoutFloatingInline
-      navItems={[
+            navItems={[
-        { name: "Home", id: "/" },
+              { name: "Home", id: "/" },
-        { name: "Fleet", id: "/fleet" },
+              { name: "Fleet", id: "/fleet" },
-        { name: "Pricing", id: "/pricing" },
+              { name: "Get My Free Estimate", id: "/estimate" },
-        { name: "Get My Free Estimate", id: "/estimate" },
+              { name: "Contact us", id: "/contact-us" },
-        { name: "Contact us", id: "/contact-us" },
+            ]}
-      ]}
+            brandName="CleanScene"
-      brandName="CleanScene"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
-    />
+          />
-  </div>
+        </div>
 
-  <div id="estimate-form" data-section="estimate-form">
+        <div id="estimate-form" data-section="estimate-form">
-      <ContactSplitForm
+            <ContactSplitForm
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Request a free estimate"
+            title="Request a free estimate"
-      titleClassName="text-[#0a7039]"
+            titleClassName="text-[#0a7039]"
-      description="Tell us about your event. We typically respond within 24 business hours."
+            description="Tell us about your event. We typically respond within 24 business hours."
-      inputs={[
+            inputs={[
-        { name: "full_name", type: "text", placeholder: "Full Name", required: true },
+              { name: "full_name", type: "text", placeholder: "Full Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
-        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
-        { name: "event_date", type: "date", placeholder: "Event Date", required: true },
+              { name: "event_date", type: "date", placeholder: "Event Date", required: true },
-        { name: "address", type: "text", placeholder: "Delivery Address", required: true },
+              { name: "address", type: "text", placeholder: "Delivery Address", required: true },
-        { name: "event_type", type: "text", placeholder: "Event Type", required: true },
+              { name: "event_type", type: "text", placeholder: "Event Type", required: true },
-      ]}
+            ]}
-      textarea={{ name: "other_info", placeholder: "Other info (Optional)", rows: 5 }}
+            textarea={{ name: "other_info", placeholder: "Other info (Optional)", rows: 5 }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=1"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=1"
-    />
+          />
-  </div>
+        </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+            <FooterLogoEmphasis
-      columns={[
+            columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
+              { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
-        { items: [{ label: "Contact Us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
+              { items: [{ label: "Contact Us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
-      ]}
+            ]}
-      logoText="CleanScene"
+            logoText="CleanScene"
-    />
+          />
-  </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/fleet/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
@@ -22,15 +22,15 @@ export default function FleetPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarStyleFullscreen
+            <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 My Free Estimate", href: "/estimate" }}
             />
         </div>
 
@@ -53,7 +53,7 @@ export default function FleetPage() {
         <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: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { 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"

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -24,94 +24,94 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+            <NavbarLayoutFloatingInline
-      navItems={[
+            navItems={[
-        { name: "Home", id: "/" },
+                { name: "Home", id: "/" },
-        { name: "Fleet", id: "/fleet" },
+                { name: "Fleet", id: "/fleet" },
-        { name: "Pricing", id: "/pricing" },
+                { name: "Get My Free Estimate", id: "/estimate" },
-        { name: "Get My Free Estimate", id: "/estimate" },
+                { name: "Contact us", id: "/contact-us" },
-        { name: "Contact us", id: "/contact-us" },
+            ]}
-      ]}
+            brandName="CleanScene"
-      brandName="CleanScene"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
-    />
+            />
-  </div>
+        </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitKpi
+            <HeroSplitKpi
-      background={{ variant: "gradient-bars" }}
+            background={{ variant: "gradient-bars" }}
-      title="Set the Scene for a Flawless Event"
+            title="Set the Scene for a Flawless Event"
-      titleClassName="text-[#0a7039]"
+            titleClassName="text-[#0a7039]"
-      description="Our premium restroom trailers offer the comfort of a quality interior space to provide modern hospitality."
+            description="Our premium restroom trailers offer the comfort of a quality interior space to provide modern hospitality."
-      kpis={[
+            kpis={[
-        { value: "10+", label: "Counties Served" },
+                { value: "10+", label: "Counties Served" },
-        { value: "100%", label: "Guest Comfort" },
+                { value: "100%", label: "Guest Comfort" },
-        { value: "100%", label: "Rental Satisfaction" },
+                { value: "100%", label: "Rental Satisfaction" },
-      ]}
+            ]}
-      enableKpiAnimation={true}
+            enableKpiAnimation={true}
-      buttons={[
+            buttons={[
-        { text: "Get My Free Estimate", href: "/estimate" },
+                { text: "Get My Free Estimate", href: "/estimate" },
-        { text: "View The Fleet", href: "/fleet" },
+                { text: "View The Fleet", href: "/fleet" },
-      ]}
+            ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777135032652-q27squi7.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777135032652-q27squi7.jpg"
-      mediaAnimation="slide-up"
+            mediaAnimation="slide-up"
-    />
+            />
-  </div>
+        </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <TextSplitAbout
+            <TextSplitAbout
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="The CleanScene Difference"
+            title="The CleanScene Difference"
-      titleClassName="text-[#0a7039]"
+            titleClassName="text-[#0a7039]"
-      description={[
+            description={[
-        "We believe restrooms shouldn't just be functional - they should be part of the event design and experience.", "Our trailers offer the comfort of a premium interior space with a touch of modern hospitality."
+                "We believe restrooms shouldn't just be functional - they should be part of the event design and experience.", "Our trailers offer the comfort of a premium interior space with a touch of modern hospitality."
-      ]}
+            ]}
-    />
+            />
-  </div>
+        </div>
 
-  <div id="fleet-preview" data-section="fleet-preview">
+        <div id="fleet-preview" data-section="fleet-preview">
-      <ProductCardTwo
+            <ProductCardTwo
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split-description"
+            textboxLayout="split-description"
-      gridVariant="asymmetric-60-wide-40-narrow"
+            gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      products={[
+            products={[
-        { id: "p1", brand: "CleanScene", name: "3 Station, Private Floorplan Restroom Trailer", price: "$1,375 per day", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=2", onProductClick: () => window.location.href = "/fleet/p1" },
+                { id: "p1", brand: "CleanScene", name: "3 Station, Private Floorplan Restroom Trailer", price: "$1,375 per day", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=2", onProductClick: () => window.location.href = "/fleet/p1" },
-        { id: "p2", brand: "CleanScene", name: "4 Station, Community Floorplan Restroom Trailer", price: "$1,825 per day", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png?_wi=1", onProductClick: () => window.location.href = "/fleet/p2" },
+                { id: "p2", brand: "CleanScene", name: "4 Station, Community Floorplan Restroom Trailer", price: "$1,825 per day", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png?_wi=1", onProductClick: () => window.location.href = "/fleet/p2" },
-      ]}
+            ]}
-      title="Our Premium Fleet"
+            title="Our Premium Fleet"
-      textBoxTitleClassName="text-[#0a7039]"
+            textBoxTitleClassName="text-[#0a7039]"
-      description="Made-in-USA trailers designed for peak comfort."
+            description="Made-in-USA trailers designed for peak comfort."
-      buttons={[{ text: "View Details" }]}
+            buttons={[{ text: "View Details" }]}
-    />
+            />
-  </div>
+        </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardOne
+            <FeatureCardOne
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+            gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Let us elevate your event"
+            title="Let us elevate your event"
-      cardTitleClassName="text-[#0a7039]"
+            cardTitleClassName="text-[#0a7039]"
-      description="Our premium rental fleet is designed to fit seamlessly into any event and leave a lasting impression."
+            description="Our premium rental fleet is designed to fit seamlessly into any event and leave a lasting impression."
-      features={[
+            features={[
-        { title: "Weddings & Private Parties", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-hv8fxndc.jpg" },
+                { title: "Weddings & Private Parties", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-hv8fxndc.jpg" },
-        { title: "Community Events", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=2" },
+                { title: "Community Events", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg?_wi=2" },
-        { title: "Corporate Events", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-klkyjyqk.jpg" },
+                { title: "Corporate Events", description: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-klkyjyqk.jpg" },
-      ]}
+            ]}
-    />
+            />
-  </div>
+        </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+            <FooterLogoEmphasis
-      columns={[
+            columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
+                { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
-        { items: [{ label: "Contact Us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
+                { items: [{ label: "Contact Us", href: "/contact-us" }, { label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }] },
-      ]}
+            ]}
-      logoText=""
+            logoText=""
-    />
+            />
-  </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/pricing/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 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">
-            <NavbarStyleFullscreen
+            <NavbarLayoutFloatingInline
                 navItems={[
                     { name: "Home", id: "/" },
                     { name: "Fleet", id: "/fleet" },
@@ -31,6 +31,7 @@ export default function PricingPage() {
                     { name: "Contact us", id: "/contact-us" },
                 ]}
                 brandName="CleanScene"
+                button={{ text: "Get My Free Estimate", href: "/estimate" }}
             />
         </div>
         <div id="pricing" data-section="pricing">