Update src/app/page.tsx
This commit is contained in:
298
src/app/page.tsx
298
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, CheckCircle, Droplets, Flame, Lightbulb, Power, Users, Waves, Wind, Wrench, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Droplets, Flame, Lightbulb, Power, Users, Waves, Wind, Wrench, Zap, Thermometer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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"},
|
||||
]}
|
||||
brandName="EliteLocal"
|
||||
/>
|
||||
@@ -56,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Trusted Local Experts for Your Home"
|
||||
description="Professional plumbing, electrical, and HVAC services. Fast response, licensed, and insured. Your home deserves the best care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-builders-work-clothes-yellow-hardhats-working-workshop-with-tools-background_574295-1640.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-builders-work-clothes-yellow-hardhats-working-workshop-with-tools-background_574295-1640.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
|
||||
alt: "Serviceman does checkup on client car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", alt: "Serviceman does checkup on client car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg",
|
||||
alt: "Happy mid adult mechanic working on a computer at auto repair shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg", alt: "Happy mid adult mechanic working on a computer at auto repair shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
alt: "Manufacturer teaching new employee how to shape wooden bowl on disc sander",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", alt: "Manufacturer teaching new employee how to shape wooden bowl on disc sander"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741297.jpg",
|
||||
alt: "Man engaged in household tasks scenery",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741297.jpg", alt: "Man engaged in household tasks scenery"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/realtor-clients-exploring-urban-property-financial-potential_482257-90954.jpg",
|
||||
alt: "Realtor and clients exploring an urban property financial potential",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/realtor-clients-exploring-urban-property-financial-potential_482257-90954.jpg", alt: "Realtor and clients exploring an urban property financial potential"},
|
||||
]}
|
||||
avatarText="Join over 2,500 happy local homeowners."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "15+ Years Experience",
|
||||
},
|
||||
type: "text", text: "15+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top-Rated Technicians",
|
||||
},
|
||||
type: "text", text: "Top-Rated Technicians"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Workmanship Guaranteed",
|
||||
},
|
||||
type: "text", text: "Workmanship Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,19 +95,13 @@ export default function LandingPage() {
|
||||
description="We are a family-owned business deeply rooted in our community. With over 15 years of experience, we provide transparent pricing, rapid response times, and a workmanship guarantee you can rely on."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully vetted professionals for your peace of mind.",
|
||||
},
|
||||
title: "Licensed & Insured", description: "Fully vetted professionals for your peace of mind."},
|
||||
{
|
||||
title: "Local Experts",
|
||||
description: "We know our neighborhood and its unique requirements.",
|
||||
},
|
||||
title: "Local Experts", description: "We know our neighborhood and its unique requirements."},
|
||||
{
|
||||
title: "Workmanship Guarantee",
|
||||
description: "If it's not right, we make it right, guaranteed.",
|
||||
},
|
||||
title: "Workmanship Guarantee", description: "If it's not right, we make it right, guaranteed."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-woman-leading-brainstorming-meeting_58466-11714.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-woman-leading-brainstorming-meeting_58466-11714.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -152,76 +113,55 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "HVAC Services",
|
||||
description: "Complete climate control and heating solutions for your property.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-holding-digital-tablet_1170-1351.jpg",
|
||||
title: "HVAC Services", description: "Complete climate control and heating solutions for your property.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-holding-digital-tablet_1170-1351.jpg", imageAlt: "local service contractor team working"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "AC Repair",
|
||||
},
|
||||
text: "AC Repair"},
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Furnace Maint.",
|
||||
},
|
||||
text: "Furnace Maint."},
|
||||
{
|
||||
icon: Wind,
|
||||
text: "Air Quality",
|
||||
},
|
||||
text: "Air Quality"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-builders-work-clothes-yellow-hardhats-working-workshop-with-tools-background_574295-1640.jpg?_wi=2",
|
||||
imageAlt: "local service contractor team working",
|
||||
},
|
||||
{
|
||||
title: "Plumbing",
|
||||
description: "Rapid response for pipes, drains, and water systems.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278548.jpg",
|
||||
title: "Plumbing", description: "Rapid response for pipes, drains, and water systems.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278548.jpg", imageAlt: "local service contractor team working"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Pipe Repair",
|
||||
},
|
||||
text: "Pipe Repair"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Drain Cleaning",
|
||||
},
|
||||
text: "Drain Cleaning"},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Water Heaters",
|
||||
},
|
||||
text: "Water Heaters"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-woman-leading-brainstorming-meeting_58466-11714.jpg?_wi=2",
|
||||
imageAlt: "local service contractor team working",
|
||||
},
|
||||
{
|
||||
title: "Electrical",
|
||||
description: "Expert installations and repairs for all wiring needs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-members-organizing-shipments-checking-stock_482257-131423.jpg",
|
||||
title: "Electrical", description: "Expert installations and repairs for all wiring needs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-members-organizing-shipments-checking-stock_482257-131423.jpg", imageAlt: "local service contractor team working"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Panel Upgrades",
|
||||
},
|
||||
text: "Panel Upgrades"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Lighting Install",
|
||||
},
|
||||
text: "Lighting Install"},
|
||||
{
|
||||
icon: Power,
|
||||
text: "Wiring Repair",
|
||||
},
|
||||
text: "Wiring Repair"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg?_wi=1",
|
||||
imageAlt: "local service contractor team working",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -236,22 +176,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
id: "1", title: "Years Experience", value: "15+", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Happy Customers",
|
||||
value: "2.5k+",
|
||||
icon: Users,
|
||||
id: "2", title: "Happy Customers", value: "2.5k+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Projects Completed",
|
||||
value: "5k+",
|
||||
icon: CheckCircle,
|
||||
id: "3", title: "Projects Completed", value: "5k+", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Neighbors Trust EliteLocal"
|
||||
@@ -266,51 +197,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "1. Schedule Service",
|
||||
price: "Contact",
|
||||
features: [
|
||||
"Call or fill out our online form.",
|
||||
"Select your preferred date.",
|
||||
"Get confirmation.",
|
||||
],
|
||||
id: "p1", name: "1. Schedule Service", price: "Contact", features: [
|
||||
"Call or fill out our online form.", "Select your preferred date.", "Get confirmation."],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "2. Site Assessment",
|
||||
price: "Arrival",
|
||||
features: [
|
||||
"Technician arrives on time.",
|
||||
"Professional diagnostic completed.",
|
||||
"Transparent written quote.",
|
||||
],
|
||||
id: "p2", name: "2. Site Assessment", price: "Arrival", features: [
|
||||
"Technician arrives on time.", "Professional diagnostic completed.", "Transparent written quote."],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "3. Problem Solved",
|
||||
price: "Finish",
|
||||
features: [
|
||||
"Work completed to code.",
|
||||
"Clean up area thoroughly.",
|
||||
"Your satisfaction confirmed.",
|
||||
],
|
||||
id: "p3", name: "3. Problem Solved", price: "Finish", features: [
|
||||
"Work completed to code.", "Clean up area thoroughly.", "Your satisfaction confirmed."],
|
||||
buttons: [
|
||||
{
|
||||
text: "Schedule",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -326,59 +233,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Thompson",
|
||||
role: "Business Owner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
},
|
||||
id: "2", name: "James Thompson", role: "Business Owner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Davis", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Wilson", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Martinez",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Martinez", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "License Verified",
|
||||
},
|
||||
value: "100%", label: "License Verified"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Response Time",
|
||||
},
|
||||
value: "24/7", label: "Response Time"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Trusted by hundreds of homeowners in the community."
|
||||
@@ -390,20 +266,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we carry full insurance and are licensed for all services offered.",
|
||||
},
|
||||
id: "f1", title: "Are you licensed and insured?", content: "Yes, we carry full insurance and are licensed for all services offered."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide emergency services?",
|
||||
content: "Absolutely. Our emergency line is active 24/7.",
|
||||
},
|
||||
id: "f2", title: "Do you provide emergency services?", content: "Absolutely. Our emergency line is active 24/7."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a charge for estimates?",
|
||||
content: "Standard estimates are free. Complex diagnostic assessments may have a small fee.",
|
||||
},
|
||||
id: "f3", title: "Is there a charge for estimates?", content: "Standard estimates are free. Complex diagnostic assessments may have a small fee."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our local service process."
|
||||
@@ -415,18 +282,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Need help today? Get in touch for a quick and reliable service quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 555-0123",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now: 555-0123", href: "tel:5550123456"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -437,29 +299,19 @@ export default function LandingPage() {
|
||||
logoText="EliteLocal Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user