Merge version_1 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Octavio Contreras Lawn Services"
|
||||
/>
|
||||
@@ -59,64 +44,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Lawn Care You Can Trust"
|
||||
description="Expert gardening and maintenance services in Moreno Valley. Reliable, hardworking, and dedicated to keeping your home exterior pristine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (951) 990-8713",
|
||||
href: "tel:9519908713",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh&_wi=1"
|
||||
buttons={[{ text: "Call Now: (951) 990-8713", href: "tel:9519908713" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh"
|
||||
imageAlt="professional lawn care service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Local gardening expert",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Professional lawn care",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Yard maintenance crew",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Moreno Valley gardener",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Lawn care specialist",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh", alt: "Local gardening expert" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh", alt: "Professional lawn care" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh", alt: "Yard maintenance crew" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh", alt: "Moreno Valley gardener" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh", alt: "Lawn care specialist" }
|
||||
]}
|
||||
avatarText="Trusted by 100+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Mowing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Edging",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lawn Fertilization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Cleanup",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weed Management",
|
||||
},
|
||||
{ type: "text", text: "Precision Mowing" },
|
||||
{ type: "text", text: "Expert Edging" },
|
||||
{ type: "text", text: "Lawn Fertilization" },
|
||||
{ type: "text", text: "Seasonal Cleanup" },
|
||||
{ type: "text", text: "Weed Management" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,20 +76,11 @@ export default function LandingPage() {
|
||||
title="Your Trusted Local Gardener"
|
||||
description="Octavio Contreras Lawn Services is a local, hardworking operation serving Moreno Valley. We pride ourselves on honesty, fair pricing, and delivering high-quality results for your home."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Honest Work",
|
||||
description: "We treat every customer with transparency and integrity.",
|
||||
},
|
||||
{
|
||||
title: "Hardworking",
|
||||
description: "No job is too small; we show up and finish the task properly.",
|
||||
},
|
||||
{
|
||||
title: "Reasonable Prices",
|
||||
description: "High-quality gardening services that fit your budget.",
|
||||
},
|
||||
{ title: "Honest Work", description: "We treat every customer with transparency and integrity." },
|
||||
{ title: "Hardworking", description: "No job is too small; we show up and finish the task properly." },
|
||||
{ title: "Reasonable Prices", description: "High-quality gardening services that fit your budget." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2254b6&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2254b6"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -153,29 +92,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Mowing",
|
||||
description: "Expert edging and mowing for a neat appearance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0itldh&_wi=2",
|
||||
imageAlt: "professional lawn care service",
|
||||
title: "Precision Mowing", description: "Expert edging and mowing for a neat appearance.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Lawn Health",
|
||||
description: "Aeration and fertilization for lush green grass.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2254b6&_wi=2",
|
||||
imageAlt: "professional lawn care service",
|
||||
title: "Lawn Health", description: "Aeration and fertilization for lush green grass.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanup",
|
||||
description: "Pruning, trimming, and debris removal for all seasons.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ni6le8&_wi=1",
|
||||
imageAlt: "professional lawn care service",
|
||||
},
|
||||
title: "Seasonal Cleanup", description: "Pruning, trimming, and debris removal for all seasons.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Yard Care"
|
||||
description="Full-scale lawn maintenance tailored to your garden's specific needs."
|
||||
@@ -189,42 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lawn Mowing & Edging",
|
||||
price: "Request Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tc31wh",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hedge & Shrub Trimming",
|
||||
price: "Request Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v8e0nd",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Yard Debris Cleanup",
|
||||
price: "Request Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8wsflm",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Organic Fertilization",
|
||||
price: "Request Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dvhlon",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Weed Management",
|
||||
price: "Request Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlfefu",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Garden Bed Maintenance",
|
||||
price: "Request Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0td2ml",
|
||||
},
|
||||
{ id: "1", name: "Lawn Mowing & Edging", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tc31wh" },
|
||||
{ id: "2", name: "Hedge & Shrub Trimming", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v8e0nd" },
|
||||
{ id: "3", name: "Yard Debris Cleanup", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8wsflm" },
|
||||
{ id: "4", name: "Organic Fertilization", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dvhlon" },
|
||||
{ id: "5", name: "Weed Management", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlfefu" },
|
||||
{ id: "6", name: "Garden Bed Maintenance", price: "Request Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0td2ml" }
|
||||
]}
|
||||
title="Our Garden Services"
|
||||
description="Choose the services that best suit your property's requirements."
|
||||
@@ -235,31 +129,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Korels",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g90vld",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vanora Antonio",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n2fpi2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Peter Chhu",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=whelvx",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Happy Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lf7a37",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Loyal Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aaej7m",
|
||||
},
|
||||
{ id: "1", name: "The Korels", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g90vld" },
|
||||
{ id: "2", name: "Vanora Antonio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n2fpi2" },
|
||||
{ id: "3", name: "Peter Chhu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=whelvx" },
|
||||
{ id: "4", name: "Happy Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lf7a37" },
|
||||
{ id: "5", name: "Loyal Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aaej7m" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
@@ -273,27 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Happy Clients",
|
||||
description: "Served across Moreno Valley.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ni6le8&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.6",
|
||||
title: "Google Rating",
|
||||
description: "Highly recommended quality service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xppdk7",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Years Active",
|
||||
description: "Honest, reliable service experience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rs192t",
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Happy Clients", description: "Served across Moreno Valley.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ni6le8" },
|
||||
{ id: "m2", value: "4.6", title: "Google Rating", description: "Highly recommended quality service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xppdk7" },
|
||||
{ id: "m3", value: "5+", title: "Years Active", description: "Honest, reliable service experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rs192t" }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven results for your home exterior."
|
||||
@@ -304,21 +160,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve Moreno Valley, CA.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer recurring maintenance?",
|
||||
content: "Yes, we offer flexible weekly and monthly maintenance schedules.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I get a quote?",
|
||||
content: "Simply call us at (951) 990-8713 for a free estimate.",
|
||||
},
|
||||
{ id: "f1", title: "What areas do you serve?", content: "We primarily serve Moreno Valley, CA." },
|
||||
{ id: "f2", title: "Do you offer recurring maintenance?", content: "Yes, we offer flexible weekly and monthly maintenance schedules." },
|
||||
{ id: "f3", title: "How can I get a quote?", content: "Simply call us at (951) 990-8713 for a free estimate." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -328,16 +172,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to transform your lawn?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (951) 990-8713",
|
||||
href: "tel:9519908713",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call (951) 990-8713", href: "tel:9519908713" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -347,31 +184,20 @@ export default function LandingPage() {
|
||||
logoText="Octavio Contreras Lawn Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Call: (951) 990-8713",
|
||||
href: "tel:9519908713",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Call: (951) 990-8713", href: "tel:9519908713" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user