Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Jackson P&H"
|
||||
/>
|
||||
@@ -62,40 +47,16 @@ export default function LandingPage() {
|
||||
logoText="Jackson Plumbing & Heating"
|
||||
description="Providing expert plumbing and heating solutions for your home. Reliable service, professional results, every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=1",
|
||||
imageAlt: "professional plumber at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg?_wi=1",
|
||||
imageAlt: "plumber repairing pipe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg",
|
||||
imageAlt: "plumber tools layout",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg",
|
||||
imageAlt: "heating installation service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-gaming-with-headphones-better-immerse-himself_482257-124713.jpg",
|
||||
imageAlt: "plumber working tool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",
|
||||
imageAlt: "modern boiler installation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "professional plumber at work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg", imageAlt: "plumber repairing pipe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg", imageAlt: "plumber tools layout" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg", imageAlt: "heating installation service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-gaming-with-headphones-better-immerse-himself_482257-124713.jpg", imageAlt: "plumber working tool" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg", imageAlt: "modern boiler installation" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,29 +82,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plumbing Repair",
|
||||
description: "Rapid response for leaky faucets, burst pipes, and drain issues.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
|
||||
imageAlt: "Female plumber working to fix problems at client's house",
|
||||
title: "Plumbing Repair", description: "Rapid response for leaky faucets, burst pipes, and drain issues.", bentoComponent: "reveal-icon", icon: Droplets
|
||||
},
|
||||
{
|
||||
title: "Heating Installation",
|
||||
description: "Energy-efficient boiler and radiator installations customized for your needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=2",
|
||||
imageAlt: "Female plumber working to fix problems at client's house",
|
||||
title: "Heating Installation", description: "Energy-efficient boiler and radiator installations customized for your needs.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Maintenance Checks",
|
||||
description: "Regular inspections to ensure your systems perform reliably all season.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg?_wi=2",
|
||||
imageAlt: "Female plumber working to fix problems at client's house",
|
||||
},
|
||||
title: "Maintenance Checks", description: "Regular inspections to ensure your systems perform reliably all season.", bentoComponent: "reveal-icon", icon: Wrench
|
||||
}
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From emergency leaks to complete heating installations, we handle it all with care."
|
||||
@@ -156,24 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Homeowners",
|
||||
value: "15,000+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Years Experience",
|
||||
value: "20",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Response Time",
|
||||
value: "< 2hr",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", title: "Happy Homeowners", value: "15,000+", icon: Users },
|
||||
{ id: "m2", title: "Years Experience", value: "20", icon: Award },
|
||||
{ id: "m3", title: "Response Time", value: "< 2hr", icon: Clock }
|
||||
]}
|
||||
title="Results You Can Count On"
|
||||
description="Data-backed excellence for every service call."
|
||||
@@ -186,54 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$99",
|
||||
name: "Maintenance Check",
|
||||
features: [
|
||||
"Full system inspection",
|
||||
"Safety report",
|
||||
"Minor adjustments",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$149",
|
||||
name: "Emergency Visit",
|
||||
features: [
|
||||
"Same-day priority",
|
||||
"Diagnostic check",
|
||||
"Work estimate",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$299",
|
||||
name: "Full Installation",
|
||||
features: [
|
||||
"Professional install",
|
||||
"System testing",
|
||||
"Extended warranty",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", price: "$99", name: "Maintenance Check", features: ["Full system inspection", "Safety report", "Minor adjustments"], buttons: [{ text: "Book", href: "#contact" }] },
|
||||
{ id: "p2", price: "$149", name: "Emergency Visit", features: ["Same-day priority", "Diagnostic check", "Work estimate"], buttons: [{ text: "Book", href: "#contact" }] },
|
||||
{ id: "p3", price: "$299", name: "Full Installation", features: ["Professional install", "System testing", "Extended warranty"], buttons: [{ text: "Book", href: "#contact" }] }
|
||||
]}
|
||||
title="Fair & Simple Pricing"
|
||||
description="No hidden costs. Just transparent billing for top-tier service."
|
||||
@@ -246,60 +132,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-man-sofa-home-winter-headphones-wearing-red-knitted-sweater-working-laptop-freelancer-happy-positive-showing-thumb-up_285396-2747.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily K.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515819.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-143272.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Helen P.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
|
||||
{ id: "2", name: "Michael R.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-man-sofa-home-winter-headphones-wearing-red-knitted-sweater-working-laptop-freelancer-happy-positive-showing-thumb-up_285396-2747.jpg" },
|
||||
{ id: "3", name: "Emily K.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515819.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-143272.jpg" },
|
||||
{ id: "5", name: "Helen P.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
label: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
label: "Retention Rate",
|
||||
value: "92%",
|
||||
},
|
||||
{
|
||||
label: "5-Star Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{ label: "Customer Satisfaction", value: "99%" },
|
||||
{ label: "Retention Rate", value: "92%" },
|
||||
{ label: "5-Star Rating", value: "4.9" }
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What our clients are saying about Jackson Plumbing & Heating."
|
||||
@@ -311,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency calls?",
|
||||
content: "Yes, we provide 24/7 emergency plumbing and heating repair services.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your plumbers certified?",
|
||||
content: "Every technician on our team is fully licensed, bonded, and insured.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, all major work starts with a clear, written estimate prior to service.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency calls?", content: "Yes, we provide 24/7 emergency plumbing and heating repair services." },
|
||||
{ id: "f2", title: "Are your plumbers certified?", content: "Every technician on our team is fully licensed, bonded, and insured." },
|
||||
{ id: "f3", title: "Do you provide estimates?", content: "Yes, all major work starts with a clear, written estimate prior to service." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about our services."
|
||||
@@ -336,21 +166,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to get started?"
|
||||
description="Contact us today for a free quote or to schedule a service visit. We're here to help keep your home running smoothly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:service@jacksonph.com",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
{ text: "Email Us", href: "mailto:service@jacksonph.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -359,35 +181,18 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Jackson P&H",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
title: "Jackson P&H", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Jackson Plumbing & Heating"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user