254 lines
12 KiB
TypeScript
254 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, DollarSign, ShieldCheck, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
]}
|
|
brandName="M1 Plumbers Manchester"
|
|
button={{
|
|
text: "Request Service", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
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"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
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", 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/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/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg", imageAlt: "customer plumber handshake"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
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,
|
|
},
|
|
{
|
|
title: "Upfront Pricing", description: "No hidden costs, just transparent, honest, and fair service rates.", bentoComponent: "reveal-icon", icon: DollarSign,
|
|
},
|
|
]}
|
|
title="Professional Plumbing Solutions"
|
|
description="We specialize in rapid emergency responses, complex renovations, and professional installations across the Greater Manchester area."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Us"
|
|
title="Excellence in Every Pipe"
|
|
description="With over a decade of serving the Manchester region, M1 Plumbers is dedicated to delivering professional, reliable, and high-quality service to every homeowner and business we work with."
|
|
subdescription="We treat every job with precision and care, ensuring long-term solutions for all your plumbing needs."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-worker-holding-hands-pockets-uniform-looking-cheerful-front-view_176474-21697.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="professional lead plumber"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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: "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: "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"},
|
|
]}
|
|
showRating={true}
|
|
title="Customer Stories"
|
|
description="Our clients trust M1 Plumbers for their reliability and professional workmanship."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
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: "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: "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."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Why Choose M1 Plumbers?"
|
|
tag="Performance Highlights"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "10+", description: "Years of Excellence"},
|
|
{
|
|
id: "m2", value: "24/7", description: "Emergency Coverage"},
|
|
{
|
|
id: "m3", value: "100%", description: "Certified Technicians"},
|
|
{
|
|
id: "m4", value: "500+", description: "Satisfied Manchester Clients"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="M1 Plumbers Manchester"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Emergency Repairs", href: "#services"},
|
|
{
|
|
label: "Bathroom Renovations", href: "#services"},
|
|
{
|
|
label: "Boiler Maintenance", href: "#services"},
|
|
{
|
|
label: "Commercial Solutions", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 M1 Plumbers Manchester. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|