Update src/app/page.tsx

Update src/app/fleet/page.tsx
Update src/app/estimate/page.tsx
2026-05-03 18:04:05 +00:00 · 2026-05-03 18:04:05 +00:00 · 2026-05-03 18:04:05 +00:00 · 2026-05-03 18:04:04 +00:00 · 2026-05-03 18:04:04 +00:00 · 2026-05-03 18:03:18 +00:00
5 changed files with 116 additions and 46 deletions
--- a/src/app/contact-us/page.tsx
+++ b/src/app/contact-us/page.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+
+export default function ContactUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Fleet", id: "/fleet" },
+              { name: "Request a 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">
+            <ContactCTA
+            tag="Contact Us"
+            title="Get in Touch"
+            description="Reach out to us via email at Info@cleanscenerestroom.com or call us at 920-212-1578 for any inquiries regarding our premium mobile restroom trailers."
+            buttons={[
+                { text: "Call 920-212-1578", href: "tel:920-212-1578" },
+                { text: "Email Us", href: "mailto:Info@cleanscenerestroom.com" }
+            ]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }, { label: "Contact Us", href: "/contact-us" }] },
+              { items: [{ label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            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>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -27,6 +27,7 @@ export default function LandingPage() {
        { name: "Home", id: "/" },
        { name: "Fleet", id: "/fleet" },
        { name: "Request a 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"
@@ -52,8 +53,8 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }, { label: "Contact Us", href: "/contact-us" }] },
+        { items: [{ label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="CleanScene"
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
--- a/src/app/estimate/page.tsx
+++ b/src/app/estimate/page.tsx
@@ -27,6 +27,7 @@ export default function EstimatePage() {
        { name: "Home", id: "/" },
        { name: "Fleet", id: "/fleet" },
        { name: "Request a 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"
@@ -56,8 +57,8 @@ export default function EstimatePage() {
  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }, { label: "Contact Us", href: "/contact-us" }] },
+        { items: [{ label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="CleanScene"
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
--- a/src/app/fleet/page.tsx
+++ b/src/app/fleet/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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';

 export default function FleetPage() {
  return (
@@ -21,47 +21,47 @@ export default function FleetPage() {
        headingFontWeight="bold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Fleet", id: "/fleet" },
-        { name: "Request a free estimate", id: "/estimate" },
-      ]}
-      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="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Fleet", id: "/fleet" },
+              { name: "Request a 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="product" data-section="product">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      title="Our premium mobile restroom fleet"
-      textBoxTitleClassName="text-[#0a7039]"
-      description=""
-      products={[
-        { id: "f1", brand: "CleanScene", name: "3 Station, Private Floorplan Trailer", price: "$1,375 per day", rating: 5, reviewCount: "10+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/backlit-mirror-minimalist-sink-spa-bathroom_169016-68891.jpg" },
-        { id: "f2", brand: "CleanScene", name: "4 Station, Community Floorplan Trailer", price: "$1,825 per day", rating: 5, reviewCount: "10+ reviews", imageSrc: "http://img.b2bpic.net/close-up-bathtub-with-faucet_1203-1500.jpg" },
-      ]}
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={false}
+            title="Our premium mobile restroom fleet"
+            description="We price on a per day basis, offering multi-day rental discounts."
+            products={[
+              { id: "f1", name: "3 Station, Private Floorplan Trailer", price: "$1,375 per day", imageSrc: "http://img.b2bpic.net/free-photo/backlit-mirror-minimalist-sink-spa-bathroom_169016-68891.jpg?_wi=1" },
+              { id: "f2", name: "4 Station, Community Floorplan Trailer", price: "$1,825 per day", imageSrc: "http://img.b2bpic.net/close-up-bathtub-with-faucet_1203-1500.jpg" }
+            ]}
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
-      ]}
-      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>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            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"
+            columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }, { label: "Contact Us", href: "/contact-us" }] },
+                { items: [{ label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,6 +31,7 @@ export default function LandingPage() {
        { name: "Home", id: "/" },
        { name: "Fleet", id: "/fleet" },
        { name: "Request a 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"
@@ -118,8 +119,8 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+        { items: [{ label: "Home", href: "/" }, { label: "Fleet", href: "/fleet" }, { label: "Request a free estimate", href: "/estimate" }, { label: "Contact Us", href: "/contact-us" }] },
+        { items: [{ label: "Privacy policy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="CleanScene"
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777213847237-f7u1y0mi.png"
Author	SHA1	Message	Date
bender	60780d19b5	Update src/app/page.tsx	2026-05-03 18:04:05 +00:00
bender	4f07372dd9	Update src/app/fleet/page.tsx	2026-05-03 18:04:05 +00:00
bender	9806c8a901	Update src/app/estimate/page.tsx	2026-05-03 18:04:05 +00:00
bender	085f29cb02	Update src/app/contact-us/page.tsx	2026-05-03 18:04:04 +00:00
bender	2935a76320	Update src/app/contact/page.tsx	2026-05-03 18:04:04 +00:00
bender	cad7661bb3	Merge version_54 into main Merge version_54 into main	2026-05-03 18:03:18 +00:00
bender	865d270fca	Update src/app/page.tsx	2026-05-03 18:03:15 +00:00
bender	c13223f856	Update src/app/fleet/page.tsx	2026-05-03 18:03:15 +00:00
bender	8eb7725469	Update src/app/estimate/page.tsx	2026-05-03 18:03:14 +00:00
bender	2ea8862fea	Update src/app/contact-us/page.tsx	2026-05-03 18:03:14 +00:00
bender	0f1c9c82a0	Update src/app/contact/page.tsx	2026-05-03 18:03:13 +00:00
bender	83e9258bca	Merge version_53 into main Merge version_53 into main	2026-05-03 18:02:30 +00:00
bender	8c227482f0	Update src/app/page.tsx	2026-05-03 18:02:27 +00:00
bender	839f4efdc0	Update src/app/fleet/page.tsx	2026-05-03 18:02:26 +00:00
bender	3d2c048f15	Update src/app/estimate/page.tsx	2026-05-03 18:02:26 +00:00
bender	c62b2da75b	Update src/app/contact-us/page.tsx	2026-05-03 18:02:25 +00:00
bender	70697aeb6c	Update src/app/contact/page.tsx	2026-05-03 18:02:25 +00:00
bender	2998d134b2	Merge version_52 into main Merge version_52 into main	2026-05-03 18:00:52 +00:00
bender	faa042bc89	Update src/app/page.tsx	2026-05-03 18:00:49 +00:00
bender	195a4d7ef4	Update src/app/fleet/page.tsx	2026-05-03 18:00:49 +00:00
bender	d7891d6e19	Update src/app/estimate/page.tsx	2026-05-03 18:00:48 +00:00
bender	b418d0003b	Add src/app/contact-us/page.tsx	2026-05-03 18:00:48 +00:00
bender	b5608442b0	Update src/app/contact/page.tsx	2026-05-03 18:00:47 +00:00
bender	b7c03deee4	Merge version_51 into main Merge version_51 into main	2026-05-03 17:58:27 +00:00
bender	9ddebce470	Update src/app/fleet/page.tsx	2026-05-03 17:58:24 +00:00
bender	6b03b983ea	Merge version_50 into main Merge version_50 into main	2026-05-03 17:58:01 +00:00
bender	998a2b8187	Update src/app/fleet/page.tsx	2026-05-03 17:57:58 +00:00
bender	50b24445fb	Merge version_50 into main Merge version_50 into main	2026-05-03 17:57:37 +00:00
bender	e4745aed71	Update src/app/fleet/page.tsx	2026-05-03 17:57:34 +00:00
bender	fa51f93d1f	Merge version_50 into main Merge version_50 into main	2026-05-03 17:57:11 +00:00
bender	f1eae01cbf	Update src/app/fleet/page.tsx	2026-05-03 17:57:08 +00:00
bender	fe80446ff4	Merge version_50 into main Merge version_50 into main	2026-05-03 17:56:46 +00:00
bender	57ad5b1208	Update src/app/fleet/page.tsx	2026-05-03 17:56:43 +00:00
bender	14e0f3a5e4	Merge version_49 into main Merge version_49 into main	2026-05-03 17:55:58 +00:00
bender	bb9aeea966	Update src/app/fleet/page.tsx	2026-05-03 17:55:55 +00:00
bender	7309a97af3	Merge version_48 into main Merge version_48 into main	2026-05-03 17:52:16 +00:00