Merge version_1 into main #2
399
src/app/page.tsx
399
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user