Update src/app/page.tsx

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -31,25 +31,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="AgentFlow"
     />
@@ -58,51 +48,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Automate Your Social Presence with AI Agents"
       description="We build autonomous social media agents that scale your brand, engage your audience, and drive conversions 24/7."
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Plans",
+          text: "View Plans",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       carouselItems={[
         {
-          id: "1",
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg",          imageAlt: "AI Social Network Connectivity"},
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg",
-          imageAlt: "AI Social Network Connectivity",
-        },
         {
-          id: "2",
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswomen-working-with-laptops_74855-2591.jpg",          imageAlt: "Social Media Dashboard Interface"},
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswomen-working-with-laptops_74855-2591.jpg",
-          imageAlt: "Social Media Dashboard Interface",
-        },
         {
-          id: "3",
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=1",          imageAlt: "Neural Communication Network"},
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg",
-          imageAlt: "Neural Communication Network",
-        },
         {
-          id: "4",
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-vector/grid-horizontal-banner-template_52683-129682.jpg",          imageAlt: "Growth Sculpture"},
-          imageSrc: "http://img.b2bpic.net/free-vector/grid-horizontal-banner-template_52683-129682.jpg",
-          imageAlt: "Growth Sculpture",
-        },
         {
-          id: "5",
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111243.jpg",          imageAlt: "Liquid Tech Fluidity"},
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111243.jpg",
-          imageAlt: "Liquid Tech Fluidity",
-        },
         {
-          id: "6",
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg",          imageAlt: "Network Nodes"},
-          imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg",
-          imageAlt: "Network Nodes",
-        },
       ]}
     />
   </div>
@@ -114,19 +81,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Zap,
-          label: "Social Reach",
+          label: "Social Reach",          value: "1.2M+"},
-          value: "1.2M+",
-        },
         {
           icon: TrendingUp,
-          label: "Engagement Rate",
+          label: "Engagement Rate",          value: "18.5%"},
-          value: "18.5%",
-        },
         {
           icon: Target,
-          label: "Conversion Boost",
+          label: "Conversion Boost",          value: "450%"},
-          value: "450%",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -139,17 +100,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Slow Manual Publishing",
+          "Slow Manual Publishing",          "Missed Engagement Windows",          "Generic Content Scaling"],
-          "Missed Engagement Windows",
-          "Generic Content Scaling",
-        ],
       }}
       positiveCard={{
         items: [
-          "24/7 Auto-Content Posting",
+          "24/7 Auto-Content Posting",          "Intelligent Comment Responses",          "Real-Time Trend Analysis"],
-          "Intelligent Comment Responses",
-          "Real-Time Trend Analysis",
-        ],
       }}
       title="The Evolution of Agency Workflow"
       description="Moving beyond legacy manual management to autonomous intelligent systems."
@@ -163,50 +118,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
+          id: "starter",          name: "Standard Agent",          price: "$999/mo",          features: [
-          name: "Standard Agent",
+            "1 Agent Instance",            "LinkedIn/Twitter Setup",            "Weekly Analytics"],
-          price: "$999/mo",
-          features: [
-            "1 Agent Instance",
-            "LinkedIn/Twitter Setup",
-            "Weekly Analytics",
-          ],
           buttons: [
             {
-              text: "Choose Starter",
+              text: "Choose Starter"},
-            },
           ],
         },
         {
-          id: "pro",
+          id: "pro",          name: "Pro Agent",          price: "$2,499/mo",          features: [
-          name: "Pro Agent",
+            "3 Agent Instances",            "Omnichannel Mastery",            "Predictive Analytics",            "Priority Support"],
-          price: "$2,499/mo",
-          features: [
-            "3 Agent Instances",
-            "Omnichannel Mastery",
-            "Predictive Analytics",
-            "Priority Support",
-          ],
           buttons: [
             {
-              text: "Choose Pro",
+              text: "Choose Pro"},
-            },
           ],
-          badge: "Most Popular",
+          badge: "Most Popular"},
-        },
         {
-          id: "enterprise",
+          id: "enterprise",          name: "Enterprise AI",          price: "Custom",          features: [
-          name: "Enterprise AI",
+            "Unlimited Instances",            "Custom AI Model Fine-tuning",            "Dedicated Agent Engineer"],
-          price: "Custom",
-          features: [
-            "Unlimited Instances",
-            "Custom AI Model Fine-tuning",
-            "Dedicated Agent Engineer",
-          ],
           buttons: [
             {
-              text: "Contact Sales",
+              text: "Contact Sales"},
-            },
           ],
         },
       ]}
@@ -221,45 +153,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice Chen",          role: "CMO",          title: "TechFlow Systems",          quote: "The agent workflows saved us 40 hours of manual management a week.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-21996.jpg"},
-          name: "Alice Chen",
-          role: "CMO",
-          title: "TechFlow Systems",
-          quote: "The agent workflows saved us 40 hours of manual management a week.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-21996.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark Miller",          role: "Founder",          title: "InnovateLabs",          quote: "Best investment we made for our social scaling efforts.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617684.jpg"},
-          name: "Mark Miller",
-          role: "Founder",
-          title: "InnovateLabs",
-          quote: "Best investment we made for our social scaling efforts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617684.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sarah Jones",          role: "Growth Lead",          title: "StartUp HQ",          quote: "The predictive engagement is absolutely incredible.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg"},
-          name: "Sarah Jones",
-          role: "Growth Lead",
-          title: "StartUp HQ",
-          quote: "The predictive engagement is absolutely incredible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          role: "VP Marketing",          title: "GrowthCo",          quote: "Seamless integration and immediate performance boost.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg"},
-          name: "David Kim",
-          role: "VP Marketing",
-          title: "GrowthCo",
-          quote: "Seamless integration and immediate performance boost.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Elise Wang",          role: "Content Lead",          title: "MediaSphere",          quote: "Professional, efficient, and highly intelligent agents.",          imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg"},
-          name: "Elise Wang",
-          role: "Content Lead",
-          title: "MediaSphere",
-          quote: "Professional, efficient, and highly intelligent agents.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg",
-        },
       ]}
       title="Trusted by Industry Leaders"
       description="Hear from companies scaling effortlessly."
@@ -267,59 +169,40 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
       tag="Ready to Scale?"
       title="Launch Your AI Agents"
-      description="Sign up for a custom strategy session for your agency."
+      description="Partner with us to deploy autonomous agents that transform your agency operations. Reach out for a bespoke strategy session."
-      inputPlaceholder="Work email address"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-design-with-connecting-lines-dots_1048-13581.jpg?_wi=2"
       buttonText="Consult With Us"
+      mediaPosition="right"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
+      logoText="AgentFlow"
       columns={[
         {
-          items: [
+          title: "Navigation",          items: [
-            {
+            { label: "Services", href: "#features" },
-              label: "Services",
+            { label: "Pricing", href: "#pricing" },
-              href: "#features",
+            { label: "About", href: "#about" }
-            },
+          ]
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Company",
-              href: "#",
-            },
-          ],
         },
         {
-          items: [
+          title: "Legal",          items: [
-            {
+            { label: "Privacy", href: "#" },
-              label: "Legal",
+            { label: "Terms", href: "#" }
-              href: "#",
+          ]
-            },
+        }
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      logoText="AgentFlow"
+      copyrightText="© 2025 AgentFlow. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}