bender/b443186e-5af1-4c2b-b461-1de716cab82d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_1 bender:version_2
..
compare: bender:main
Branches Tags
bender:main bender:version_1 bender:version_2

5 Commits
version_2 ... main

Author SHA1 Message Date
bender
a9ef7ce7de Update src/app/page.tsx 2026-04-06 23:44:26 +00:00
bender
afd6d7c716 Update src/app/page.tsx 2026-04-06 23:42:26 +00:00
bender
01487cfeb2 Merge version_2 into main 
Merge version_2 into main
 2026-04-06 23:41:38 +00:00
bender
be05c220fe Merge version_2 into main 
Merge version_2 into main
 2026-04-06 23:41:14 +00:00
bender
1915cddc16 Merge version_2 into main 
Merge version_2 into main
 2026-04-06 23:40:42 +00:00
1 changed files with 134 additions and 60 deletions
Expand all files Collapse all files

194
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Droplets, ShieldCheck, Zap, Bath, Wrench, Toilet, AlertTriangle } from "lucide-react";
import { Droplets, ShieldCheck, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,12 +29,19 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Overview", id: "#hero" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" },
{
name: "Overview", id: "#hero"},
{
name: "Services", id: "#services"},
{
name: "About", id: "#about"},
{
name: "Reviews", id: "#reviews"},
{
name: "Contact", id: "#contact"},
]}
button={{
text: "Call (562) 210-1204", href: "tel:5622101204"}}
brandName="Major League Plumbing"
/>
</div>
@@ -42,23 +49,57 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Major League Plumbing - Your Premier Service Experts"
description="Professional plumbing solutions for Inglewood. From emergency repairs to comprehensive system installations, we keep your home running smoothly 24/7."
background={{
variant: "gradient-bars"}}
title="Major League Plumbing - Expert Solutions 24/7"
description="Offering reliable, professional plumbing services for over 6 years. Emergency repairs, installations, and free estimates for Inglewood residents."
testimonials={[
{
name: "Sarah J.", handle: "@sarahj", testimonial: "Amazing and very thorough repair for our water heater. Professional and quick.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg?_wi=1"},
{
name: "Michael C.", handle: "@mikec", testimonial: "Mario was very knowledgeable about his job. Extremely professional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg?_wi=1"},
{
name: "David L.", handle: "@dl82", testimonial: "Very communicative and quick from the start. Would definitely recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-sitting-home-looking-camera_197531-32301.jpg?_wi=1"},
{
name: "Jessica M.", handle: "@jessm", testimonial: "Emergency repair handled perfectly, saved our floors!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg?_wi=1"},
{
name: "Robert B.", handle: "@rob_b", testimonial: "Fastest plumber I've ever dealt with. Reliable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-african-guy-smiling-white-wall-confident-student-young-businessman_176420-12535.jpg?_wi=1"},
]}
buttons={[
{ text: "Get Free Estimate", href: "#contact" },
{ text: "Call Now", href: "tel:5622101204" },
{
text: "Get Free Estimate", href: "#contact"},
{
text: "Call Now", href: "tel:5622101204"},
]}
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=1"
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Fast and professional!", rating: 5 },
{ name: "Mark T.", handle: "@markt", testimonial: "Great service, highly recommend.", rating: 5 }
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-sitting-home-looking-camera_197531-32301.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-african-guy-smiling-white-wall-confident-student-young-businessman_176420-12535.jpg", alt: "Customer 5"},
]}
marqueeItems={[
{ type: "text", text: "24/7 Emergency Support" },
{ type: "text", text: "Licensed & Insured" },
{ type: "text", text: "Family Owned" },
{ type: "text", text: "Fast Response Times" },
{
type: "text", text: "24/7 Emergency Support"},
{
type: "text", text: "Licensed & Insured"},
{
type: "text", text: "Family Owned"},
{
type: "text", text: "Free Estimates"},
{
type: "text", text: "100% Satisfaction Guaranteed"},
]}
/>
</div>
@@ -68,50 +109,50 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Our Premium Plumbing Services"
description="We handle everything from routine maintenance to complex emergency repairs. Trust the professionals at Major League Plumbing."
features={[
{
title: "Leak Detection & Repair",
description: "Precision detection and repair for all types of plumbing leaks.",
icon: AlertTriangle,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg?_wi=2" }]
{
title: "Water Heater Services", description: "Installation and repair for all major tankless and standard water heater models.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg?_wi=2" }
]
},
{
title: "Water Heaters",
description: "Expert installation and repair for standard and tankless water heaters.",
icon: Zap,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg?_wi=2" }]
{
title: "Drain & Sewer Cleaning", description: "Quick, professional solutions for clogged drains and sewer system repairs.", icon: Droplets,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg?_wi=2" }
]
},
{
title: "Drain & Sewer Cleaning",
description: "Professional unclogging services for drains and residential sewer systems.",
icon: Droplets,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg?_wi=2" }]
{
title: "Pipe & Leak Repair", description: "Expert finding and repair services for outdoor systems, indoor pipes, and more.", icon: ShieldCheck,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg?_wi=2" }
]
},
{
title: "Fixtures: Showers & Toilets",
description: "Reliable installation and repair for showers, toilets, and all home fixtures.",
icon: Toilet,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg?_wi=2" }]
}
]}
title="Comprehensive Plumbing Services"
description="From emergency leaks to water heater installations, we provide guaranteed professional service."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Built on Integrity & Excellence"
description="Major League Plumbing provides top-tier residential and commercial services. With 6+ years of experience, we guarantee prompt, high-quality results for every client."
title="Your Trusted Local Plumber"
description="Locally-owned and operated with over 6 years of business experience, serving Inglewood and surrounding areas with verified license and background checks."
metrics={[
{ value: "6+", title: "Years Experience" },
{ value: "4.9", title: "Customer Rating" },
{ value: "280+", title: "Completed Projects" },
{
value: "6+", title: "Years Business"},
{
value: "4.9", title: "Review Rating"},
{
value: "281+", title: "Happy Reviews"},
]}
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=2"
/>
</div>
@@ -120,27 +161,43 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="What Our Customers Say"
description="We value transparency and quality, earning us a stellar reputation in our community."
testimonials={[
{ id: "1", name: "Sarah Johnson", handle: "@sarah", testimonial: "Best plumbing service in Inglewood. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg?_wi=2" },
{ id: "2", name: "Michael Chen", handle: "@mike", testimonial: "Quick response, fair price, excellent workmanship.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg?_wi=2" }
{
id: "1", name: "Sarah Johnson", handle: "@sarah", testimonial: "Amazing and very thorough repair/service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg?_wi=2"},
{
id: "2", name: "Michael Chen", handle: "@mike", testimonial: "Mario was very professional and very knowledgeable about his job.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg?_wi=2"},
{
id: "3", name: "Emily Rodriguez", handle: "@emily", testimonial: "Very communicative and quick from the start.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-sitting-home-looking-camera_197531-32301.jpg?_wi=2"},
{
id: "4", name: "David Kim", handle: "@david", testimonial: "Highly recommended and professional service every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg?_wi=2"},
{
id: "5", name: "Jane Smith", handle: "@jane", testimonial: "Great work on our water heater, very impressed!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-african-guy-smiling-white-wall-confident-student-young-businessman_176420-12535.jpg?_wi=2"},
]}
title="What Our Customers Say"
description="We are proud of our 4.9-star rating across over 280 verified customer reviews."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get a Free Consultation"
description="Facing a plumbing issue? Reach out to Major League Plumbing today for professional assistance."
title="Need Help? Get a Free Estimate"
description="Available 24/7 for emergency plumbing. Contact us now for reliable, guaranteed repairs."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
]}
textarea={{ name: "message", placeholder: "How can we assist you?", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg?_wi=3"
textarea={{
name: "message", placeholder: "Describe your plumbing issue...", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg"
/>
</div>
@@ -148,9 +205,26 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Major League Plumbing"
columns={[
{ title: "Services", items: [{ label: "Water Heaters", href: "#services" }, { label: "Drain Cleaning", href: "#services" }, { label: "Leak Repairs", href: "#services" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact Us", href: "#contact" }] }
{
title: "Services", items: [
{
label: "Leak Repair", href: "#services"},
{
label: "Water Heaters", href: "#services"},
{
label: "Drain Cleaning", href: "#services"},
],
},
{
title: "Contact", items: [
{
label: "(562) 210-1204", href: "tel:5622101204"},
{
label: "Free Estimate", href: "#contact"},
],
},
]}
copyrightText="© 2024 Major League Plumbing. All rights reserved."
/>
</div>
</ReactLenis>