Update src/app/page.tsx
This commit is contained in:
312
src/app/page.tsx
312
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why",
|
||||
},
|
||||
name: "Why Us", id: "why"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Target Plumbers"
|
||||
/>
|
||||
@@ -54,82 +46,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="24/7 Emergency Plumbing in Santa Ana – Fast, Clean & Reliable Service"
|
||||
description="Trusted by homeowners with 5-star reviews. We fix it right the first time."
|
||||
variant: "gradient-bars"}}
|
||||
title="24/7 Emergency Plumbing in Santa Ana"
|
||||
titleClassName="text-4xl md:text-5xl lg:text-6xl font-extrabold"
|
||||
description="<span class='font-bold text-primary'>Target Plumbers</span> provides trusted 5-star service for Santa Ana homeowners. We fix it right the first time."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0 ★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0 ★", label: "Google Rating"},
|
||||
{
|
||||
value: "58+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "58+", label: "Happy Customers"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency Ready",
|
||||
},
|
||||
value: "24/7", label: "Emergency Ready"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 714-882-1598",
|
||||
href: "tel:+17148821598",
|
||||
},
|
||||
text: "Call Now: 714-882-1598", href: "tel:+17148821598"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-paramedic-filling-document_23-2149478455.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-is-ready-endotracheal-intubation-non-breathing-patient-young-female-paramedic-holding-iv-solution-ems-paramedics-provide-medical-help-injured-patient-way-hospital_657921-1493.jpg",
|
||||
alt: "Paramedic team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-is-ready-endotracheal-intubation-non-breathing-patient-young-female-paramedic-holding-iv-solution-ems-paramedics-provide-medical-help-injured-patient-way-hospital_657921-1493.jpg", alt: "Paramedic team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-driving-vehicle_23-2149019232.jpg",
|
||||
alt: "Paramedic team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-driving-vehicle_23-2149019232.jpg", alt: "Paramedic team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-paramedics-ambulance-car_23-2149478453.jpg",
|
||||
alt: "Paramedic team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-paramedics-ambulance-car_23-2149478453.jpg", alt: "Paramedic team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ems-paramedics-team-provide-medical-help-injured-patient-way-healthcare-hospital-emergency-care-assistant-using-noninvasive-ventilation-mask-ambulance-closeup-shot_657921-1491.jpg",
|
||||
alt: "Paramedic team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ems-paramedics-team-provide-medical-help-injured-patient-way-healthcare-hospital-emergency-care-assistant-using-noninvasive-ventilation-mask-ambulance-closeup-shot_657921-1491.jpg", alt: "Paramedic team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paramedics-moving-out-ambulance-stretcher-from-car-paramedics-rolling-ambulance-stretcher_657921-1473.jpg",
|
||||
alt: "Paramedic team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/paramedics-moving-out-ambulance-stretcher-from-car-paramedics-rolling-ambulance-stretcher_657921-1473.jpg", alt: "Paramedic team member 5"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
avatarText=""
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Tools",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Guaranteed Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{ type: "text", text: "500+ Satisfied Clients" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Same-Day Response" },
|
||||
{ type: "text", text: "Eco-Friendly Tools" },
|
||||
]}
|
||||
marqueeSpeed={20}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,44 +96,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fast, thorough, and clean service. Never disappointed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
testimonial: "They came promptly and fixed the issue with ease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-portrait-handsome-friendly-looking-kind-man-smiling-something-pleasant-adorable_176420-33913.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Property Manager",
|
||||
testimonial: "Very professional and reliable plumbing service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home-holding-smartphone-online-shopping-from-mobile-phone-app_1258-199821.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
testimonial: "Emergency response was incredibly fast, highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Smith",
|
||||
role: "Homeowner",
|
||||
testimonial: "Honest pricing and excellent work quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "Fast, thorough, and clean service.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Homeowner", testimonial: "They came promptly and fixed the issue.", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-portrait-handsome-friendly-looking-kind-man-smiling-something-pleasant-adorable_176420-33913.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Property Manager", testimonial: "Very professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home-holding-smartphone-online-shopping-from-mobile-phone-app_1258-199821.jpg" }
|
||||
]}
|
||||
title="Trusted by Our Community"
|
||||
description="Don't take our word for it—hear what our Santa Ana neighbors have to say."
|
||||
description="Hear what our neighbors have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,65 +110,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Service",
|
||||
name: "Emergency Plumbing",
|
||||
price: "24/7 Available",
|
||||
rating: 5,
|
||||
reviewCount: "Urgent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-with-stetoscope-listening-patient-heart-lungs_657921-1499.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Service",
|
||||
name: "Leak Detection",
|
||||
price: "Accurate Tech",
|
||||
rating: 5,
|
||||
reviewCount: "Precise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Service",
|
||||
name: "Drain Cleaning",
|
||||
price: "Pro Equipment",
|
||||
rating: 5,
|
||||
reviewCount: "Effective",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-safety-helmet-standing-with-wrenches-raised-hands-with-happy-face-isolated-orange-wall_141793-15207.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "Service",
|
||||
name: "Water Line Repair",
|
||||
price: "Reliable Fix",
|
||||
rating: 5,
|
||||
reviewCount: "Durable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "Service",
|
||||
name: "Toilet Installation",
|
||||
price: "Expert Setup",
|
||||
rating: 5,
|
||||
reviewCount: "Fast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-holding-wrench-hammer-hands-with-smile-face-looking-confident-standing-isolated-orange-wall_141793-14010.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "Service",
|
||||
name: "Same-Day Service",
|
||||
price: "Ready Today",
|
||||
rating: 5,
|
||||
reviewCount: "Fastest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-builder-man-uniform-holds-wrench-hammer-isolated-orange-wall_141793-66506.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Plumbing Services"
|
||||
description="Comprehensive plumbing solutions for your home or business in Santa Ana."
|
||||
description="Comprehensive solutions for every need."
|
||||
products={[
|
||||
{ id: "s1", brand: "Service", name: "Emergency Plumbing", price: "24/7 Available", rating: 5, reviewCount: "Urgent", imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-with-stetoscope-listening-patient-heart-lungs_657921-1499.jpg" },
|
||||
{ id: "s2", brand: "Service", name: "Leak Detection", price: "Accurate Tech", rating: 5, reviewCount: "Precise", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg" },
|
||||
{ id: "s3", brand: "Service", name: "Drain Cleaning", price: "Pro Equipment", rating: 5, reviewCount: "Effective", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-safety-helmet-standing-with-wrenches-raised-hands-with-happy-face-isolated-orange-wall_141793-15207.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -251,35 +124,13 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "24/7 Availability",
|
||||
descriptions: [
|
||||
"Always on call, day or night for emergencies.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269663.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Response Time",
|
||||
descriptions: [
|
||||
"Our team arrives quickly to minimize damage.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-instruments-near-decorative-moustache_23-2148114427.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Expert Technicians",
|
||||
descriptions: [
|
||||
"Fully certified and hardworking professionals.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Target Plumbers?"
|
||||
description="We are committed to providing the highest quality plumbing services in Orange County."
|
||||
description="We are committed to quality service in Orange County."
|
||||
features={[
|
||||
{ id: "f1", title: "24/7 Availability", descriptions: ["Always on call."] },
|
||||
{ id: "f2", title: "Fast Response", descriptions: ["Rapid arrival."] },
|
||||
{ id: "f3", title: "Expert Staff", descriptions: ["Certified pros."] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -287,109 +138,46 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "714",
|
||||
title: "Area Code Service",
|
||||
items: [
|
||||
"Serving all of Santa Ana",
|
||||
"Local presence",
|
||||
"Trusted brand",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Need a plumber right now?"
|
||||
description="Call us immediately for emergency assistance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 714-882-1598",
|
||||
href: "tel:+17148821598",
|
||||
},
|
||||
metrics={[
|
||||
{ id: "m1", value: "714", title: "Area Code Service", items: ["Serving Santa Ana", "Trusted brand"] }
|
||||
]}
|
||||
buttons={[{ text: "Call Now: 714-882-1598", href: "tel:+17148821598" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed?",
|
||||
content: "We are fully licensed and insured plumbing professionals.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How fast can you arrive?",
|
||||
content: "We prioritize emergency calls and arrive as quickly as possible.",
|
||||
},
|
||||
{ id: "q1", title: "Emergency Services?", content: "Yes, 24/7." },
|
||||
{ id: "q2", title: "Licensed?", content: "Fully licensed." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fathers-day-concept-with-copyspace-left_23-2147812024.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common plumbing concerns in Santa Ana."
|
||||
description="Common concerns addressed."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Request Service"
|
||||
description="Fill out the form below and we will contact you shortly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
description="Fill out the form to get started."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "714-882-1598",
|
||||
href: "tel:+17148821598",
|
||||
},
|
||||
{
|
||||
label: "Santa Ana, CA",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Contact", items: [{ label: "714-882-1598", href: "tel:+17148821598" }] },
|
||||
{ title: "Services", items: [{ label: "Emergency Repair", href: "#services" }] }
|
||||
]}
|
||||
logoText="Target Plumbers"
|
||||
copyrightText="© 2024 Target Plumbers. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user