Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -33,69 +33,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="M1 Plumbers Manchester"
|
||||
button={{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Request Service", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Manchester's Most Trusted Emergency Plumbers"
|
||||
description="24/7 rapid response, certified experts, and upfront pricing. When pipes fail, we deliver solutions—not excuses."
|
||||
tag="Manchester's Top-Rated Choice"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Emergency Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Emergency Service", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=1",
|
||||
imageAlt: "plumber repairing pipe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", imageAlt: "plumber repairing pipe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=1",
|
||||
imageAlt: "plumber holding tablet",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg", imageAlt: "plumber holding tablet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-637905.jpg",
|
||||
imageAlt: "wrench copper pipe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-637905.jpg", imageAlt: "wrench copper pipe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-leaning-car-holding-wrench_23-2148327526.jpg",
|
||||
imageAlt: "plumbing van stock",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-leaning-car-holding-wrench_23-2148327526.jpg", imageAlt: "plumbing van stock"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
|
||||
imageAlt: "heating system repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", imageAlt: "heating system repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg",
|
||||
imageAlt: "customer plumber handshake",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg", imageAlt: "customer plumber handshake"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,28 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Rapid Response",
|
||||
description: "Available day or night for plumbing emergencies across Manchester.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg",
|
||||
imageAlt: "Close-up men working together",
|
||||
title: "24/7 Rapid Response", description: "Available day or night for plumbing emergencies across Manchester.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Certified Experts",
|
||||
description: "Highly trained and qualified engineers with years of industry experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=2",
|
||||
imageAlt: "Close-up men working together",
|
||||
title: "Certified Experts", description: "Highly trained and qualified engineers with years of industry experience.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Upfront Pricing",
|
||||
description: "No hidden costs, just transparent, honest, and fair service rates.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: DollarSign,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=2",
|
||||
imageAlt: "Close-up men working together",
|
||||
title: "Upfront Pricing", description: "No hidden costs, just transparent, honest, and fair service rates.", bentoComponent: "reveal-icon", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
title="Professional Plumbing Solutions"
|
||||
@@ -159,47 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Emergency Repairs",
|
||||
price: "From £85",
|
||||
variant: "Fast Response",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
|
||||
},
|
||||
id: "s1", name: "Emergency Repairs", price: "From £85", variant: "Fast Response", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Bathroom Renovations",
|
||||
price: "Custom Quote",
|
||||
variant: "Expert Install",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg",
|
||||
},
|
||||
id: "s2", name: "Bathroom Renovations", price: "Custom Quote", variant: "Expert Install", imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Boiler Maintenance",
|
||||
price: "From £95",
|
||||
variant: "Certified Work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",
|
||||
},
|
||||
id: "s3", name: "Boiler Maintenance", price: "From £95", variant: "Certified Work", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Pipe Replacement",
|
||||
price: "Competitive Rate",
|
||||
variant: "High Durability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-van-vehicle-with-horizontal-lines-ans-wheels_23-2148301305.jpg",
|
||||
},
|
||||
id: "s4", name: "Pipe Replacement", price: "Competitive Rate", variant: "High Durability", imageSrc: "http://img.b2bpic.net/free-photo/texture-van-vehicle-with-horizontal-lines-ans-wheels_23-2148301305.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Leak Detection",
|
||||
price: "Efficient Fix",
|
||||
variant: "Precision Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workwoman-office-cleaning-service_1398-3766.jpg",
|
||||
},
|
||||
id: "s5", name: "Leak Detection", price: "Efficient Fix", variant: "Precision Tech", imageSrc: "http://img.b2bpic.net/free-photo/workwoman-office-cleaning-service_1398-3766.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Commercial Plumbing",
|
||||
price: "Corporate Rates",
|
||||
variant: "Full Contract",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",
|
||||
},
|
||||
id: "s6", name: "Commercial Plumbing", price: "Corporate Rates", variant: "Full Contract", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="From emergency repairs to planned installations, we handle it all with professional expertise."
|
||||
@@ -213,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Rapid response, professional work, and fixed the issue quickly. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Rapid response, professional work, and fixed the issue quickly. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
handle: "@mevans",
|
||||
testimonial: "Honest pricing and clear communication throughout. Great local company.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Evans", handle: "@mevans", testimonial: "Honest pricing and clear communication throughout. Great local company.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Smith",
|
||||
handle: "@lsmith",
|
||||
testimonial: "Excellent service on my bathroom renovation project. Everything went smooth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg",
|
||||
},
|
||||
id: "3", name: "Linda Smith", handle: "@lsmith", testimonial: "Excellent service on my bathroom renovation project. Everything went smooth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Clark",
|
||||
handle: "@dclark",
|
||||
testimonial: "Very professional and friendly team. Arrived on time and worked efficiently.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-bathrobe-applying-cream_23-2148389861.jpg",
|
||||
},
|
||||
id: "4", name: "David Clark", handle: "@dclark", testimonial: "Very professional and friendly team. Arrived on time and worked efficiently.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-bathrobe-applying-cream_23-2148389861.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma Wilson",
|
||||
handle: "@ewilson",
|
||||
testimonial: "Top-notch plumbing company in Manchester. Reliable emergency service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-832.jpg",
|
||||
},
|
||||
id: "5", name: "Emma Wilson", handle: "@ewilson", testimonial: "Top-notch plumbing company in Manchester. Reliable emergency service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-832.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -264,25 +169,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide 24/7 service?",
|
||||
content: "Yes, we are available 24/7 for all plumbing emergencies across Manchester.",
|
||||
},
|
||||
id: "f1", title: "Do you provide 24/7 service?", content: "Yes, we are available 24/7 for all plumbing emergencies across Manchester."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your call-out fee?",
|
||||
content: "We offer transparent and fair pricing. Contact us for a quote based on your specific requirements.",
|
||||
},
|
||||
id: "f2", title: "What is your call-out fee?", content: "We offer transparent and fair pricing. Contact us for a quote based on your specific requirements."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your plumbers qualified?",
|
||||
content: "Absolutely. Our engineers are highly qualified, certified, and fully insured.",
|
||||
},
|
||||
id: "f3", title: "Are your plumbers qualified?", content: "Absolutely. Our engineers are highly qualified, certified, and fully insured."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you cover all of Manchester?",
|
||||
content: "Yes, we provide plumbing coverage across the entire Greater Manchester region.",
|
||||
},
|
||||
id: "f4", title: "Do you cover all of Manchester?", content: "Yes, we provide plumbing coverage across the entire Greater Manchester region."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to frequently asked questions about our plumbing services."
|
||||
@@ -297,25 +190,13 @@ export default function LandingPage() {
|
||||
tag="Performance Highlights"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
id: "m1", value: "10+", description: "Years of Excellence"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Emergency Coverage",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Emergency Coverage"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Certified Technicians",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Certified Technicians"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "500+",
|
||||
description: "Satisfied Manchester Clients",
|
||||
},
|
||||
id: "m4", value: "500+", description: "Satisfied Manchester Clients"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -325,14 +206,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Need professional plumbing services? Our team is ready to help 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 0161 000 0000",
|
||||
href: "tel:01610000000",
|
||||
},
|
||||
text: "Call Now: 0161 000 0000", href: "tel:01610000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,45 +220,27 @@ export default function LandingPage() {
|
||||
logoText="M1 Plumbers Manchester"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Repairs", href: "#services"},
|
||||
{
|
||||
label: "Bathroom Renovations",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Bathroom Renovations", href: "#services"},
|
||||
{
|
||||
label: "Boiler Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Boiler Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Commercial Solutions",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Commercial Solutions", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user