Update src/app/page.tsx

2026-05-04 02:13:20 +00:00 · 2026-05-04 02:12:58 +00:00 · 2026-05-04 02:12:46 +00:00 · 2026-05-04 02:12:30 +00:00 · 2026-05-04 02:12:07 +00:00 · 2026-05-04 01:55:38 +00:00
7 changed files with 72 additions and 33 deletions
--- a/src/app/contact-us/page.tsx
+++ b/src/app/contact-us/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function ContactUsPage() {
  return (
@@ -53,9 +53,14 @@ export default function ContactUsPage() {

        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                  { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -5,7 +5,7 @@ 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 { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function ContactPage() {
  return (
@@ -54,9 +54,14 @@ export default function ContactPage() {

        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                  { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
--- a/src/app/estimate/page.tsx
+++ b/src/app/estimate/page.tsx
@@ -5,7 +5,7 @@ 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 { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function EstimatePage() {
  return (
@@ -58,9 +58,14 @@ export default function EstimatePage() {

        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                  { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
--- a/src/app/fleet/page.tsx
+++ b/src/app/fleet/page.tsx
@@ -7,7 +7,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { useState } from 'react';
-import { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function FleetPage() {
  const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
@@ -110,9 +110,14 @@ export default function FleetPage() {

        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                  { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +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 { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -43,13 +43,13 @@ export default function LandingPage() {
        <div id="hero" data-section="hero">
            <HeroSplitKpi
            background={{ variant: "gradient-bars" }}
-            title="Set the Scene for a Flawless Event"
+            title="Premium Portable Restrooms"
            titleClassName="text-[#0a7039]"
            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" },
-                { value: "100%", label: "Rental Satisfaction" },
+                { value: "1", label: "Guest Comfort" },
+                { value: "1", label: "Local Team" },
            ]}
            enableKpiAnimation={true}
            buttons={[
@@ -108,15 +108,24 @@ export default function LandingPage() {
        </div>

        <div className="flex justify-center gap-8 py-12" data-section="badges">
-          <img src="https://www.theknot.com/tk-assets/web/badges/best-of-weddings-2024.png" alt="The Knot Best of Weddings 2024" className="h-24" />
-          <img src="https://www.theknot.com/tk-assets/web/badges/hall-of-fame-2024.png" alt="The Knot Hall of Fame 2024" className="h-24" />
+          <a href="https://www.theknot.com/marketplace/cleanscene-restroom-rentals-green-bay-wi-2098007" target="_blank" rel="noopener noreferrer">
+             <img src="https://www.theknot.com/tk-assets/web/badges/best-of-weddings-2025.png" alt="The Knot Best of Weddings 2025" className="h-24" />
+          </a>
+          <a href="https://www.theknot.com/marketplace/cleanscene-restroom-rentals-green-bay-wi-2098007" target="_blank" rel="noopener noreferrer">
+             <img src="https://www.theknot.com/tk-assets/web/badges/hall-of-fame-2025.png" alt="The Knot Hall of Fame 2025" className="h-24" />
+          </a>
        </div>

        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                  { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function PricingPage() {
  return (
@@ -58,9 +58,14 @@ export default function PricingPage() {
        </div>
        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                    { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Instagram } from "lucide-react";
+import { Instagram, Facebook } from "lucide-react";

 export default function PrivacyPage() {
  return (
@@ -45,9 +45,14 @@ export default function PrivacyPage() {

        <div id="footer" data-section="footer">
            <div className="flex flex-col items-center py-8">
-              <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="mb-4 text-[#0a7039] hover:opacity-80 transition-opacity">
-                <Instagram size={32} />
-              </a>
+              <div className="flex items-center mb-4 gap-4">
+                <a href="https://www.instagram.com/cleanscene" target="_blank" rel="noopener noreferrer" aria-label="Follow CleanScene on Instagram" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Instagram size={24} />
+                </a>
+                <a href="https://www.facebook.com/people/CleanScene-Restroom-Rentals/61588358724791/?sk=about" target="_blank" rel="noopener noreferrer" aria-label="CleanScene Restroom Rentals on Facebook" className="text-[#0a7039] hover:opacity-80 transition-opacity">
+                  <Facebook size={24} />
+                </a>
+              </div>
              <FooterLogoEmphasis
                columns={[
                    { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
Author	SHA1	Message	Date
bender	c2c7911a5a	Update src/app/page.tsx	2026-05-04 02:13:20 +00:00
bender	ae841699b4	Update src/app/page.tsx	2026-05-04 02:12:58 +00:00
bender	612a931bce	Update src/app/page.tsx	2026-05-04 02:12:46 +00:00
bender	95dff0b7c4	Update src/app/page.tsx	2026-05-04 02:12:30 +00:00
bender	0a57fe6f53	Update src/app/page.tsx	2026-05-04 02:12:07 +00:00
bender	c618cd522b	Merge version_124 into main Merge version_124 into main	2026-05-04 01:55:38 +00:00
bender	b6abcd9797	Update src/app/page.tsx	2026-05-04 01:55:32 +00:00
bender	5ca831288f	Merge version_123 into main Merge version_123 into main	2026-05-04 01:23:53 +00:00
bender	17ad64ab34	Update src/app/privacy/page.tsx	2026-05-04 01:23:50 +00:00
bender	688f468042	Update src/app/pricing/page.tsx	2026-05-04 01:23:49 +00:00
bender	8a973db170	Update src/app/page.tsx	2026-05-04 01:23:49 +00:00
bender	dd721caa60	Update src/app/fleet/page.tsx	2026-05-04 01:23:48 +00:00
bender	cdd2930f39	Update src/app/estimate/page.tsx	2026-05-04 01:23:47 +00:00
bender	817a141c72	Update src/app/contact-us/page.tsx	2026-05-04 01:23:47 +00:00
bender	b0e1ed7681	Update src/app/contact/page.tsx	2026-05-04 01:23:46 +00:00
bender	167cdcb352	Merge version_122 into main Merge version_122 into main	2026-05-04 01:19:51 +00:00