Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6eb4f29d01 |
293
src/app/page.tsx
293
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -32,88 +32,51 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/monocolor-minimalist-total-plumbing-logo-template_742173-19081.jpg"
|
||||
logoAlt="Westside Plumbing & Rooter Logo"
|
||||
brandName="Westside Plumbing & Rooter"
|
||||
button={{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Estimate", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Your Trusted Partner for Westside Plumbing & Rooter Services"
|
||||
description="Expert plumbing solutions, dependable rooter services, and emergency repairs. We keep your water flowing smoothly and efficiently."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
{
|
||||
text: "Emergency Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Emergency Service", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-item-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
imageAlt: "Plumber fixing a leaky pipe",
|
||||
},
|
||||
id: "carousel-item-1", imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageAlt: "Plumber fixing a leaky pipe"},
|
||||
{
|
||||
id: "carousel-item-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
|
||||
imageAlt: "Professional drain cleaning service",
|
||||
},
|
||||
id: "carousel-item-2", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Professional drain cleaning service"},
|
||||
{
|
||||
id: "carousel-item-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-machine-scanning_23-2149341559.jpg",
|
||||
imageAlt: "Technician inspecting a water heater",
|
||||
},
|
||||
id: "carousel-item-3", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-machine-scanning_23-2149341559.jpg", imageAlt: "Technician inspecting a water heater"},
|
||||
{
|
||||
id: "carousel-item-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automatic-electronic-switch-control-water-pump-pressure-controller_627829-7493.jpg",
|
||||
imageAlt: "Smiling plumber with professional tools",
|
||||
},
|
||||
id: "carousel-item-4", imageSrc: "http://img.b2bpic.net/free-photo/automatic-electronic-switch-control-water-pump-pressure-controller_627829-7493.jpg", imageAlt: "Smiling plumber with professional tools"},
|
||||
{
|
||||
id: "carousel-item-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-using-mobile-phone_53876-22973.jpg",
|
||||
imageAlt: "Emergency plumbing situation",
|
||||
},
|
||||
id: "carousel-item-5", imageSrc: "http://img.b2bpic.net/free-photo/people-using-mobile-phone_53876-22973.jpg", imageAlt: "Emergency plumbing situation"},
|
||||
{
|
||||
id: "carousel-item-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-washing-broccoli_23-2149722311.jpg",
|
||||
imageAlt: "Modern bathroom plumbing fixtures",
|
||||
},
|
||||
id: "carousel-item-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-washing-broccoli_23-2149722311.jpg", imageAlt: "Modern bathroom plumbing fixtures"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,17 +88,11 @@ export default function LandingPage() {
|
||||
description="At Westside Plumbing & Rooter, we pride ourselves on delivering top-quality plumbing and rooter services across the Westside. Our experienced technicians are dedicated to providing fast, reliable, and affordable solutions for residential and commercial clients."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years of Experience",
|
||||
},
|
||||
value: "20+", title: "Years of Experience"},
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "10K+", title: "Projects Completed"},
|
||||
{
|
||||
value: "5-Star",
|
||||
title: "Average Rating",
|
||||
},
|
||||
value: "5-Star", title: "Average Rating"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg"
|
||||
imageAlt="Experienced plumber giving a thumbs up"
|
||||
@@ -151,51 +108,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "drain-cleaning",
|
||||
label: "Drain Cleaning",
|
||||
title: "Clog-Free Drains Guaranteed",
|
||||
items: [
|
||||
"Advanced Rooter Technology",
|
||||
"Sewer Line Clearing",
|
||||
"Video Camera Inspections",
|
||||
],
|
||||
id: "drain-cleaning", label: "Drain Cleaning", title: "Clog-Free Drains Guaranteed", items: [
|
||||
"Advanced Rooter Technology", "Sewer Line Clearing", "Video Camera Inspections"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "water-heater",
|
||||
label: "Water Heater Services",
|
||||
title: "Hot Water When You Need It",
|
||||
items: [
|
||||
"Installation & Replacement",
|
||||
"Repair & Maintenance",
|
||||
"Tankless Water Heater Experts",
|
||||
],
|
||||
id: "water-heater", label: "Water Heater Services", title: "Hot Water When You Need It", items: [
|
||||
"Installation & Replacement", "Repair & Maintenance", "Tankless Water Heater Experts"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "leak-detection",
|
||||
label: "Leak Detection & Repair",
|
||||
title: "Stop Leaks Before They Cost You",
|
||||
items: [
|
||||
"Precise Electronic Detection",
|
||||
"Slab Leak Repair",
|
||||
"Pipe Repair & Repiping",
|
||||
],
|
||||
id: "leak-detection", label: "Leak Detection & Repair", title: "Stop Leaks Before They Cost You", items: [
|
||||
"Precise Electronic Detection", "Slab Leak Repair", "Pipe Repair & Repiping"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -211,64 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Westside Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-successful-senior-woman-holding-gadget_1262-5251.jpg",
|
||||
imageAlt: "Sarah Johnson, a happy Westside homeowner",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Westside Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-successful-senior-woman-holding-gadget_1262-5251.jpg", imageAlt: "Sarah Johnson, a happy Westside homeowner"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Small Business Owner",
|
||||
company: "Local Cafe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-tattooed-people_23-2149667347.jpg",
|
||||
imageAlt: "Michael Chen, owner of a local cafe",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Small Business Owner", company: "Local Cafe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-tattooed-people_23-2149667347.jpg", imageAlt: "Michael Chen, owner of a local cafe"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Property Manager",
|
||||
company: "Westside Properties Inc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-looking-each-other_23-2147742601.jpg",
|
||||
imageAlt: "Emily Rodriguez, Property Manager",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Property Manager", company: "Westside Properties Inc.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-looking-each-other_23-2147742601.jpg", imageAlt: "Emily Rodriguez, Property Manager"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Contractor",
|
||||
company: "Kim Construction",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
imageAlt: "David Kim, local contractor",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Contractor", company: "Kim Construction", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageAlt: "David Kim, local contractor"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Realtor",
|
||||
company: "Westside Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-smiling-man-casual-outfit-sitting-table-working-laptop_285396-1831.jpg",
|
||||
imageAlt: "Jessica Lee, a realtor from Westside Estates",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Realtor", company: "Westside Estates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-smiling-man-casual-outfit-sitting-table-working-laptop_285396-1831.jpg", imageAlt: "Jessica Lee, a realtor from Westside Estates"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency Availability",
|
||||
},
|
||||
value: "24/7", label: "Emergency Availability"},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Response Time",
|
||||
},
|
||||
value: "Fast", label: "Response Time"},
|
||||
]}
|
||||
title="What Our Happy Customers Say"
|
||||
description="Hear directly from Westside residents and businesses who trust us with their plumbing and rooter needs."
|
||||
@@ -282,29 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "years-in-business",
|
||||
value: "20+",
|
||||
title: "Years in Business",
|
||||
description: "Decades of experience serving the Westside community with dedication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-boss-day-calendar_23-2148636860.jpg",
|
||||
imageAlt: "Calendar with years of experience",
|
||||
},
|
||||
id: "years-in-business", value: "20+", title: "Years in Business", description: "Decades of experience serving the Westside community with dedication.", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-boss-day-calendar_23-2148636860.jpg", imageAlt: "Calendar with years of experience"},
|
||||
{
|
||||
id: "completed-projects",
|
||||
value: "10,000+",
|
||||
title: "Completed Projects",
|
||||
description: "Successfully resolved plumbing issues for thousands of satisfied clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-members-organizing-shipments-checking-stock_482257-131423.jpg",
|
||||
imageAlt: "Completed projects list",
|
||||
},
|
||||
id: "completed-projects", value: "10,000+", title: "Completed Projects", description: "Successfully resolved plumbing issues for thousands of satisfied clients.", imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-members-organizing-shipments-checking-stock_482257-131423.jpg", imageAlt: "Completed projects list"},
|
||||
{
|
||||
id: "certified-plumbers",
|
||||
value: "Certified",
|
||||
title: "Expert Plumbers",
|
||||
description: "Our team consists of highly trained and fully certified plumbing professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-worker-uniform-looking-sad-front-view_176474-34533.jpg",
|
||||
imageAlt: "Plumbing certification badge",
|
||||
},
|
||||
id: "certified-plumbers", value: "Certified", title: "Expert Plumbers", description: "Our team consists of highly trained and fully certified plumbing professionals.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-worker-uniform-looking-sad-front-view_176474-34533.jpg", imageAlt: "Plumbing certification badge"},
|
||||
]}
|
||||
title="Our Commitment to Quality & Service"
|
||||
description="Proudly serving the Westside community with dedication and excellence. Our numbers speak for themselves."
|
||||
@@ -317,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the entire Westside area, including [list specific neighborhoods/cities, e.g., Santa Monica, Venice, Culver City, Beverly Hills] and surrounding communities.",
|
||||
},
|
||||
id: "faq-1", title: "What areas do you serve?", content: "We proudly serve the entire Westside area, including [list specific neighborhoods/cities, e.g., Santa Monica, Venice, Culver City, Beverly Hills] and surrounding communities."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer emergency plumbing services?",
|
||||
content: "Yes, we understand that plumbing emergencies don't wait. We offer 24/7 emergency services for urgent repairs like burst pipes, major leaks, and severe clogs.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer emergency plumbing services?", content: "Yes, we understand that plumbing emergencies don't wait. We offer 24/7 emergency services for urgent repairs like burst pipes, major leaks, and severe clogs."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How much does your service cost?",
|
||||
content: "Our pricing varies depending on the type and complexity of the service. We provide transparent, upfront pricing with no hidden fees after a thorough assessment. Contact us for a free estimate!",
|
||||
},
|
||||
id: "faq-3", title: "How much does your service cost?", content: "Our pricing varies depending on the type and complexity of the service. We provide transparent, upfront pricing with no hidden fees after a thorough assessment. Contact us for a free estimate!"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our plumbing and rooter services."
|
||||
@@ -343,38 +213,27 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Westside Builders Alliance",
|
||||
"Property Management Solutions",
|
||||
"AquaTech Fixtures",
|
||||
"Community Homeowners Group",
|
||||
"Commercial Contractors Inc.",
|
||||
"Green Living Initiatives",
|
||||
"SafeHome Insurance",
|
||||
]}
|
||||
"Westside Builders Alliance", "Property Management Solutions", "AquaTech Fixtures", "Community Homeowners Group", "Commercial Contractors Inc.", "Green Living Initiatives", "SafeHome Insurance"]}
|
||||
title="Trusted by Westside Homes & Businesses"
|
||||
description="We're proud to serve a diverse range of residential and commercial clients and partner with leading brands in plumbing fixtures and local associations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Need Expert Plumbing Service? Call Westside Today!"
|
||||
description="Whether it's an emergency repair or scheduled maintenance, our team is ready to provide prompt and professional service. Get a free estimate now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Us: (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
]}
|
||||
description="Fill out the form below or call us directly to schedule service or get a free estimate. We are here to help 24/7."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-checking-pipes_23-2150392301.jpg"
|
||||
imageAlt="Plumber checking pipes"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email"
|
||||
buttonText="Send Message"
|
||||
termsText="By sending this message, you agree to our Privacy Policy."
|
||||
onSubmit={(email: string) => alert(`Contact form submitted with email: ${email}`)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -386,45 +245,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -434,4 +277,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user