Update src/app/privacy/page.tsx

Merge version_133 into main

src/app/contact-us/page.tsx

@@ -5,6 +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, Facebook } from "lucide-react";
 
 export default function ContactUsPage() {
   return (
@@ -51,14 +52,24 @@ export default function ContactUsPage() {
         </div>
 
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-              { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -5,6 +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, Facebook } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -52,14 +53,24 @@ export default function ContactPage() {
         </div>
 
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-              { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText="CleanScene"
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/estimate/page.tsx

@@ -5,6 +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, Facebook } from "lucide-react";
 
 export default function EstimatePage() {
   return (
@@ -46,6 +47,8 @@ export default function EstimatePage() {
               { name: "full_name", type: "text", placeholder: "Full Name", required: true },
               { name: "email", type: "email", placeholder: "Email Address", required: true },
               { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+              { name: "guest_count", type: "number", placeholder: "Estimated Guest Count", required: true },
+              { name: "event_date_title", type: "text", placeholder: "Event Date", className: "border-none bg-transparent font-semibold mt-4 mb-0 pb-0 text-sm" },
               { name: "event_date", type: "date", placeholder: "Event Date", required: true },
               { name: "address", type: "text", placeholder: "Delivery Address", required: true },
               { name: "event_type", type: "text", placeholder: "Event Type", required: true },
@@ -56,14 +59,24 @@ export default function EstimatePage() {
         </div>
 
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-              { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/fleet/page.tsx

@@ -4,8 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 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, Facebook } from "lucide-react";
 
 export default function FleetPage() {
   const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
@@ -52,9 +54,8 @@ export default function FleetPage() {
                     name: "3 Station, Private Floorplan Restroom Trailer", 
                     price: "$1,375 per day", 
                     rating: 5,
-                    reviewCount: "128", 
+                    reviewCount: "12",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=1",                    onProductClick: () => setPopupContent({
-                    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."
-                        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."
                     })
                 },
                 { 
@@ -63,42 +64,52 @@ export default function FleetPage() {
                     name: "4 Station, Community Floorplan Restroom Trailer", 
                     price: "$1,825 per day", 
                     rating: 5,
-                    reviewCount: "95", 
+                    reviewCount: "8",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png?_wi=1",                    onProductClick: () => setPopupContent({
-                    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."
-                        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]"
-            description="Premium, climate-controlled mobile restrooms for every event size. Multi-day rental discounts available."
+            description="Premium, climate-controlled mobile restrooms for every event size."
             />
         </div>
 
-        {popupContent && (
+        <div id="features" data-section="features">
-          <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm" onClick={() => setPopupContent(null)}>
+            <FeatureCardThree
-            <div className="bg-white p-8 rounded-lg max-w-2xl shadow-xl overflow-y-auto max-h-[90vh]" onClick={(e) => e.stopPropagation()}>
+                title="Premium interiors for a premium fleet"
-              <h3 className="text-2xl font-bold mb-4 whitespace-pre-wrap">{popupContent.title}</h3>
+                description="Our restroom trailers are designed for comfort and ease."
-              <p className="text-gray-700 leading-relaxed whitespace-pre-wrap">{popupContent.body}</p>
+                textboxLayout="default"
-              <button 
+                gridVariant="three-columns-all-equal-width"
-                className="mt-6 bg-[#0a7039] text-white px-6 py-2 rounded hover:bg-[#075e2f] transition"
+                animationType="slide-up"
-                onClick={() => setPopupContent(null)}
+                features={[
-              >
+                    { title: "Private restrooms with rustic finishings", description: "4-Station, Community Floorplan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844457157-thyrfsbj.png" },
-                Close
+                    { title: "Private restrooms with modern finishings", description: "3-Station, Private Floorplan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-ryezs5em.jpg?_wi=1" },
-              </button>
+                    { title: "Lighted vanity with rustic finishings", description: "4-Station, Community Floorplan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777844630022-blt2zl10.jpg" }
+                ]}
+                useInvertedBackground={false}
+            />
         </div>
-          </div>
-        )}
 
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-                { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -6,8 +6,8 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 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';
+import { Instagram, Facebook } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -42,20 +42,20 @@ 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."
+            description="Proudly serving Northeast Wisconsin."
             kpis={[
                 { value: "10+", label: "Counties Served" },
                 { value: "100%", label: "Guest Comfort" },
-                { value: "100%", label: "Rental Satisfaction" },
+                { value: "100%", label: "Local Team" },
             ]}
             enableKpiAnimation={true}
             buttons={[
                 { 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>
@@ -66,7 +66,8 @@ 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 premium restroom trailers offer the comfort of a quality interior space to provide a modern hospitality experience.."
+                "Transform the standard event experience by providing premium restroom facilities that your guests will truly appreciate.", 
+                "Hiring premium restroom trailers means you are ensuring immaculate comfort and sophisticated design for your event."
             ]}
             />
         </div>
@@ -78,42 +79,35 @@ export default function LandingPage() {
             gridVariant="asymmetric-60-wide-40-narrow"
             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=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: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832277795-ebq2l26f.png?_wi=2", onProductClick: () => window.location.href = "/fleet" },
-                { 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: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cr9i1HT3S4vLNiV9XJ6S4fk81W/uploaded-1777832470445-mr4qosuh.png?_wi=1", onProductClick: () => window.location.href = "/fleet" },
             ]}
             title="Our Premium Fleet"
             textBoxTitleClassName="text-[#0a7039]"
             description="Made-in-USA trailers designed for peak comfort."
-            buttons={[{ text: "View Full Specifications" }]}
+            buttons={[{ text: "View Full Specifications", href: "/fleet" }]}
-            />
-        </div>
-
-        <div id="features" data-section="features">
-            <FeatureCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="uniform-all-items-equal"
-            useInvertedBackground={false}
-            title="Let us elevate your event"
-            cardTitleClassName="text-[#0a7039]"
-            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: "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" },
-            ]}
             />
         </div>
 
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-                { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/pricing/page.tsx

@@ -3,8 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Instagram, Facebook } from "lucide-react";
 
 export default function PricingPage() {
   return (
@@ -37,7 +38,7 @@ export default function PricingPage() {
             />
         </div>
         <div id="pricing" data-section="pricing">
-            <PricingCardTwo
+            <PricingCardEight
                 useInvertedBackground={false}
                 animationType="slide-up"
                 textboxLayout="split"
@@ -56,14 +57,24 @@ export default function PricingPage() {
             />
         </div>
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-                    { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText="CleanScene"
             />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

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 LegalSection from '@/components/legal/LegalSection';
+import { Instagram, Facebook } from "lucide-react";
 
 export default function PrivacyPage() {
   return (
@@ -35,26 +35,33 @@ export default function PrivacyPage() {
                 className="py-2"
             />
         </div>
-        <div id="privacy" data-section="privacy">
+
-          <LegalSection
+        <div id="content" className="py-20 px-6 max-w-4xl mx-auto">
-            layout="page"
+            <h1 className="text-4xl font-bold mb-8 text-[#0a7039]">Privacy Policy</h1>
-            title="Privacy Policy"
+            <div className="prose max-w-none">
-            sections={[
+                <p>Welcome to CleanScene. This Privacy Policy explains how we collect, use, and protect your information when you visit our website or use our services.</p>
-              { heading: "Information We Collect", content: { type: "paragraph", text: "At CleanScene, we collect information you provide directly to us when you request an estimate, contact us, or interact with our services. This includes your name, email, phone number, and event details." } },
-              { heading: "How We Use Your Information", content: { type: "paragraph", text: "We use the collected information to provide our restroom rental services, communicate with you regarding your event, and improve our customer service experience." } },
-              { heading: "Data Protection", content: { type: "paragraph", text: "We implement security measures to protect your personal information from unauthorized access, alteration, or disclosure. We do not sell your personal data to third parties." } }
-            ]}
-          />
             </div>
+        </div>
+
         <div id="footer" data-section="footer">
+            <div className="flex flex-col items-center py-8">
+              <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" }] },
-              { 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 and Conditions", href: "/terms" }] },
                 ]}
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );