Merge version_1 into main #2
517
src/app/page.tsx
517
src/app/page.tsx
@@ -29,371 +29,176 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Services", id: "features" },
|
||||||
id: "hero",
|
{ name: "Pricing", id: "pricing" },
|
||||||
},
|
{ name: "Reviews", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" }
|
||||||
name: "Services",
|
]}
|
||||||
id: "features",
|
brandName="Jackson P&H"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Jackson P&H"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCarouselLogo
|
<HeroCarouselLogo
|
||||||
logoText="Jackson Plumbing & Heating"
|
logoText="Jackson Plumbing & Heating"
|
||||||
description="Providing expert plumbing and heating solutions for your home. Reliable service, professional results, every time."
|
description="Providing expert plumbing and heating solutions for your home. Reliable service, professional results, every time."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book Now", href: "#contact" },
|
||||||
text: "Book Now",
|
{ text: "Our Services", href: "#features" }
|
||||||
href: "#contact",
|
]}
|
||||||
},
|
slides={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "professional plumber at work" },
|
||||||
text: "Our Services",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg", imageAlt: "plumber repairing pipe" },
|
||||||
href: "#features",
|
{ 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" },
|
||||||
slides={[
|
{ 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?_wi=1",
|
/>
|
||||||
imageAlt: "professional plumber at work",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="Our Mission"
|
tag="Our Mission"
|
||||||
title="Built on Reliability"
|
title="Built on Reliability"
|
||||||
description="Jackson Plumbing and Heating has been serving the community for over 20 years. We pride ourselves on transparent pricing, quality workmanship, and treating your home like our own."
|
description="Jackson Plumbing and Heating has been serving the community for over 20 years. We pride ourselves on transparent pricing, quality workmanship, and treating your home like our own."
|
||||||
subdescription="Our team of certified technicians ensures your heating and plumbing systems are running efficiently and safely year-round."
|
subdescription="Our team of certified technicians ensures your heating and plumbing systems are running efficiently and safely year-round."
|
||||||
icon={Shield}
|
icon={Shield}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/mature-woman-pointing-front-blue-t-shirt-looking-confident_176474-32737.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/mature-woman-pointing-front-blue-t-shirt-looking-confident_176474-32737.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imageAlt="plumber working in house"
|
imageAlt="plumber working in house"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureBento
|
<FeatureBento
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Plumbing Repair",
|
title: "Plumbing Repair", description: "Rapid response for leaky faucets, burst pipes, and drain issues.", bentoComponent: "reveal-icon", icon: Droplets
|
||||||
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/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
|
},
|
||||||
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: "Heating Installation",
|
]}
|
||||||
description: "Energy-efficient boiler and radiator installations customized for your needs.",
|
title="Our Expert Services"
|
||||||
bentoComponent: "reveal-icon",
|
description="From emergency leaks to complete heating installations, we handle it all with care."
|
||||||
icon: Flame,
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg?_wi=2",
|
</div>
|
||||||
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,
|
|
||||||
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="Our Expert Services"
|
|
||||||
description="From emergency leaks to complete heating installations, we handle it all with care."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardThree
|
<MetricCardThree
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", title: "Happy Homeowners", value: "15,000+", icon: Users },
|
||||||
id: "m1",
|
{ id: "m2", title: "Years Experience", value: "20", icon: Award },
|
||||||
title: "Happy Homeowners",
|
{ id: "m3", title: "Response Time", value: "< 2hr", icon: Clock }
|
||||||
value: "15,000+",
|
]}
|
||||||
icon: Users,
|
title="Results You Can Count On"
|
||||||
},
|
description="Data-backed excellence for every service call."
|
||||||
{
|
/>
|
||||||
id: "m2",
|
</div>
|
||||||
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."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardThree
|
<PricingCardThree
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "p1", price: "$99", name: "Maintenance Check", features: ["Full system inspection", "Safety report", "Minor adjustments"], buttons: [{ text: "Book", href: "#contact" }] },
|
||||||
id: "p1",
|
{ id: "p2", price: "$149", name: "Emergency Visit", features: ["Same-day priority", "Diagnostic check", "Work estimate"], buttons: [{ text: "Book", href: "#contact" }] },
|
||||||
price: "$99",
|
{ id: "p3", price: "$299", name: "Full Installation", features: ["Professional install", "System testing", "Extended warranty"], buttons: [{ text: "Book", href: "#contact" }] }
|
||||||
name: "Maintenance Check",
|
]}
|
||||||
features: [
|
title="Fair & Simple Pricing"
|
||||||
"Full system inspection",
|
description="No hidden costs. Just transparent billing for top-tier service."
|
||||||
"Safety report",
|
/>
|
||||||
"Minor adjustments",
|
</div>
|
||||||
],
|
|
||||||
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."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSixteen
|
<TestimonialCardSixteen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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: "1",
|
{ 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" },
|
||||||
name: "Sarah J.",
|
{ 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" },
|
||||||
role: "Homeowner",
|
{ 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" },
|
||||||
company: "Local Resident",
|
{ 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" }
|
||||||
rating: 5,
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
kpiItems={[
|
||||||
},
|
{ label: "Customer Satisfaction", value: "99%" },
|
||||||
{
|
{ label: "Retention Rate", value: "92%" },
|
||||||
id: "2",
|
{ label: "5-Star Rating", value: "4.9" }
|
||||||
name: "Michael R.",
|
]}
|
||||||
role: "Homeowner",
|
title="Voices of Our Community"
|
||||||
company: "Local Resident",
|
description="What our clients are saying about Jackson Plumbing & Heating."
|
||||||
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",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Voices of Our Community"
|
|
||||||
description="What our clients are saying about Jackson Plumbing & Heating."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqDouble
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Do you offer emergency calls?", content: "Yes, we provide 24/7 emergency plumbing and heating repair services." },
|
||||||
id: "f1",
|
{ id: "f2", title: "Are your plumbers certified?", content: "Every technician on our team is fully licensed, bonded, and insured." },
|
||||||
title: "Do you offer emergency calls?",
|
{ id: "f3", title: "Do you provide estimates?", content: "Yes, all major work starts with a clear, written estimate prior to service." }
|
||||||
content: "Yes, we provide 24/7 emergency plumbing and heating repair services.",
|
]}
|
||||||
},
|
title="Frequently Asked Questions"
|
||||||
{
|
description="Quick answers to common questions about our services."
|
||||||
id: "f2",
|
faqsAnimation="slide-up"
|
||||||
title: "Are your plumbers certified?",
|
/>
|
||||||
content: "Every technician on our team is fully licensed, bonded, and insured.",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
tag="Let's Connect"
|
||||||
}}
|
title="Ready to get started?"
|
||||||
tag="Let's Connect"
|
description="Contact us today for a free quote or to schedule a service visit. We're here to help keep your home running smoothly."
|
||||||
title="Ready to get started?"
|
buttons={[
|
||||||
description="Contact us today for a free quote or to schedule a service visit. We're here to help keep your home running smoothly."
|
{ text: "Call Now", href: "tel:5550123" },
|
||||||
buttons={[
|
{ text: "Email Us", href: "mailto:service@jacksonph.com" }
|
||||||
{
|
]}
|
||||||
text: "Call Now",
|
/>
|
||||||
href: "tel:5550123",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Email Us",
|
|
||||||
href: "mailto:service@jacksonph.com",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Jackson P&H",
|
title: "Jackson P&H", items: [
|
||||||
items: [
|
{ label: "About Us", href: "#about" },
|
||||||
{
|
{ label: "Services", href: "#features" },
|
||||||
label: "About Us",
|
{ label: "Contact", href: "#contact" }
|
||||||
href: "#about",
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Services",
|
title: "Legal", items: [
|
||||||
href: "#features",
|
{ label: "Privacy", href: "#" },
|
||||||
},
|
{ label: "Terms", href: "#" }
|
||||||
{
|
]
|
||||||
label: "Contact",
|
}
|
||||||
href: "#contact",
|
]}
|
||||||
},
|
bottomLeftText="© 2024 Jackson Plumbing & Heating"
|
||||||
],
|
bottomRightText="All rights reserved."
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 Jackson Plumbing & Heating"
|
|
||||||
bottomRightText="All rights reserved."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user