From 2df3cb47a0720ec72ebcd0b665a54cbe2c10fc67 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 21 Jun 2026 16:50:01 +0000
Subject: [PATCH] Bob AI: Added dark overlay to hero image for contrast

---
 src/pages/HomePage.tsx                  | 177 ++++--------------------
 src/pages/HomePage/sections/About.tsx   |  26 ++++
 src/pages/HomePage/sections/Contact.tsx |  21 +++
 src/pages/HomePage/sections/Faq.tsx     |  24 ++++
 src/pages/HomePage/sections/Hero.tsx    |  90 ++++++++++++
 src/pages/HomePage/sections/Pricing.tsx |  25 ++++
 src/pages/HomePage/sections/Reviews.tsx |  27 ++++
 src/pages/HomePage/sections/Service.tsx |  29 ++++
 src/pages/HomePage/sections/Team.tsx    |  21 +++
 src/pages/HomePage/sections/Values.tsx  |  36 +++++
 10 files changed, 325 insertions(+), 151 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Reviews.tsx
 create mode 100644 src/pages/HomePage/sections/Service.tsx
 create mode 100644 src/pages/HomePage/sections/Team.tsx
 create mode 100644 src/pages/HomePage/sections/Values.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 4a47f5b..cd8d533 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,164 +1,39 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesBento from '@/components/sections/features/FeaturesBento';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
