bender/4758c2a9-19d8-4205-a9bc-17a3e8aa32c7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 12:34:06 +00:00
parent 61540a7d90
commit feb30cf0f4
1 changed files with 33 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
src/app/page.tsx
View File

@@ -33,9 +33,7 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Book a Call-Out",
id: "#contact",
},
name: "Book a Call-Out", id: "/contact"},
]}
brandName="QuickFix"
/>
@@ -44,46 +42,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Boiler Broken? We'll Fix It Today."
description="Same-day repairs, honest pricing, and a Gas Safe engineer you can actually trust. Farooq is standing by."
tag="BIRMINGHAM'S TRUSTED GAS ENGINEERS"
buttons={[
{
text: "Book a Call-Out →",
href: "#contact",
},
text: "Book a Call-Out →", href: "#contact"},
{
text: "See Our Reviews ↓",
href: "#testimonials",
},
text: "See Our Reviews ↓", href: "#testimonials"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/architecture-workers-checking-blueprints-with-maquette_482257-8117.jpg?_wi=1",
imageAlt: "heating engineer working on boiler",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg?_wi=1",
imageAlt: "heating engineer working on boiler",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg",
imageAlt: "heating engineer working on boiler",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615101.jpg",
imageAlt: "heating engineer working on boiler",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg",
imageAlt: "heating engineer working on boiler",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
imageAlt: "heating engineer working on boiler",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/architecture-workers-checking-blueprints-with-maquette_482257-8117.jpg", imageAlt: "heating engineer working on boiler" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg", imageAlt: "heating engineer working on boiler" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg", imageAlt: "heating engineer working on boiler" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615101.jpg", imageAlt: "heating engineer working on boiler" },
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg", imageAlt: "heating engineer working on boiler" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg", imageAlt: "heating engineer working on boiler" }
]}
/>
</div>
@@ -93,12 +68,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"⭐ 60+ FIVE-STAR REVIEWS",
"🔥 SAME-DAY RESPONSE",
"✓ GAS SAFE REGISTERED",
"£0 CALL-OUT FEE",
"🏠 BIRMINGHAM BASED",
]}
"⭐ 60+ FIVE-STAR REVIEWS", "🔥 SAME-DAY RESPONSE", "✓ GAS SAFE REGISTERED", "£0 CALL-OUT FEE", "🏠 BIRMINGHAM BASED"]}
title="Trusted by Birmingham Residents"
description="Expert service you can rely on."
/>
@@ -110,9 +80,7 @@ export default function LandingPage() {
title="Why Birmingham Homeowners Choose QuickFix"
buttons={[
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
/>
</div>
@@ -124,28 +92,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "£0 Call-Out Fee",
description: "No charge for diagnostics. You only pay when the repair is agreed.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-using-their-phone-kitchen_23-2149017744.jpg",
imageAlt: "Man and woman using their phone in the kitchen",
title: "£0 Call-Out Fee", description: "No charge for diagnostics. You only pay when the repair is agreed.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Same-Day Response",
description: "In your home within hours of calling to keep you warm.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/architecture-workers-checking-blueprints-with-maquette_482257-8117.jpg?_wi=2",
imageAlt: "Man and woman using their phone in the kitchen",
title: "Same-Day Response", description: "In your home within hours of calling to keep you warm.", bentoComponent: "reveal-icon", icon: Zap
},
{
title: "Fixed-Price Guarantee",
description: "Transparent, upfront quotes before any work begins.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/russian-ruble-scissors-cut-coin-with-face-value-1-russian-ruble-orange-background-idea-collapse-ruble-economy-sanctions-against-russian-aggression_166373-2166.jpg?_wi=1",
imageAlt: "Man and woman using their phone in the kitchen",
title: "Fixed-Price Guarantee", description: "Transparent, upfront quotes before any work begins.", bentoComponent: "reveal-icon", icon: Award
},
]}
title="Our Guarantees"
@@ -159,59 +112,19 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Helen Al-Nufoury",
date: "2024",
title: "Great Service",
quote: "Farooq gave us a fantastic service on Christmas Eve when our boiler stopped working. He fitted us in to his busy schedule.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/architecture-workers-checking-blueprints-with-maquette_482257-8117.jpg?_wi=3",
imageAlt: "Farooq",
id: "1", name: "Helen Al-Nufoury", date: "2024", title: "Great Service", quote: "Farooq gave us a fantastic service on Christmas Eve when our boiler stopped working. He fitted us in to his busy schedule.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architecture-workers-checking-blueprints-with-maquette_482257-8117.jpg", imageAlt: "Farooq"
},
{
id: "2",
name: "S Walters",
date: "2024",
title: "Highly Recommend",
quote: "I called and Farooq was in my home looking at my boiler within 10 minutes. He diagnosed the problem and got it working again.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-pretty-girl-with-curly-hairstyle-showing-okay-gestures-smiling-approve-agree-with_1258-172776.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/russian-ruble-scissors-cut-coin-with-face-value-1-russian-ruble-orange-background-idea-collapse-ruble-economy-sanctions-against-russian-aggression_166373-2166.jpg?_wi=2",
imageAlt: "Farooq",
id: "2", name: "S Walters", date: "2024", title: "Highly Recommend", quote: "I called and Farooq was in my home looking at my boiler within 10 minutes. He diagnosed the problem and got it working again.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-pretty-girl-with-curly-hairstyle-showing-okay-gestures-smiling-approve-agree-with_1258-172776.jpg", imageSrc: "http://img.b2bpic.net/free-photo/russian-ruble-scissors-cut-coin-with-face-value-1-russian-ruble-orange-background-idea-collapse-ruble-economy-sanctions-against-russian-aggression_166373-2166.jpg", imageAlt: "Farooq"
},
{
id: "3",
name: "Maya Rajpoot",
date: "2024",
title: "Lifesaver",
quote: "After a very stressful 48 hours I am truly grateful for the service Farooq provided. He took it on as if it was his own.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg?_wi=1",
imageAlt: "Farooq",
id: "3", name: "Maya Rajpoot", date: "2024", title: "Lifesaver", quote: "After a very stressful 48 hours I am truly grateful for the service Farooq provided. He took it on as if it was his own.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg", imageAlt: "Farooq"
},
{
id: "4",
name: "Hardeep Madan",
date: "2024",
title: "Brilliant",
quote: "Absolutely brilliant service! Called QuickFix on a weekend when no one else would help us. They replaced the pump and fixed all.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-showing-credit-card-looking-aside-smiling-standing-white-wall_141793-29289.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=1",
imageAlt: "Farooq",
id: "4", name: "Hardeep Madan", date: "2024", title: "Brilliant", quote: "Absolutely brilliant service! Called QuickFix on a weekend when no one else would help us. They replaced the pump and fixed all.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-showing-credit-card-looking-aside-smiling-standing-white-wall_141793-29289.jpg", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg", imageAlt: "Farooq"
},
{
id: "5",
name: "Customer 5",
date: "2024",
title: "Efficient",
quote: "Fantastic fast and reliable service. Farooq is highly recommended for all boiler needs.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg?_wi=2",
imageAlt: "Farooq",
id: "5", name: "Customer 5", date: "2024", title: "Efficient", quote: "Fantastic fast and reliable service. Farooq is highly recommended for all boiler needs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg", imageAlt: "Farooq"
},
]}
title="What Birmingham Homeowners Say About Farooq"
@@ -226,22 +139,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "s1",
title: "Call or Book Online",
value: "1",
icon: Phone,
id: "s1", title: "Call or Book Online", value: "1", icon: Phone,
},
{
id: "s2",
title: "Same-Day Visit",
value: "2",
icon: Clock,
id: "s2", title: "Same-Day Visit", value: "2", icon: Clock,
},
{
id: "s3",
title: "Fixed-Price Repair",
value: "3",
icon: CheckCircle,
id: "s3", title: "Fixed-Price Repair", value: "3", icon: CheckCircle,
},
]}
title="Getting Your Boiler Fixed Is Simple"
@@ -258,55 +162,15 @@ export default function LandingPage() {
description="Simple advice to keep your heating running all year round."
blogs={[
{
id: "b1",
category: "Tips",
title: "How to bleed your radiators",
excerpt: "A simple guide to improving efficiency.",
imageSrc: "http://img.b2bpic.net/free-photo/russian-ruble-scissors-cut-coin-with-face-value-1-russian-ruble-orange-background-idea-collapse-ruble-economy-sanctions-against-russian-aggression_166373-2166.jpg?_wi=3",
authorName: "Farooq",
authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
date: "2025",
},
id: "b1", category: "Tips", title: "How to bleed your radiators", excerpt: "A simple guide to improving efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/russian-ruble-scissors-cut-coin-with-face-value-1-russian-ruble-orange-background-idea-collapse-ruble-economy-sanctions-against-russian-aggression_166373-2166.jpg", authorName: "Farooq", authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg", date: "2025"},
{
id: "b2",
category: "Tips",
title: "Winter boiler maintenance",
excerpt: "Avoid breakdowns with these steps.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg?_wi=2",
authorName: "Farooq",
authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
date: "2025",
},
id: "b2", category: "Tips", title: "Winter boiler maintenance", excerpt: "Avoid breakdowns with these steps.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg", authorName: "Farooq", authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg", date: "2025"},
{
id: "b3",
category: "Tips",
title: "Why your pressure drops",
excerpt: "Understanding your boiler gauges.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=2",
authorName: "Farooq",
authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
date: "2025",
},
id: "b3", category: "Tips", title: "Why your pressure drops", excerpt: "Understanding your boiler gauges.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg", authorName: "Farooq", authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg", date: "2025"},
{
id: "b4",
category: "Tips",
title: "When to get a service",
excerpt: "Annual health checks for your boiler.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-rotary-switch_23-2149308989.jpg",
authorName: "Farooq",
authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
date: "2025",
},
id: "b4", category: "Tips", title: "When to get a service", excerpt: "Annual health checks for your boiler.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-rotary-switch_23-2149308989.jpg", authorName: "Farooq", authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg", date: "2025"},
{
id: "b5",
category: "Tips",
title: "Radiator noises",
excerpt: "What those clanking sounds mean.",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg",
authorName: "Farooq",
authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
date: "2025",
},
id: "b5", category: "Tips", title: "Radiator noises", excerpt: "What those clanking sounds mean.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg", authorName: "Farooq", authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg", date: "2025"},
]}
/>
</div>
@@ -315,8 +179,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="CONTACT"
title="Need a Gas Engineer Right Now?"
description="Same-day call-outs across Birmingham. £0 to diagnose. Speak to Farooq directly."
@@ -330,20 +193,13 @@ export default function LandingPage() {
logoText="QuickFix"
columns={[
{
title: "QuickFix",
items: [
title: "QuickFix", items: [
{
label: "Birmingham, UK",
href: "#",
},
label: "Birmingham, UK", href: "#"},
{
label: "Gas Safe Registered",
href: "#",
},
label: "Gas Safe Registered", href: "#"},
{
label: "© 2025 QuickFix",
href: "#",
},
label: "© 2025 QuickFix", href: "#"},
],
},
]}