Update src/app/page.tsx

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -31,44 +31,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="AgencyFlow"
       button={{
-        text: "Let's Talk",
-        href: "#contact",
-      }}
+        text: "Let's Talk",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Drive Growth With Precision"
       description="We build high-performance marketing strategies tailored to your brand's unique needs, driving revenue and engagement."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
+      ]}
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-empty-software-development-agency-showing-code_482257-125515.jpg", imageAlt: "Hero 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871167.jpg?_wi=1", imageAlt: "Hero 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=1", imageAlt: "Hero 3" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/computer-screen-empty-software-development-agency-showing-code_482257-125515.jpg"
     />
   </div>
 
@@ -85,20 +76,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "SEO Strategy",
-          description: "Optimize your visibility and reach target audiences with advanced organic search tactics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871167.jpg",
-        },
+          title: "SEO Strategy",          description: "Optimize your visibility and reach target audiences with advanced organic search tactics.",          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871167.jpg?_wi=2"},
         {
-          title: "Social Media Growth",
-          description: "Build authentic connections and drive engagement across all social media platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
-        },
+          title: "Social Media Growth",          description: "Build authentic connections and drive engagement across all social media platforms.",          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=2"},
         {
-          title: "Content Strategy",
-          description: "Craft compelling narratives that position your brand as an industry authority.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-desk-supplies-high-angle_23-2149740044.jpg",
-        },
+          title: "Content Strategy",          description: "Craft compelling narratives that position your brand as an industry authority.",          imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-desk-supplies-high-angle_23-2149740044.jpg"},
       ]}
       title="Our Specialized Services"
       description="Comprehensive marketing solutions to help you scale your business globally."
@@ -113,41 +95,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Starter Boost",
-          price: "$1,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle_187299-45792.jpg",
-        },
+          id: "1",          name: "Starter Boost",          price: "$1,999",          imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle_187299-45792.jpg"},
         {
-          id: "2",
-          name: "Growth Engine",
-          price: "$3,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
-        },
+          id: "2",          name: "Growth Engine",          price: "$3,499",          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg"},
         {
-          id: "3",
-          name: "Enterprise Scale",
-          price: "$5,999",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-with-project-statistics-preparing-report-team-meeting_1163-3899.jpg",
-        },
+          id: "3",          name: "Enterprise Scale",          price: "$5,999",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-with-project-statistics-preparing-report-team-meeting_1163-3899.jpg"},
         {
-          id: "4",
-          name: "Social Essentials",
-          price: "$999",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-coffee-shop-cafe-concept_53876-30132.jpg",
-        },
+          id: "4",          name: "Social Essentials",          price: "$999",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-coffee-shop-cafe-concept_53876-30132.jpg"},
         {
-          id: "5",
-          name: "Email Automation",
-          price: "$1,499",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-marketing-agency-logo_23-2150546812.jpg",
-        },
+          id: "5",          name: "Email Automation",          price: "$1,499",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-marketing-agency-logo_23-2150546812.jpg"},
         {
-          id: "6",
-          name: "Brand Design",
-          price: "$2,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-picture-office-supplies_171337-13045.jpg",
-        },
+          id: "6",          name: "Brand Design",          price: "$2,499",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-picture-office-supplies_171337-13045.jpg"},
       ]}
       title="Our Agency Packages"
       description="Choose the perfect plan to boost your marketing efforts."
@@ -162,20 +120,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "150+",
-          description: "Successful Campaigns",
-        },
+          id: "1",          value: "150+",          description: "Successful Campaigns"},
         {
-          id: "2",
-          value: "200%",
-          description: "Average Revenue Growth",
-        },
+          id: "2",          value: "200%",          description: "Average Revenue Growth"},
         {
-          id: "3",
-          value: "5M+",
-          description: "Total Reach",
-        },
+          id: "3",          value: "5M+",          description: "Total Reach"},
       ]}
       title="Our Impact in Numbers"
       description="We deliver measurable results for every client we serve."
@@ -189,67 +138,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CEO",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
-        },
+          id: "1",          name: "Sarah Miller",          role: "CEO",          company: "TechInnovate",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg"},
         {
-          id: "2",
-          name: "David Chen",
-          role: "Marketing Director",
-          company: "GrowthLoop",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1077.jpg",
-        },
+          id: "2",          name: "David Chen",          role: "Marketing Director",          company: "GrowthLoop",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1077.jpg"},
         {
-          id: "3",
-          name: "Emily Watson",
-          role: "Founder",
-          company: "CreativeStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
-        },
+          id: "3",          name: "Emily Watson",          role: "Founder",          company: "CreativeStudio",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
         {
-          id: "4",
-          name: "James Wilson",
-          role: "Operations Manager",
-          company: "ScaleUp Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
-        },
+          id: "4",          name: "James Wilson",          role: "Operations Manager",          company: "ScaleUp Inc",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg"},
         {
-          id: "5",
-          name: "Olivia Rose",
-          role: "CMO",
-          company: "BrightIdeas",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg",
-        },
+          id: "5",          name: "Olivia Rose",          role: "CMO",          company: "BrightIdeas",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg"},
         {
-          id: "6",
-          name: "Michael Reed",
-          role: "CTO",
-          company: "FutureTech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
-        },
+          id: "6",          name: "Michael Reed",          role: "CTO",          company: "FutureTech",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
-          label: "Satisfaction Rate",
-        },
+          value: "4.9/5",          label: "Satisfaction Rate"},
         {
-          value: "95%",
-          label: "Retention Rate",
-        },
+          value: "95%",          label: "Retention Rate"},
         {
-          value: "12+",
-          label: "Industries Served",
-        },
+          value: "12+",          label: "Industries Served"},
       ]}
       title="Client Success Stories"
       description="What our clients say about our partnership."
@@ -260,8 +173,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Ready to get started?"
       title="Transform Your Marketing"
       description="Get in touch for a custom consultation and see how we can grow your business together."
@@ -275,29 +187,19 @@ export default function LandingPage() {
       logoText="AgencyFlow"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "SEO",
-              href: "#",
-            },
+              label: "SEO",              href: "#"},
             {
-              label: "Ads",
-              href: "#",
-            },
+              label: "Ads",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
       ]}