Update src/app/page.tsx

Merge version_110 into main

src/app/contact-us/page.tsx

@@ -25,13 +25,14 @@ export default function ContactUsPage() {
             <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Fleet", id: "/fleet" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Get My Free Estimate", id: "/estimate" },
+              { name: "Our Premium Fleet", id: "/fleet" },
               { 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-1777837799704-b8guhfm1.png"
+            logoAlt="CleanScene Logo"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
+            className="py-2"
           />
         </div>
 
@@ -52,10 +53,10 @@ 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: "Our Premium 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"
+            logoText=""
           />
         </div>
       </ReactLenis>

src/app/contact/page.tsx

@@ -25,13 +25,14 @@ export default function ContactPage() {
             <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Fleet", id: "/fleet" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Get My Free Estimate", id: "/estimate" },
+              { name: "Our Premium Fleet", id: "/fleet" },
               { 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-1777837799704-b8guhfm1.png"
+            logoAlt="CleanScene Logo"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
+            className="py-2"
           />
         </div>
 
@@ -53,7 +54,7 @@ export default function ContactPage() {
         <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: "Our Premium 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/estimate/page.tsx

@@ -25,13 +25,14 @@ export default function EstimatePage() {
             <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Fleet", id: "/fleet" },
-              { name: "Pricing", id: "/pricing" },
-              { name: "Get My Free Estimate", id: "/estimate" },
+              { name: "Our Premium Fleet", id: "/fleet" },
               { 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-1777837799704-b8guhfm1.png"
+            logoAlt="CleanScene Logo"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
+            className="py-2"
           />
         </div>
 
@@ -57,10 +58,10 @@ export default function EstimatePage() {
         <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: "Our Premium 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"
+            logoText=""
           />
         </div>
       </ReactLenis>

src/app/fleet/page.tsx

@@ -5,8 +5,11 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { useState } from 'react';
 
 export default function FleetPage() {
+  const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
+
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -25,13 +28,14 @@ export default function FleetPage() {
             <NavbarLayoutFloatingInline
             navItems={[
                 { name: "Home", id: "/" },
-                { name: "Fleet", id: "/fleet" },
-                { name: "Pricing", id: "/pricing" },
-                { name: "Get My Free Estimate", id: "/estimate" },
+                { name: "Our Premium Fleet", id: "/fleet" },
                 { 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-1777837799704-b8guhfm1.png"
+            logoAlt="CleanScene Logo"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
+            className="py-2"
             />
         </div>
 
@@ -42,8 +46,28 @@ export default function FleetPage() {
             gridVariant="four-items-2x2-equal-grid"
             useInvertedBackground={false}
             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=1" },
-                { 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" },
+                { 
+                    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=1",                    onProductClick: () => setPopupContent({
+                        title: "3-Station Private Restroom Trailer Rental in Northeast Wisconsin | Modern Finishings",                        body: "Elevate your Northeast Wisconsin wedding, private event, or boutique gathering with our 3-station private floorplan restroom trailer rental — a premium portable restroom solution for upscale events in the Green Bay area and beyond. This luxury restroom trailer features three fully private, individual restroom stations with sleek modern finishings, perfect for intimate weddings, VIP gatherings, and high-end private events.\n\nDesigned for maximum guest comfort and privacy, our 3-station restroom trailer includes climate-controlled interiors, flushable toilets, vanities with running water, and customizable music to match the atmosphere of your event. Built in the USA, our American-made restroom trailer delivers the reliability and elegance your event deserves — providing a comfortable, hotel-quality experience for every guest.\n\nBased in Green Bay, WI, CleanScene Restroom Rental provides prompt delivery, professional setup, and full-service support throughout Northeast Wisconsin — so your event runs smoothly from start to finish. Book your 3-station private restroom trailer rental in Green Bay and Northeast Wisconsin today."
+                    })
+                },
+                { 
+                    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: () => setPopupContent({
+                        title: "4-Station Community Restroom Trailer Rental in Northeast Wisconsin | Rustic Elegance",                        body: "Elevate your Northeast Wisconsin wedding, private event, or community gathering with our 4-station community floorplan restroom trailer rental — a premium portable restroom solution designed for high-traffic events in the Green Bay area and beyond. This luxury restroom trailer features a traditional Men's and Women's layout with two stations each, finished with rustic wood interiors that bring warmth and elegance to any venue.\n\nDesigned for guest comfort, our community restroom trailer includes climate-controlled interiors, flushable toilets, vanities with running water, and customizable music to set the perfect atmosphere. Built in the USA, our American-made restroom trailer delivers the reliability and high-end experience your event deserves — whether it's a rustic wedding, outdoor festival, family reunion, or community celebration.\n\nBased in Green Bay, WI, CleanScene Restroom Rental provides prompt delivery, professional setup, and full-service support throughout Northeast Wisconsin — so your event runs smoothly from start to finish. Book your 4-station community restroom trailer rental in Green Bay and Northeast Wisconsin today."
+                    })
+                },
             ]}
             title="Our premium fleet"
             textBoxTitleClassName="text-[#0a7039]"
@@ -51,13 +75,28 @@ export default function FleetPage() {
             />
         </div>
 
+        {popupContent && (
+          <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm" onClick={() => setPopupContent(null)}>
+            <div className="bg-white p-8 rounded-lg max-w-2xl shadow-xl overflow-y-auto max-h-[90vh]" onClick={(e) => e.stopPropagation()}>
+              <h3 className="text-2xl font-bold mb-4 whitespace-pre-wrap">{popupContent.title}</h3>
+              <p className="text-gray-700 leading-relaxed whitespace-pre-wrap">{popupContent.body}</p>
+              <button 
+                className="mt-6 bg-[#0a7039] text-white px-6 py-2 rounded hover:bg-[#075e2f] transition"
+                onClick={() => setPopupContent(null)}
+              >
+                Close
+              </button>
+            </div>
+          </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: "Home", href: "/" }, { label: "Our Premium 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"
+            logoText=""
             />
         </div>
       </ReactLenis>

src/app/page.tsx

@@ -8,6 +8,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 
 export default function LandingPage() {
   return (
@@ -28,13 +29,14 @@ export default function LandingPage() {
             <NavbarLayoutFloatingInline
             navItems={[
                 { name: "Home", id: "/" },
-                { name: "Fleet", id: "/fleet" },
-                { name: "Pricing", id: "/pricing" },
-                { name: "Get My Free Estimate", id: "/estimate" },
+                { name: "Our Premium Fleet", id: "/fleet" },
                 { 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-1777837799704-b8guhfm1.png"
+            logoAlt="CleanScene Logo"
+            button={{ text: "Get My Free Estimate", href: "/estimate" }}
+            className="py-2"
             />
         </div>
 
@@ -43,7 +45,7 @@ export default function LandingPage() {
             background={{ variant: "gradient-bars" }}
             title="Set the Scene for a Flawless Event"
             titleClassName="text-[#0a7039]"
-            description="Our premium restroom trailers offer the comfort of a quality interior space to provide modern hospitality."
+            description="Proudly serving Northeast Wisconsin - from the Fox Valley to Door County, Shawano to the Lakeshore, and Green Bay.                     Our premium restroom trailers offer the comfort of a quality interior space to provide a modern hospitality experience."
             kpis={[
                 { value: "10+", label: "Counties Served" },
                 { value: "100%", label: "Guest Comfort" },
@@ -54,7 +56,7 @@ export default function LandingPage() {
                 { text: "Get My Free Estimate", href: "/estimate" },
                 { 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?_wi=1"
             mediaAnimation="slide-up"
             />
         </div>
@@ -65,7 +67,7 @@ export default function LandingPage() {
             title="The CleanScene Difference"
             titleClassName="text-[#0a7039]"
             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 premium restroom trailers offer the comfort of a quality interior space to provide a modern hospitality experience.."
             ]}
             />
         </div>
@@ -83,7 +85,23 @@ export default function LandingPage() {
             title="Our Premium Fleet"
             textBoxTitleClassName="text-[#0a7039]"
             description="Made-in-USA trailers designed for peak comfort."
-            buttons={[{ text: "View Details" }]}
+            buttons={[{ text: "View Full Specifications" }]}
+            />
+        </div>
+
+        <div id="gallery" data-section="gallery">
+            <HeroBillboardRotatedCarousel
+            title="Our Event Gallery"
+            description="See how CleanScene restroom trailers elevate events across Wisconsin."
+            background={{ variant: "plain" }}
+            carouselItems={[
+              { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-hv8fxndc.jpg?_wi=1", imageAlt: "Event 1" },
+              { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-rdizvwfd.jpg", imageAlt: "Event 2" },
+              { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777134554820-klkyjyqk.jpg?_wi=1", imageAlt: "Event 3" },
+              { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777135032652-q27squi7.jpg?_wi=2", imageAlt: "Event 4" },
+              { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png", imageAlt: "Event 5" },
+              { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png", imageAlt: "Event 6" }
+            ]}
             />
         </div>
 
@@ -95,11 +113,11 @@ export default function LandingPage() {
             useInvertedBackground={false}
             title="Let us elevate your event"
             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 Northeast Wisconsin event and leave a lasting impression."
             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?_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?_wi=2" },
             ]}
             />
         </div>
@@ -107,7 +125,7 @@ export default function LandingPage() {
         <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: "Our Premium 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=""

src/app/pricing/page.tsx

@@ -25,13 +25,15 @@ export default function PricingPage() {
             <NavbarLayoutFloatingInline
                 navItems={[
                     { name: "Home", id: "/" },
-                    { name: "Fleet", id: "/fleet" },
+                    { name: "Our Premium 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" }}
+                logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777837799704-b8guhfm1.png"
+                logoAlt="CleanScene Logo"
+                button={{ text: "Get My Free Estimate", href: "/estimate" }}
+                className="py-2"
             />
         </div>
         <div id="pricing" data-section="pricing">
@@ -56,7 +58,7 @@ export default function PricingPage() {
         <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: "Our Premium 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"