334 lines
9.7 KiB
TypeScript
334 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "/reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="Swiftflow"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Birmingham's Trusted Plumbing & Heating Specialists"
|
|
description="Expert installations, reliable repairs, and emergency call-outs across the Birmingham area. Quality workmanship, every time."
|
|
testimonials={[
|
|
{
|
|
name: "David M.",
|
|
handle: "Birmingham",
|
|
testimonial: "Excellent job done on our bathroom. The job included unforeseen problems that required re-routing pipes.",
|
|
rating: 5,
|
|
imageSrc: "asset://testimonial-1?_wi=1",
|
|
},
|
|
{
|
|
name: "Alex L.",
|
|
handle: "Birmingham",
|
|
testimonial: "I was impressed with the quality of the work and how tidy he was.",
|
|
rating: 5,
|
|
imageSrc: "asset://testimonial-2?_wi=1",
|
|
},
|
|
{
|
|
name: "Sarah K.",
|
|
handle: "Birmingham",
|
|
testimonial: "Fast response for our boiler emergency. Professional and very helpful.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-old-house-elegance-shower_1203-4967.jpg",
|
|
},
|
|
{
|
|
name: "Mark R.",
|
|
handle: "Birmingham",
|
|
testimonial: "Swiftflow transformed our outdated bathroom into a modern sanctuary.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",
|
|
},
|
|
{
|
|
name: "Jane D.",
|
|
handle: "Birmingham",
|
|
testimonial: "Highly recommended for any plumbing needs. Honest pricing and great service.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bathtub-old-wall-vintage-bath_1203-6327.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Call Now: 07734 213674",
|
|
href: "tel:07734213674",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-little-boy-washing_23-2148518619.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",
|
|
alt: "Client profile 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349663.jpg",
|
|
alt: "Client profile 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615101.jpg",
|
|
alt: "Client profile 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
|
|
alt: "Client profile 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-industry-worker-posing-smiling-inside-factory-with-bars-pipes-around_114579-2834.jpg",
|
|
alt: "Client profile 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Gas Safe Registered",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fully Insured",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Local Birmingham Business",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "24/7 Emergency Service",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Transparent Pricing",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-short" data-section="about-short">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Why Choose Swiftflow?"
|
|
buttons={[
|
|
{
|
|
text: "Read Our Story",
|
|
href: "/about",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-overview" data-section="services-overview">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Professional Solutions for Every Need"
|
|
description="Comprehensive plumbing and heating services, delivered with local pride."
|
|
accordionItems={[
|
|
{
|
|
id: "s1",
|
|
title: "Central Heating",
|
|
content: "Installation, servicing & repairs for all residential heating systems.",
|
|
},
|
|
{
|
|
id: "s2",
|
|
title: "Bathroom Fitting",
|
|
content: "Full bathroom renovations, walk-in showers, and complete design.",
|
|
},
|
|
{
|
|
id: "s3",
|
|
title: "Boiler Services",
|
|
content: "Expert repairs, new boiler supply & fitting, gas safety.",
|
|
},
|
|
{
|
|
id: "s4",
|
|
title: "General Plumbing",
|
|
content: "Leaks, taps, toilets, pipes, and more.",
|
|
},
|
|
{
|
|
id: "s5",
|
|
title: "Emergency Services",
|
|
content: "Rapid response for when you need us most.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515882.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Service Packages"
|
|
description="Simple, transparent pricing for common plumbing and heating tasks."
|
|
plans={[
|
|
{
|
|
id: "plan1",
|
|
badge: "Essential",
|
|
price: "£85",
|
|
subtitle: "Basic plumbing repair",
|
|
buttons: [
|
|
{
|
|
text: "Book Now",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
features: [
|
|
"Leak inspection",
|
|
"Tap washer change",
|
|
"Quick seal",
|
|
],
|
|
},
|
|
{
|
|
id: "plan2",
|
|
badge: "Standard",
|
|
price: "£150",
|
|
subtitle: "Boiler service & safety",
|
|
buttons: [
|
|
{
|
|
text: "Book Now",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
features: [
|
|
"Full gas safety check",
|
|
"System flush",
|
|
"Boiler cleaning",
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about our plumbing services."
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Do you offer free quotes?",
|
|
content: "Yes, we provide free, no-obligation quotes for all major work.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Are you gas safe registered?",
|
|
content: "Absolutely, all our heating engineers are fully Gas Safe registered.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Do you handle emergencies?",
|
|
content: "Yes, we offer a 24/7 emergency response service for Birmingham.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Swiftflow Plumbing & Heating Ltd"
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "/reviews",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Us",
|
|
items: [
|
|
{
|
|
label: "135 Hansons Bridge Rd, Birmingham",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "07734 213674",
|
|
href: "tel:07734213674",
|
|
},
|
|
{
|
|
label: "info@swiftflowplumbing.co.uk",
|
|
href: "mailto:info@swiftflowplumbing.co.uk",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Swiftflow Plumbing & Heating Ltd. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|