bender/4e92cbf5-b82e-44be-ad9f-e89eede0a296
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 #1.
This commit is contained in:
bender
2026-04-19 04:48:28 +00:00
parent b78c00b1bf 052c6abab9
commit 27a33a330b
1 changed files with 152 additions and 383 deletions
Download Patch File Download Diff File Expand all files Collapse all files

535
src/app/page.tsx
View File

@@ -27,398 +27,167 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Our Process",
id: "process",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Sewer Heroes Inc."
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Our Process", id: "process" },
{ name: "Contact", id: "contact" },
]}
brandName="Sewer Heroes Inc."
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Plumbing & Sewer Repair You Can Trust"
description="At Sewer Heroes Inc., we know how you feel when something breaks. Plumbing problems never happen at a good time, that's why we come fast and fix it right."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg",
imageAlt: "Plumbing Expert",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
imageAlt: "Plumbing Expert 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg",
imageAlt: "Plumbing Expert 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plumber_23-2148137705.jpg",
imageAlt: "Plumbing Expert 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg",
imageAlt: "Plumbing Expert 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-male-builder-wearing-uniform-safety-helmet-showing-yes-gesture_141793-80450.jpg",
imageAlt: "Plumbing Expert 6",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721579.jpg",
imageAlt: "Plumbing Expert 7",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721524.jpg",
imageAlt: "Plumbing Expert 8",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg",
imageAlt: "Plumbing Expert 9",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-hand-looking-confident_141793-28535.jpg",
imageAlt: "Plumbing Expert 10",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg",
imageAlt: "Plumbing Expert 11",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg",
imageAlt: "Plumbing Expert 12",
},
]}
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "Learn More",
href: "#about",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
alt: "Service tech 1",
},
{
src: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53070.jpg",
alt: "Service tech 2",
},
{
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721540.jpg",
alt: "Service tech 3",
},
{
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg",
alt: "Service tech 4",
},
{
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg",
alt: "Service tech 5",
},
]}
avatarText="Trusted by 5,000+ local homeowners"
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Support",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Zero-Dig Solutions",
},
{
type: "text",
text: "Upfront Pricing",
},
{
type: "text",
text: "Satisfaction Guaranteed",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Plumbing & Sewer Repair You Can Trust"
description="At Sewer Heroes Inc., we know how you feel when something breaks. Plumbing problems never happen at a good time, that's why we come fast and fix it right."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg", imageAlt: "Plumbing Expert" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", imageAlt: "Plumbing Expert 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg", imageAlt: "Plumbing Expert 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-plumber_23-2148137705.jpg", imageAlt: "Plumbing Expert 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721528.jpg", imageAlt: "Plumbing Expert 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-male-builder-wearing-uniform-safety-helmet-showing-yes-gesture_141793-80450.jpg", imageAlt: "Plumbing Expert 6" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721579.jpg", imageAlt: "Plumbing Expert 7" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721524.jpg", imageAlt: "Plumbing Expert 8" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg", imageAlt: "Plumbing Expert 9" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-hand-looking-confident_141793-28535.jpg", imageAlt: "Plumbing Expert 10" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg", imageAlt: "Plumbing Expert 11" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg", imageAlt: "Plumbing Expert 12" },
]}
buttons={[{ text: "Book Now", href: "#contact" }, { text: "Learn More", href: "#about" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", alt: "Service tech 1" },
{ src: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53070.jpg", alt: "Service tech 2" },
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721540.jpg", alt: "Service tech 3" },
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg", alt: "Service tech 4" },
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg", alt: "Service tech 5" },
]}
avatarText="Trusted by 5,000+ local homeowners"
marqueeItems={[
{ type: "text", text: "24/7 Emergency Support" },
{ type: "text", text: "Licensed & Insured" },
{ type: "text", text: "Zero-Dig Solutions" },
{ type: "text", text: "Upfront Pricing" },
{ type: "text", text: "Satisfaction Guaranteed" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="We Fix Plumbing in All Kinds of Buildings"
buttons={[
{
text: "Learn About Our Services",
href: "#features",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="We Fix Plumbing in All Kinds of Buildings"
buttons={[{ text: "Learn About Our Services", href: "#features" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{
title: "Camera Inspections",
description: "See exactly what is wrong with our precision camera technology.",
imageSrc: "http://img.b2bpic.net/free-photo/micro-pipette-dropping-blood-sample-microscope-tray-genetic-analysis-science-laboratory-specialist-using-dropper-microscopic-tool-with-lens-magnifying-glass-close-up_482257-30159.jpg",
},
{
title: "Hydro Jetting",
description: "High-pressure cleaning to remove blockages quickly.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746370.jpg",
},
{
title: "Trenchless Lining",
description: "Fix your pipes without digging up your entire yard.",
imageSrc: "http://img.b2bpic.net/free-photo/stone-floor-with-sewer_23-2148121712.jpg",
},
]}
title="Comprehensive Plumbing Services"
description="We offer expert solutions to keep your pipes and sewer systems flowing perfectly."
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{ title: "Camera Inspections", description: "See exactly what is wrong with our precision camera technology.", imageSrc: "http://img.b2bpic.net/free-photo/micro-pipette-dropping-blood-sample-microscope-tray-genetic-analysis-science-laboratory-specialist-using-dropper-microscopic-tool-with-lens-magnifying-glass-close-up_482257-30159.jpg" },
{ title: "Hydro Jetting", description: "High-pressure cleaning to remove blockages quickly.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746370.jpg" },
{ title: "Trenchless Lining", description: "Fix your pipes without digging up your entire yard.", imageSrc: "http://img.b2bpic.net/free-photo/stone-floor-with-sewer_23-2148121712.jpg" },
]}
title="Comprehensive Plumbing Services"
description="We offer expert solutions to keep your pipes and sewer systems flowing perfectly."
/>
</div>
<div id="process" data-section="process">
<FeatureCardThree
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
features={[
{
title: "Diagnostic Inspection",
description: "We use advanced cameras to find the root cause.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-oilfield-worker-standing-by-gas-pipe-construction-site_342744-366.jpg",
},
{
title: "Clear Explanation",
description: "We explain all options and costs upfront with no surprises.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",
},
{
title: "Reliable Fix",
description: "Trained experts performing careful, long-term repairs.",
imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg",
},
]}
title="Our Simple Repair Process"
description="We keep you informed and make your life easier from start to finish."
/>
</div>
<div id="process" data-section="process">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
features={[
{ title: "Diagnostic Inspection", description: "We use advanced cameras to find the root cause.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-oilfield-worker-standing-by-gas-pipe-construction-site_342744-366.jpg" },
{ title: "Clear Explanation", description: "We explain all options and costs upfront with no surprises.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg" },
{ title: "Reliable Fix", description: "Trained experts performing careful, long-term repairs.", imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg" },
]}
title="Our Simple Repair Process"
description="We keep you informed and make your life easier from start to finish."
/>
</div>
<div id="expertise" data-section="expertise">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "23+",
description: "Years of hands-on industry expertise",
},
{
id: "m2",
value: "100%",
description: "Commitment to transparent communication",
},
{
id: "m3",
value: "24/7",
description: "Emergency response service availability",
},
]}
title="Decades of Industry Trust"
description="Our team uses experience and precision tools to solve even the most difficult plumbing challenges."
/>
</div>
<div id="expertise" data-section="expertise">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "23+", description: "Years of hands-on industry expertise" },
{ id: "m2", value: "100%", description: "Commitment to transparent communication" },
{ id: "m3", value: "24/7", description: "Emergency response service availability" },
]}
title="Decades of Industry Trust"
description="Our team uses experience and precision tools to solve even the most difficult plumbing challenges."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
handle: "@sarah_j",
testimonial: "They came out fast and saved my basement from a massive sewage backup. Honest and efficient.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg",
},
{
id: "t2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Excellent service. Explained every option clearly and didn't try to upsell anything.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg",
},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@erod",
testimonial: "The best plumber I've ever dealt with. They turned a scary situation into a quick fix.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-bowl-with-salad_23-2148373882.jpg",
},
{
id: "t4",
name: "David Kim",
handle: "@dkim",
testimonial: "Professional, clean, and reliable. Fixed my drain issue in less than an hour.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-father-his-small-son-embracing-christmas-day-home_637285-10003.jpg",
},
{
id: "t5",
name: "Jessica Hall",
handle: "@jhall",
testimonial: "Finally, a company that doesn't trick you with hidden costs. True heroes!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/candid-smiling-young-woman-sits-floor-home-works-remotely-connects-online-group-chat_1258-200086.jpg",
},
]}
showRating={true}
title="What Our Clients Say"
description="Don't just take our word for it—read how we've helped homeowners and business owners get back on track."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah Jenkins", handle: "@sarah_j", testimonial: "They came out fast and saved my basement from a massive sewage backup. Honest and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg" },
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent service. Explained every option clearly and didn't try to upsell anything.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg" },
{ id: "t3", name: "Emily Rodriguez", handle: "@erod", testimonial: "The best plumber I've ever dealt with. They turned a scary situation into a quick fix.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-bowl-with-salad_23-2148373882.jpg" },
{ id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Professional, clean, and reliable. Fixed my drain issue in less than an hour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-father-his-small-son-embracing-christmas-day-home_637285-10003.jpg" },
{ id: "t5", name: "Jessica Hall", handle: "@jhall", testimonial: "Finally, a company that doesn't trick you with hidden costs. True heroes!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/candid-smiling-young-woman-sits-floor-home-works-remotely-connects-online-group-chat_1258-200086.jpg" },
]}
showRating={true}
title="What Our Clients Say"
description="Don't just take our word for it—read how we've helped homeowners and business owners get back on track."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How quickly can you respond to emergencies?",
content: "We offer 24-hour emergency services and strive to be in constant communication until your problem is resolved.",
},
{
id: "f2",
title: "Do you serve residential and commercial properties?",
content: "Yes, our team is equipped to help homes, apartments, offices, stores, and large-scale buildings.",
},
{
id: "f3",
title: "How do I know what needs to be repaired?",
content: "We use precision camera inspections to identify issues, providing you with a clear look inside your pipes before recommending any work.",
},
]}
title="Frequently Asked Questions"
description="Have questions about your plumbing or sewer system? We have honest answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How quickly can you respond to emergencies?", content: "We offer 24-hour emergency services and strive to be in constant communication until your problem is resolved." },
{ id: "f2", title: "Do you serve residential and commercial properties?", content: "Yes, our team is equipped to help homes, apartments, offices, stores, and large-scale buildings." },
{ id: "f3", title: "How do I know what needs to be repaired?", content: "We use precision camera inspections to identify issues, providing you with a clear look inside your pipes before recommending any work." },
]}
title="Frequently Asked Questions"
description="Have questions about your plumbing or sewer system? We have honest answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Need dependable plumbing or sewer repair? Get fast, accurate service from licensed specialists. Schedule your appointment today."
buttons={[
{
text: "Schedule Now",
href: "tel:555-555-5555",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Need dependable plumbing or sewer repair? Get fast, accurate service from licensed specialists. Schedule your appointment today."
buttons={[{ text: "Schedule Now", href: "tel:555-555-5555" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Our Services",
items: [
{
label: "Hydro Jetting",
href: "#features",
},
{
label: "Sewer Pipe Lining",
href: "#features",
},
{
label: "Camera Inspections",
href: "#features",
},
{
label: "Snake & Rooter",
href: "#features",
},
],
},
{
title: "Locations",
items: [
{
label: "Glendale, CA",
href: "#",
},
{
label: "Sherman Oaks, CA",
href: "#",
},
{
label: "Peekskill, NY",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "24/7 Emergency",
href: "tel:555-555-5555",
},
],
},
]}
logoText="Sewer Heroes Inc."
copyrightText="© 2026 Sewer Heroes Inc. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Our Services", items: [{ label: "Hydro Jetting", href: "#features" }, { label: "Sewer Pipe Lining", href: "#features" }, { label: "Camera Inspections", href: "#features" }, { label: "Snake & Rooter", href: "#features" }] },
{ title: "Locations", items: [{ label: "Glendale, CA", href: "#" }, { label: "Sherman Oaks, CA", href: "#" }, { label: "Peekskill, NY", href: "#" }] },
{ title: "Connect", items: [{ label: "Contact Us", href: "#contact" }, { label: "24/7 Emergency", href: "tel:555-555-5555" }] },
]}
logoText="Sewer Heroes Inc."
copyrightText="© 2026 Sewer Heroes Inc. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);