Merge version_2_1781485203564 into main #2
@@ -38,7 +38,7 @@ export default function Layout() {
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="bounce" siteBackground="floatingGradient" heroBackground="gradientBars">
|
||||
<StyleProvider buttonVariant="shift" siteBackground="noise" heroBackground="none">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarDropdown
|
||||
|
||||
@@ -1,165 +1,36 @@
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
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 ServicesSection from './HomePage/sections/Services';
|
||||
import ProcessSection from './HomePage/sections/Process';
|
||||
import WhyUsSection from './HomePage/sections/WhyUs';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
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">
|
||||
<HeroCenteredLogos
|
||||
avatarText="Trusted by service leaders"
|
||||
title="Get More Leads. Close More Jobs. Grow Your Business."
|
||||
description="KHF Marketing helps service-based businesses generate consistent leads through digital marketing and proven growth strategies."
|
||||
primaryButton={{
|
||||
text: "Book a Free Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#services"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53051.jpg"
|
||||
avatarsSrc={[]}
|
||||
names={[]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Expertise"
|
||||
title="Results-Driven Marketing Services"
|
||||
description="Specialized strategies designed to fill your pipeline and grow your revenue."
|
||||
items={[
|
||||
{
|
||||
title: "Lead Generation", description: "High-quality leads delivered to your phone.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-strategy-concept_53876-127411.jpg"},
|
||||
{
|
||||
title: "Facebook Ads", description: "Targeted ad campaigns that bring in ready-to-buy clients.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/people-holding-wechat-icon_53876-63371.jpg"},
|
||||
{
|
||||
title: "Website Design", description: "High-converting websites that represent your brand.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg"},
|
||||
{
|
||||
title: "Social Media Management", description: "Engaging your audience where they spend their time.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-sales-statistics-computer-display-showing-income-figures_482257-119030.jpg"},
|
||||
{
|
||||
title: "Growth Consulting", description: "Proven roadmaps for business scaling.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/person-firing-like-gun-social-media-reaction_53876-98457.jpg"},
|
||||
{
|
||||
title: "SEO Optimization", description: "Get found on Google by local customers.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/outline-responsive-design_1134-80.jpg"},
|
||||
{
|
||||
title: "Email Marketing", description: "Nurture your leads until they book a job.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148379703.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ServicesSection />
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Process"
|
||||
title="How We Grow Your Business"
|
||||
description="A proven roadmap to turning digital traffic into booked jobs."
|
||||
items={[
|
||||
{
|
||||
title: "Discovery Call", description: "We analyze your business goals and current challenges to build a strategy.", tags: [
|
||||
"Step 1"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-fitness-mobile-app-infographic_23-2148203348.jpg"},
|
||||
{
|
||||
title: "Strategy Development", description: "A tailored growth strategy designed for your specific local market.", tags: [
|
||||
"Step 2"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169134.jpg"},
|
||||
{
|
||||
title: "Campaign Launch", description: "Your systems go live, generating leads and phone calls.", tags: [
|
||||
"Step 3"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designers-working-their-desk_1170-1858.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProcessSection />
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<AboutTestimonial
|
||||
tag="Why KHF Marketing"
|
||||
quote="We focus on real, measurable results—leads, calls, and booked jobs—not just clicks and impressions."
|
||||
author="KHF Team"
|
||||
role="Growth Partners"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-modern-futuristic-background-with-cyber-particles-shallow-depth-field_1048-12412.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<WhyUsSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Impact"
|
||||
title="Proven Results for Service Pros"
|
||||
description="See the growth we generate for our clients daily."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+", title: "Booked Jobs", description: "Jobs generated for our partner businesses.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg"},
|
||||
{
|
||||
value: "$2M+", title: "Pipeline Value", description: "Total value of leads delivered.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg"},
|
||||
{
|
||||
value: "15+", title: "Local Industries", description: "Deep expertise in service niches.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-business-evolution-with-graphic_1134-294.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Client Success"
|
||||
title="What Our Clients Say"
|
||||
description="See why contractors and service pros trust KHF Marketing."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mike R.", role: "Plumbing Owner", quote: "KHF doubled our monthly leads. Best investment we ever made.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg"},
|
||||
{
|
||||
name: "Sarah J.", role: "Roofing Co-Owner", quote: "The strategy they developed was perfect. Booked jobs are up 40%.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
|
||||
{
|
||||
name: "David L.", role: "HVAC Manager", quote: "Finally, a marketing team that understands local service businesses.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg"},
|
||||
{
|
||||
name: "Brenda T.", role: "Remodeling Contractor", quote: "Professional, fast, and most importantly—we're getting calls.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"},
|
||||
{
|
||||
name: "Gary S.", role: "Service Business Owner", quote: "If you want to grow your company, work with KHF Marketing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Answers to help you decide if we're the right fit."
|
||||
items={[
|
||||
{
|
||||
question: "What industries do you work with?", answer: "We focus on local service businesses including plumbing, roofing, HVAC, and remodeling."},
|
||||
{
|
||||
question: "How soon will I see results?", answer: "Most clients see lead flow increase within the first 30 days."},
|
||||
{
|
||||
question: "Do you provide guarantees?", answer: "We provide performance-driven strategies and transparent reporting every step of the way."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to get more leads and close more jobs?"
|
||||
primaryButton={{
|
||||
text: "Book Free Consultation", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Call Us Now", href: "tel:5555555555"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
23
src/pages/HomePage/sections/Contact.tsx
Normal file
23
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
// 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="Get Started"
|
||||
text="Ready to get more leads and close more jobs?"
|
||||
primaryButton={{
|
||||
text: "Book Free Consultation", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Call Us Now", href: "tel:5555555555"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
28
src/pages/HomePage/sections/Faq.tsx
Normal file
28
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
// 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 FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Answers to help you decide if we're the right fit."
|
||||
items={[
|
||||
{
|
||||
question: "What industries do you work with?", answer: "We focus on local service businesses including plumbing, roofing, HVAC, and remodeling."},
|
||||
{
|
||||
question: "How soon will I see results?", answer: "Most clients see lead flow increase within the first 30 days."},
|
||||
{
|
||||
question: "Do you provide guarantees?", answer: "We provide performance-driven strategies and transparent reporting every step of the way."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Hero.tsx
Normal file
27
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarText="Trusted by service leaders"
|
||||
title="Get More Leads. Close More Jobs. Grow Your Business."
|
||||
description="KHF Marketing helps service-based businesses generate consistent leads through digital marketing and proven growth strategies."
|
||||
primaryButton={{
|
||||
text: "Book a Free Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#services"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-lie-laptop-reflecting-light-from-screen-dark_169016-53051.jpg"
|
||||
avatarsSrc={[]}
|
||||
names={[]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
28
src/pages/HomePage/sections/Metrics.tsx
Normal file
28
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Impact"
|
||||
title="Proven Results for Service Pros"
|
||||
description="See the growth we generate for our clients daily."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+", title: "Booked Jobs", description: "Jobs generated for our partner businesses.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg"},
|
||||
{
|
||||
value: "$2M+", title: "Pipeline Value", description: "Total value of leads delivered.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg"},
|
||||
{
|
||||
value: "15+", title: "Local Industries", description: "Deep expertise in service niches.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-business-evolution-with-graphic_1134-294.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
34
src/pages/HomePage/sections/Process.tsx
Normal file
34
src/pages/HomePage/sections/Process.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "process" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProcessSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="process" data-section="process">
|
||||
<SectionErrorBoundary name="process">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Process"
|
||||
title="How We Grow Your Business"
|
||||
description="A proven roadmap to turning digital traffic into booked jobs."
|
||||
items={[
|
||||
{
|
||||
title: "Discovery Call", description: "We analyze your business goals and current challenges to build a strategy.", tags: [
|
||||
"Step 1"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-fitness-mobile-app-infographic_23-2148203348.jpg"},
|
||||
{
|
||||
title: "Strategy Development", description: "A tailored growth strategy designed for your specific local market.", tags: [
|
||||
"Step 2"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169134.jpg"},
|
||||
{
|
||||
title: "Campaign Launch", description: "Your systems go live, generating leads and phone calls.", tags: [
|
||||
"Step 3"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designers-working-their-desk_1170-1858.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
36
src/pages/HomePage/sections/Services.tsx
Normal file
36
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "services" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Expertise"
|
||||
title="Results-Driven Marketing Services"
|
||||
description="Specialized strategies designed to fill your pipeline and grow your revenue."
|
||||
items={[
|
||||
{
|
||||
title: "Lead Generation", description: "High-quality leads delivered to your phone.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-strategy-concept_53876-127411.jpg"},
|
||||
{
|
||||
title: "Facebook Ads", description: "Targeted ad campaigns that bring in ready-to-buy clients.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/people-holding-wechat-icon_53876-63371.jpg"},
|
||||
{
|
||||
title: "Website Design", description: "High-converting websites that represent your brand.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg"},
|
||||
{
|
||||
title: "Social Media Management", description: "Engaging your audience where they spend their time.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-sales-statistics-computer-display-showing-income-figures_482257-119030.jpg"},
|
||||
{
|
||||
title: "Growth Consulting", description: "Proven roadmaps for business scaling.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/person-firing-like-gun-social-media-reaction_53876-98457.jpg"},
|
||||
{
|
||||
title: "SEO Optimization", description: "Get found on Google by local customers.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/outline-responsive-design_1134-80.jpg"},
|
||||
{
|
||||
title: "Email Marketing", description: "Nurture your leads until they book a job.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148379703.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
32
src/pages/HomePage/sections/Testimonials.tsx
Normal file
32
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Client Success"
|
||||
title="What Our Clients Say"
|
||||
description="See why contractors and service pros trust KHF Marketing."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mike R.", role: "Plumbing Owner", quote: "KHF doubled our monthly leads. Best investment we ever made.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg"},
|
||||
{
|
||||
name: "Sarah J.", role: "Roofing Co-Owner", quote: "The strategy they developed was perfect. Booked jobs are up 40%.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
|
||||
{
|
||||
name: "David L.", role: "HVAC Manager", quote: "Finally, a marketing team that understands local service businesses.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg"},
|
||||
{
|
||||
name: "Brenda T.", role: "Remodeling Contractor", quote: "Professional, fast, and most importantly—we're getting calls.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"},
|
||||
{
|
||||
name: "Gary S.", role: "Service Business Owner", quote: "If you want to grow your company, work with KHF Marketing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
22
src/pages/HomePage/sections/WhyUs.tsx
Normal file
22
src/pages/HomePage/sections/WhyUs.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "why-us" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function WhyUsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<AboutTestimonial
|
||||
tag="Why KHF Marketing"
|
||||
quote="We focus on real, measurable results—leads, calls, and booked jobs—not just clicks and impressions."
|
||||
author="KHF Team"
|
||||
role="Growth Partners"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-modern-futuristic-background-with-cyber-particles-shallow-depth-field_1048-12412.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user