Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
333
src/app/page.tsx
333
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { CheckCircle, Clock, DollarSign, MapPin, ShieldCheck, Sparkles, ThumbsUp, Tool, Zap } from "lucide-react";
|
||||
import { CheckCircle, Clock, DollarSign, MapPin, ShieldCheck, Sparkles, ThumbsUp, Zap, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+1234567890"}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
|
||||
logoAlt="David Electrical And Plumbing Services Logo"
|
||||
brandName="David Electrical And Plumbing Services"
|
||||
@@ -61,69 +51,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Fast, Reliable Electrical & Plumbing Services You Can Trust"
|
||||
description="From emergency leaks to electrical faults — we fix it right the first time, anytime you need us."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-tablet-does-project_1296-725.jpg",
|
||||
alt: "Experienced Electrician",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-tablet-does-project_1296-725.jpg", alt: "Experienced Electrician"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-electrician-goggles-reviews-tablet-schematic-safe-inspection_169016-71212.jpg",
|
||||
alt: "Skilled Plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-electrician-goggles-reviews-tablet-schematic-safe-inspection_169016-71212.jpg", alt: "Skilled Plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755726.jpg",
|
||||
alt: "Certified Technician",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755726.jpg", alt: "Certified Technician"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",
|
||||
alt: "24/7 Support Staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg", alt: "24/7 Support Staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-close-view-smiling-young-worker-uniform-with-hard-hat-pointing-forward-isolated-red-wall_140725-148221.jpg",
|
||||
alt: "Customer Service Representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-close-view-smiling-young-worker-uniform-with-hard-hat-pointing-forward-isolated-red-wall_140725-148221.jpg", alt: "Customer Service Representative"},
|
||||
]}
|
||||
avatarText="Trusted by hundreds of local homes & businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1234567890"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Professionals",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Certified Professionals", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Emergency Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparent Pricing",
|
||||
icon: DollarSign,
|
||||
type: "text-icon", text: "Transparent Pricing", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local & Trusted",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local & Trusted", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Satisfaction Guaranteed",
|
||||
icon: ThumbsUp,
|
||||
type: "text-icon", text: "Satisfaction Guaranteed", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -138,71 +103,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "plumbing-repairs",
|
||||
title: "Plumbing Repairs",
|
||||
tags: [
|
||||
"Leaks",
|
||||
"Pipes",
|
||||
"Drains",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg",
|
||||
imageAlt: "Plumbing repair icon",
|
||||
},
|
||||
id: "plumbing-repairs", title: "Plumbing Repairs", tags: [
|
||||
"Leaks", "Pipes", "Drains"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg", imageAlt: "Plumbing repair icon"},
|
||||
{
|
||||
id: "electrical-repairs",
|
||||
title: "Electrical Repairs",
|
||||
tags: [
|
||||
"Fault Finding",
|
||||
"Wiring",
|
||||
"Sockets",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024105.jpg",
|
||||
imageAlt: "Electrical repair icon",
|
||||
},
|
||||
id: "electrical-repairs", title: "Electrical Repairs", tags: [
|
||||
"Fault Finding", "Wiring", "Sockets"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024105.jpg", imageAlt: "Electrical repair icon"},
|
||||
{
|
||||
id: "emergency-callouts",
|
||||
title: "Emergency Callouts",
|
||||
tags: [
|
||||
"Urgent",
|
||||
"24/7",
|
||||
"Same-day",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-empty-text-bubble-set-with-different-shapes-red-background_23-2147910256.jpg",
|
||||
imageAlt: "Emergency callout icon",
|
||||
},
|
||||
id: "emergency-callouts", title: "Emergency Callouts", tags: [
|
||||
"Urgent", "24/7", "Same-day"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-empty-text-bubble-set-with-different-shapes-red-background_23-2147910256.jpg", imageAlt: "Emergency callout icon"},
|
||||
{
|
||||
id: "installations",
|
||||
title: "Installations",
|
||||
tags: [
|
||||
"Fixtures",
|
||||
"Appliances",
|
||||
"Fittings",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
|
||||
imageAlt: "Installation icon",
|
||||
},
|
||||
id: "installations", title: "Installations", tags: [
|
||||
"Fixtures", "Appliances", "Fittings"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg", imageAlt: "Installation icon"},
|
||||
{
|
||||
id: "maintenance-services",
|
||||
title: "Maintenance Services",
|
||||
tags: [
|
||||
"Preventative",
|
||||
"Checks",
|
||||
"Upkeep",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/engineering-blueprint-with-wrench-circular-arrows-concept-illustration_1308-189245.jpg",
|
||||
imageAlt: "Maintenance service icon",
|
||||
},
|
||||
id: "maintenance-services", title: "Maintenance Services", tags: [
|
||||
"Preventative", "Checks", "Upkeep"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/engineering-blueprint-with-wrench-circular-arrows-concept-illustration_1308-189245.jpg", imageAlt: "Maintenance service icon"},
|
||||
{
|
||||
id: "troubleshooting",
|
||||
title: "Full System Troubleshooting",
|
||||
tags: [
|
||||
"Diagnosis",
|
||||
"Solutions",
|
||||
"Optimization",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-piece-gesturing-with-his-hand_1156-535.jpg",
|
||||
imageAlt: "Troubleshooting icon",
|
||||
},
|
||||
id: "troubleshooting", title: "Full System Troubleshooting", tags: [
|
||||
"Diagnosis", "Solutions", "Optimization"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-piece-gesturing-with-his-hand_1156-535.jpg", imageAlt: "Troubleshooting icon"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Providing reliable solutions for all your electrical and plumbing needs. Fast, efficient, and built to last."
|
||||
@@ -217,39 +140,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "Fast",
|
||||
title: "Quick Response Time",
|
||||
description: "We arrive promptly to address your emergencies and service requests.",
|
||||
icon: Zap,
|
||||
id: "metric-1", value: "Fast", title: "Quick Response Time", description: "We arrive promptly to address your emergencies and service requests.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "Fair",
|
||||
title: "Affordable & Transparent Pricing",
|
||||
description: "No hidden fees, just honest quotes and exceptional value for money.",
|
||||
icon: DollarSign,
|
||||
id: "metric-2", value: "Fair", title: "Affordable & Transparent Pricing", description: "No hidden fees, just honest quotes and exceptional value for money.", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "Skilled",
|
||||
title: "Certified Electrician & Plumber",
|
||||
description: "Our team consists of highly trained and experienced professionals.",
|
||||
icon: Tool,
|
||||
id: "metric-3", value: "Skilled", title: "Certified Electrician & Plumber", description: "Our team consists of highly trained and experienced professionals.", icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "metric-4",
|
||||
value: "Clean",
|
||||
title: "Clean, Safe, Professional Work",
|
||||
description: "We treat your property with respect, ensuring a tidy workspace.",
|
||||
icon: Sparkles,
|
||||
id: "metric-4", value: "Clean", title: "Clean, Safe, Professional Work", description: "We treat your property with respect, ensuring a tidy workspace.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "metric-5",
|
||||
value: "Guaranteed",
|
||||
title: "Customer Satisfaction Guaranteed",
|
||||
description: "We're not happy until you're completely satisfied with our service.",
|
||||
icon: CheckCircle,
|
||||
id: "metric-5", value: "Guaranteed", title: "Customer Satisfaction Guaranteed", description: "We're not happy until you're completely satisfied with our service.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose David Electrical & Plumbing?"
|
||||
@@ -262,20 +165,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Happy Homeowners",
|
||||
"Local Businesses",
|
||||
"Property Managers",
|
||||
"Retail Stores",
|
||||
"Restaurants",
|
||||
"Office Buildings",
|
||||
]}
|
||||
"Happy Homeowners", "Local Businesses", "Property Managers", "Retail Stores", "Restaurants", "Office Buildings"]}
|
||||
title="Need urgent plumbing or electrical help?"
|
||||
description="We provide fast emergency callouts when you need us most. Don't wait, call us now for immediate assistance."
|
||||
buttons={[
|
||||
{
|
||||
text: "CALL NOW",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "CALL NOW", href: "tel:+1234567890"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
speed={40}
|
||||
@@ -288,20 +183,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "David Electrical And Plumbing Services provides reliable, high-quality plumbing and electrical solutions. We focus on honest work, fast response times, and long-lasting repairs for homes and businesses, ensuring your peace of mind. Fixing leaks & sparks with expertise 🛠️💡.",
|
||||
},
|
||||
type: "text", content: "David Electrical And Plumbing Services provides reliable, high-quality plumbing and electrical solutions. We focus on honest work, fast response times, and long-lasting repairs for homes and businesses, ensuring your peace of mind. Fixing leaks & sparks with expertise 🛠️💡."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
alt: "Electrician and Plumber at work",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg", alt: "Electrician and Plumber at work"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -314,59 +202,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Small Business Owner",
|
||||
company: "Cafe Grind",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Small Business Owner", company: "Cafe Grind", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Property Manager",
|
||||
company: "Green Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-847.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Property Manager", company: "Green Estates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-847.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Local Entrepreneur",
|
||||
company: "Tech Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Local Entrepreneur", company: "Tech Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Apartment Resident",
|
||||
company: "City Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Apartment Resident", company: "City Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", label: "Satisfaction Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency Support",
|
||||
},
|
||||
value: "24/7", label: "Emergency Support"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our satisfied customers about their experience with David Electrical And Plumbing Services."
|
||||
@@ -380,33 +237,18 @@ export default function LandingPage() {
|
||||
description="Contact us for a free quote or urgent assistance. Your satisfaction is our priority.\n\n📞 Call Us: +1 (234) 567-890\n✉️ Email: davidhustonq@gmail.com\n💬 WhatsApp: +1 (234) 567-890 (click to chat)"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "issue-type",
|
||||
label: "Issue Type",
|
||||
options: [
|
||||
"Plumbing",
|
||||
"Electrical",
|
||||
"Emergency",
|
||||
"Installation",
|
||||
"Maintenance",
|
||||
],
|
||||
name: "issue-type", label: "Issue Type", options: [
|
||||
"Plumbing", "Electrical", "Emergency", "Installation", "Maintenance"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe Your Issue...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe Your Issue...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-happy-call-center-agent-drinking-coffee-while-communicating-with-customer-phone_637285-139.jpg"
|
||||
@@ -422,54 +264,33 @@ export default function LandingPage() {
|
||||
logoText="David Electrical And Plumbing Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Plumbing Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Plumbing Repairs", href: "#services"},
|
||||
{
|
||||
label: "Electrical Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Electrical Repairs", href: "#services"},
|
||||
{
|
||||
label: "Emergency Callouts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Callouts", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: +1 (234) 567-890",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "Call: +1 (234) 567-890", href: "tel:+1234567890"},
|
||||
{
|
||||
label: "Email: davidhustonq@gmail.com",
|
||||
href: "mailto:davidhustonq@gmail.com",
|
||||
},
|
||||
label: "Email: davidhustonq@gmail.com", href: "mailto:davidhustonq@gmail.com"},
|
||||
{
|
||||
label: "WhatsApp Chat",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
label: "WhatsApp Chat", href: "https://wa.me/1234567890"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user