From e210255bcd6b0287542445e68301b97802fbde2b Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 15:09:23 +0000
Subject: [PATCH] Bob AI: Added an FAQ section

---
 src/pages/HomePage.tsx              |  4 ++-
 src/pages/HomePage/sections/Faq.tsx | 47 +++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/Faq.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index e48b88e..4e525c8 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,7 +15,8 @@ import ContactSection from './HomePage/sections/Contact';
 
 
 
-{/* webild-stub @2026-06-03T15:01:45.386Z: Increase the spacing from the side of each element on the hero section like the rest of the site */}
+
+import FaqSection from './HomePage/sections/Faq';{/* webild-stub @2026-06-03T15:01:45.386Z: Increase the spacing from the side of each element on the hero section like the rest of the site */}
 
 {/* webild-stub @2026-06-03T14:38:48.425Z: Fix the spacing and buttons on the first section. */}
 
@@ -31,6 +32,7 @@ export default function HomePage(): React.JSX.Element {
       <ClientsSection />
       <TeamSection />
       <TestimonialsSection />
+      <FaqSection />
       <ContactSection />
     </>
   );
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..bdfc0ce
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,47 @@
+// Created by create_section tool.
+
+import React from 'react';
+import Tag from '@/components/ui/Tag';
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="faq" className="py-24 px-6 md:px-12 lg:px-24 bg-background">
+      <div className="max-w-4xl mx-auto">
+        <div className="text-center mb-16 flex flex-col items-center">
+          <Tag text="FAQ" className="mb-6" />
+          <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6 tracking-tight">
+            Frequently Asked Questions
+          </h2>
+          <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
+            Find answers to common questions about our services, process, and how we can help your business grow.
+          </p>
+        </div>
+        <div className="space-y-6">
+          {[
+            {
+              q: "What services do you offer?",
+              a: "We offer a comprehensive suite of digital marketing services including SEO, PPC advertising, social media management, content marketing, and email marketing. Our strategies are tailored to meet your specific business goals."
+            },
+            {
+              q: "How do you measure success?",
+              a: "We use a data-driven approach, tracking key performance indicators (KPIs) such as website traffic, conversion rates, cost per acquisition (CPA), and return on investment (ROI). We provide regular, transparent reports so you can see exactly how your campaigns are performing."
+            },
+            {
+              q: "Do you work with businesses in my industry?",
+              a: "We have experience working with a wide range of industries, from e-commerce and technology to healthcare and professional services. Our team takes the time to understand your unique market and audience to develop effective strategies."
+            },
+            {
+              q: "How long does it take to see results?",
+              a: "The timeline for results varies depending on the specific services and your current digital presence. While some tactics like PPC can yield immediate traffic, strategies like SEO typically take 3-6 months to show significant impact. We focus on sustainable, long-term growth."
+            }
+          ].map((faq, i) => (
+            <div key={i} className="border border-border rounded-xl p-6 bg-card">
+              <h3 className="text-xl font-semibold text-foreground mb-3">{faq.q}</h3>
+              <p className="text-muted-foreground">{faq.a}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}