Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
323
src/app/page.tsx
323
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Gas Services Bradford"
|
||||
/>
|
||||
@@ -59,67 +44,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Emergency Gas & Boiler Experts in Bradford"
|
||||
description="Rapid response. Honest pricing. 5★ rated service trusted by homeowners & landlords. We fix it right the first time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now - Same Day Service",
|
||||
href: "tel:01274000000",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now - Same Day Service", href: "tel:01274000000" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg"
|
||||
imageAlt="Gas engineer working on a boiler"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/speed-limit-60-sign-glowing-tunnel-traffic-move_169016-69634.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg", alt: "Customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg", alt: "Customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23926.jpg", alt: "Customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg", alt: "Customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/speed-limit-60-sign-glowing-tunnel-traffic-move_169016-69634.jpg", alt: "Customer profile 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Gas Safe Registered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Bradford Experts",
|
||||
},
|
||||
{ type: "text", text: "Gas Safe Registered" },
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
{ type: "text", text: "Fully Insured" },
|
||||
{ type: "text", text: "Same-Day Response" },
|
||||
{ type: "text", text: "Local Bradford Experts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,52 +78,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Response",
|
||||
description: "Often within 1–2 hours for emergencies.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg",
|
||||
},
|
||||
title: "Rapid Response", description: "Often within 1–2 hours for emergencies.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Same-day service",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
text: "Emergency lines open",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reliable arrival",
|
||||
},
|
||||
{ icon: Clock, text: "Same-day service" },
|
||||
{ icon: Phone, text: "Emergency lines open" },
|
||||
{ icon: CheckCircle, text: "Reliable arrival" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg?_wi=2",
|
||||
imageAlt: "modern boiler installation home",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Expert Diagnosis",
|
||||
description: "Precision troubleshooting to get you up and running faster.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-glove-white-background_141793-15306.jpg",
|
||||
},
|
||||
title: "Expert Diagnosis", description: "Precision troubleshooting to get you up and running faster.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-screwdriver-glove-white-background_141793-15306.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "First-time fix",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Gas safe certified",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Expert technicians",
|
||||
},
|
||||
{ icon: Wrench, text: "First-time fix" },
|
||||
{ icon: Shield, text: "Gas safe certified" },
|
||||
{ icon: Award, text: "Expert technicians" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-disinfecting-stove-surface_23-2148705075.jpg?_wi=1",
|
||||
imageAlt: "modern boiler installation home",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Why Customers Choose Us"
|
||||
@@ -191,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Boiler Repair",
|
||||
price: "From £80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Boiler Servicing",
|
||||
price: "From £60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-pins-wooden-surface-with-copy-space_23-2148527887.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Gas Certificates",
|
||||
price: "From £50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-disinfecting-stove-surface_23-2148705075.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Leak Detection",
|
||||
price: "Enquire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990732.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Hob Installation",
|
||||
price: "From £70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Pipe Repairs",
|
||||
price: "Enquire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Boiler Repair", price: "From £80", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg" },
|
||||
{ id: "s2", name: "Boiler Servicing", price: "From £60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-pins-wooden-surface-with-copy-space_23-2148527887.jpg" },
|
||||
{ id: "s3", name: "Gas Certificates", price: "From £50", imageSrc: "http://img.b2bpic.net/free-photo/hands-disinfecting-stove-surface_23-2148705075.jpg" },
|
||||
{ id: "s4", name: "Leak Detection", price: "Enquire", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990732.jpg" },
|
||||
{ id: "s5", name: "Hob Installation", price: "From £70", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg" },
|
||||
{ id: "s6", name: "Pipe Repairs", price: "Enquire", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive gas and plumbing solutions for every home and rental property."
|
||||
@@ -237,31 +126,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chrissy M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Aneela M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jenny T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-protective-mask-gloves_23-2148773449.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gareth C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg",
|
||||
},
|
||||
{ id: "1", name: "Chrissy M.", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg" },
|
||||
{ id: "2", name: "Aneela M.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg" },
|
||||
{ id: "3", name: "Jenny T.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-protective-mask-gloves_23-2148773449.jpg" },
|
||||
{ id: "4", name: "Gareth C.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg" },
|
||||
{ id: "5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg" },
|
||||
]}
|
||||
cardTitle="Trusted by 50+ Happy Customers"
|
||||
cardTag="Social Proof"
|
||||
@@ -276,36 +145,13 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always ready to help.",
|
||||
icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1-2h",
|
||||
title: "Response",
|
||||
description: "Rapid arrival time.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5★",
|
||||
title: "Rated",
|
||||
description: "Highly trusted service.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "24/7", title: "Support", description: "Always ready to help.", icon: AlertTriangle },
|
||||
{ id: "m2", value: "1-2h", title: "Response", description: "Rapid arrival time.", icon: Zap },
|
||||
{ id: "m3", value: "5★", title: "Rated", description: "Highly trusted service.", icon: Star },
|
||||
]}
|
||||
title="Got a Gas Emergency?"
|
||||
description="Don't wait. Gas leaks and boiler failures need immediate attention. Call our emergency team now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:01274000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:01274000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -313,12 +159,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Local Experts You Can Trust"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -327,31 +168,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "1. Call or message us",
|
||||
content: "Contact us via phone or our online form to describe your issue.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "2. We arrive quickly",
|
||||
content: "Our team coordinates a rapid arrival time based on your emergency.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "3. Diagnose the issue",
|
||||
content: "We assess the situation professionally with clear explanations.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "4. Fix it properly",
|
||||
content: "We use high-quality tools to ensure your system works reliably.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "5. You're back up and running",
|
||||
content: "We finish the job and ensure everything is spotless.",
|
||||
},
|
||||
{ id: "1", title: "1. Call or message us", content: "Contact us via phone or our online form to describe your issue." },
|
||||
{ id: "2", title: "2. We arrive quickly", content: "Our team coordinates a rapid arrival time based on your emergency." },
|
||||
{ id: "3", title: "3. Diagnose the issue", content: "We assess the situation professionally with clear explanations." },
|
||||
{ id: "4", title: "4. Fix it properly", content: "We use high-quality tools to ensure your system works reliably." },
|
||||
{ id: "5", title: "5. You're back up and running", content: "We finish the job and ensure everything is spotless." },
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Simple, transparent, and efficient process."
|
||||
@@ -362,9 +183,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Need a Reliable Gas Engineer Today?"
|
||||
description="We’re ready when you are. Call us or send a message for a free quote."
|
||||
@@ -378,37 +197,17 @@ export default function LandingPage() {
|
||||
logoText="Gas Services Bradford"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Boiler Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gas Safety",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Boiler Repair", href: "#services" },
|
||||
{ label: "Plumbing", href: "#services" },
|
||||
{ label: "Gas Safety", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#process" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user