Update src/app/privacy/page.tsx

Merge version_121 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 } from "lucide-react";
 
 export default function ContactUsPage() {
   return (
@@ -51,6 +52,10 @@ export default function ContactUsPage() {
         </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>
               <FooterLogoEmphasis
                 columns={[
                   { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -59,6 +64,7 @@ export default function ContactUsPage() {
                 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 } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -52,6 +53,10 @@ export default function ContactPage() {
         </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>
               <FooterLogoEmphasis
                 columns={[
                   { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -60,6 +65,7 @@ export default function ContactPage() {
                 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 } from "lucide-react";
 
 export default function EstimatePage() {
   return (
@@ -56,6 +57,10 @@ export default function EstimatePage() {
         </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>
               <FooterLogoEmphasis
                 columns={[
                   { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -64,6 +69,7 @@ export default function EstimatePage() {
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/fleet/page.tsx

@@ -7,6 +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";
 
 export default function FleetPage() {
   const [popupContent, setPopupContent] = useState<{title: string, body: string} | null>(null);
@@ -108,6 +109,10 @@ 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>
               <FooterLogoEmphasis
                 columns={[
                   { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -116,6 +121,7 @@ export default function FleetPage() {
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

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 { Instagram } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -112,6 +113,10 @@ export default function LandingPage() {
         </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>
               <FooterLogoEmphasis
                 columns={[
                   { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -120,6 +125,7 @@ export default function LandingPage() {
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/pricing/page.tsx

@@ -5,6 +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";
 
 export default function PricingPage() {
   return (
@@ -56,6 +57,10 @@ 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>
               <FooterLogoEmphasis
                 columns={[
                     { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Pricing", href: "/pricing" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -64,6 +69,7 @@ export default function PricingPage() {
                 logoText="CleanScene"
             />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/privacy/page.tsx

@@ -4,6 +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";
 
 export default function PrivacyPage() {
   return (
@@ -43,6 +44,10 @@ export default function PrivacyPage() {
         </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>
               <FooterLogoEmphasis
                 columns={[
                     { items: [{ label: "Home", href: "/" }, { label: "Our Premium Fleet", href: "/fleet" }, { label: "Get My Free Estimate", href: "/estimate" }] },
@@ -51,6 +56,7 @@ export default function PrivacyPage() {
                 logoText=""
               />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );