Merge version_1 into main #2
419
src/app/page.tsx
419
src/app/page.tsx
@@ -9,7 +9,6 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Clock, DollarSign, ShieldCheck, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -27,314 +26,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Winder Plumber Tamarac"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Winder Plumber Tamarac"
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+15551234567"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Trusted Plumber in Tamarac – Fast, Reliable, 5-Star Service"
|
||||
description="From leaks to low pressure, we fix it right the first time. Our expert technicians are ready to assist you now."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane D.",
|
||||
handle: "@tamarac-resident",
|
||||
testimonial: "The sink stopper in our bathroom got stuck… now it moves smoothly again. Huge relief!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138456.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools home",
|
||||
},
|
||||
{
|
||||
name: "Robert S.",
|
||||
handle: "@tamarac-resident",
|
||||
testimonial: "We had seriously low water pressure… they cleaned the lines and fixed everything.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools home",
|
||||
},
|
||||
{
|
||||
name: "Maria L.",
|
||||
handle: "@tamarac-resident",
|
||||
testimonial: "Leak under our bar sink was fixed perfectly. Great workmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools home",
|
||||
},
|
||||
{
|
||||
name: "Thomas K.",
|
||||
handle: "@tamarac-resident",
|
||||
testimonial: "Pipes were making loud noises… completely gone after service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-washing-dish-medium-shot_23-2148931341.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools home",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@tamarac-resident",
|
||||
testimonial: "Clogged shower drain was fixed quickly. Drains perfectly now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools home",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138456.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg",
|
||||
alt: "Happy female builder",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275715.jpg",
|
||||
alt: "Medium shot man posing in studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-wooden-stool-studio-with-loft-interior-looking-camera_613910-6740.jpg",
|
||||
alt: "Portrait of a handsome bearded hipster male in a blue fleece shirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg",
|
||||
alt: "Young builder man in construction uniform",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 100+ local residents"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Trusted Plumber in Tamarac – Fast, Reliable, 5-Star Service"
|
||||
description="From leaks to low pressure, we fix it right the first time. Our expert technicians are ready to assist you now."
|
||||
testimonials={[
|
||||
{ name: "Jane D.", handle: "@tamarac-resident", testimonial: "The sink stopper in our bathroom got stuck… now it moves smoothly again. Huge relief!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138456.jpg", imageAlt: "professional plumber smiling tools home" },
|
||||
{ name: "Robert S.", handle: "@tamarac-resident", testimonial: "We had seriously low water pressure… they cleaned the lines and fixed everything.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg", imageAlt: "professional plumber smiling tools home" },
|
||||
{ name: "Maria L.", handle: "@tamarac-resident", testimonial: "Leak under our bar sink was fixed perfectly. Great workmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", imageAlt: "professional plumber smiling tools home" },
|
||||
{ name: "Thomas K.", handle: "@tamarac-resident", testimonial: "Pipes were making loud noises… completely gone after service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-washing-dish-medium-shot_23-2148931341.jpg", imageAlt: "professional plumber smiling tools home" },
|
||||
{ name: "Sarah P.", handle: "@tamarac-resident", testimonial: "Clogged shower drain was fixed quickly. Drains perfectly now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "professional plumber smiling tools home" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+15551234567" },
|
||||
{ text: "Request Service", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138456.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg", alt: "Male plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg", alt: "Happy female builder" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275715.jpg", alt: "Medium shot man posing in studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-wooden-stool-studio-with-loft-interior-looking-camera_613910-6740.jpg", alt: "Portrait of a handsome bearded hipster male in a blue fleece shirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg", alt: "Young builder man in construction uniform" }
|
||||
]}
|
||||
avatarText="Trusted by 100+ local residents"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Winder Plumber Tamarac?"
|
||||
metrics={[
|
||||
{
|
||||
label: "5.0 Rating",
|
||||
value: "16+ Customers",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Emergency Response",
|
||||
value: "Fastest Time",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
label: "Transparent Pricing",
|
||||
value: "Affordable",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
label: "Quality Repair",
|
||||
value: "Guaranteed",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Winder Plumber Tamarac?"
|
||||
metrics={[
|
||||
{ label: "5.0 Rating", value: "16+ Customers", icon: Star },
|
||||
{ label: "Emergency Response", value: "Fastest Time", icon: Clock },
|
||||
{ label: "Transparent Pricing", value: "Affordable", icon: DollarSign },
|
||||
{ label: "Quality Repair", value: "Guaranteed", icon: ShieldCheck }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Leak Repair",
|
||||
author: "Professional Service",
|
||||
description: "Expert leak detection and repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Drain Cleaning",
|
||||
author: "Professional Service",
|
||||
description: "Effective solutions for clogged drains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Water Pressure",
|
||||
author: "Professional Service",
|
||||
description: "Fix low water pressure issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275715.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Pipe Repair",
|
||||
author: "Professional Service",
|
||||
description: "Reliable pipe repair and replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-wooden-stool-studio-with-loft-interior-looking-camera_613910-6740.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Faucet Repair",
|
||||
author: "Professional Service",
|
||||
description: "Fixing leaking or broken faucets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Emergency",
|
||||
author: "Professional Service",
|
||||
description: "24/7 support for emergencies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="We offer a wide range of professional plumbing services for residents in Tamarac, Florida."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Leak Repair", author: "Professional Service", description: "Expert leak detection and repair.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg" },
|
||||
{ id: "2", title: "Drain Cleaning", author: "Professional Service", description: "Effective solutions for clogged drains.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg" },
|
||||
{ id: "3", title: "Water Pressure", author: "Professional Service", description: "Fix low water pressure issues.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275715.jpg" },
|
||||
{ id: "4", title: "Pipe Repair", author: "Professional Service", description: "Reliable pipe repair and replacement.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-wooden-stool-studio-with-loft-interior-looking-camera_613910-6740.jpg" },
|
||||
{ id: "5", title: "Faucet Repair", author: "Professional Service", description: "Fixing leaking or broken faucets.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg" },
|
||||
{ id: "6", title: "Emergency", author: "Professional Service", description: "24/7 support for emergencies.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg" }
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="We offer a wide range of professional plumbing services for residents in Tamarac, Florida."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Why is my water pressure low?",
|
||||
content: "It can be caused by pipe sediment, leaks, or valve issues. Contact us for a professional assessment.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What causes pipe noises?",
|
||||
content: "Pipe noises can be caused by air trapped in the lines or loose pipe mounts. We can diagnose and fix this quickly.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How fast can you come out?",
|
||||
content: "We offer same-day service and are available for fast emergency response.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our plumbing services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Why is my water pressure low?", content: "It can be caused by pipe sediment, leaks, or valve issues. Contact us for a professional assessment." },
|
||||
{ id: "2", title: "What causes pipe noises?", content: "Pipe noises can be caused by air trapped in the lines or loose pipe mounts. We can diagnose and fix this quickly." },
|
||||
{ id: "3", title: "How fast can you come out?", content: "We offer same-day service and are available for fast emergency response." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our plumbing services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-washing-dish-medium-shot_23-2148931341.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182559.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg" },
|
||||
{ id: "2", name: "Robert S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg" },
|
||||
{ id: "3", name: "Maria L.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-washing-dish-medium-shot_23-2148931341.jpg" },
|
||||
{ id: "4", name: "Thomas K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "5", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-painter-indoors_23-2150182559.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Need a Plumber in Tamarac? Call now for fast, reliable service you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Need a Plumber in Tamarac? Call now for fast, reliable service you can trust."
|
||||
buttons={[{ text: "Call Now", href: "tel:+15551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{
|
||||
label: "Tamarac, FL",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Residential Plumbing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Winder Plumber Tamarac"
|
||||
copyrightText="© 2025 Winder Plumber Tamarac. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "tel:+15551234567" }, { label: "Tamarac, FL", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Emergency Plumbing", href: "#services" }, { label: "Residential Plumbing", href: "#" }] }
|
||||
]}
|
||||
logoText="Winder Plumber Tamarac"
|
||||
copyrightText="© 2025 Winder Plumber Tamarac. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user