Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-06 20:48:54 +00:00

View File

@@ -25,297 +25,126 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Urban Green Landscaping"
button={{
text: "Get a Quote",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Urban Green Landscaping"
button={{ text: "Get a Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Urban Green Landscaping Services"
description="Providing over 19 years of professional outdoor services from tree removal to pavers and meticulous lawn maintenance for Midland Park and surrounding areas."
buttons={[
{
text: "View Services",
href: "#services",
},
{
text: "Contact Us",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=1",
imageAlt: "Professional landscaping project",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=1",
imageAlt: "Lawn care maintenance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=1",
imageAlt: "Paver patio installation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg?_wi=1",
imageAlt: "Tree maintenance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=1",
imageAlt: "Professional landscaping crew",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Urban Green Landscaping Services"
description="Providing over 19 years of professional outdoor services from tree removal to pavers and meticulous lawn maintenance for Midland Park and surrounding areas."
buttons={[
{ text: "View Services", href: "#services" },
{ text: "Contact Us", href: "#contact" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg", imageAlt: "Professional landscaping project" },
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg", imageAlt: "Lawn care maintenance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg", imageAlt: "Paver patio installation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg", imageAlt: "Tree maintenance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg", imageAlt: "Professional landscaping crew" },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Lawn & Garden Care",
description: "Full-service seeding, sod installation, and regular lawn maintenance for a pristine yard.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=2",
imageAlt: "Lawn maintenance",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=2",
imageAlt: "Green garden",
},
imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=3",
imageAlt: "beautiful landscaped residential garden path",
},
{
title: "Hardscaping & Pavers",
description: "Custom paver installation and walkway grading to transform your outdoor living space.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=2",
imageAlt: "Paver design",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=4",
imageAlt: "Walkway completion",
},
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=3",
imageAlt: "lawn maintenance service gardener mowing",
},
{
title: "Tree & Property Maintenance",
description: "Reliable tree removal, pruning, and storm cleanup services by experienced professionals.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg?_wi=2",
imageAlt: "Tree services",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=2",
imageAlt: "Cleanup work",
},
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=3",
imageAlt: "paver patio installation modern stone",
},
]}
showStepNumbers={true}
title="Our Expert Services"
description="Comprehensive outdoor solutions to enhance and maintain your property's value year-round."
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
title="Our Expert Services"
description="Comprehensive outdoor solutions to enhance and maintain your property's value year-round."
features={[
{
title: "Lawn & Garden Care", description: "Full-service seeding, sod installation, and regular lawn maintenance for a pristine yard.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg", imageAlt: "Lawn maintenance" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg", imageAlt: "Green garden" }
},
{
title: "Hardscaping & Pavers", description: "Custom paver installation and walkway grading to transform your outdoor living space.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg", imageAlt: "Paver design" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg", imageAlt: "Walkway completion" }
},
{
title: "Tree & Property Maintenance", description: "Reliable tree removal, pruning, and storm cleanup services by experienced professionals.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg", imageAlt: "Tree services" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg", imageAlt: "Cleanup work" }
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner",
company: "Midland Park",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037268.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Property Owner",
company: "Midland Park",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Client",
company: "Local Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23426.jpg",
},
{
id: "4",
name: "David Kim",
role: "Business Owner",
company: "Midland Park",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg",
},
{
id: "5",
name: "Lisa Wang",
role: "Homeowner",
company: "Midland Park",
rating: 5,
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",
},
]}
kpiItems={[
{
value: "19+",
label: "Years Business",
},
{
value: "4.3",
label: "Google Rating",
},
{
value: "21+",
label: "Verified Reviews",
},
]}
title="What Our Clients Say"
description="We are proud to be a highly-rated local landscaper serving Midland Park for nearly two decades."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Midland Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037268.jpg" },
{ id: "2", name: "Michael Chen", role: "Property Owner", company: "Midland Park", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Client", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23426.jpg" },
{ id: "4", name: "David Kim", role: "Business Owner", company: "Midland Park", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg" },
{ id: "5", name: "Lisa Wang", role: "Homeowner", company: "Midland Park", rating: 5, 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" },
]}
kpiItems={[
{ value: "19+", label: "Years Business" },
{ value: "4.3", label: "Google Rating" },
{ value: "21+", label: "Verified Reviews" },
]}
title="What Our Clients Say"
description="We are proud to be a highly-rated local landscaper serving Midland Park for nearly two decades."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Are you licensed and insured?",
content: "Yes, we are a fully verified, licensed, and background-checked business.",
},
{
id: "2",
title: "What areas do you serve?",
content: "We primarily serve Midland Park and surrounding neighborhoods.",
},
{
id: "3",
title: "How quickly do you reply?",
content: "We typically reply within 1 business day for all inquiries.",
},
]}
title="Frequently Asked Questions"
description="Clear answers to your common questions about our professional landscaping services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Are you licensed and insured?", content: "Yes, we are a fully verified, licensed, and background-checked business." },
{ id: "2", title: "What areas do you serve?", content: "We primarily serve Midland Park and surrounding neighborhoods." },
{ id: "3", title: "How quickly do you reply?", content: "We typically reply within 1 business day for all inquiries." },
]}
title="Frequently Asked Questions"
description="Clear answers to your common questions about our professional landscaping services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Urban Green"
description="Ready to transform your lawn? Send us a message today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=3"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Urban Green"
description="Ready to transform your lawn? Send us a message today."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=5"
logoText="Urban Green"
columns={[
{
title: "Services",
items: [
{
label: "Lawn Care",
href: "#services",
},
{
label: "Paver Installation",
href: "#services",
},
{
label: "Tree Removal",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Google Reviews",
href: "#testimonials",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg"
logoText="Urban Green"
columns={[
{ title: "Services", items: [{ label: "Lawn Care", href: "#services" }, { label: "Paver Installation", href: "#services" }, { label: "Tree Removal", href: "#services" }] },
{ title: "Company", items: [{ label: "Contact Us", href: "#contact" }, { label: "Google Reviews", href: "#testimonials" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}