Update src/app/page.tsx
This commit is contained in:
278
src/app/page.tsx
278
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user