Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -32,89 +32,56 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GreenScapes"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Premium Lawn Care & Landscaping Services"
|
||||
description="We transform your outdoor space into a lush, professional paradise. From routine tree trimming to expert landscaping, our team delivers quality results you can see."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg",
|
||||
alt: "View of robot tending and maintaining gardens",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg", alt: "View of robot tending and maintaining gardens"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg",
|
||||
alt: "Caucasian male worker in gloves removing dry leaves from sidewalk with hand blower in park side view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg", alt: "Caucasian male worker in gloves removing dry leaves from sidewalk with hand blower in park side view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-pruning-bushes-smiling-camera_651396-3821.jpg",
|
||||
alt: "Woman pruning bushes and smiling on camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-pruning-bushes-smiling-camera_651396-3821.jpg", alt: "Woman pruning bushes and smiling on camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||||
alt: "Hard working man in casual outfit removing dry leaves from sidewalk with hand blower in sunny day",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg", alt: "Hard working man in casual outfit removing dry leaves from sidewalk with hand blower in sunny day"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-gardeners-growing-plants-shooting-them-phone_74855-16434.jpg",
|
||||
alt: "Professional gardeners growing plants and shooting them on phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-gardeners-growing-plants-shooting-them-phone_74855-16434.jpg", alt: "Professional gardeners growing plants and shooting them on phone"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Fertilizers",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Fertilizers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Landscaping",
|
||||
},
|
||||
type: "text", text: "Sustainable Landscaping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Tree Care",
|
||||
},
|
||||
type: "text", text: "Expert Tree Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Routine Lawn Maintenance",
|
||||
},
|
||||
type: "text", text: "Routine Lawn Maintenance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hardscape Design",
|
||||
},
|
||||
type: "text", text: "Hardscape Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
description="With over 15 years of experience, we provide meticulous lawn maintenance and landscape design tailored to your specific environment and aesthetic preferences."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Lawns Maintained",
|
||||
},
|
||||
value: "500+", title: "Lawns Maintained"},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,35 +112,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Routine mowing, aeration, and fertilization programs to keep your turf dense, green, and healthy throughout the season.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg",
|
||||
imageAlt: "lawn mowing service residential grass",
|
||||
},
|
||||
title: "Lawn Care", description: "Routine mowing, aeration, and fertilization programs to keep your turf dense, green, and healthy throughout the season.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg", imageAlt: "lawn mowing service residential grass"},
|
||||
{
|
||||
title: "Tree Trimming",
|
||||
description: "Certified pruning and crown reduction to ensure safety and aesthetic health for all types of ornamental and shade trees.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service residential grass",
|
||||
},
|
||||
title: "Tree Trimming", description: "Certified pruning and crown reduction to ensure safety and aesthetic health for all types of ornamental and shade trees.", bentoComponent: { bentoComponent: "reveal-icon", icon: Shield },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/darkhaired-man-using-portable-powered-leaf-blower-blow-beveled-leaves-from-footpath-back-yard_7502-10567.jpg", imageAlt: "lawn mowing service residential grass"},
|
||||
{
|
||||
title: "Landscaping",
|
||||
description: "Custom hardscaping and flower bed design that complements your home architecture and local soil conditions.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service residential grass",
|
||||
},
|
||||
title: "Landscaping", description: "Custom hardscaping and flower bed design that complements your home architecture and local soil conditions.", bentoComponent: { bentoComponent: "reveal-icon", icon: Zap },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg", imageAlt: "lawn mowing service residential grass"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer full-cycle landscaping services to ensure your property looks its best year-round."
|
||||
@@ -193,20 +133,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Retention rate with our recurring service plans.",
|
||||
},
|
||||
id: "m1", value: "95%", description: "Retention rate with our recurring service plans."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Average response time for new service inquiries.",
|
||||
},
|
||||
id: "m2", value: "24h", description: "Average response time for new service inquiries."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
description: "Active residential service routes weekly.",
|
||||
},
|
||||
id: "m3", value: "120+", description: "Active residential service routes weekly."},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -217,14 +148,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"LawnKing Systems",
|
||||
"ArborCare Pro",
|
||||
"GreenGrow Fertilizers",
|
||||
"AquaLogic Sprinklers",
|
||||
"StoneMasters Hardscape",
|
||||
"Evergreen Nurseries",
|
||||
"SoilSync Analysis",
|
||||
]}
|
||||
"LawnKing Systems", "ArborCare Pro", "GreenGrow Fertilizers", "AquaLogic Sprinklers", "StoneMasters Hardscape", "Evergreen Nurseries", "SoilSync Analysis"]}
|
||||
title="Trusted Partners"
|
||||
description="We use only professional-grade equipment and sustainable materials for all projects."
|
||||
/>
|
||||
@@ -238,45 +162,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Homeowner",
|
||||
company: "Willow Creek",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-hispanic-expert-explaining-his-idea_1262-16155.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "Homeowner", company: "Willow Creek", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-hispanic-expert-explaining-his-idea_1262-16155.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Thornton",
|
||||
role: "Architect",
|
||||
company: "Thornton Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980628.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Thornton", role: "Architect", company: "Thornton Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980628.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Real Estate Agent",
|
||||
company: "City Properties",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-slavic-gardener-uniform-hat-holding-hoe-rake-rake-shoulders-looking_141793-57959.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Real Estate Agent", company: "City Properties", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-slavic-gardener-uniform-hat-holding-hoe-rake-rake-shoulders-looking_141793-57959.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Oak Ridge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-decorating-her-house-with-orchids_23-2150970141.jpg",
|
||||
},
|
||||
id: "4", name: "David Wilson", role: "Homeowner", company: "Oak Ridge", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-decorating-her-house-with-orchids_23-2150970141.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Thompson",
|
||||
role: "Teacher",
|
||||
company: "Westside Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-women-balcony-with-coffee_1398-4083.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Thompson", role: "Teacher", company: "Westside Estates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-women-balcony-with-coffee_1398-4083.jpg"},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="See why homeowners in our area trust us with their lawn care needs."
|
||||
@@ -287,16 +186,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Greener Lawn?"
|
||||
description="Contact us today for a free on-site estimate and learn more about our seasonal service packages."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@greenscapes.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@greenscapes.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,46 +202,29 @@ export default function LandingPage() {
|
||||
logoText="GreenScapes"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#",
|
||||
},
|
||||
label: "Lawn Care", href: "#"},
|
||||
{
|
||||
label: "Tree Trimming",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tree Trimming", href: "#"},
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Landscaping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user