Update src/app/page.tsx

This commit is contained in:
2026-05-09 18:44:21 +00:00
parent b95238ea24
commit ebfb248eb3

View File

@@ -30,28 +30,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Why Us",
id: "why",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="LocalPro Service"
button={{
text: "Call Now",
href: "tel:5550123456",
}}
text: "Call Now", href: "tel:5550123456"}}
/>
</div>
@@ -60,37 +46,16 @@ export default function LandingPage() {
title="Reliable Local Service When You Need It Most"
description="Professional, trusted, and fast. Serving the community with quality home services. Call our expert team for immediate assistance or a free estimate."
buttons={[
{
text: "Call Now",
href: "tel:5550123456",
},
{
text: "Get Free Quote",
href: "#contact",
},
{ text: "Call Now", href: "tel:5550123456" },
{ text: "Get Free Quote", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/old-man-with-laptop_1157-45379.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/old-man-with-laptop_1157-45379.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/old-man-with-laptop-grandfather-sitting-christmas-decorations_1157-45359.jpg",
alt: "Happy client 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-laptop_23-2148976849.jpg",
alt: "Happy client 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563364.jpg",
alt: "Happy client 3",
},
{
src: "http://img.b2bpic.net/free-photo/indoor-portrait-serious-young-woman-blue-dress-standing-kitchen-with-notebook_343059-3897.jpg",
alt: "Happy client 4",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
alt: "Happy client 5",
},
{ src: "http://img.b2bpic.net/free-photo/old-man-with-laptop-grandfather-sitting-christmas-decorations_1157-45359.jpg", alt: "Happy client 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-laptop_23-2148976849.jpg", alt: "Happy client 2" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563364.jpg", alt: "Happy client 3" },
{ src: "http://img.b2bpic.net/free-photo/indoor-portrait-serious-young-woman-blue-dress-standing-kitchen-with-notebook_343059-3897.jpg", alt: "Happy client 4" },
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Happy client 5" },
]}
avatarText="Trusted by 5,000+ neighbors"
/>
@@ -102,24 +67,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Star,
title: "Google Rating",
value: "4.9/5",
},
{
id: "m2",
icon: Award,
title: "Years Experience",
value: "15+",
},
{
id: "m3",
icon: CheckCircle,
title: "Jobs Completed",
value: "5k+",
},
{ id: "m1", icon: Star, title: "Google Rating", value: "4.9/5" },
{ id: "m2", icon: Award, title: "Years Experience", value: "15+" },
{ id: "m3", icon: CheckCircle, title: "Jobs Completed", value: "5k+" },
]}
title="Trusted by Your Neighbors"
description="We are proud to serve our local area with unmatched dedication and professional service excellence."
@@ -132,30 +82,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Residential Plumbing",
description: "Expert repairs for leaks, pipes, and fixtures.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=1",
imageAlt: "plumbing repair residential service",
},
{
title: "Electrical Maintenance",
description: "Safe installation and reliable electrical updates.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/old-man-with-laptop_1157-45379.jpg?_wi=2",
imageAlt: "plumbing repair residential service",
},
{
title: "HVAC Solutions",
description: "Keep your home comfort consistent all year.",
bentoComponent: "reveal-icon",
icon: Gauge,
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51895.jpg?_wi=1",
imageAlt: "plumbing repair residential service",
},
{ title: "Residential Plumbing", description: "Expert repairs for leaks, pipes, and fixtures.", bentoComponent: "reveal-icon", icon: Droplets },
{ title: "Electrical Maintenance", description: "Safe installation and reliable electrical updates.", bentoComponent: "reveal-icon", icon: Zap },
{ title: "HVAC Solutions", description: "Keep your home comfort consistent all year.", bentoComponent: "reveal-icon", icon: Gauge },
]}
title="Our Professional Services"
description="Comprehensive local services handled with care and precision."
@@ -166,12 +95,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Why Choose LocalPro Service"
buttons={[
{
text: "Get Quote",
href: "#contact",
},
]}
buttons={[{ text: "Get Quote", href: "#contact" }]}
/>
</div>
@@ -179,31 +103,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
},
{
id: "2",
name: "Mark D.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",
},
{
id: "3",
name: "Emily P.",
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
},
{
id: "4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
},
{
id: "5",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
},
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg" },
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg" },
{ id: "3", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg" },
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
{ id: "5", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
]}
cardTitle="What Our Neighbors Say"
cardAnimation="slide-up"
@@ -218,77 +122,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Contact Us",
description: "Give us a call or send a request online.",
bentoComponent: "timeline",
heading: "Step 1",
subheading: "Inquiry",
items: [
{
label: "Call Us",
detail: "Reach out directly.",
},
{
label: "Submit",
detail: "Fill our form.",
},
{
label: "Talk",
detail: "Speak with pro.",
},
title: "Contact Us", description: "Give us a call or send a request online.", bentoComponent: "timeline", heading: "Step 1", subheading: "Inquiry", items: [
{ label: "Call Us", detail: "Reach out directly." },
{ label: "Submit", detail: "Fill our form." },
{ label: "Talk", detail: "Speak with pro." },
],
completedLabel: "Done",
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51895.jpg?_wi=2",
imageAlt: "electrical maintenance professional wiring",
},
completedLabel: "Done"},
{
title: "Consultation",
description: "We assess your specific needs professionally.",
bentoComponent: "timeline",
heading: "Step 2",
subheading: "Assessment",
items: [
{
label: "Visit",
detail: "Schedule time.",
},
{
label: "Review",
detail: "Get estimate.",
},
{
label: "Plan",
detail: "Confirm steps.",
},
title: "Consultation", description: "We assess your specific needs professionally.", bentoComponent: "timeline", heading: "Step 2", subheading: "Assessment", items: [
{ label: "Visit", detail: "Schedule time." },
{ label: "Review", detail: "Get estimate." },
{ label: "Plan", detail: "Confirm steps." },
],
completedLabel: "Done",
imageSrc: "http://img.b2bpic.net/free-photo/old-man-with-laptop_1157-45379.jpg?_wi=3",
imageAlt: "electrical maintenance professional wiring",
},
completedLabel: "Done"},
{
title: "Delivery",
description: "Expert service performed correctly.",
bentoComponent: "timeline",
heading: "Step 3",
subheading: "Delivery",
items: [
{
label: "Execute",
detail: "Work begins.",
},
{
label: "Quality",
detail: "Check results.",
},
{
label: "Finish",
detail: "Site cleanup.",
},
title: "Delivery", description: "Expert service performed correctly.", bentoComponent: "timeline", heading: "Step 3", subheading: "Delivery", items: [
{ label: "Execute", detail: "Work begins." },
{ label: "Quality", detail: "Check results." },
{ label: "Finish", detail: "Site cleanup." },
],
completedLabel: "Done",
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=2",
imageAlt: "electrical maintenance professional wiring",
},
completedLabel: "Done"},
]}
title="Our Simple Process"
description="We make home service easy."
@@ -302,12 +155,7 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Local Map",
description: "Visit our service center location.",
bentoComponent: "map",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-climbing-ladder_23-2148921409.jpg",
imageAlt: "hvac maintenance air conditioning unit",
},
title: "Local Map", description: "Visit our service center location.", bentoComponent: "map"},
]}
title="Serving Your Community"
description="Proudly providing professional service in our area."
@@ -317,16 +165,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
text="Ready to get started? We're ready to help today."
buttons={[
{
text: "Call Now (555) 012-3456",
href: "tel:5550123456",
},
]}
buttons={[{ text: "Call Now (555) 012-3456", href: "tel:5550123456" }]}
/>
</div>
@@ -334,33 +175,16 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Plumbing",
href: "#services",
},
{
label: "Electrical",
href: "#services",
},
{
label: "HVAC",
href: "#services",
},
title: "Services", items: [
{ label: "Plumbing", href: "#services" },
{ label: "Electrical", href: "#services" },
{ label: "HVAC", href: "#services" },
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#why",
},
{
label: "Contact",
href: "#contact",
},
title: "Company", items: [
{ label: "About Us", href: "#why" },
{ label: "Contact", href: "#contact" },
],
},
]}
@@ -371,4 +195,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}