Merge version_1 into main #1
267
src/app/page.tsx
267
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Clock, Facebook, Instagram, ShieldCheck, ThumbsUp, Twitter } from "lucide-react";
|
||||
import { Clock, Facebook, Instagram, ShieldCheck, ThumbsUp, Twitter, Zap, Flame, Droplets, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Precision Plumbing"
|
||||
/>
|
||||
@@ -51,49 +42,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Plumbing Services for Your Home"
|
||||
description="Expert licensed plumbers dedicated to fixing leaks, installing water systems, and handling your emergency plumbing needs with professionalism."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Jobs Completed",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency Help",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "5k+", label: "Jobs Completed" },
|
||||
{ value: "24/7", label: "Emergency Help" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-girl-looking-out-window_23-2148629716.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg",
|
||||
alt: "Sanitary technician gesturing thumb up",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg",
|
||||
alt: "Modern senior man holding his tablet in the kitchen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914197.jpg",
|
||||
alt: "Male jeweler working in the shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg", alt: "Sanitary technician gesturing thumb up" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg", alt: "Male plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-senior-man-holding-his-tablet-kitchen_23-2148404378.jpg", alt: "Modern senior man holding his tablet in the kitchen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914197.jpg", alt: "Male jeweler working in the shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg", alt: "Plumbing professional doing his job" },
|
||||
]}
|
||||
avatarText="Trusted by 5000+ local families"
|
||||
/>
|
||||
@@ -104,21 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built on Trust & Precision"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Licensed & Insured",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Average Response",
|
||||
value: "1 Hour",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Satisfaction Rate",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: ShieldCheck, label: "Licensed & Insured", value: "100%" },
|
||||
{ icon: Clock, label: "Average Response", value: "1 Hour" },
|
||||
{ icon: ThumbsUp, label: "Satisfaction Rate", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,30 +82,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repair",
|
||||
description: "Rapid response for burst pipes, leaks, and urgent plumbing failures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Professional installation and repair of gas, electric, and tankless units.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg",
|
||||
buttonIcon: "Flame",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Advanced hydro-jetting and clearing services for persistent blockages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
|
||||
buttonIcon: "Droplets",
|
||||
},
|
||||
{
|
||||
title: "Fixture Upgrades",
|
||||
description: "Seamless installation of faucets, sinks, toilets, and specialized showers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
},
|
||||
{ title: "Emergency Repair", description: "Rapid response for burst pipes, leaks, and urgent plumbing failures.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg", buttonIcon: Zap },
|
||||
{ title: "Water Heaters", description: "Professional installation and repair of gas, electric, and tankless units.", imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg", buttonIcon: Flame },
|
||||
{ title: "Drain Cleaning", description: "Advanced hydro-jetting and clearing services for persistent blockages.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg", buttonIcon: Droplets },
|
||||
{ title: "Fixture Upgrades", description: "Seamless installation of faucets, sinks, toilets, and specialized showers.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg", buttonIcon: Wrench },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions for all residential and commercial plumbing requirements."
|
||||
@@ -165,57 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$120",
|
||||
subtitle: "Basic repair and diagnostic call",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Diagnostic check",
|
||||
"First hour of repair",
|
||||
"Standard tools",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Recommended",
|
||||
price: "$295",
|
||||
subtitle: "Full drain cleaning and clear",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Drain inspection",
|
||||
"Hydro-jetting",
|
||||
"6-month guarantee",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Pro Service",
|
||||
price: "$550",
|
||||
subtitle: "Water heater maintenance/flush",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"System flush",
|
||||
"Safety check",
|
||||
"Valve inspection",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$120", subtitle: "Basic repair and diagnostic call", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Diagnostic check", "First hour of repair", "Standard tools"] },
|
||||
{ id: "standard", badge: "Recommended", price: "$295", subtitle: "Full drain cleaning and clear", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Drain inspection", "Hydro-jetting", "6-month guarantee"] },
|
||||
{ id: "premium", badge: "Pro Service", price: "$550", subtitle: "Water heater maintenance/flush", buttons: [{ text: "Book Now", href: "#contact" }], features: ["System flush", "Safety check", "Valve inspection"] },
|
||||
]}
|
||||
title="Transparent Service Rates"
|
||||
description="Clear pricing with no hidden fees for all plumbing needs."
|
||||
@@ -229,21 +114,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.2%",
|
||||
description: "Client satisfaction rate on initial fix.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12,000+",
|
||||
description: "Total plumbing issues resolved.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45 min",
|
||||
description: "Avg arrival time for emergencies.",
|
||||
},
|
||||
{ id: "m1", value: "99.2%", description: "Client satisfaction rate on initial fix." },
|
||||
{ id: "m2", value: "12,000+", description: "Total plumbing issues resolved." },
|
||||
{ id: "m3", value: "45 min", description: "Avg arrival time for emergencies." },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Delivering excellence in every pipe we turn."
|
||||
@@ -256,49 +129,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "Fastest plumber I've ever hired. Fixed my leak in under an hour.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-woman-sitting-couch_344912-1149.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Miller",
|
||||
handle: "@mmiller",
|
||||
testimonial: "Very transparent pricing and professional. Highly recommended team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-builder-woman-uniform-holding-hands-together-isolated-purple-wall_141793-102751.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Smith",
|
||||
handle: "@elenas",
|
||||
testimonial: "Great experience with my water heater upgrade. Works perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Professional, clean, and efficient plumbing services. 5 stars.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Wilson",
|
||||
handle: "@sarahw",
|
||||
testimonial: "Fixed my sewer line issues without breaking the bank. Fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-question-gesture-plumber-looking-broken-faucet_259150-58296.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice Johnson", handle: "@alicej", testimonial: "Fastest plumber I've ever hired. Fixed my leak in under an hour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-woman-sitting-couch_344912-1149.jpg" },
|
||||
{ id: "t2", name: "Mark Miller", handle: "@mmiller", testimonial: "Very transparent pricing and professional. Highly recommended team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-young-builder-woman-uniform-holding-hands-together-isolated-purple-wall_141793-102751.jpg" },
|
||||
{ id: "t3", name: "Elena Smith", handle: "@elenas", testimonial: "Great experience with my water heater upgrade. Works perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg" },
|
||||
{ id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Professional, clean, and efficient plumbing services. 5 stars.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
|
||||
{ id: "t5", name: "Sarah Wilson", handle: "@sarahw", testimonial: "Fixed my sewer line issues without breaking the bank. Fantastic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-question-gesture-plumber-looking-broken-faucet_259150-58296.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="See what our customers say about our reliable and professional plumbing services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -306,21 +145,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 emergency support for urgent plumbing situations.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "All our team members are fully licensed, bonded, and insured professionals.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do you charge?",
|
||||
content: "We offer transparent, upfront flat-rate pricing for all standard services.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency support for urgent plumbing situations." },
|
||||
{ id: "q2", title: "Are your plumbers licensed?", content: "All our team members are fully licensed, bonded, and insured professionals." },
|
||||
{ id: "q3", title: "How do you charge?", content: "We offer transparent, upfront flat-rate pricing for all standard services." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -330,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help Today?"
|
||||
description="Send us your request, and we will get back to you immediately."
|
||||
@@ -346,25 +171,13 @@ export default function LandingPage() {
|
||||
logoText="Precision Plumbing"
|
||||
copyrightText="© 2025 Precision Plumbing. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user