Merge version_2 into main #1
223
src/app/page.tsx
223
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Packages", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenScape"
|
||||
/>
|
||||
@@ -64,63 +52,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Transform Your Outdoor Living Space"
|
||||
description="Expert landscaping design and maintenance to bring your garden vision to life. Reliable, professional, and beautiful results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-male-landscaper-denim-shirt-trimming-overgrown-lawn-with-lawn-mover-summer-day-low_7502-10170.jpg"
|
||||
imageAlt="Landscaped garden exterior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
|
||||
alt: "Skilful male landscaper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", alt: "Skilful male landscaper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg",
|
||||
alt: "Unrecognizable male gardener",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/unrecognizable-male-gardener-pushing-modern-lawn-mower-while-walking-grass-view-handyman_7502-10570.jpg", alt: "Unrecognizable male gardener"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
|
||||
alt: "Brunet handyman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg", alt: "Brunet handyman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg",
|
||||
alt: "Female gardener",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-legs-woman-using-lawn-mower_651396-1545.jpg", alt: "Female gardener"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg",
|
||||
alt: "People watering plants",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg", alt: "People watering plants"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Lawn Maintenance",
|
||||
},
|
||||
type: "text", text: "Lawn Maintenance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hardscaping Design",
|
||||
},
|
||||
type: "text", text: "Hardscaping Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flower Bed Planting",
|
||||
},
|
||||
type: "text", text: "Flower Bed Planting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tree Care",
|
||||
},
|
||||
type: "text", text: "Tree Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Cleanup",
|
||||
},
|
||||
type: "text", text: "Seasonal Cleanup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,32 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Lawn Care",
|
||||
tags: [
|
||||
"Weekly",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg",
|
||||
},
|
||||
id: "f1", title: "Lawn Care", tags: [
|
||||
"Weekly", "Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139731.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hardscaping",
|
||||
tags: [
|
||||
"Stone",
|
||||
"Patio",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg",
|
||||
},
|
||||
id: "f2", title: "Hardscaping", tags: [
|
||||
"Stone", "Patio"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Garden Design",
|
||||
tags: [
|
||||
"Floral",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-beautiful-flowers-garden_23-2148058951.jpg",
|
||||
},
|
||||
id: "f3", title: "Garden Design", tags: [
|
||||
"Floral", "Modern"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-beautiful-flowers-garden_23-2148058951.jpg"},
|
||||
]}
|
||||
title="Professional Services Offered"
|
||||
description="Comprehensive landscaping solutions tailored to your unique landscape needs."
|
||||
@@ -184,54 +134,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic Lawn Care",
|
||||
price: "$150",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Trimming",
|
||||
],
|
||||
id: "basic", title: "Basic Lawn Care", price: "$150", period: "/mo", features: [
|
||||
"Mowing", "Edging", "Trimming"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-trowel-green-grass_181624-26501.jpg",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-trowel-green-grass_181624-26501.jpg"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Full Service",
|
||||
price: "$350",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Mulching",
|
||||
"Weeding",
|
||||
"Fertilizer",
|
||||
],
|
||||
id: "pro", title: "Full Service", price: "$350", period: "/mo", features: [
|
||||
"Mowing", "Mulching", "Weeding", "Fertilizer"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-ground_23-2148200473.jpg",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-ground_23-2148200473.jpg"},
|
||||
{
|
||||
id: "luxury",
|
||||
title: "Landscape Design",
|
||||
price: "Quote",
|
||||
period: "",
|
||||
features: [
|
||||
"Full Renovation",
|
||||
"Custom Hardscaping",
|
||||
"Plant Selection",
|
||||
],
|
||||
id: "luxury", title: "Landscape Design", price: "Quote", period: "", features: [
|
||||
"Full Renovation", "Custom Hardscaping", "Plant Selection"],
|
||||
button: {
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"},
|
||||
]}
|
||||
title="Transparent Pricing Plans"
|
||||
description="Clear service tiers to match the specific needs of your property."
|
||||
@@ -246,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Gardens Transformed",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Gardens Transformed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "12+", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Proven results for hundreds of satisfied local property owners."
|
||||
@@ -274,25 +184,15 @@ export default function LandingPage() {
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-enjoying-coffee_23-2149447147.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-enjoying-coffee_23-2149447147.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-gloves-smiling-holding-flower-pot-with-green-sprout-hands-looking-aside-with-excited-face-expression_176420-19922.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-gloves-smiling-holding-flower-pot-with-green-sprout-hands-looking-aside-with-excited-face-expression_176420-19922.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -304,20 +204,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide free on-site consultations and quotes for all projects.",
|
||||
id: "q0", title: "How long does it take to receive a quote?", content: "Once you request a consultation, our team typically provides a detailed quote within 48 business hours."
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, our team is fully licensed and insured for all landscaping work.",
|
||||
},
|
||||
id: "q1", title: "Do you offer quotes?", content: "Yes, we provide free on-site consultations and quotes for all projects."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the entire metro area and surrounding communities.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed?", content: "Yes, our team is fully licensed and insured for all landscaping work."},
|
||||
{
|
||||
id: "q3", title: "What areas do you serve?", content: "We serve the entire metro area and surrounding communities."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -328,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Start Your Landscape Transformation"
|
||||
description="Ready to beautify your home? Reach out to get started today."
|
||||
tag="Contact Us"
|
||||
@@ -340,16 +233,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GreenScape"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user