433 lines
13 KiB
TypeScript
433 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, CheckCircle, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "#pricing",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="ProFlow Plumbing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Local Plumbing Services You Can Trust"
|
|
description="Fast, reliable, and professional plumbing solutions for your home and business. Available 24/7 for all your plumbing emergencies."
|
|
testimonials={[
|
|
{
|
|
name: "John Doe",
|
|
handle: "@johndoe",
|
|
testimonial: "Excellent service and very professional. Fixed my leak in under an hour!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-guy-wearing-holder-standing-table-freshly-baked-pastry-it-kitchen_140725-97136.jpg",
|
|
},
|
|
{
|
|
name: "Jane Smith",
|
|
handle: "@janesmith",
|
|
testimonial: "The best plumbers in town. Reliable and fair prices.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/diligent-cobbler-glasses-is-working-with-pair-leather-shoes-his-workplace_613910-12914.jpg",
|
|
},
|
|
{
|
|
name: "Mike Brown",
|
|
handle: "@mikeb",
|
|
testimonial: "Always my go-to for any plumbing issue. Highly recommended.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25109.jpg",
|
|
},
|
|
{
|
|
name: "Sarah Lee",
|
|
handle: "@sarahlee",
|
|
testimonial: "Very quick response. Resolved the issue immediately.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg",
|
|
},
|
|
{
|
|
name: "Tom White",
|
|
handle: "@tomwhite",
|
|
testimonial: "Clean, efficient and friendly service. Thank you!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/girl-s-hand-filling-cup-with-water_23-2147824128.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-s-hand-filling-cup-with-water_23-2147824128.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "24/7 Emergency Repairs",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Licensed & Insured",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "15+ Years Experience",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "100% Satisfaction",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fast Response Time",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Excellence"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Years Experience",
|
|
value: "15+",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Happy Clients",
|
|
value: "2000+",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
label: "Emergency Calls",
|
|
value: "500+",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Leak Detection",
|
|
descriptions: [
|
|
"Precise detection of pipe leaks.",
|
|
"Prevent water damage.",
|
|
"Quick and effective repair.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Drain Cleaning",
|
|
descriptions: [
|
|
"Clear stubborn clogs.",
|
|
"Professional drain service.",
|
|
"Restored plumbing flow.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Pipe Inspection",
|
|
descriptions: [
|
|
"Camera inspection service.",
|
|
"Thorough system health check.",
|
|
"Avoid potential issues.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg",
|
|
},
|
|
]}
|
|
title="Our Specialized Plumbing Solutions"
|
|
description="Comprehensive services tailored to meet your unique plumbing requirements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Kitchen Sink Faucet",
|
|
price: "$150",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Shower Head System",
|
|
price: "$200",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/classical-background-house-bath-interior_1203-5614.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Toilet Replacement",
|
|
price: "$350",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Waste Disposal Unit",
|
|
price: "$250",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-clean-dirty-house_23-2149248510.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Water Filter System",
|
|
price: "$400",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/jug-glass-near-reading-woman_23-2147765099.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Water Heater Tank",
|
|
price: "$800",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg",
|
|
},
|
|
]}
|
|
title="Professional Plumbing Upgrades"
|
|
description="High-quality hardware installation for residential and commercial spaces."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
badge: "Essential",
|
|
price: "$99",
|
|
subtitle: "Basic maintenance package",
|
|
features: [
|
|
"Drain inspection",
|
|
"Faucet check",
|
|
"Priority scheduling",
|
|
],
|
|
},
|
|
{
|
|
id: "pro",
|
|
badge: "Popular",
|
|
price: "$199",
|
|
subtitle: "Comprehensive service plan",
|
|
features: [
|
|
"Full pipe inspection",
|
|
"Water filtration check",
|
|
"24/7 priority support",
|
|
],
|
|
},
|
|
{
|
|
id: "premium",
|
|
badge: "Elite",
|
|
price: "$299",
|
|
subtitle: "Total plumbing coverage",
|
|
features: [
|
|
"Annual system audit",
|
|
"No trip charges",
|
|
"Comprehensive fixture service",
|
|
],
|
|
},
|
|
]}
|
|
title="Transparent Pricing Plans"
|
|
description="Affordable maintenance and service packages for everyone."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="ProFlow Plumbing saved our day during an emergency. Professional, honest, and highly recommended!"
|
|
rating={5}
|
|
author="The Johnson Family"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-man-practicing-tai-chi_23-2149960184.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-couple-smiling-confident-making-smoothie-cooking-kitchen_839833-17808.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Do you offer emergency services?",
|
|
content: "Yes, we are available 24/7 for plumbing emergencies.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Are your plumbers licensed?",
|
|
content: "All our technicians are fully licensed, insured, and background checked.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "How do I schedule a service?",
|
|
content: "You can contact us via the booking form or call our support line.",
|
|
},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Need Help With Your Plumbing?"
|
|
description="Send us a message and our expert team will reach out to schedule your service quickly."
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-support-customer-busineswoman-talking-into-headset-microphone-with-call-center-customer-while-working-startup-company-office-caucasian-female-consultant-providing-telemarketing-service_482257-28688.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738020.jpg"
|
|
logoText="ProFlow Plumbing"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Leak Repair",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Drain Cleaning",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|