Update src/app/page.tsx

Merge version_1 into main

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"
+      title="0 -Paying Client In 7 Days"
       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?_wi=1",            imageAlt: "Niche definition app"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=2",            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?_wi=3",            imageAlt: "Service package examples"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=4",            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?_wi=5",            imageAlt: "Lead generation dashboard"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=6",            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?_wi=7",            imageAlt: "Email outreach template"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=8",            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?_wi=9",            imageAlt: "Discovery call script"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=10",            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?_wi=11",            imageAlt: "Proposal template"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=12",            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?_wi=13",            imageAlt: "Contract signing app"
+          },
+          phoneTwo: {
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-image.png?_wi=14",            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>
 
@@ -266,4 +320,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}