Files
0a27c70c-4d60-4e3c-a1ef-e71…/src/app/page.tsx
2026-04-17 09:38:08 +00:00

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>
);
}