-import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';
-import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
-import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import ValuesSection from './HomePage/sections/Values';
+import TeamSection from './HomePage/sections/Team';
+import ServiceSection from './HomePage/sections/Service';
+import PricingSection from './HomePage/sections/Pricing';
+import ReviewsSection from './HomePage/sections/Reviews';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-      <div id="hero" data-section="hero">
-        <SectionErrorBoundary name="hero">
-          <HeroTiltedCards
-            tag="Belfast’s #1 Google Visibility Specialist"
-            title="Found First. Trusted Instantly. Chosen Every Time."
-            description="If you’re not on the map, you don’t exist. We turn invisible businesses into local market leaders."
-            primaryButton={{ text: "Get Your Free Google Audit", href: "#contact" }}
-            secondaryButton={{ text: "View Our Services", href: "#service" }}
-            items={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roof-building-blue-sky_181624-34436.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-walking-street-with-shopping-bags_23-2148695593.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+<>
+      <HeroSection />
 
-      <div id="about" data-section="about">
-        <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-            tag="Our Mission"
-            title="Why Pulse Point Media NI Exists"
-            description="Pulse Point Media NI was founded to stop brilliant local businesses from being invisible. We ensure those doing the best work are the easiest to find."
-            items={[
-              { icon: "MapPin", title: "Belfast Roots", description: "Born from deep local understanding, providing accountability and results." },
-              { icon: "Zap", title: "High-Leverage Tool", description: "Google Business Profile is the highest-leverage tool that most businesses ignore." },
-              { icon: "TrendingUp", title: "Fast Results", description: "Faster, more honest results than expensive ad campaigns." }
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3165.jpg"
-          />
-        </SectionErrorBoundary>
-      </div>
+      <AboutSection />
 
-      <div id="values" data-section="values">
-        <SectionErrorBoundary name="values">
-          <FeaturesBento
-            tag="Values"
-            title="What We Stand For"
-            features={[
-              {
-                title: "Honesty Over Hype",                description: "No inflated promises. Just real work, real results.",                bentoComponent: "info-card-marquee",                infoCards: [{ icon: "CheckCircle", label: "Accuracy", value: "100%" }]
-              },
-              {
-                title: "One Thing, Done Properly",                description: "Total focus on GBP means deeper expertise for our clients.",                bentoComponent: "animated-bar-chart"
-              },
-              {
-                title: "No Long Contracts",                description: "Stay because of results, not legal lock-ins.",                bentoComponent: "checklist-timeline",                heading: "Rolling Monthly",                subheading: "Flexible",                checklistItems: [
-                  { label: "No Lock-in", detail: "Monthly" },
-                  { label: "Transparency", detail: "Full" },
-                  { label: "Performance", detail: "Verified" }
-                ],
-                completedLabel: "Active"
-              }
-            ]}
-            description="We believe in clear communication, measurable impact, and long-term partnership."
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ValuesSection />
 
-      <div id="team" data-section="team">
-        <SectionErrorBoundary name="team">
-          <TeamOverlayCards
-            tag="Founder"
-            title="Hi, I’m Gareth — I Get Belfast Businesses Found."
-            members={[{ name: "Gareth", role: "GBP Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg" }]}
-            description="I specialize in transforming your digital footprint into your most powerful customer acquisition channel."
-          />
-        </SectionErrorBoundary>
-      </div>
+      <TeamSection />
 
-      <div id="service" data-section="service">
-        <SectionErrorBoundary name="service">
-          <FeaturesImageBento
-            tag="Services"
-            title="One Listing. Total Visibility."
-            description="Our comprehensive GBP optimisation service covers every angle."
-            items={[
-              { title: "Profile Audit", description: "Full technical and content analysis.", imageSrc: "http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg" },
-              { title: "Reclaim Listing", description: "Securing your verified ownership.", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg" },
-              { title: "Keywords", description: "Top tier local ranking strategies.", imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg" },
-              { title: "Photo Strategy", description: "Visual dominance in local search.", imageSrc: "http://img.b2bpic.net/free-photo/charts-with-economy-development-desk_23-2148541972.jpg" },
-              { title: "Weekly Posts", description: "Constant engagement with locals.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-people-analyzing-data-charts-report-digital-tablet-using-online-networking-information-plan-business-project-colelagues-looking-diagrams-infographics-close-up_482257-50696.jpg" },
-              { title: "Reviews", description: "Structured growth & active response.", imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-diagram-glasses-mobile-office-supplies_1163-2754.jpg" },
-              { title: "Monthly Reporting", description: "Full transparency on ROI.", imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746528.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ServiceSection />
 
-      <div id="pricing" data-section="pricing">
-        <SectionErrorBoundary name="pricing">
-          <PricingSplitCards
-            tag="Plans"
-            title="Simple Pricing"
-            description="Flexible, monthly rolling plans. No long-term contracts."
-            plans={[
-              { tag: "Basic", price: "£99", period: "/month", description: "Perfect start for local shops.", primaryButton: { text: "Get Started", href: "#contact" }, featuresTitle: "Included:", features: ["Audit & Setup", "Monthly Photos", "2 Posts/Month", "Review Responses"] },
-              { tag: "Growth", price: "£179", period: "/month", description: "Most popular for established businesses.", primaryButton: { text: "Choose Growth", href: "#contact" }, featuresTitle: "Everything in Basic, plus:", features: ["Bi-weekly Photos", "Weekly Posts", "Review Requests", "Detailed Reporting"] },
-              { tag: "Premium", price: "£249", period: "/month", description: "Scale faster with full support.", primaryButton: { text: "Choose Premium", href: "#contact" }, featuresTitle: "Everything in Growth, plus:", features: ["Benchmark Report", "Weekly Photos", "Strategy Call", "2-3 Posts/Week"] }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <PricingSection />
 
-      <div id="reviews" data-section="reviews">
-        <SectionErrorBoundary name="reviews">
-          <TestimonialMarqueeCards
-            tag="Testimonials"
-            title="Don’t Just Take Our Word For It."
-            testimonials={[
-              { name: "Sean McAllister", role: "Plumbing", quote: "Since Pulse Point took over our Google listing we’ve had double the calls.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
-              { name: "Mark Thompson", role: "Roofing", quote: "We went from barely showing to top 3. Game changer.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
-              { name: "Claire Doherty", role: "Hair Studio", quote: "Gareth explained everything in plain English.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg" },
-              { name: "Aoife Brennan", role: "Kitchen", quote: "More reviews, more calls, more bookings.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
-              { name: "Danny Fitzpatrick", role: "Electrician", quote: "Finally found a local expert.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" }
-            ]}
-            description="Success stories from local business owners across Belfast."
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ReviewsSection />
 
-      <div id="faq" data-section="faq">
-        <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-            tag="FAQ"
-            title="Straight Answers, No Spin."
-            categories={[
-              { name: "General", items: [{ question: "Can you guarantee rank #1?", answer: "No, but we guarantee the most honest, consistent work to maximize your chances." }, { question: "How long for results?", answer: "Initial movement in 2-4 weeks; meaningful growth in 8-12." }] },
-              { name: "Process", items: [{ question: "Is it monthly rolling?", answer: "Yes, all plans are monthly rolling with no penalty." }, { question: "What if I have an existing listing?", answer: "We audit, fix, and optimize your existing listing." }] }
-            ]}
-            description="Everything you need to know about our GBP optimisation process."
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FaqSection />
 
-      <div id="contact" data-section="contact">
-        <SectionErrorBoundary name="contact">
-          <ContactCta
-            tag="Contact"
-            text="Let’s Get You Found. Your free Google Audit is one click away."
-            primaryButton={{ text: "07508 514 916", href: "tel:07508514916" }}
-            secondaryButton={{ text: "Email Hello", href: "mailto:hello@pulsepointmedia-ni.co.uk" }}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..178c2e8
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,26 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+            <SectionErrorBoundary name="about">
+              <AboutFeaturesSplit
+                tag="Our Mission"
+                title="Why Pulse Point Media NI Exists"
+                description="Pulse Point Media NI was founded to stop brilliant local businesses from being invisible. We ensure those doing the best work are the easiest to find."
+                items={[
+                  { icon: "MapPin", title: "Belfast Roots", description: "Born from deep local understanding, providing accountability and results." },
+                  { icon: "Zap", title: "High-Leverage Tool", description: "Google Business Profile is the highest-leverage tool that most businesses ignore." },
+                  { icon: "TrendingUp", title: "Fast Results", description: "Faster, more honest results than expensive ad campaigns." }
+                ]}
+                imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3165.jpg"
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..750698a
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+            <SectionErrorBoundary name="contact">
+              <ContactCta
+                tag="Contact"
+                text="Let’s Get You Found. Your free Google Audit is one click away."
+                primaryButton={{ text: "07508 514 916", href: "tel:07508514916" }}
+                secondaryButton={{ text: "Email Hello", href: "mailto:hello@pulsepointmedia-ni.co.uk" }}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..3625808
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,24 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+            <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+                tag="FAQ"
+                title="Straight Answers, No Spin."
+                categories={[
+                  { name: "General", items: [{ question: "Can you guarantee rank #1?", answer: "No, but we guarantee the most honest, consistent work to maximize your chances." }, { question: "How long for results?", answer: "Initial movement in 2-4 weeks; meaningful growth in 8-12." }] },
+                  { name: "Process", items: [{ question: "Is it monthly rolling?", answer: "Yes, all plans are monthly rolling with no penalty." }, { question: "What if I have an existing listing?", answer: "We audit, fix, and optimize your existing listing." }] }
+                ]}
+                description="Everything you need to know about our GBP optimisation process."
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..0e0b3a3
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,90 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import AvatarGroup from "@/components/ui/AvatarGroup";
+
+const primaryButton = {
+  href: "#contact",
+  text: "Get Your Free Google Audit"
+};
+const secondaryButton = {
+  text: "Stop Being Invisible on Google",
+  href: "#service"
+};
+
+type HeroOverlayProps = {
+  tag: string;
+  title: string;
+  description: string;
+  primaryButton: { text: string; href: string };
+  secondaryButton: { text: string; href: string };
+  avatarsSrc?: string[];
+  avatarsLabel?: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+const HeroInline = () => {
+  return (
+    <section
+      aria-label="Hero section"
+      className="relative w-full h-svh overflow-hidden flex flex-col justify-end mb-20"
+    >
+      <HeroBackgroundSlot />
+      <ImageOrVideo
+        imageSrc={"https://images.unsplash.com/photo-1515542706656-8e6ef17a1521?q=80&w=2070&auto=format&fit=crop"}
+        className="absolute inset-0 w-full h-full object-cover rounded-none"
+      />
+      <div className="absolute inset-0 bg-background/70 z-[5]" />
+
+      <div
+        className="absolute z-10 w-[150vw] h-[150vw] left-0 bottom-0 -translate-x-1/2 translate-y-1/2 backdrop-blur mask-[radial-gradient(circle,black_20%,transparent_70%)]"
+        aria-hidden="true"
+      />
+
+      <div className="relative z-10 w-content-width mx-auto pb-10 md:pb-25">
+        <div className="flex flex-col gap-3 w-full md:w-6/10 lg:w-1/2 xl:w-45/100 2xl:w-4/10">
+          <div className="w-fit px-3 py-1 mb-1 text-sm card rounded">
+            <p>{"If you’re not on the map, you don’t exist."}</p>
+          </div>
+
+          <TextAnimation
+            text={"Belfast’s #1 Google Visibility Specialist"}
+            variant="fade-blur"
+            gradientText={true}
+            tag="h1"
+            className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-white text-balance"
+          />
+
+          <TextAnimation
+            text={"Found First. Trusted Instantly. Chosen Every Time."}
+            variant="fade-blur"
+            gradientText={false}
+            tag="p"
+            className="text-lg md:text-xl text-white leading-snug text-balance"
+          />
+
+          <div className="flex flex-wrap gap-3 mt-2 md:mt-3">
+            <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
+            <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
+          </div>
+
+          {undefined && undefined.length > 0 && (
+            <div className="mt-3 md:mt-4">
+              <AvatarGroup size="lg" labelClassName="text-primary-cta-text" />
+            </div>
+          )}
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default function HeroSection() {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroInline />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..1ae10c1
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,25 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "pricing" section.
+
+import React from 'react';
+import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+            <SectionErrorBoundary name="pricing">
+              <PricingSplitCards
+                tag="Plans"
+                title="Simple Pricing"
+                description="Flexible, monthly rolling plans. No long-term contracts."
+                plans={[
+                  { tag: "Basic", price: "£99", period: "/month", description: "Perfect start for local shops.", primaryButton: { text: "Get Started", href: "#contact" }, featuresTitle: "Included:", features: ["Audit & Setup", "Monthly Photos", "2 Posts/Month", "Review Responses"] },
+                  { tag: "Growth", price: "£179", period: "/month", description: "Most popular for established businesses.", primaryButton: { text: "Choose Growth", href: "#contact" }, featuresTitle: "Everything in Basic, plus:", features: ["Bi-weekly Photos", "Weekly Posts", "Review Requests", "Detailed Reporting"] },
+                  { tag: "Premium", price: "£249", period: "/month", description: "Scale faster with full support.", primaryButton: { text: "Choose Premium", href: "#contact" }, featuresTitle: "Everything in Growth, plus:", features: ["Benchmark Report", "Weekly Photos", "Strategy Call", "2-3 Posts/Week"] }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Reviews.tsx b/src/pages/HomePage/sections/Reviews.tsx
new file mode 100644
index 0000000..f11b091
--- /dev/null
+++ b/src/pages/HomePage/sections/Reviews.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "reviews" section.
+
+import React from 'react';
+import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ReviewsSection(): React.JSX.Element {
+  return (
+    <div id="reviews" data-section="reviews">
+            <SectionErrorBoundary name="reviews">
+              <TestimonialMarqueeCards
+                tag="Testimonials"
+                title="Don’t Just Take Our Word For It."
+                testimonials={[
+                  { name: "Sean McAllister", role: "Plumbing", quote: "Since Pulse Point took over our Google listing we’ve had double the calls.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
+                  { name: "Mark Thompson", role: "Roofing", quote: "We went from barely showing to top 3. Game changer.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
+                  { name: "Claire Doherty", role: "Hair Studio", quote: "Gareth explained everything in plain English.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg" },
+                  { name: "Aoife Brennan", role: "Kitchen", quote: "More reviews, more calls, more bookings.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
+                  { name: "Danny Fitzpatrick", role: "Electrician", quote: "Finally found a local expert.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" }
+                ]}
+                description="Success stories from local business owners across Belfast."
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Service.tsx b/src/pages/HomePage/sections/Service.tsx
new file mode 100644
index 0000000..3a616b6
--- /dev/null
+++ b/src/pages/HomePage/sections/Service.tsx
@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "service" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServiceSection(): React.JSX.Element {
+  return (
+    <div id="service" data-section="service">
+            <SectionErrorBoundary name="service">
+              <FeaturesImageBento
+                tag="Services"
+                title="One Listing. Total Visibility."
+                description="Our comprehensive GBP optimisation service covers every angle."
+                items={[
+                  { title: "Profile Audit", description: "Full technical and content analysis.", imageSrc: "http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg" },
+                  { title: "Reclaim Listing", description: "Securing your verified ownership.", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg" },
+                  { title: "Keywords", description: "Top tier local ranking strategies.", imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg" },
+                  { title: "Photo Strategy", description: "Visual dominance in local search.", imageSrc: "http://img.b2bpic.net/free-photo/charts-with-economy-development-desk_23-2148541972.jpg" },
+                  { title: "Weekly Posts", description: "Constant engagement with locals.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-people-analyzing-data-charts-report-digital-tablet-using-online-networking-information-plan-business-project-colelagues-looking-diagrams-infographics-close-up_482257-50696.jpg" },
+                  { title: "Reviews", description: "Structured growth & active response.", imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-diagram-glasses-mobile-office-supplies_1163-2754.jpg" },
+                  { title: "Monthly Reporting", description: "Full transparency on ROI.", imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746528.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx
new file mode 100644
index 0000000..2be33d2
--- /dev/null
+++ b/src/pages/HomePage/sections/Team.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "team" section.
+
+import React from 'react';
+import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TeamSection(): React.JSX.Element {
+  return (
+    <div id="team" data-section="team">
+            <SectionErrorBoundary name="team">
+              <TeamOverlayCards
+                tag="Founder"
+                title="Hi, I’m Gareth — I Get Belfast Businesses Found."
+                members={[{ name: "Gareth", role: "GBP Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg" }]}
+                description="I specialize in transforming your digital footprint into your most powerful customer acquisition channel."
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Values.tsx b/src/pages/HomePage/sections/Values.tsx
new file mode 100644
index 0000000..c5a7c92
--- /dev/null
+++ b/src/pages/HomePage/sections/Values.tsx
@@ -0,0 +1,36 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "values" section.
+
+import React from 'react';
+import FeaturesBento from '@/components/sections/features/FeaturesBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ValuesSection(): React.JSX.Element {
+  return (
+    <div id="values" data-section="values">
+            <SectionErrorBoundary name="values">
+              <FeaturesBento
+                tag="Values"
+                title="What We Stand For"
+                features={[
+                  {
+                    title: "Honesty Over Hype",                description: "No inflated promises. Just real work, real results.",                bentoComponent: "info-card-marquee",                infoCards: [{ icon: "CheckCircle", label: "Accuracy", value: "100%" }]
+                  },
+                  {
+                    title: "One Thing, Done Properly",                description: "Total focus on GBP means deeper expertise for our clients.",                bentoComponent: "animated-bar-chart"
+                  },
+                  {
+                    title: "No Long Contracts",                description: "Stay because of results, not legal lock-ins.",                bentoComponent: "checklist-timeline",                heading: "Rolling Monthly",                subheading: "Flexible",                checklistItems: [
+                      { label: "No Lock-in", detail: "Monthly" },
+                      { label: "Transparency", detail: "Full" },
+                      { label: "Performance", detail: "Verified" }
+                    ],
+                    completedLabel: "Active"
+                  }
+                ]}
+                description="We believe in clear communication, measurable impact, and long-term partnership."
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
-- 
2.49.1