Update src/app/page.tsx
This commit is contained in:
179
src/app/page.tsx
179
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Why Us", id: "metrics" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lucky 58 Plumbing"
|
||||
/>
|
||||
@@ -56,43 +41,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Emergency Plumbing & Mechanical When You Need It"
|
||||
description="Licensed, local experts serving your home and business 24/7. Fast response, honest pricing, guaranteed results."
|
||||
tag="Trusted Local Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Request Service", href: "#contact" },
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg",
|
||||
imageAlt: "Emergency repair service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg", imageAlt: "plumbing tools professional repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-production-plumber-valve-pvc-pipe_1376-35.jpg?_wi=1",
|
||||
imageAlt: "Professional plumbing tool usage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg?_wi=1",
|
||||
imageAlt: "Commercial mechanical system inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg?_wi=1",
|
||||
imageAlt: "Emergency response vehicle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=1",
|
||||
imageAlt: "Professional plumbing team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-production-plumber-valve-pvc-pipe_1376-35.jpg", imageAlt: "plumbing equipment macro"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -107,32 +68,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Residential Plumbing",
|
||||
tags: [
|
||||
"Urgent Repair",
|
||||
"Leak Detection",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-production-plumber-valve-pvc-pipe_1376-35.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Residential Plumbing", tags: ["Urgent Repair", "Leak Detection"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-production-plumber-valve-pvc-pipe_1376-35.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Commercial Mechanical",
|
||||
tags: [
|
||||
"HVAC Maintenance",
|
||||
"Facility Support",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Commercial Mechanical", tags: ["HVAC Maintenance", "Facility Support"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "24/7 Emergency Support",
|
||||
tags: [
|
||||
"Rapid Response",
|
||||
"Guaranteed Work",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "24/7 Emergency Support", tags: ["Rapid Response", "Guaranteed Work"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg"},
|
||||
]}
|
||||
title="Expert Solutions for Every Situation"
|
||||
description="From emergency residential repairs to complex commercial mechanical systems, Lucky 58 Plumbing & Mechanical brings unmatched expertise and reliability to every job."
|
||||
@@ -146,26 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Emergency Availability",
|
||||
description: "Around-the-clock service whenever failures strike.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pink-shopping-sale-badge-design_53876-62215.jpg",
|
||||
},
|
||||
id: "m1", value: "24/7", title: "Emergency Availability", description: "Around-the-clock service whenever failures strike.", imageSrc: "http://img.b2bpic.net/free-vector/pink-shopping-sale-badge-design_53876-62215.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Quality Guaranteed",
|
||||
description: "Expert results with satisfaction assured every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/labor-day-label-collection-with-flat-design_23-2147865949.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Quality Guaranteed", description: "Expert results with satisfaction assured every time.", imageSrc: "http://img.b2bpic.net/free-vector/labor-day-label-collection-with-flat-design_23-2147865949.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30m",
|
||||
title: "Average Response",
|
||||
description: "Rapid onsite arrival to minimize property damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loop-circular-collage-concept_52683-104242.jpg",
|
||||
},
|
||||
id: "m3", value: "30m", title: "Average Response", description: "Rapid onsite arrival to minimize property damage.", imageSrc: "http://img.b2bpic.net/free-photo/loop-circular-collage-concept_52683-104242.jpg"},
|
||||
]}
|
||||
title="Why Choose Lucky 58?"
|
||||
description="Your partners in home and business reliability, providing transparent service that never keeps you waiting."
|
||||
@@ -180,45 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Facility Manager",
|
||||
company: "TechPark Property",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35520.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Facility Manager", company: "TechPark Property", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35520.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Contractor",
|
||||
company: "GrowthCo Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Contractor", company: "GrowthCo Build", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Building Owner",
|
||||
company: "Commercial Assets",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-architect-showing-approval_23-2148269378.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Building Owner", company: "Commercial Assets", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-architect-showing-approval_23-2148269378.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Lopez",
|
||||
role: "Homeowner",
|
||||
company: "Residential Lead",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738006.jpg",
|
||||
},
|
||||
id: "5", name: "Maria Lopez", role: "Homeowner", company: "Residential Lead", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738006.jpg"},
|
||||
]}
|
||||
title="Proven Reputation"
|
||||
description="See why homeowners and facility managers trust us to handle their plumbing and mechanical needs with honesty and precision."
|
||||
@@ -231,25 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you available on weekends?",
|
||||
content: "Yes, we are available 24/7, 365 days a year. Emergencies don't take holidays and neither do we.",
|
||||
},
|
||||
id: "q1", title: "Are you available on weekends?", content: "Yes, we are available 24/7, 365 days a year. Emergencies don't take holidays and neither do we."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you serve commercial properties?",
|
||||
content: "Absolutely. We support a wide range of commercial facilities, from small offices to industrial spaces.",
|
||||
},
|
||||
id: "q2", title: "Do you serve commercial properties?", content: "Absolutely. We support a wide range of commercial facilities, from small offices to industrial spaces."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do you handle pricing?",
|
||||
content: "We offer transparent, upfront pricing for all repairs. No hidden fees or surprises after the job is done.",
|
||||
},
|
||||
id: "q3", title: "How do you handle pricing?", content: "We offer transparent, upfront pricing for all repairs. No hidden fees or surprises after the job is done."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is my property location covered?",
|
||||
content: "We serve all surrounding local areas. Please give us a call to confirm specific service zones for your neighborhood.",
|
||||
},
|
||||
id: "q4", title: "Is my property location covered?", content: "We serve all surrounding local areas. Please give us a call to confirm specific service zones for your neighborhood."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers. Check out our most common inquiries regarding service times, pricing, and coverage."
|
||||
@@ -260,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us Now"
|
||||
title="Ready for Reliable Service?"
|
||||
description="Request emergency service or schedule a free quote today. We are always ready to help."
|
||||
|
||||
Reference in New Issue
Block a user