Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b2d8c9c9a9 | |||
| 73c131de7f |
350
src/app/page.tsx
350
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user