2 Commits

Author SHA1 Message Date
b2d8c9c9a9 Update src/app/page.tsx 2026-04-08 18:48:31 +00:00
73c131de7f Merge version_1 into main
Merge version_1 into main
2026-04-08 18:47:35 +00:00

View File

@@ -2,13 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { ShieldCheck, Wrench, Droplets, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,334 +27,95 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
<NavbarLayoutFloatingOverlay
brandName="ProFlow Plumbing"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Get Help", href: "#contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Reliable Plumbing Solutions You Can Trust"
description="Professional, affordable, and fast plumbing repairs for your home or business. We ensure quality service every time."
testimonials={[
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Excellent service and very affordable prices. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg?_wi=1",
imageAlt: "professional plumber smiling friendly",
},
{
name: "Jane Smith",
handle: "@janesmith",
testimonial: "Fixed my leak in minutes. Very friendly and professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg?_wi=1",
imageAlt: "plumbing team modern van",
},
{
name: "Mike Brown",
handle: "@mikebrown",
testimonial: "Great work on our water heater installation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=1",
imageAlt: "leaky pipe repair",
},
{
name: "Sarah Lee",
handle: "@sarahlee",
testimonial: "Fast, honest, and reliable plumbing work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg?_wi=1",
imageAlt: "drain cleaning professional",
},
{
name: "Tom White",
handle: "@tomwhite",
testimonial: "Will use again for any plumbing needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=1",
imageAlt: "water heater installation",
},
]}
<HeroSplitDoubleCarousel
title="Professional Plumbing Services, Affordable & Fast"
description="We provide reliable plumbing repairs and installations for homeowners and businesses. Expert service you can trust."
background={{ variant: "plain" }}
buttons={[
{
text: "Call Now",
href: "tel:5550123456",
},
{
text: "Book Appointment",
href: "#contact",
},
{ text: "Book Now", href: "#contact" },
{ text: "Call Us", href: "tel:5550123456" }
]}
imageSrc="http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg?_wi=2"
imageAlt="Professional plumbing services"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
alt: "John",
},
{
src: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
alt: "Jane",
},
{
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
alt: "Mike",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
alt: "Tom",
},
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=1", imageAlt: "Plumbing repair" }
]}
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Support",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Affordable Pricing",
},
{
type: "text",
text: "Expert Repairs",
},
{
type: "text",
text: "Local Reliability",
},
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/handyman-helping-senior-woman-kitchen_1098-17865.jpg?_wi=1", imageAlt: "Plumbing service" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
<TextAbout
title="Excellence in Every Pipe"
tag="About Us"
tagIcon={ShieldCheck}
useInvertedBackground={true}
title="Your Trusted Local Plumbers"
description="With over 15 years of experience, we pride ourselves on delivering high-quality plumbing services to our local community with integrity and care."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "500+",
title: "Happy Clients",
},
{
value: "24/7",
title: "Emergency Support",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg?_wi=2"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
buttons={[{ text: "Learn More", href: "#features" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
<FeatureCardTwentySix
title="Our Services"
description="We offer a wide range of plumbing services including maintenance, repairs, and installations."
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "Pipe Leak Repair",
description: "Expert patching and repiping services for any plumbing system leaks.",
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=2",
imageAlt: "Leak repair",
},
{
title: "Drain Cleaning",
description: "Professional drain cleaning to clear blockages and prevent backups.",
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-24827.jpg?_wi=2",
imageAlt: "Drain cleaning",
},
{
title: "Water Heater Setup",
description: "Installations and repairs for all types of water heating units.",
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg?_wi=2",
imageAlt: "Water heater service",
},
{ title: "Leak Repair", description: "Fast emergency leak patching.", buttonIcon: Wrench },
{ title: "Drain Cleaning", description: "Clear clogs and maintain flow.", buttonIcon: Droplets },
{ title: "Water Heaters", description: "Installations & expert repairs.", buttonIcon: Phone },
{ title: "Pipe Upgrades", description: "Complete repiping services.", buttonIcon: ShieldCheck }
]}
title="Our Specialized Plumbing Services"
description="Comprehensive plumbing maintenance and repair solutions tailored for your property."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
<TestimonialCardTen
title="Client Success Stories"
description="Hear from our satisfied local community."
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anna Williams",
date: "Jan 2025",
title: "Fast service",
quote: "They came out on a Sunday and fixed the problem instantly.",
tag: "Emergency",
avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg",
imageAlt: "happy customer residential house",
},
{
id: "2",
name: "Mark D.",
date: "Dec 2024",
title: "Great price",
quote: "Best plumbing prices I've found in the city.",
tag: "Value",
avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
imageAlt: "smiling woman holding coffee",
},
{
id: "3",
name: "Elena R.",
date: "Nov 2024",
title: "Quality",
quote: "Professional team that left the area clean.",
tag: "Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
imageAlt: "friendly man house portrait",
},
{
id: "4",
name: "Kevin B.",
date: "Oct 2024",
title: "Highly recommended",
quote: "Very reliable plumbing services for my office.",
tag: "Trust",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sitting-sofa-with-crossed-leg-holding-glass-alcohol_23-2147901499.jpg",
imageAlt: "senior woman smiling house",
},
{
id: "5",
name: "Lisa K.",
date: "Sept 2024",
title: "Friendly",
quote: "They really care about doing a good job.",
tag: "Care",
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
imageAlt: "young professional man smile",
},
{ id: "1", title: "Reliable", quote: "They arrived on time and fixed the issue perfectly.", name: "Mark T.", role: "Homeowner" },
{ id: "2", title: "Fast Service", quote: "Professional team, highly affordable.", name: "Sarah J.", role: "Business Owner" }
]}
title="What Our Customers Say"
description="We are proud of our reputation and grateful for our many satisfied clients."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
<ContactSplit
tag="Contact"
title="Need a Plumber?"
description="Let us know how we can help. Reach out for a free quote today."
background={{ variant: "plain" }}
useInvertedBackground={false}
title="Get A Free Quote"
description="Contact us today for professional plumbing assistance. We respond promptly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "How can we help you?",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/drip-japanese-coffee-maker-simple-white-weights-silver-tap-cafe-shop-thick-wooden-table_346278-501.jpg"
buttonText="Submit"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterBaseReveal
logoText="ProFlow Plumbing"
columns={[
{
title: "Services",
items: [
{
label: "Repair",
href: "#features",
},
{
label: "Installation",
href: "#features",
},
{
label: "Emergency",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Repairs", href: "#features" }, { label: "Emergency", href: "#contact" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
]}
copyrightText="© 2025 | ProFlow Plumbing"
/>
</div>
</ReactLenis>