Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -32,69 +32,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="LawnWorry"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Worry-Free Lawn Care for Your Home"
|
||||
description="Professional, reliable lawn mowing and garden maintenance tailored to keep your yard looking its best year-round."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-driving-lawn-mower_23-2149382199.jpg?_wi=1",
|
||||
imageAlt: "Professional mowing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg?_wi=1",
|
||||
imageAlt: "Well maintained lawn",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-with-modern-weedwacker_329181-20635.jpg?_wi=1",
|
||||
imageAlt: "Gardening equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg",
|
||||
imageAlt: "Landscaping service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-mowing-yard_23-2148580100.jpg",
|
||||
imageAlt: "Trimmed grass",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg",
|
||||
imageAlt: "Equipment truck",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-driving-lawn-mower_23-2149382199.jpg", imageAlt: "Professional mowing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg", imageAlt: "Well maintained lawn" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-with-modern-weedwacker_329181-20635.jpg", imageAlt: "Gardening equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg", imageAlt: "Landscaping service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-mowing-yard_23-2148580100.jpg", imageAlt: "Trimmed grass" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg", imageAlt: "Equipment truck" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,68 +77,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mowing & Edging",
|
||||
description: "Professional weekly or bi-weekly mowing service.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growing-plants-equipment_23-2148928473.jpg",
|
||||
imageAlt: "Mowing",
|
||||
},
|
||||
title: "Mowing & Edging", description: "Professional weekly or bi-weekly mowing service.", media: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-driving-lawn-mower_23-2149382199.jpg", imageAlt: "Mowing" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Precision cut",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Clean edge",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Precision cut" },
|
||||
{ icon: CheckCircle, text: "Clean edge" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-driving-lawn-mower_23-2149382199.jpg?_wi=2",
|
||||
imageAlt: "professional lawn mower maintenance",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Garden Cleanup",
|
||||
description: "Spring and fall seasonal cleanups.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-132251.jpg",
|
||||
imageAlt: "Cleanup",
|
||||
},
|
||||
title: "Garden Cleanup", description: "Spring and fall seasonal cleanups.", media: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg", imageAlt: "Cleanup" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Debris removal",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leaf removal",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Debris removal" },
|
||||
{ icon: CheckCircle, text: "Leaf removal" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg?_wi=2",
|
||||
imageAlt: "professional lawn mower maintenance",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Hedge Trimming",
|
||||
description: "Expert shaping for shrubs and bushes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bush-pruning-with-hedge-trimmer_342744-536.jpg",
|
||||
imageAlt: "Trimming",
|
||||
},
|
||||
title: "Hedge Trimming", description: "Expert shaping for shrubs and bushes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-with-modern-weedwacker_329181-20635.jpg", imageAlt: "Trimming" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Uniform shape",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Health trim",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Uniform shape" },
|
||||
{ icon: CheckCircle, text: "Health trim" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-with-modern-weedwacker_329181-20635.jpg?_wi=2",
|
||||
imageAlt: "professional lawn mower maintenance",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Lawn Services"
|
||||
description="We offer a wide range of services to keep your property looking great."
|
||||
@@ -191,51 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$45",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
],
|
||||
id: "basic", price: "$45", name: "Starter", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
features: ["Mowing", "Edging"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$85",
|
||||
name: "Premium",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Hedge Trim",
|
||||
],
|
||||
id: "pro", price: "$85", name: "Premium", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
features: ["Mowing", "Edging", "Hedge Trim"]
|
||||
},
|
||||
{
|
||||
id: "custom",
|
||||
price: "Custom",
|
||||
name: "Estate",
|
||||
buttons: [
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything Pro",
|
||||
"Custom Care",
|
||||
],
|
||||
},
|
||||
id: "custom", price: "Custom", name: "Estate", buttons: [{ text: "Call Us", href: "#contact" }],
|
||||
features: ["Everything Pro", "Custom Care"]
|
||||
}
|
||||
]}
|
||||
title="Fair, Honest Pricing"
|
||||
description="Transparent plans designed for your needs."
|
||||
@@ -249,26 +137,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Karie Canales"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg",
|
||||
alt: "Happy Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg",
|
||||
alt: "Happy Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-bicycle-summer-city_1157-38211.jpg",
|
||||
alt: "Happy Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg",
|
||||
alt: "Happy Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazing-young-african-woman-sitting-outdoors-park_171337-13777.jpg",
|
||||
alt: "Happy Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg", alt: "Happy Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-woman-walking-city_23-2149401689.jpg", alt: "Happy Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-with-bicycle-summer-city_1157-38211.jpg", alt: "Happy Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg", alt: "Happy Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/amazing-young-african-woman-sitting-outdoors-park_171337-13777.jpg", alt: "Happy Customer 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -282,21 +155,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{ id: "m1", value: "100+", description: "Happy Customers" },
|
||||
{ id: "m2", value: "5.0", description: "Customer Rating" },
|
||||
{ id: "m3", value: "15+", description: "Years Experience" }
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Delivering excellence to our community."
|
||||
@@ -308,21 +169,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer quotes online?",
|
||||
content: "Yes, we provide free online estimates through our contact form.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the local community and surrounding suburbs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request weekly service?",
|
||||
content: "Absolutely, we offer recurring maintenance plans.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer quotes online?", content: "Yes, we provide free online estimates through our contact form." },
|
||||
{ id: "q2", title: "What areas do you serve?", content: "We serve the local community and surrounding suburbs." },
|
||||
{ id: "q3", title: "Can I request weekly service?", content: "Absolutely, we offer recurring maintenance plans." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -333,18 +182,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a better lawn?"
|
||||
description="Get in touch today for a free estimate and reliable service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:4152449474",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "tel:4152449474" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,31 +195,17 @@ export default function LandingPage() {
|
||||
logoText="LawnWorry"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Mowing", href: "#services" },
|
||||
{ label: "Cleaning", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 LawnWorry. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user