Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
@@ -57,17 +57,24 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="ASCEND"
-          description="Smarter Growth. Powered by AI. We combine performance marketing and AI automation to build scalable growth systems for modern businesses."
+        <HeroSplitKpi
+          title="Smarter Growth. Powered by AI."
+          description="We combine performance marketing and AI automation to build scalable growth systems for modern businesses."
+          background={{ variant: "glowing-orb" }}
           buttons={[
             { text: "Book a Strategy Call", href: "contact" },
             { text: "See How We Work", href: "process" },
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/a-sleek-minimalist-ai-dashboard-interfac-1772500397714-1d73d012.png"
           imageAlt="AI-powered marketing dashboard interface"
-          showDimOverlay={true}
+          kpis={[
+            { value: "+43%", label: "Conversion Lift" },
+            { value: "-28%", label: "Acquisition Cost" },
+            { value: "3x", label: "Follow-up Speed" },
+          ]}
+          enableKpiAnimation={true}
           buttonAnimation="slide-up"
+          mediaAnimation="slide-up"
         />
       </div>
 
@@ -96,7 +103,8 @@ export default function LandingPage() {
           animationType="slide-up"
           features={[
             {
-              title: "High-Converting Websites",              description: "Modern builds optimized for lead capture and conversion with strategic CTAs.",              bentoComponent: "animated-bar-chart"},
+              title: "High-Converting Websites",              description: "Modern builds optimized for lead capture and conversion with strategic CTAs.",              bentoComponent: "animated-bar-chart"
+            },
             {
               title: "Paid Advertising Systems",              description: "Meta, Google, TikTok campaigns managed with precision and data-driven optimization.",              bentoComponent: "icon-info-cards",              items: [
                 { icon: Zap, label: "Meta Ads", value: "Performance" },
@@ -107,18 +115,22 @@ export default function LandingPage() {
             {
               title: "AI-Driven Email & SMS",              description: "Automated sequences that nurture leads with personalized, intelligent messaging.",              bentoComponent: "marquee",              centerIcon: Mail,
               variant: "text",              texts: [
-                "Intelligent Automation",                "Personalized Sequences",                "Real-Time Optimization"],
+                "Intelligent Automation",                "Personalized Sequences",                "Real-Time Optimization"
+              ],
             },
             {
               title: "Intelligent Chatbots",              description: "AI-powered conversation systems that qualify leads 24/7 with zero manual effort.",              bentoComponent: "chat",              aiIcon: Bot,
               userIcon: User,
               exchanges: [
                 {
-                  userMessage: "What services do you offer?",                  aiResponse: "We specialize in AI automation and growth systems. Let me qualify your needs to recommend the best solution."},
+                  userMessage: "What services do you offer?",                  aiResponse: "We specialize in AI automation and growth systems. Let me qualify your needs to recommend the best solution."
+                },
                 {
-                  userMessage: "How long does implementation take?",                  aiResponse: "Implementation typically takes 4-8 weeks depending on complexity. Our team will provide a custom timeline after our audit."},
+                  userMessage: "How long does implementation take?",                  aiResponse: "Implementation typically takes 4-8 weeks depending on complexity. Our team will provide a custom timeline after our audit."
+                },
               ],
-              placeholder: "Ask about our services..."},
+              placeholder: "Ask about our services..."
+            },
             {
               title: "Sales Pipeline Automation",              description: "Seamless integration with your CRM to automate follow-up and customer journey management.",              bentoComponent: "3d-task-list",              items: [
                 { icon: Settings, label: "Lead Capture", time: "Real-time" },
@@ -127,7 +139,8 @@ export default function LandingPage() {
               ],
             },
             {
-              title: "Performance Dashboards",              description: "Real-time visibility into every metric that matters: cost per lead, conversion rates, ROI, and more.",              bentoComponent: "line-chart"},
+              title: "Performance Dashboards",              description: "Real-time visibility into every metric that matters: cost per lead, conversion rates, ROI, and more.",              bentoComponent: "line-chart"
+            },
           ]}
           carouselMode="buttons"
         />
@@ -158,13 +171,17 @@ export default function LandingPage() {
           animationType="slide-up"
           team={[
             {
-              id: "1",              name: "Audit & Analyze",              role: "Deep dive into your current systems, data, and gaps",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/data-audit-and-analysis-visual-a-profess-1772500398091-b67a0b6f.png",              imageAlt: "Audit and analysis phase"},
+              id: "1",              name: "Audit & Analyze",              role: "Deep dive into your current systems, data, and gaps",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/data-audit-and-analysis-visual-a-profess-1772500398091-b67a0b6f.png",              imageAlt: "Audit and analysis phase"
+            },
             {
-              id: "2",              name: "Architect Your Stack",              role: "Design the growth infrastructure custom to your needs",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/architecture-and-planning-visualization--1772500398279-f715503e.png",              imageAlt: "Architecture planning phase"},
+              id: "2",              name: "Architect Your Stack",              role: "Design the growth infrastructure custom to your needs",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/architecture-and-planning-visualization--1772500398279-f715503e.png",              imageAlt: "Architecture planning phase"
+            },
             {
-              id: "3",              name: "Build & Integrate",              role: "Implementation of systems, automation, and platforms",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/implementation-and-integration-visual-de-1772500398297-82e57193.png",              imageAlt: "Build and integration phase"},
+              id: "3",              name: "Build & Integrate",              role: "Implementation of systems, automation, and platforms",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/implementation-and-integration-visual-de-1772500398297-82e57193.png",              imageAlt: "Build and integration phase"
+            },
             {
-              id: "4",              name: "Optimize & Scale",              role: "Continuous refinement and growth expansion",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/optimization-and-scaling-visual-performa-1772500398235-9c3a9c50.png",              imageAlt: "Optimization and scaling phase"},
+              id: "4",              name: "Optimize & Scale",              role: "Continuous refinement and growth expansion",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/optimization-and-scaling-visual-performa-1772500398235-9c3a9c50.png",              imageAlt: "Optimization and scaling phase"
+            },
           ]}
         />
       </div>
@@ -227,13 +244,15 @@ export default function LandingPage() {
             {
               id: "1",              badge: "Start Here",              price: "Strategic Audit",              subtitle: "Understand your growth gaps and opportunities",              buttons: [{ text: "Schedule Audit", href: "#contact" }],
               features: [
-                "Current system analysis",                "Competitive benchmarking",                "Growth opportunity identification",                "Custom recommendations",                "Strategic roadmap"],
+                "Current system analysis",                "Competitive benchmarking",                "Growth opportunity identification",                "Custom recommendations",                "Strategic roadmap"
+              ],
               badgeIcon: Sparkles,
             },
             {
               id: "2",              badge: "Most Effective",              price: "Full Implementation",              subtitle: "Complete growth infrastructure build-out",              buttons: [{ text: "Schedule Consultation", href: "#contact" }],
               features: [
-                "Website optimization or build",                "Paid ad system setup",                "AI automation suite",                "CRM integration",                "Ongoing optimization",                "Quarterly strategy reviews"],
+                "Website optimization or build",                "Paid ad system setup",                "AI automation suite",                "CRM integration",                "Ongoing optimization",                "Quarterly strategy reviews"
+              ],
               badgeIcon: Zap,
             },
           ]}