Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="San Diego Plumbing Pros"
|
||||
/>
|
||||
@@ -54,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Plumbing Solutions in San Diego"
|
||||
description="24/7 expert plumbing services, leak detection, drain cleaning, and pipe repair from trusted local professionals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
|
||||
imageAlt: "Plumbing service 1",
|
||||
},
|
||||
{
|
||||
id: "hero-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg",
|
||||
imageAlt: "Plumbing service 2",
|
||||
},
|
||||
{
|
||||
id: "hero-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",
|
||||
imageAlt: "Plumbing service 3",
|
||||
},
|
||||
{
|
||||
id: "hero-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg",
|
||||
imageAlt: "Plumbing service 4",
|
||||
},
|
||||
{
|
||||
id: "hero-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-camera-shutter_23-2150473154.jpg",
|
||||
imageAlt: "Plumbing service 5",
|
||||
},
|
||||
{
|
||||
id: "hero-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg",
|
||||
imageAlt: "Plumbing service 6",
|
||||
},
|
||||
{ id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", imageAlt: "Plumbing service 1" },
|
||||
{ id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg", imageAlt: "Plumbing service 2" },
|
||||
{ id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg", imageAlt: "Plumbing service 3" },
|
||||
{ id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg", imageAlt: "Plumbing service 4" },
|
||||
{ id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-camera-shutter_23-2150473154.jpg", imageAlt: "Plumbing service 5" },
|
||||
{ id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg", imageAlt: "Plumbing service 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,33 +63,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "24/7 Emergency",
|
||||
tags: [
|
||||
"Support",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-wall-clock-shocked-covering-mouth-with-hand_141793-28685.jpg",
|
||||
imageAlt: "24/7",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Certified Plumbers",
|
||||
tags: [
|
||||
"Trust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg",
|
||||
imageAlt: "Certified",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Upfront Pricing",
|
||||
tags: [
|
||||
"Honest",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-working-clothes-holding-drill-blueprint-having-frightened-look-realizing-that-she-should-work-by-herself-without-help-her-husband-knowing-what-begin-with_273609-7896.jpg",
|
||||
imageAlt: "Pricing",
|
||||
},
|
||||
{ id: "f1", title: "24/7 Emergency", tags: ["Support"], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-wall-clock-shocked-covering-mouth-with-hand_141793-28685.jpg", imageAlt: "24/7" },
|
||||
{ id: "f2", title: "Certified Plumbers", tags: ["Trust"], imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg", imageAlt: "Certified" },
|
||||
{ id: "f3", title: "Upfront Pricing", tags: ["Honest"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-working-clothes-holding-drill-blueprint-having-frightened-look-realizing-that-she-should-work-by-herself-without-help-her-husband-knowing-what-begin-with_273609-7896.jpg", imageAlt: "Pricing" },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Expert solutions backed by years of local San Diego experience."
|
||||
@@ -146,54 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Service",
|
||||
name: "Leak Detection",
|
||||
price: "From $99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2355.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Service",
|
||||
name: "Drain Cleaning",
|
||||
price: "From $129",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Service",
|
||||
name: "Water Heater Repair",
|
||||
price: "From $199",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26545.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Service",
|
||||
name: "Pipe Replacement",
|
||||
price: "From $299",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Service",
|
||||
name: "Sewer Inspection",
|
||||
price: "From $149",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-oilfield-worker-standing-by-gas-pipe-construction-site_342744-364.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Service",
|
||||
name: "Fixture Installation",
|
||||
price: "From $89",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Service", name: "Leak Detection", price: "From $99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2355.jpg" },
|
||||
{ id: "p2", brand: "Service", name: "Drain Cleaning", price: "From $129", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg" },
|
||||
{ id: "p3", brand: "Service", name: "Water Heater Repair", price: "From $199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26545.jpg" },
|
||||
{ id: "p4", brand: "Service", name: "Pipe Replacement", price: "From $299", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg" },
|
||||
{ id: "p5", brand: "Service", name: "Sewer Inspection", price: "From $149", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/portrait-oilfield-worker-standing-by-gas-pipe-construction-site_342744-364.jpg" },
|
||||
{ id: "p6", brand: "Service", name: "Fixture Installation", price: "From $89", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg" },
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Quality services covering all your plumbing needs."
|
||||
@@ -206,21 +97,9 @@ export default function LandingPage() {
|
||||
title="Our Success"
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Avg Rating",
|
||||
},
|
||||
{ id: "m1", value: "15K+", description: "Happy Customers" },
|
||||
{ id: "m2", value: "20+", description: "Years Experience" },
|
||||
{ id: "m3", value: "4.9/5", description: "Avg Rating" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -233,46 +112,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Pacific Beach",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-indoor-shot-attractive-cute-young-female-with-charming-smile-standing-kitchen-interior-background-crossing-arms-her-chest-embracing-herself-having-happy-look_343059-2091.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
role: "Business Owner",
|
||||
company: "La Jolla",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Landlord",
|
||||
company: "North Park",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-digital-nomad-workspace-concept-portrait-handsome-young-man-with-mobile-phone_1258-245405.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Downtown",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-young-lady-walking-outdoors_171337-15121.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena P.",
|
||||
role: "Property Manager",
|
||||
company: "Hillcrest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Pacific Beach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-indoor-shot-attractive-cute-young-female-with-charming-smile-standing-kitchen-interior-background-crossing-arms-her-chest-embracing-herself-having-happy-look_343059-2091.jpg" },
|
||||
{ id: "t2", name: "Mike D.", role: "Business Owner", company: "La Jolla", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Landlord", company: "North Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/freelance-digital-nomad-workspace-concept-portrait-handsome-young-man-with-mobile-phone_1258-245405.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Homeowner", company: "Downtown", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-young-lady-walking-outdoors_171337-15121.jpg" },
|
||||
{ id: "t5", name: "Elena P.", role: "Property Manager", company: "Hillcrest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our customers are saying about us."
|
||||
@@ -283,15 +127,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Home Depot",
|
||||
"Kohler",
|
||||
"Moen",
|
||||
"Delta",
|
||||
"American Standard",
|
||||
"Rheem",
|
||||
"AO Smith",
|
||||
]}
|
||||
names={["Home Depot", "Kohler", "Moen", "Delta", "American Standard", "Rheem", "AO Smith"]}
|
||||
title="Trusted By Industry Partners"
|
||||
description="Working with the best in the plumbing business."
|
||||
/>
|
||||
@@ -302,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide emergency services?",
|
||||
content: "Yes, we are available 24/7 for all emergencies.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your work guaranteed?",
|
||||
content: "All our work comes with a satisfaction guarantee.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long have you been operating?",
|
||||
content: "We have been proudly serving the San Diego area for over 20 years.",
|
||||
},
|
||||
{ id: "q1", title: "Do you provide emergency services?", content: "Yes, we are available 24/7 for all emergencies." },
|
||||
{ id: "q2", title: "Is your work guaranteed?", content: "All our work comes with a satisfaction guarantee." },
|
||||
{ id: "q3", title: "How long have you been operating?", content: "We have been proudly serving the San Diego area for over 20 years." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -329,32 +153,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a repair?"
|
||||
description="Get in touch with us today for a free consultation or emergency help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:555-0123",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:555-0123" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="San Diego Plumbing Pros"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user