Update src/app/page.tsx

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { BarChart2, PenTool, Target } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Results",
+          name: "Results",          id: "metrics"},
-          id: "metrics",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Pulse Media"
     />
@@ -53,19 +45,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       logoText="Transform Your Digital Presence"
       description="Premium social media management that drives real business results. We elevate your brand through data-driven strategy and high-impact creative content."
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Our Results",
+          text: "Our Results",          href: "#metrics"},
-          href: "#metrics",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/modern-high-end-social-media-marketing-a-1774611901367-45d96f25.png"
       mediaAnimation="slide-up"
@@ -79,22 +66,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Precision Targeting",
+          title: "Precision Targeting",          description: "Reach your ideal customers with advanced demographic targeting and behavioral data analysis.",          bentoComponent: "reveal-icon",          icon: Target,
-          description: "Reach your ideal customers with advanced demographic targeting and behavioral data analysis.",
-          bentoComponent: "reveal-icon",
-          icon: Target,
         },
         {
-          title: "Creative Excellence",
+          title: "Creative Excellence",          description: "High-quality, platform-native content that captures attention and fosters brand loyalty.",          bentoComponent: "reveal-icon",          icon: PenTool,
-          description: "High-quality, platform-native content that captures attention and fosters brand loyalty.",
-          bentoComponent: "reveal-icon",
-          icon: PenTool,
         },
         {
-          title: "Data-Driven ROI",
+          title: "Data-Driven ROI",          description: "Transparent reporting that tracks every dollar and engagement against your goals.",          bentoComponent: "reveal-icon",          icon: BarChart2,
-          description: "Transparent reporting that tracks every dollar and engagement against your goals.",
-          bentoComponent: "reveal-icon",
-          icon: BarChart2,
         },
       ]}
       title="Strategy. Creative. Growth."
@@ -109,121 +87,75 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "185%",          title: "Avg. Conversion Growth",          items: ["Paid social campaigns", "Lead generation", "Direct sales"],
-          value: "150M+",
-          title: "Total Reach",
-          items: [
-            "Across all channels",
-            "Highly targeted",
-            "Consistent growth",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "4.2x",          title: "Brand Equity ROI",          items: ["Content authority", "Market positioning", "Organic reach"],
-          value: "45%",
-          title: "Avg. Engagement",
-          items: [
-            "Higher than industry avg",
-            "High conversation",
-            "Active communities",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "500+",          title: "Campaigns Launched",          items: ["Cross-platform rollout", "Creative testing", "Global reach"],
-          value: "3.5x",
-          title: "ROAS",
-          items: [
-            "Direct revenue growth",
-            "Lower CPA",
-            "Scalable results",
-          ],
         },
       ]}
-      title="Proven Performance"
+      title="Agency Performance KPIs"
-      description="Our strategies deliver measurable outcomes across all social platforms."
+      description="Demonstrating our impact through consistent, high-growth metrics for our partners."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardSixteen
+      animationType="slide-up"
+      title="Client Success Stories"
+      description="Hear from the leaders who trusted us with their brands and scaled successfully."
       textboxLayout="default"
       useInvertedBackground={false}
+      kpiItems={[
+        { value: "$12M+", label: "Revenue Generated" },
+        { value: "2.4M", label: "Total Audience" },
+        { value: "98%", label: "Retention Rate" }
+      ]}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Miller",          role: "CEO",          company: "InnovateTech",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/portrait-of-a-female-executive-in-a-mode-1774611899605-917e8947.png"},
-          date: "Oct 2023",
-          title: "CEO",
-          quote: "Pulse Media transformed our social footprint overnight. Professional and highly creative.",
-          tag: "Strategy",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/portrait-of-a-female-executive-in-a-mode-1774611899605-917e8947.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/abstract-background-of-social-media-flow-1774611899751-72f6392e.png",
-        },
         {
-          id: "2",
+          id: "2",          name: "David Chen",          role: "Founder",          company: "EcoGrowth",          rating: 5,
-          name: "David Chen",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/portrait-of-a-young-entrepreneur-in-a-cr-1774611899476-86258c07.png"},
-          date: "Sep 2023",
-          title: "Founder",
-          quote: "Their data-driven approach is a game changer. Exceptional communication and results.",
-          tag: "Performance",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/portrait-of-a-young-entrepreneur-in-a-cr-1774611899476-86258c07.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/clean-workspace-background-top-view-mini-1774611902605-c4577eeb.png",
-        },
-        {
-          id: "3",
-          name: "Emily Watson",
-          date: "Aug 2023",
-          title: "Director",
-          quote: "The content quality is truly premium. They feel like a partner, not an agency.",
-          tag: "Creative",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/portrait-of-a-woman-marketing-director-e-1774611898635-7c81b31a.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/abstract-artistic-shapes-of-marketing-re-1774611899767-0091a793.png",
-        },
-        {
-          id: "4",
-          name: "James Rhee",
-          date: "Jul 2023",
-          title: "CMO",
-          quote: "Consistently overachieving KPIs every single month. Highly recommended firm.",
-          tag: "Growth",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/portrait-of-a-tech-startup-founder-moder-1774611899514-c2aca512.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWjjPgHrZ3hgSICngn5faLucRy/professional-design-studio-backdrop-soft-1774611900036-da56017b.png",
-        },
       ]}
-      title="Trusted by Leaders"
-      description="See why top brands choose us to manage their digital narratives."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Let's Discuss Growth"
-      background={{
+      description="Send us your details and our team will prepare a custom strategy audit for your brand."
-        variant: "sparkles-gradient",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      tag="Get in Touch"
+        { name: "email", type: "email", placeholder: "Work Email", required: true }
-      title="Ready to Scale Your Brand?"
-      description="Let's discuss how we can accelerate your social media growth. No commitment, just a conversation."
-      buttons={[
-        {
-          text: "Schedule Consultation",
-          href: "#",
-        },
       ]}
+      textarea={{ name: "message", placeholder: "Tell us about your brand goals", rows: 4 }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseReveal
-      logoText="Pulse Media"
+      columns={[
-      leftLink={{
+        {
-        text: "Privacy Policy",
+          title: "Company",          items: [
-        href: "#",
+            { label: "About Us", href: "#" },
-      }}
+            { label: "Careers", href: "#" },
-      rightLink={{
+            { label: "Blog", href: "#" }
-        text: "© 2024 Pulse Media",
+          ]
-        href: "#",
+        },
-      }}
+        {
+          title: "Resources",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
+            { label: "Social Media", href: "#" }
+          ]
+        }
+      ]}
+      copyrightText="© 2024 Pulse Media Agency"
     />
   </div>
       </ReactLenis>