Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenGrass Care"
|
||||
/>
|
||||
@@ -60,35 +50,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Lawn Care for Your Dream Garden"
|
||||
description="We specialize in expert mowing, landscaping, and complete yard maintenance to keep your property looking pristine year-round."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg?_wi=1",
|
||||
imageAlt: "Lawn maintenance service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", imageAlt: "Lawn maintenance service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg",
|
||||
imageAlt: "Professional mowing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg", imageAlt: "Professional mowing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg",
|
||||
imageAlt: "Landscape design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg", imageAlt: "Landscape design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg",
|
||||
imageAlt: "Garden care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-mowing-yard-close-up_23-2148579933.jpg", imageAlt: "Garden care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg",
|
||||
imageAlt: "Turf management",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg", imageAlt: "Turf management"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
|
||||
imageAlt: "Residential gardening",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", imageAlt: "Residential gardening"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,14 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About GreenGrass Care",
|
||||
},
|
||||
type: "text", content: "About GreenGrass Care"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-30277.jpg",
|
||||
alt: "Garden expert",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-30277.jpg", alt: "Garden expert"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,67 +89,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Mowing",
|
||||
description: "Weekly mowing to keep your grass at the optimal height.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-watering-plants-with-blue-can_23-2147948197.jpg",
|
||||
imageAlt: "Lawn mowing",
|
||||
},
|
||||
title: "Expert Mowing", description: "Weekly mowing to keep your grass at the optimal height.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", imageAlt: "mowing lawn backyard service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Precise trimming",
|
||||
},
|
||||
text: "Precise trimming"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Clean edging",
|
||||
},
|
||||
text: "Clean edging"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg?_wi=2",
|
||||
imageAlt: "mowing lawn backyard service",
|
||||
},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom landscaping projects to refresh your garden appeal.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg",
|
||||
imageAlt: "Landscaping design",
|
||||
},
|
||||
title: "Landscape Design", description: "Custom landscaping projects to refresh your garden appeal.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-30277.jpg", imageAlt: "mowing lawn backyard service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Plant selection",
|
||||
},
|
||||
text: "Plant selection"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Hardscape installation",
|
||||
},
|
||||
text: "Hardscape installation"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-30277.jpg",
|
||||
imageAlt: "mowing lawn backyard service",
|
||||
},
|
||||
{
|
||||
title: "Yard Clean-up",
|
||||
description: "Seasonal clean-ups to remove debris and prepare your yard.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-adult-male-worker-mowning-field-with-grass-cutter_176532-14359.jpg",
|
||||
imageAlt: "Garden cleanup",
|
||||
},
|
||||
title: "Yard Clean-up", description: "Seasonal clean-ups to remove debris and prepare your yard.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg", imageAlt: "mowing lawn backyard service"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leaf removal",
|
||||
},
|
||||
text: "Leaf removal"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Mulching",
|
||||
},
|
||||
text: "Mulching"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg?_wi=1",
|
||||
imageAlt: "mowing lawn backyard service",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -192,53 +140,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$45",
|
||||
subtitle: "Per visit",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$45", subtitle: "Per visit", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Mowing",
|
||||
"Trimming",
|
||||
"Blowing",
|
||||
],
|
||||
"Mowing", "Trimming", "Blowing"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Most Popular",
|
||||
price: "$80",
|
||||
subtitle: "Per visit",
|
||||
buttons: [
|
||||
id: "standard", badge: "Most Popular", price: "$80", subtitle: "Per visit", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Basic Package",
|
||||
"Fertilizer",
|
||||
"Edging",
|
||||
],
|
||||
"Basic Package", "Fertilizer", "Edging"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Full Care",
|
||||
price: "$150",
|
||||
subtitle: "Per month",
|
||||
buttons: [
|
||||
id: "premium", badge: "Full Care", price: "$150", subtitle: "Per month", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Standard Package",
|
||||
"Mulching",
|
||||
"Pruning",
|
||||
"Irrigation Check",
|
||||
],
|
||||
"Standard Package", "Mulching", "Pruning", "Irrigation Check"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing Plans"
|
||||
@@ -253,40 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fantastic service, always punctual and my yard looks great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alice Miller", role: "Homeowner", testimonial: "Fantastic service, always punctual and my yard looks great.", imageSrc: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "Property Owner",
|
||||
testimonial: "Best lawn care I've had in 10 years. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Smith", role: "Property Owner", testimonial: "Best lawn care I've had in 10 years. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol Jones",
|
||||
role: "Resident",
|
||||
testimonial: "Very professional staff and my grass has never been greener.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-family-enjoying-sunny-day_23-2147636823.jpg",
|
||||
},
|
||||
id: "3", name: "Carol Jones", role: "Resident", testimonial: "Very professional staff and my grass has never been greener.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-family-enjoying-sunny-day_23-2147636823.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dave Wilson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Great pricing and very responsive to requests.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-environment-young-dark-skinned-bearded-gardener-spending-time-garden-near-country-house-man-cutting-leaves-enjoying-summer-hot-weather-trees-shadow_176420-19886.jpg",
|
||||
},
|
||||
id: "4", name: "Dave Wilson", role: "Homeowner", testimonial: "Great pricing and very responsive to requests.", imageSrc: "http://img.b2bpic.net/free-photo/nature-environment-young-dark-skinned-bearded-gardener-spending-time-garden-near-country-house-man-cutting-leaves-enjoying-summer-hot-weather-trees-shadow_176420-19886.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Davis",
|
||||
role: "Homeowner",
|
||||
testimonial: "My garden transformation was incredible, excellent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-template-with-gardening-concept_23-2148060687.jpg",
|
||||
},
|
||||
id: "5", name: "Eve Davis", role: "Homeowner", testimonial: "My garden transformation was incredible, excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-template-with-gardening-concept_23-2148060687.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why our neighbors trust GreenGrass Care for their lawns."
|
||||
@@ -299,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free on-site estimates for all our services.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide free on-site estimates for all our services."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards, bank transfers, and online payments.",
|
||||
},
|
||||
id: "q2", title: "What payment methods do you accept?", content: "We accept major credit cards, bank transfers, and online payments."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you insured?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "q3", title: "Are you insured?", content: "Yes, we are fully licensed and insured for your peace of mind."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to our most common client questions."
|
||||
@@ -325,14 +214,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Green Landscape",
|
||||
"Eco Gardens",
|
||||
"Nature Pros",
|
||||
"Lawn Masters",
|
||||
"Urban Greens",
|
||||
"Yard Care Co",
|
||||
"Sustainable Roots",
|
||||
]}
|
||||
"Green Landscape", "Eco Gardens", "Nature Pros", "Lawn Masters", "Urban Greens", "Yard Care Co", "Sustainable Roots"]}
|
||||
title="Trusted By Our Community"
|
||||
description="We are proud partners with local organizations."
|
||||
/>
|
||||
@@ -342,15 +224,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready for a beautiful lawn?"
|
||||
description="Contact us today for a free consultation and personalized service plan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Free Quote",
|
||||
},
|
||||
text: "Request Free Quote"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -361,29 +241,19 @@ export default function LandingPage() {
|
||||
logoText="GreenGrass Care"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Mowing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Mowing", href: "#services"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Design", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user