Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { Rocket, Eye, TrendingUp } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -27,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "About", id: "about" },
         { name: "Services", id: "services" },
@@ -35,98 +36,94 @@ export default function LandingPage() {
         { name: "Contact", id: "contact" },
       ]}
       brandName="Pulse Media"
+      button={{ text: "Get Started" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroSplitDoubleCarousel
       background={{ variant: "plain" }}
       title="Scale Your Influence With Data-Driven Strategy"
       description="We craft premium social media strategies that transform engagement into measurable growth for global brands."
       tag="PREMIUM SOCIAL AGENCY"
-      mediaItems={[
+      leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-having-marketing-project-graphs-screen-while-multiethnic-businesspeople-discussing-company-turnover-startup-office-diverse-team-planning-business-collaboration_482257-38712.jpg" }]}
-        { imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-having-marketing-project-graphs-screen-while-multiethnic-businesspeople-discussing-company-turnover-startup-office-diverse-team-planning-business-collaboration_482257-38712.jpg", imageAlt: "Agency Analytics Interface" },
+      rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-writing-placards_23-2149163247.jpg" }]}
-        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-writing-placards_23-2149163247.jpg", imageAlt: "Agency Collaboration" }
+      buttons={[{ text: "Explore Strategy" }]}
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Trusted by 50+ Global Brands"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <TextSplitAbout
       useInvertedBackground={false}
-      tag="WHO WE ARE"
       title="Your Brand's Digital Growth Engine"
+      description={["We specialize in crafting authentic brand voices that resonate in a crowded digital landscape. Our data-first approach ensures every piece of content delivers value, driving both engagement and tangible business outcomes."]}
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTwentyFour
+      <FeatureCardTwentyNine
+      gridVariant="bento-grid"
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      features={[
-        {
-          id: "s1",          title: "Social Strategy",          author: "Strategy Team",          description: "Tailored roadmaps built on deep audience insights and market research.",          tags: ["Strategy", "Growth"],
-          imageSrc: "http://img.b2bpic.net/free-photo/notebook-economy-chart_23-2148542001.jpg"
-        },
-        {
-          id: "s2",          title: "Content Production",          author: "Creative Lab",          description: "High-quality visual production that stops the scroll and drives clicks.",          tags: ["Creative", "Video"],
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371194.jpg"
-        },
-        {
-          id: "s3",          title: "Performance Analytics",          author: "Data Team",          description: "Real-time monitoring and reporting to optimize your digital ROI daily.",          tags: ["Data", "ROI"],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377699.jpg"
-        }
-      ]}
       title="Premium Agency Services"
       description="Comprehensive social media solutions to elevate your market position."
+      features={[
+        {
+          title: "Social Strategy",          description: "Tailored roadmaps built on deep audience insights and market research.",          imageSrc: "http://img.b2bpic.net/free-photo/notebook-economy-chart_23-2148542001.jpg",          titleIconSrc: "",          buttonText: "Learn More"
+        },
+        {
+          title: "Content Production",          description: "High-quality visual production that stops the scroll and drives clicks.",          imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371194.jpg",          titleIconSrc: "",          buttonText: "View Gallery"
+        },
+        {
+          title: "Performance Analytics",          description: "Real-time monitoring and reporting to optimize your digital ROI daily.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377699.jpg",          titleIconSrc: "",          buttonText: "Get Reports"
+        }
+      ]}
     />
   </div>
 
   <div id="results" data-section="results">
-      <MetricCardFourteen
+      <MetricCardThree
       useInvertedBackground={false}
       title="Impact We Deliver"
-      tag="OUR PERFORMANCE"
+      description="Metrics reflecting our commitment to growth and ROI excellence."
+      animationType="slide-up"
+      textboxLayout="split"
       metrics={[
-        { id: "m1", value: "300%", description: "Average audience growth across client portfolios." },
+        { id: "m1", title: "Audience Growth", value: "300%", icon: Rocket },
-        { id: "m2", value: "150M+", description: "Organic impressions delivered for premium brands." },
+        { id: "m2", title: "Organic Impressions", value: "150M+", icon: Eye },
-        { id: "m3", value: "4.8x", description: "Average ROI improvement on paid social campaigns." }
+        { id: "m3", title: "Campaign ROI", value: "4.8x", icon: TrendingUp }
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardTwo
       useInvertedBackground={true}
+      title="What Clients Say"
+      description="Real feedback from our partners regarding our creative and strategic services."
+      animationType="slide-up"
+      textboxLayout="default"
       testimonials={[
-        { id: "t1", name: "Alex Rivet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
+        { id: "t1", name: "Alex Rivet", role: "CMO", testimonial: "The strategic insight provided by Pulse Media has been transformative for our brand growth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
-        { id: "t2", name: "Jordan Smith", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg" },
+        { id: "t2", name: "Sarah Chen", role: "Director", testimonial: "Unmatched creative quality. They truly understand how to speak to our audience.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg" }
-        { id: "t3", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg" },
-        { id: "t4", name: "Mark Vinson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg" },
-        { id: "t5", name: "Elena Ross", imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg" }
       ]}
-      cardTitle="What Clients Say"
-      cardTag="SUCCESS STORIES"
-      cardAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
-      useInvertedBackground={false}
+      tag="GET STARTED"
+      title="Ready to scale your influence?"
+      description="Let's discuss how our data-driven strategies can elevate your brand."
       background={{ variant: "plain" }}
-      text="Ready to scale your influence? Let's discuss your brand's digital growth."
+      useInvertedBackground={false}
-      buttons={[{ text: "Start Strategy Session", href: "#" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/marketing-collaboration-team_23-2149163255.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterMedia
       logoText="Pulse Media"
       columns={[
         {
@@ -143,10 +140,10 @@ export default function LandingPage() {
           ]
         }
       ]}
-      copyrightText="© 2024 Pulse Media Agency. All rights reserved."
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-gradient-background_23-2149153545.jpg"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}