From f2a55c79dadca8cd4c3ed85d5a9249821bcd7c57 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Mar 2026 02:48:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 94 +++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 74 insertions(+), 20 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bcf4b58..8a2ba10 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Award, Instagram, Linkedin, Sparkles, Star, Twitter } from "lucide-react";
 
@@ -34,7 +34,7 @@ export default function LandingPage() {
           name: "Home",          id: "home"
         },
         {
-          name: "About",          id: "about"
+          name: "Our Process",          id: "seven-steps-to-client"
         },
         {
           name: "Curriculum",          id: "features"
@@ -57,12 +57,24 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroSplitKpi
       background={{
         variant: "sparkles-gradient"
       }}
       title="Launch Your Web Agency: Master Website Sales & Build Profit"
       description="Unlock the secrets to finding clients, closing deals, and scaling your web design business. Our comprehensive course provides the exact strategies you need to succeed."
+      kpis={[
+        {
+          value: "500+",          label: "Clients acquired"
+        },
+        {
+          value: "7 Days",          label: "Time to first sale"
+        },
+        {
+          value: "$10K+",          label: "Avg project value"
+        }
+      ]}
+      enableKpiAnimation={true}
       avatars={[
         {
           src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-diverse-young-1774233729585-2aa7d1fe.png",          alt: "Course Student 1"
@@ -92,30 +104,72 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
+  <div id="seven-steps-to-client" data-section="seven-steps-to-client">
+      <FeatureCardNine
+      showStepNumbers={true}
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      imagePosition="right"
-      title="Your Blueprint to Becoming a Website Selling Pro"
-      description="This course is designed for aspiring web entrepreneurs, freelance developers, and agencies looking to significantly boost their sales. Learn from industry experts and transform your understanding of the web development market."
-      bulletPoints={[
+      title="7 Steps to Your First Paying Client in 7 Days"
+      description="Our accelerated program breaks down the client acquisition process into actionable daily steps, ensuring you go from zero to a signed client in a week."
+      features={[
         {
-          title: "Client Acquisition",          description: "Master strategies to identify, attract, and onboard high-value clients consistently."
+          id: 1,          title: "Day 1: Define Your Niche",          description: "Pinpoint your ideal client and specialize in a profitable niche to stand out.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Niche definition app"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Target client profile"
+          }
         },
         {
-          title: "Sales Psychology",          description: "Understand the art of persuasion and build rapport to close deals effectively."
+          id: 2,          title: "Day 2: Craft Irresistible Offers",          description: "Package your services into compelling offers that solve client pain points and deliver clear value.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Service package examples"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Value proposition builder"
+          }
         },
         {
-          title: "Proposal Mastery",          description: "Craft compelling proposals that showcase value and win projects."
+          id: 3,          title: "Day 3: Build Your Lead Generation System",          description: "Set up automated and manual strategies to consistently find high-quality leads looking for your services.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Lead generation dashboard"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "CRM screenshot"
+          }
         },
         {
-          title: "Business Scaling",          description: "Develop systems and processes to grow your web agency profitably."
+          id: 4,          title: "Day 4: Master Outreach & Connection",          description: "Learn how to approach potential clients with personalized messages that get responses and build trust.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Email outreach template"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "LinkedIn message example"
+          }
+        },
+        {
+          id: 5,          title: "Day 5: Ace the Discovery Call",          description: "Conduct powerful discovery calls to understand client needs, qualify opportunities, and position your solutions.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Discovery call script"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Note-taking app during call"
+          }
+        },
+        {
+          id: 6,          title: "Day 6: Create & Present Winning Proposals",          description: "Design compelling proposals that clearly articulate value and present them in a way that secures the 'yes'.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Proposal template"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Presentation software"
+          }
+        },
+        {
+          id: 7,          title: "Day 7: Close & Onboard Successfully",          description: "Finalize the deal, handle objections, and smoothly onboard your new client for a successful project start.",          phoneOne: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Contract signing app"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png",            imageAlt: "Project management tool"
+          }
         }
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/a-sleek-dark-themed-digital-interface-di-1774233731502-8ac34089.png"
-      imageAlt="Course overview with curriculum"
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -161,10 +215,10 @@ export default function LandingPage() {
           id: "2",          name: "Michael Chen",          handle: "@mchen_dev",          testimonial: "The proposal framework alone was worth the investment. It helped me win a major contract I never thought possible.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-successful-co-1774233729817-f8d308e1.png",          imageAlt: "Michael Chen"
         },
         {
-          id: "3",          name: "Emily Rodriguez",          handle: "@emily_digital",          testimonial: "I used to struggle with pricing, but now I confidently charge what I'm worth. My revenue has never been higher!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-successful-co-1774233730376-e4b288db.png",          imageAlt: "Emily Rodriguez"
+          id: "3",          name: "Emily Rodriguez",          handle: "@emily_digital",          testimonial: "I used to struggle with pricing, but now I confidently charge what I'm worth. My revenue has never been higher!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-successful-co-1774233730376-e4b288db.png",          alt: "Emily Rodriguez"
         },
         {
-          id: "4",          name: "David Kim",          handle: "@davidk_agency",          testimonial: "The scaling strategies were a game-changer for my agency. We're growing faster and more efficiently than ever before.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-successful-co-1774233729302-33d9b0c7.png",          imageAlt: "David Kim"
+          id: "4",          name: "David Kim",          handle: "@davidk_agency",          testimonial: "The scaling strategies were a game-changer for my agency. We're growing faster and more efficiently than ever before.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-successful-co-1774233729302-33d9b0c7.png",          alt: "David Kim"
         }
       ]}
       title="Hear From Our Successful Students"
@@ -266,4 +320,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1