bender/b1bfc76d-0d2c-47f1-9055-718f03dc2aee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-15 15:16:22 +00:00
parent 5da991bc28 4f57dc5053
commit 88eb8a680e
1 changed files with 142 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

438
src/app/page.tsx
View File

@@ -15,312 +15,158 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Clermont Plumbing"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Clermont Plumbing"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
title="Reliable Plumbing Solutions in Clermont"
description="From emergency repairs to precision installations, we handle every plumbing need with professional expertise and local care."
tag="Trusted Local Plumbing Experts"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg?_wi=1",
imageAlt: "Professional plumber at work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=1",
imageAlt: "Plumbing service equipment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132625.jpg",
imageAlt: "Tools and materials for sanitary works",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
imageAlt: "Plumbing professional doing his job",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg",
imageAlt: "A man installs a heating system",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5 stars by over 500 local residents"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "plain" }}
title="Reliable Plumbing Solutions in Clermont"
description="From emergency repairs to precision installations, we handle every plumbing need with professional expertise and local care."
tag="Trusted Local Plumbing Experts"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg", imageAlt: "Professional plumber at work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg", imageAlt: "Plumbing service equipment" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5 stars by over 500 local residents"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Your Trusted Clermont Plumbing Partner"
description="With over 20 years of experience serving the Clermont area, we provide transparent pricing, efficient work, and guaranteed satisfaction on all plumbing services."
metrics={[
{
value: "20+",
title: "Years of Experience",
},
{
value: "5k+",
title: "Successful Repairs",
},
{
value: "24/7",
title: "Emergency Support",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=1"
imageAlt="Clermont Plumbing service team"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Your Trusted Clermont Plumbing Partner"
description="With over 20 years of experience serving the Clermont area, we provide transparent pricing, efficient work, and guaranteed satisfaction on all plumbing services."
metrics={[
{ value: "20+", title: "Years of Experience" },
{ value: "5k+", title: "Successful Repairs" },
{ value: "24/7", title: "Emergency Support" }
]}
imageSrc="http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg"
imageAlt="Clermont Plumbing service team"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Drain Cleaning",
description: "High-pressure drain cleaning and clog removal.",
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=1",
imageAlt: "Drain cleaning",
},
{
title: "Pipe Repairs",
description: "Expert pipe repair and leak detection.",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176722.jpg",
imageAlt: "Pipe repairs",
},
{
title: "Water Heater Service",
description: "Installation and maintenance of all water heater types.",
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
imageAlt: "Water heater service",
},
]}
title="Comprehensive Plumbing Services"
description="Whatever your plumbing challenge, we have the skills and tools to solve it."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{ title: "Drain Cleaning", description: "High-pressure drain cleaning and clog removal.", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "Drain cleaning" },
{ title: "Pipe Repairs", description: "Expert pipe repair and leak detection.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176722.jpg", imageAlt: "Pipe repairs" },
{ title: "Water Heater Service", description: "Installation and maintenance of all water heater types.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg", imageAlt: "Water heater service" }
]}
title="Comprehensive Plumbing Services"
description="Whatever your plumbing challenge, we have the skills and tools to solve it."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98%",
title: "Customer Satisfaction",
items: [
"High quality",
"On time",
"Transparent",
],
},
{
id: "m2",
value: "1hr",
title: "Average Response Time",
items: [
"Fast",
"Reliable",
"Local",
],
},
{
id: "m3",
value: "500+",
title: "Annual Projects",
items: [
"Diverse",
"Skilled",
"Pro",
],
},
]}
title="Our Impact in Numbers"
description="We are proud of the work we have completed for the Clermont community."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "98%", title: "Customer Satisfaction", items: ["High quality", "On time", "Transparent"] },
{ id: "m2", value: "1hr", title: "Average Response Time", items: ["Fast", "Reliable", "Local"] },
{ id: "m3", value: "500+", title: "Annual Projects", items: ["Diverse", "Skilled", "Pro"] }
]}
title="Our Impact in Numbers"
description="We are proud of the work we have completed for the Clermont community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
date: "Jan 2025",
title: "Homeowner",
quote: "Fast, friendly, and very professional.",
tag: "Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/home-peace-time-only-me_329181-7411.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg?_wi=2",
imageAlt: "customer portrait happy smiling",
},
{
id: "2",
name: "John Doe",
date: "Dec 2024",
title: "Homeowner",
quote: "Great service at a fair price.",
tag: "Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=2",
imageAlt: "customer portrait happy smiling",
},
{
id: "3",
name: "Emily White",
date: "Dec 2024",
title: "Small Business Owner",
quote: "They fixed our commercial leak quickly.",
tag: "Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=2",
imageAlt: "customer portrait happy smiling",
},
{
id: "4",
name: "David Brown",
date: "Nov 2024",
title: "Homeowner",
quote: "The best plumbers in the Clermont area.",
tag: "Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40328.jpg",
imageAlt: "customer portrait happy smiling",
},
{
id: "5",
name: "Jane Wilson",
date: "Oct 2024",
title: "Homeowner",
quote: "I appreciate the detailed explanation of work.",
tag: "Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=2",
imageAlt: "customer portrait happy smiling",
},
]}
title="Trusted by Local Neighbors"
description="See why homeowners in Clermont choose us for their plumbing needs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", date: "Jan 2025", title: "Homeowner", quote: "Fast, friendly, and very professional.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/home-peace-time-only-me_329181-7411.jpg", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg", imageAlt: "customer portrait" },
{ id: "2", name: "John Doe", date: "Dec 2024", title: "Homeowner", quote: "Great service at a fair price.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg", imageAlt: "customer portrait" },
{ id: "3", name: "Emily White", date: "Dec 2024", title: "Small Business Owner", quote: "They fixed our commercial leak quickly.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", imageAlt: "customer portrait" },
{ id: "4", name: "David Brown", date: "Nov 2024", title: "Homeowner", quote: "The best plumbers in the Clermont area.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40328.jpg", imageAlt: "customer portrait" },
{ id: "5", name: "Jane Wilson", date: "Oct 2024", title: "Homeowner", quote: "I appreciate the detailed explanation of work.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "customer portrait" }
]}
title="Trusted by Local Neighbors"
description="See why homeowners in Clermont choose us for their plumbing needs."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer emergency plumbing?",
content: "Yes, we are available 24/7 for all emergency needs.",
},
{
id: "q2",
title: "Are you licensed and insured?",
content: "Absolutely. Our team is fully licensed and insured.",
},
{
id: "q3",
title: "What areas do you serve?",
content: "We primarily serve the Clermont and surrounding areas.",
},
]}
title="Frequently Asked Questions"
description="Got questions about our services? We have answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do you offer emergency plumbing?", content: "Yes, we are available 24/7 for all emergency needs." },
{ id: "q2", title: "Are you licensed and insured?", content: "Absolutely. Our team is fully licensed and insured." },
{ id: "q3", title: "What areas do you serve?", content: "We primarily serve the Clermont and surrounding areas." }
]}
title="Frequently Asked Questions"
description="Got questions about our services? We have answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Ready to get started?"
description="Fill out the form below or give us a call to schedule your plumbing service."
imageSrc="http://img.b2bpic.net/free-photo/top-view-construction-tools-as-brick-hammer-pipe-wrench-putty-knife-paint-brush-open-end-wrench-gray-background-with-copy-space_141793-14397.jpg"
imageAlt="Clermont Plumbing service contact"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contact Us"
title="Ready to get started?"
description="Fill out the form below or give us a call to schedule your plumbing service."
imageSrc="http://img.b2bpic.net/free-photo/top-view-construction-tools-as-brick-hammer-pipe-wrench-putty-knife-paint-brush-open-end-wrench-gray-background-with-copy-space_141793-14397.jpg"
imageAlt="Clermont Plumbing service contact"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg"
logoText="Clermont Plumbing Services"
columns={[
{
title: "Services",
items: [
{
label: "Drain Cleaning",
href: "#services",
},
{
label: "Pipe Repairs",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg"
logoText="Clermont Plumbing Services"
columns={[
{
title: "Services", items: [
{ label: "Drain Cleaning", href: "#services" },
{ label: "Pipe Repairs", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "#contact" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}