Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Our Impact",
-          id: "metrics",
-        },
+          name: "Our Impact",          id: "metrics"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Spread"
     />
@@ -52,47 +44,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+        variant: "rotated-rays-animated-grid"}}
       title="We Spread Your Brand Offline"
       description="Transforming spaces, events, and cityscapes into powerful touchpoints for your audience. From billboards to full-scale movements, we make your message unmissable."
       buttons={[
         {
-          text: "Start Spreading",
-          href: "#contact",
-        },
+          text: "Start Spreading",          href: "#contact"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg",
-          imageAlt: "Large digital billboard city",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg",          imageAlt: "Large digital billboard city"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425839.jpg",
-          imageAlt: "Festival crowd activation",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425839.jpg",          imageAlt: "Festival crowd activation"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sharing-document_23-2149345277.jpg",
-          imageAlt: "Experiential booth event",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sharing-document_23-2149345277.jpg",          imageAlt: "Experiential booth event"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-glowing-illuminated-billboards-pedestrians_9975-32918.jpg",
-          imageAlt: "Metropolitan advertising",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-glowing-illuminated-billboards-pedestrians_9975-32918.jpg",          imageAlt: "Metropolitan advertising"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-heart-shape-painted-city-building_23-2150965373.jpg",
-          imageAlt: "Movement installation",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/3d-heart-shape-painted-city-building_23-2150965373.jpg",          imageAlt: "Movement installation"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/it-employees-startup-office-working-computer-desks_482257-125003.jpg",
-          imageAlt: "Marketing campaign strategy",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/it-employees-startup-office-working-computer-desks_482257-125003.jpg",          imageAlt: "Marketing campaign strategy"},
       ]}
     />
   </div>
@@ -104,34 +75,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "ooh",
-          label: "OOH",
-          title: "Billboard & Out of Home",
-          items: [
-            "Massive format display",
-            "Strategic site selection",
-            "High-traffic targeting",
-          ],
+          id: "ooh",          label: "OOH",          title: "Billboard & Out of Home",          items: [
+            "Massive format display",            "Strategic site selection",            "High-traffic targeting"],
         },
         {
-          id: "events",
-          label: "EVENTS",
-          title: "Experiential & Pop-ups",
-          items: [
-            "Immersive event design",
-            "Brand activation zones",
-            "Audience engagement",
-          ],
+          id: "events",          label: "EVENTS",          title: "Experiential & Pop-ups",          items: [
+            "Immersive event design",            "Brand activation zones",            "Audience engagement"],
         },
         {
-          id: "movements",
-          label: "MOVEMENTS",
-          title: "Cultural Movements",
-          items: [
-            "Community-led storytelling",
-            "Trend-setting campaigns",
-            "Viral offline growth",
-          ],
+          id: "movements",          label: "MOVEMENTS",          title: "Cultural Movements",          items: [
+            "Community-led storytelling",            "Trend-setting campaigns",            "Viral offline growth"],
         },
       ]}
       title="Our Specialized Marketing Services"
@@ -147,20 +100,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "150M+",
-          description: "Impressions delivered",
-        },
+          id: "m1",          value: "150M+",          description: "Impressions delivered"},
         {
-          id: "m2",
-          value: "250+",
-          description: "Events coordinated",
-        },
+          id: "m2",          value: "250+",          description: "Events coordinated"},
         {
-          id: "m3",
-          value: "45+",
-          description: "Global brands",
-        },
+          id: "m3",          value: "45+",          description: "Global brands"},
       ]}
       title="Impact In Numbers"
       description="We don't just dream, we deliver measurable offline engagement."
@@ -175,25 +119,15 @@ export default function LandingPage() {
       author="Sarah Jenkins, VP Marketing"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-up-puzzled-thinking-crossing-hands-his-chest-standing-brown-background_141793-133897.jpg",
-          alt: "Sarah Jenkins",
-        },
+          src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-up-puzzled-thinking-crossing-hands-his-chest-standing-brown-background_141793-133897.jpg",          alt: "Sarah Jenkins"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
-          alt: "Michael Chen",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",          alt: "Michael Chen"},
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",
-          alt: "Emily Rodriguez",
-        },
+          src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",          alt: "Emily Rodriguez"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
-          alt: "David Kim",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",          alt: "David Kim"},
         {
-          src: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg",
-          alt: "Alex Rivera",
-        },
+          src: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg",          alt: "Alex Rivera"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -204,58 +138,35 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready to make your brand impossible to ignore? Let's discuss your next campaign."
       buttons={[
         {
-          text: "Contact Us",
-          href: "mailto:hello@spreadagency.com",
-        },
+          text: "Contact Us",          href: "mailto:hello@spreadagency.com"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/modern-abstract-background-with-futuristic-shapes_23-2149142118.jpg"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#" },
+            { label: "Careers", href: "#" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Billboards",
-              href: "#",
-            },
-            {
-              label: "Events",
-              href: "#",
-            },
+          title: "Services",          items: [
+            { label: "Billboards", href: "#" },
+            { label: "Events", href: "#" },
           ],
         },
         {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
+          title: "Connect",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "LinkedIn", href: "#" },
           ],
         },
       ]}