bender/ae4ae2ac-69f5-441d-a6f2-146a905f9683
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Added dark overlay to hero image for contrast

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-21 16:50:01 +00:00
parent b78587f448
commit 2df3cb47a0
10 changed files with 325 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/pages/HomePage.tsx
View File

@@ -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 />
</>
);
}

26
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -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>
);
}

21
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -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>
);
}

24
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -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>
);
}

90
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -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>
);
}

25
src/pages/HomePage/sections/Pricing.tsx Normal file
View File

@@ -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>
);
}

27
src/pages/HomePage/sections/Reviews.tsx Normal file
View File

@@ -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>
);
}

29
src/pages/HomePage/sections/Service.tsx Normal file
View File

@@ -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>
);
}

21
src/pages/HomePage/sections/Team.tsx Normal file
View File

@@ -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>
);
}

36
src/pages/HomePage/sections/Values.tsx Normal file
View File

@@ -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>
);
}