Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Zap, CheckCircle, Clock, AlertCircle, MapPin } from "lucide-react";
|
||||
import { Zap, CheckCircle, Clock, AlertCircle, MapPin, Star } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -21,8 +21,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Emergency Plumbing", href: "/plumbing-services" },
|
||||
{ label: "HVAC Services", href: "/hvac-services" },
|
||||
{ label: "Water Heater Repair", href: "/plumbing-services" },
|
||||
@@ -30,8 +29,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Reviews", href: "reviews" },
|
||||
{ label: "Schedule Service", href: "/book-appointment" },
|
||||
@@ -39,8 +37,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: (980) 220-0827", href: "tel:(980)220-0827" },
|
||||
{ label: "7 Chelsea Pkwy #709, Boothwyn, PA 19061", href: "#" },
|
||||
{ label: "Available 24/7", href: "#" },
|
||||
@@ -67,9 +64,7 @@ export default function HomePage() {
|
||||
brandName="Len The Plumber"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:(980)220-0827",
|
||||
}}
|
||||
text: "Call Now", href: "tel:(980)220-0827"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,25 +77,17 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1",
|
||||
imageAlt: "Professional plumber performing emergency repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg", imageAlt: "Professional plumber performing emergency repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-working-air-conditioner_482257-80191.jpg?_wi=1",
|
||||
imageAlt: "HVAC technician servicing heating system",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-working-air-conditioner_482257-80191.jpg", imageAlt: "HVAC technician servicing heating system"},
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="4.6★ from 5,500+ reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (980) 220-0827",
|
||||
href: "tel:(980)220-0827",
|
||||
},
|
||||
text: "Call Now: (980) 220-0827", href: "tel:(980)220-0827"},
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "/book-appointment",
|
||||
},
|
||||
text: "Schedule Service", href: "/book-appointment"},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -113,25 +100,17 @@ export default function HomePage() {
|
||||
title="Why Len The Plumber is Your Trusted Choice"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Customer Reviews",
|
||||
value: "5,500+",
|
||||
},
|
||||
icon: Star,
|
||||
label: "Customer Reviews", value: "5,500+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Licensed & Insured",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Licensed & Insured", value: "100%"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Same-Day Service",
|
||||
value: "Available",
|
||||
},
|
||||
label: "Same-Day Service", value: "Available"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "24/7 Emergency",
|
||||
value: "Ready",
|
||||
},
|
||||
label: "24/7 Emergency", value: "Ready"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -145,53 +124,17 @@ export default function HomePage() {
|
||||
tag="Our Services"
|
||||
features={[
|
||||
{
|
||||
id: "emergency-plumbing",
|
||||
title: "Emergency Plumbing",
|
||||
description: "24/7 emergency repairs for leaks, burst pipes, and urgent plumbing issues",
|
||||
tag: "Emergency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1",
|
||||
imageAlt: "Emergency plumbing response",
|
||||
},
|
||||
id: "emergency-plumbing", title: "Emergency Plumbing", description: "24/7 emergency repairs for leaks, burst pipes, and urgent plumbing issues", tag: "Emergency", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Emergency plumbing response"},
|
||||
{
|
||||
id: "drain-cleaning",
|
||||
title: "Drain Cleaning & Sewer Repair",
|
||||
description: "Professional drain cleaning, sewer line inspection, and repair services",
|
||||
tag: "Drain Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2",
|
||||
imageAlt: "Drain cleaning service",
|
||||
},
|
||||
id: "drain-cleaning", title: "Drain Cleaning & Sewer Repair", description: "Professional drain cleaning, sewer line inspection, and repair services", tag: "Drain Service", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Drain cleaning service"},
|
||||
{
|
||||
id: "water-heaters",
|
||||
title: "Water Heater Services",
|
||||
description: "Water heater repair, replacement, and installation for all types",
|
||||
tag: "Water Heaters",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg?_wi=1",
|
||||
imageAlt: "Water heater service",
|
||||
},
|
||||
id: "water-heaters", title: "Water Heater Services", description: "Water heater repair, replacement, and installation for all types", tag: "Water Heaters", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg", imageAlt: "Water heater service"},
|
||||
{
|
||||
id: "hvac-repair",
|
||||
title: "HVAC Repair & Installation",
|
||||
description: "AC repair, furnace repair, and complete HVAC system installation",
|
||||
tag: "HVAC",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-working-air-conditioner_482257-80191.jpg?_wi=2",
|
||||
imageAlt: "HVAC repair service",
|
||||
},
|
||||
id: "hvac-repair", title: "HVAC Repair & Installation", description: "AC repair, furnace repair, and complete HVAC system installation", tag: "HVAC", imageSrc: "http://img.b2bpic.net/free-photo/repairman-working-air-conditioner_482257-80191.jpg", imageAlt: "HVAC repair service"},
|
||||
{
|
||||
id: "leak-detection",
|
||||
title: "Leak Detection",
|
||||
description: "Advanced leak detection technology to find hidden leaks fast",
|
||||
tag: "Detection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=3",
|
||||
imageAlt: "Leak detection service",
|
||||
},
|
||||
id: "leak-detection", title: "Leak Detection", description: "Advanced leak detection technology to find hidden leaks fast", tag: "Detection", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Leak detection service"},
|
||||
{
|
||||
id: "pipe-repair",
|
||||
title: "Pipe Repair & Replacement",
|
||||
description: "Expert pipe repair and replacement for all pipe types and materials",
|
||||
tag: "Pipes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=4",
|
||||
imageAlt: "Pipe repair service",
|
||||
},
|
||||
id: "pipe-repair", title: "Pipe Repair & Replacement", description: "Expert pipe repair and replacement for all pipe types and materials", tag: "Pipes", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Pipe repair service"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -206,37 +149,13 @@ export default function HomePage() {
|
||||
tag="Our Promise"
|
||||
features={[
|
||||
{
|
||||
id: "same-day",
|
||||
title: "Same-Day Service",
|
||||
description: "Get your issue fixed today with our rapid response team",
|
||||
tag: "Speed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=2",
|
||||
imageAlt: "Same-day service",
|
||||
},
|
||||
id: "same-day", title: "Same-Day Service", description: "Get your issue fixed today with our rapid response team", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg", imageAlt: "Same-day service"},
|
||||
{
|
||||
id: "transparent-pricing",
|
||||
title: "Transparent Pricing",
|
||||
description: "No surprise charges - all pricing discussed upfront",
|
||||
tag: "Honest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=5",
|
||||
imageAlt: "Transparent pricing",
|
||||
},
|
||||
id: "transparent-pricing", title: "Transparent Pricing", description: "No surprise charges - all pricing discussed upfront", tag: "Honest", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Transparent pricing"},
|
||||
{
|
||||
id: "expert-technicians",
|
||||
title: "Local Expert Technicians",
|
||||
description: "Highly trained, background-checked professionals serving Philadelphia",
|
||||
tag: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=3",
|
||||
imageAlt: "Expert technicians",
|
||||
},
|
||||
id: "expert-technicians", title: "Local Expert Technicians", description: "Highly trained, background-checked professionals serving Philadelphia", tag: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg", imageAlt: "Expert technicians"},
|
||||
{
|
||||
id: "fully-stocked",
|
||||
title: "Fully Stocked Trucks",
|
||||
description: "We carry parts and equipment to complete most jobs on first visit",
|
||||
tag: "Efficient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-working-air-conditioner_482257-80191.jpg?_wi=3",
|
||||
imageAlt: "Fully stocked trucks",
|
||||
},
|
||||
id: "fully-stocked", title: "Fully Stocked Trucks", description: "We carry parts and equipment to complete most jobs on first visit", tag: "Efficient", imageSrc: "http://img.b2bpic.net/free-photo/repairman-working-air-conditioner_482257-80191.jpg", imageAlt: "Fully stocked trucks"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -251,59 +170,23 @@ export default function HomePage() {
|
||||
tag="Customer Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Robert Martinez",
|
||||
role: "Homeowner",
|
||||
company: "Philadelphia, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-raising-finger-isolated-white_141793-77445.jpg?_wi=1",
|
||||
imageAlt: "Robert Martinez testimonial",
|
||||
},
|
||||
id: "1", name: "Robert Martinez", role: "Homeowner", company: "Philadelphia, PA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-raising-finger-isolated-white_141793-77445.jpg", imageAlt: "Robert Martinez testimonial"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jennifer Chen",
|
||||
role: "Property Manager",
|
||||
company: "Boothwyn, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg?_wi=1",
|
||||
imageAlt: "Jennifer Chen testimonial",
|
||||
},
|
||||
id: "2", name: "Jennifer Chen", role: "Property Manager", company: "Boothwyn, PA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg", imageAlt: "Jennifer Chen testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Johnson",
|
||||
role: "Business Owner",
|
||||
company: "Delaware County",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purposeful-young-businessman-looking-away_1262-3609.jpg?_wi=1",
|
||||
imageAlt: "Michael Johnson testimonial",
|
||||
},
|
||||
id: "3", name: "Michael Johnson", role: "Business Owner", company: "Delaware County", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purposeful-young-businessman-looking-away_1262-3609.jpg", imageAlt: "Michael Johnson testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Williams",
|
||||
role: "Homeowner",
|
||||
company: "Chester County",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-taking-cellphone-gesturing_23-2147943446.jpg?_wi=1",
|
||||
imageAlt: "Sarah Williams testimonial",
|
||||
},
|
||||
id: "4", name: "Sarah Williams", role: "Homeowner", company: "Chester County", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-taking-cellphone-gesturing_23-2147943446.jpg", imageAlt: "Sarah Williams testimonial"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Thompson",
|
||||
role: "Homeowner",
|
||||
company: "Philadelphia, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg?_wi=1",
|
||||
imageAlt: "David Thompson testimonial",
|
||||
},
|
||||
id: "5", name: "David Thompson", role: "Homeowner", company: "Philadelphia, PA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg", imageAlt: "David Thompson testimonial"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Anderson",
|
||||
role: "Home Manager",
|
||||
company: "Radnor, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-looking-camera-holding-funny-conversation-with-colleagues-online-webcam-view-head-shot-young-woman-with-headphones-laughing-having-fun-from-home-office_657921-1275.jpg?_wi=1",
|
||||
imageAlt: "Lisa Anderson testimonial",
|
||||
},
|
||||
id: "6", name: "Lisa Anderson", role: "Home Manager", company: "Radnor, PA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-woman-looking-camera-holding-funny-conversation-with-colleagues-online-webcam-view-head-shot-young-woman-with-headphones-laughing-having-fun-from-home-office_657921-1275.jpg", imageAlt: "Lisa Anderson testimonial"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -321,21 +204,15 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=6",
|
||||
imageAlt: "Emergency plumbing response",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Emergency plumbing response"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=4",
|
||||
imageAlt: "24/7 emergency technician",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg", imageAlt: "24/7 emergency technician"},
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Same-day service guaranteed"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (980) 220-0827",
|
||||
href: "tel:(980)220-0827",
|
||||
},
|
||||
text: "Call Now (980) 220-0827", href: "tel:(980)220-0827"},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -349,24 +226,16 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Service Area",
|
||||
value: "Philadelphia",
|
||||
},
|
||||
label: "Service Area", value: "Philadelphia"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Extended Coverage",
|
||||
value: "Chester County",
|
||||
},
|
||||
label: "Extended Coverage", value: "Chester County"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Extended Coverage",
|
||||
value: "Delaware County",
|
||||
},
|
||||
label: "Extended Coverage", value: "Delaware County"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Extended Coverage",
|
||||
value: "Montgomery County",
|
||||
},
|
||||
label: "Extended Coverage", value: "Montgomery County"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -380,28 +249,15 @@ export default function HomePage() {
|
||||
tag="Ready to Schedule?"
|
||||
plans={[
|
||||
{
|
||||
id: "emergency",
|
||||
badge: "Available 24/7",
|
||||
badgeIcon: Zap,
|
||||
price: "(980) 220-0827",
|
||||
name: "Call for Emergency Service",
|
||||
buttons={[
|
||||
id: "emergency", badge: "Available 24/7", badgeIcon: Zap,
|
||||
price: "(980) 220-0827", name: "Call for Emergency Service", buttons: [
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:(980)220-0827",
|
||||
},
|
||||
text: "Call Now", href: "tel:(980)220-0827"},
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "/book-appointment",
|
||||
},
|
||||
]}
|
||||
features={[
|
||||
"Immediate response for emergencies",
|
||||
"Same-day service available",
|
||||
"Licensed and insured technicians",
|
||||
"Transparent upfront pricing",
|
||||
"Satisfaction guaranteed",
|
||||
]}
|
||||
text: "Schedule Appointment", href: "/book-appointment"},
|
||||
],
|
||||
features: [
|
||||
"Immediate response for emergencies", "Same-day service available", "Licensed and insured technicians", "Transparent upfront pricing", "Satisfaction guaranteed"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user