Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LocalPlumb & Heat"
|
||||
/>
|
||||
@@ -57,20 +42,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Reliable Plumbing & Boiler Services"
|
||||
description="Fast, clean, and professional plumbing and heating solutions for your local area. We handle installations, emergency repairs, and maintenance with a focus on quality and reliability."
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "📞 Call Now", href: "tel:+1234567890" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg"
|
||||
imageAlt="Professional plumbing and heating service"
|
||||
@@ -84,18 +61,9 @@ export default function LandingPage() {
|
||||
title="Local & Independent Expertise"
|
||||
description="We are a trusted, locally-owned plumbing and heating business dedicated to providing high-quality service with a personal touch. We value cleanliness, respect your home, and ensure every job is completed to the highest standard."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Emergency Ready",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Happy Customers" },
|
||||
{ value: "24/7", title: "Emergency Ready" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg"
|
||||
imageAlt="Our experienced local technician"
|
||||
@@ -111,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Boiler Installations",
|
||||
description: "High-efficiency modern boiler installs with complete system flushing and safety checks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334228.jpg",
|
||||
imageAlt: "Boiler installation work",
|
||||
},
|
||||
title: "Boiler Installations", description: "High-efficiency modern boiler installs with complete system flushing and safety checks.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334228.jpg", imageAlt: "Boiler installation work"},
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Fast response for pipe bursts, leaks, and urgent heating failures when you need help most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg",
|
||||
imageAlt: "Emergency plumbing repair",
|
||||
},
|
||||
title: "Emergency Plumbing", description: "Fast response for pipe bursts, leaks, and urgent heating failures when you need help most.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Emergency plumbing repair"},
|
||||
{
|
||||
title: "Radiator & Heating",
|
||||
description: "Expert radiator installation, repair, and balancing for a warm and comfortable home year-round.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-thermostat-energy-crisis_23-2150061799.jpg",
|
||||
imageAlt: "Radiator system maintenance",
|
||||
},
|
||||
title: "Radiator & Heating", description: "Expert radiator installation, repair, and balancing for a warm and comfortable home year-round.", imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-thermostat-energy-crisis_23-2150061799.jpg", imageAlt: "Radiator system maintenance"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="From emergency leaks to full boiler installations, we provide reliable, fast, and mess-free services designed for the modern home."
|
||||
@@ -136,38 +92,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Always on time",
|
||||
"No mess guarantee",
|
||||
"Professional conduct",
|
||||
],
|
||||
id: "m1", value: "98%", title: "Customer Satisfaction", items: ["Always on time", "No mess guarantee", "Professional conduct"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"Highly recommended",
|
||||
"Transparent pricing",
|
||||
"Fast local service",
|
||||
],
|
||||
id: "m2", value: "5.0", title: "Google Rating", items: ["Highly recommended", "Transparent pricing", "Fast local service"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Safety Guaranteed",
|
||||
items: [
|
||||
"Fully insured",
|
||||
"Gas safe registered",
|
||||
"Certified experts",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Safety Guaranteed", items: ["Fully insured", "Gas safe registered", "Certified experts"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -181,45 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fantastic Boiler Install",
|
||||
quote: "No fuss, no mess… quick and efficient. Very lovely new boiler.",
|
||||
name: "John D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg",
|
||||
},
|
||||
id: "1", title: "Fantastic Boiler Install", quote: "No fuss, no mess… quick and efficient. Very lovely new boiler.", name: "John D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Very Professional",
|
||||
quote: "Very clean and respectful, highly recommended for any plumbing needs.",
|
||||
name: "Sarah P.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-discussing-digital-tablet-kitchen_107420-84887.jpg",
|
||||
},
|
||||
id: "2", title: "Very Professional", quote: "Very clean and respectful, highly recommended for any plumbing needs.", name: "Sarah P.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/couple-discussing-digital-tablet-kitchen_107420-84887.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fast Response",
|
||||
quote: "Reliable and goes above and beyond to fix the issue quickly.",
|
||||
name: "Mark R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-angry-expression_1194-3999.jpg",
|
||||
},
|
||||
id: "3", title: "Fast Response", quote: "Reliable and goes above and beyond to fix the issue quickly.", name: "Mark R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-angry-expression_1194-3999.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Satisfied",
|
||||
quote: "Quick, professional, and very friendly. Truly an expert tradesperson.",
|
||||
name: "Emily T.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
},
|
||||
id: "4", title: "Highly Satisfied", quote: "Quick, professional, and very friendly. Truly an expert tradesperson.", name: "Emily T.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Exceptional Quality",
|
||||
quote: "Efficient work and extremely clean. I'll definitely call again.",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",
|
||||
},
|
||||
id: "5", title: "Exceptional Quality", quote: "Efficient work and extremely clean. I'll definitely call again.", name: "David W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg"},
|
||||
]}
|
||||
title="Trusted by Local Residents"
|
||||
description="See what our happy customers have to say about our professional, clean, and reliable service."
|
||||
@@ -232,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for emergency plumbing and heating issues.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for emergency plumbing and heating issues."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your work guaranteed?",
|
||||
content: "All our work is fully insured and guaranteed for your peace of mind.",
|
||||
},
|
||||
id: "f2", title: "Is your work guaranteed?", content: "All our work is fully insured and guaranteed for your peace of mind."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you cover?",
|
||||
content: "We cover all major local areas; please contact us with your postcode for confirmation.",
|
||||
},
|
||||
id: "f3", title: "What areas do you cover?", content: "We cover all major local areas; please contact us with your postcode for confirmation."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to the most common questions regarding our boiler and plumbing services."
|
||||
@@ -256,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to help?"
|
||||
title="Get a Free Quote Today"
|
||||
description="Have a plumbing emergency or planning a new installation? Fill out the form or give us a call."
|
||||
@@ -274,50 +169,23 @@ export default function LandingPage() {
|
||||
logoText="LocalPlumb & Heat"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Boilers",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Radiators",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Boilers", href: "#services" },
|
||||
{ label: "Emergency", href: "#services" },
|
||||
{ label: "Radiators", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Get a Quote", href: "#contact" },
|
||||
{ label: "Call Us", href: "tel:+1234567890" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user