From 90a7a02d073ced4c6d23999db555bed032416312 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 25 May 2026 14:13:38 +0000
Subject: [PATCH] Add 'How It Works' section (FeaturesDetailedSteps) to
 HomePage.tsx

---
 src/pages/HomePage.tsx | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index bd39aca..c1340bf 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -3,6 +3,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeaturesMarqueeCards from '@/components/sections/features/FeaturesMarqueeCards';
 import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
 import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
 import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
 import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
 import { BarChart2, Sparkles, TrendingUp, Check } from 'lucide-react';
@@ -317,6 +318,46 @@ export default function HomePage() {
     </SectionErrorBoundary>
   </div>
 
+  <div id="how-it-works" data-section="how-it-works">
+    <SectionErrorBoundary name="how-it-works">
+      <FeaturesDetailedSteps
+        tag="Our Process"
+        title="Your Journey to Digital Success"
+        description="We guide you through a clear, collaborative process to ensure your marketing goals are not just met, but exceeded."
+        steps={[
+          {
+            tag: "Step 1",
+            title: "Initial Consultation & Strategy",
+            subtitle: "Understanding Your Vision",
+            description: "We start with a deep dive into your business, goals, and target audience to craft a tailored marketing strategy.",
+            imageSrc: "https://img.b2bpic.net/free-photo/business-people-meeting-discussing-ideas-concept_53876-133614.jpg",
+          },
+          {
+            tag: "Step 2",
+            title: "Implementation & Execution",
+            subtitle: "Bringing the Strategy to Life",
+            description: "Our team meticulously executes the approved strategy, deploying campaigns across chosen digital channels.",
+            imageSrc: "https://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119220.jpg",
+          },
+          {
+            tag: "Step 3",
+            title: "Monitoring & Optimization",
+            subtitle: "Continuous Improvement",
+            description: "We continuously monitor performance, analyze data, and optimize campaigns for maximum ROI and sustained growth.",
+            imageSrc: "https://img.b2bpic.net/free-photo/marketing-plan-commercial-strategy-business_53876-133615.jpg",
+          },
+          {
+            tag: "Step 4",
+            title: "Reporting & Review",
+            subtitle: "Transparent Insights",
+            description: "Regular, transparent reports keep you informed of progress, with detailed insights and future recommendations.",
+            imageSrc: "https://img.b2bpic.net/free-photo/professionals-present-financial-charts-meeting_482257-121150.jpg",
+          },
+        ]}
+      />
+    </SectionErrorBoundary>
+  </div>
+
   <div id="faq" data-section="faq">
     <SectionErrorBoundary name="faq">
       <FaqSplitMedia imageSrc="https://img.b2bpic.net/free-photo/digital-marketing-with-laptop-phone-tablet_23-2150168632.jpg"
-- 
2.49.1