bender/387cff59-dc8a-4498-802d-9190131bf3fd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 23:25:53 +00:00
parent bd95f6b0e1
commit 20476dde56
1 changed files with 67 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -33,32 +33,20 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoAlt="GreenScape Solutions Logo"
brandName="GreenScape Solutions"
button={{
text: "Get a Free Estimate",
href: "#estimate",
}}
text: "Get a Free Estimate", href: "#estimate"}}
/>
</div>
@@ -68,39 +56,23 @@ export default function LandingPage() {
description="Transforming outdoor spaces into breathtaking landscapes with expert design and meticulous craftsmanship, ensuring lasting beauty and customer satisfaction."
buttons={[
{
text: "Get a Free Estimate",
href: "#estimate",
},
text: "Get a Free Estimate", href: "#estimate"},
{
text: "View Our Work",
href: "#projects",
},
text: "View Our Work", href: "#projects"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8487.jpg",
imageAlt: "Stunning luxury backyard with a pool and lush landscaping",
},
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8487.jpg", imageAlt: "Stunning luxury backyard with a pool and lush landscaping"},
{
imageSrc: "http://img.b2bpic.net/free-photo/green-plant-with-purple-flowers_1353-166.jpg",
imageAlt: "Elegant patio with an outdoor kitchen, perfect for entertaining",
},
imageSrc: "http://img.b2bpic.net/free-photo/green-plant-with-purple-flowers_1353-166.jpg", imageAlt: "Elegant patio with an outdoor kitchen, perfect for entertaining"},
{
imageSrc: "http://img.b2bpic.net/free-photo/green-cactus-grown-front-old-concrete-wall-near-old-windows_181624-7171.jpg",
imageAlt: "Modern garden design with a captivating water feature and colorful plants",
},
imageSrc: "http://img.b2bpic.net/free-photo/green-cactus-grown-front-old-concrete-wall-near-old-windows_181624-7171.jpg", imageAlt: "Modern garden design with a captivating water feature and colorful plants"},
{
imageSrc: "http://img.b2bpic.net/free-photo/terrace-night-with-bokeh-lights_23-2148232015.jpg",
imageAlt: "Beautiful hardscaped walkway leading to a cozy outdoor fireplace",
},
imageSrc: "http://img.b2bpic.net/free-photo/terrace-night-with-bokeh-lights_23-2148232015.jpg", imageAlt: "Beautiful hardscaped walkway leading to a cozy outdoor fireplace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg",
imageAlt: "Professionally maintained vibrant green lawn and garden",
},
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530689.jpg", imageAlt: "Professionally maintained vibrant green lawn and garden"},
{
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-balanced-rocks-sunlight_23-2148245235.jpg",
imageAlt: "Serene backyard with a custom pergola and climbing vines",
},
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-balanced-rocks-sunlight_23-2148245235.jpg", imageAlt: "Serene backyard with a custom pergola and climbing vines"},
]}
autoplayDelay={4500}
showDimOverlay={true}
@@ -114,25 +86,13 @@ export default function LandingPage() {
tag="Trusted Professionals"
metrics={[
{
id: "years",
value: "20+",
description: "Years of Experience",
},
id: "years", value: "20+", description: "Years of Experience"},
{
id: "projects",
value: "500+",
description: "Completed Projects",
},
id: "projects", value: "500+", description: "Completed Projects"},
{
id: "rating",
value: "5-Star",
description: "Customer Rating",
},
id: "rating", value: "5-Star", description: "Customer Rating"},
{
id: "license",
value: "Licensed & Insured",
description: "Peace of Mind",
},
id: "license", value: "Licensed & Insured", description: "Peace of Mind"},
]}
metricsAnimation="slide-up"
/>
@@ -146,49 +106,33 @@ export default function LandingPage() {
description="At GreenScape Solutions, we combine innovative design with superior craftsmanship and the finest materials. We are committed to transparency, reliability, and ensuring your complete satisfaction, backed by our local expertise."
bulletPoints={[
{
title: "Landscape Design",
description: "Creative and functional designs tailored to your vision.",
icon: Feather,
title: "Landscape Design", description: "Creative and functional designs tailored to your vision.", icon: Feather,
},
{
title: "Lawn Care & Maintenance",
description: "Keep your lawn lush and healthy all year round.",
icon: Leaf,
title: "Lawn Care & Maintenance", description: "Keep your lawn lush and healthy all year round.", icon: Leaf,
},
{
title: "Hardscaping",
description: "Durable patios, walkways, and retaining walls.",
icon: Building,
title: "Hardscaping", description: "Durable patios, walkways, and retaining walls.", icon: Building,
},
{
title: "Patios & Walkways",
description: "Custom designs for inviting outdoor spaces.",
icon: Compass,
title: "Patios & Walkways", description: "Custom designs for inviting outdoor spaces.", icon: Compass,
},
{
title: "Retaining Walls",
description: "Functional and aesthetic solutions for sloped landscapes.",
icon: Layout,
title: "Retaining Walls", description: "Functional and aesthetic solutions for sloped landscapes.", icon: Layout,
},
{
title: "Mulching & Planting",
description: "Enhance your garden's health and beauty.",
icon: Droplet,
title: "Mulching & Planting", description: "Enhance your garden's health and beauty.", icon: Droplet,
},
{
title: "Irrigation Systems",
description: "Efficient watering solutions for vibrant landscapes.",
icon: Droplets,
title: "Irrigation Systems", description: "Efficient watering solutions for vibrant landscapes.", icon: Droplets,
},
{
title: "Commercial Landscaping",
description: "Professional outdoor solutions for businesses.",
icon: Building,
title: "Commercial Landscaping", description: "Professional outdoor solutions for businesses.", icon: Building,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-person-holding-flower-pot_23-2148224065.jpg"
imageAlt="Landscape architect reviewing garden plans on a tablet"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
/>
</div>
@@ -201,47 +145,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "project-1",
name: "Modern Backyard Oasis",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg",
imageAlt: "Before and after of a modern backyard patio with new landscaping",
},
id: "project-1", name: "Modern Backyard Oasis", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg", imageAlt: "Before and after of a modern backyard patio with new landscaping"},
{
id: "project-2",
name: "Elegant Front Yard Design",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8974.jpg",
imageAlt: "Beautifully landscaped front yard with a stone pathway",
},
id: "project-2", name: "Elegant Front Yard Design", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8974.jpg", imageAlt: "Beautifully landscaped front yard with a stone pathway"},
{
id: "project-3",
name: "Commercial Green Space",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30881.jpg",
imageAlt: "Commercial office building surrounded by lush, professional landscaping",
},
id: "project-3", name: "Commercial Green Space", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/woman-black-apron-working-greenhouse_1157-30881.jpg", imageAlt: "Commercial office building surrounded by lush, professional landscaping"},
{
id: "project-4",
name: "Serene Water Feature Garden",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10731.jpg",
imageAlt: "Tranquil garden with a cascading waterfall and a koi pond",
},
id: "project-4", name: "Serene Water Feature Garden", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10731.jpg", imageAlt: "Tranquil garden with a cascading waterfall and a koi pond"},
{
id: "project-5",
name: "Functional Retaining Wall",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756589.jpg",
imageAlt: "Decorative and functional retaining wall with integrated garden beds",
},
id: "project-5", name: "Functional Retaining Wall", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756589.jpg", imageAlt: "Decorative and functional retaining wall with integrated garden beds"},
{
id: "project-6",
name: "Lush Lawn & Irrigation",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg",
imageAlt: "Vibrant green lawn with newly installed automated irrigation system",
},
id: "project-6", name: "Lush Lawn & Irrigation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg", imageAlt: "Vibrant green lawn with newly installed automated irrigation system"},
]}
title="Our Award-Winning Landscape Transformations"
description="Browse our portfolio of completed projects, showcasing stunning before-and-after views of gardens, elegant patios, and robust hardscaping designed to inspire your own outdoor oasis."
@@ -256,50 +170,20 @@ export default function LandingPage() {
carouselMode="auto"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "Homeowner, Maplewood",
testimonial: "GreenScape Solutions exceeded our expectations! Our backyard went from drab to a beautiful oasis. The team was professional, timely, and truly listened to our vision. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-closely-girl-telling-story_259150-58932.jpg",
imageAlt: "Smiling woman in her newly landscaped backyard",
},
id: "1", name: "Sarah Johnson", handle: "Homeowner, Maplewood", testimonial: "GreenScape Solutions exceeded our expectations! Our backyard went from drab to a beautiful oasis. The team was professional, timely, and truly listened to our vision. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-closely-girl-telling-story_259150-58932.jpg", imageAlt: "Smiling woman in her newly landscaped backyard"},
{
id: "2",
name: "Michael Chen",
handle: "Business Owner, City Center",
testimonial: "We hired GreenScape for our commercial property's landscaping, and the results are fantastic. Our clients constantly comment on how inviting and professional our exterior now looks. Superb service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41438.jpg",
imageAlt: "Man standing proudly in front of a professionally landscaped business",
},
id: "2", name: "Michael Chen", handle: "Business Owner, City Center", testimonial: "We hired GreenScape for our commercial property's landscaping, and the results are fantastic. Our clients constantly comment on how inviting and professional our exterior now looks. Superb service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41438.jpg", imageAlt: "Man standing proudly in front of a professionally landscaped business"},
{
id: "3",
name: "Emily Rodriguez",
handle: "Residential Client, Oakville",
testimonial: "From consultation to completion, the entire process was seamless. The design team created a stunning plan for our small garden, and the installation crew worked diligently. Truly a top-tier company.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-executives-working-sunny-day_23-2147562043.jpg",
imageAlt: "Woman admiring her new, lush garden",
},
id: "3", name: "Emily Rodriguez", handle: "Residential Client, Oakville", testimonial: "From consultation to completion, the entire process was seamless. The design team created a stunning plan for our small garden, and the installation crew worked diligently. Truly a top-tier company.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-executives-working-sunny-day_23-2147562043.jpg", imageAlt: "Woman admiring her new, lush garden"},
{
id: "4",
name: "David Kim",
handle: "Homeowner, Lakeside",
testimonial: "Our hardscaping project was complex, but GreenScape handled it with incredible expertise. The retaining wall and patio they built are not only functional but absolutely beautiful. Fantastic craftsmanship!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401308.jpg",
imageAlt: "Man happily inspecting a newly built stone patio",
},
id: "4", name: "David Kim", handle: "Homeowner, Lakeside", testimonial: "Our hardscaping project was complex, but GreenScape handled it with incredible expertise. The retaining wall and patio they built are not only functional but absolutely beautiful. Fantastic craftsmanship!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401308.jpg", imageAlt: "Man happily inspecting a newly built stone patio"},
{
id: "5",
name: "Jessica Lee",
handle: "Local Resident, Pinecrest",
testimonial: "I'm so impressed with the attention to detail in our lawn care service. Our grass has never looked healthier. GreenScape Solutions truly cares about their clients and their landscapes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-park-with-their-dog_1153-787.jpg",
imageAlt: "Woman smiling in her perfectly manicured lawn",
},
id: "5", name: "Jessica Lee", handle: "Local Resident, Pinecrest", testimonial: "I'm so impressed with the attention to detail in our lawn care service. Our grass has never looked healthier. GreenScape Solutions truly cares about their clients and their landscapes.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-park-with-their-dog_1153-787.jpg", imageAlt: "Woman smiling in her perfectly manicured lawn"},
]}
showRating={true}
title="What Our Valued Clients Say"
@@ -314,19 +198,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"No Hidden Fees",
"No Delays",
"No Compromises",
"No Surprises",
],
"No Hidden Fees", "No Delays", "No Compromises", "No Surprises"],
}}
positiveCard={{
items: [
"Step 1: Consultation - Discuss your vision, needs, and budget with our experts to lay the foundation for your project.",
"Step 2: Design & Planning - Our designers craft a custom landscape plan, incorporating your feedback for the perfect blueprint.",
"Step 3: Installation - Our skilled team brings your design to life with precision and premium materials, ensuring every detail is perfect.",
"Step 4: Ongoing Maintenance - We offer tailored maintenance plans to keep your new landscape pristine and thriving year after year.",
],
"Step 1: Consultation - Discuss your vision, needs, and budget with our experts to lay the foundation for your project.", "Step 2: Design & Planning - Our designers craft a custom landscape plan, incorporating your feedback for the perfect blueprint.", "Step 3: Installation - Our skilled team brings your design to life with precision and premium materials, ensuring every detail is perfect.", "Step 4: Ongoing Maintenance - We offer tailored maintenance plans to keep your new landscape pristine and thriving year after year."],
}}
title="Our Simple 4-Step Process"
description="From initial idea to stunning reality, our streamlined process ensures clarity, efficiency, and a beautiful outcome, making your dream landscape a tangible success."
@@ -339,20 +215,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Which cities do you primarily serve?",
content: "GreenScape Solutions proudly serves the greater metropolitan area, including cities like Maplewood, Oakville, Lakeside, Pinecrest, Riverbend, and their surrounding communities. We're continually expanding our reach to bring beautiful landscapes to more homes and businesses.",
},
id: "1", title: "Which cities do you primarily serve?", content: "GreenScape Solutions proudly serves the greater metropolitan area, including cities like Maplewood, Oakville, Lakeside, Pinecrest, Riverbend, and their surrounding communities. We're continually expanding our reach to bring beautiful landscapes to more homes and businesses."},
{
id: "2",
title: "How do I know if you cover my specific neighborhood?",
content: "Even if your specific neighborhood isn't listed, there's a good chance we operate in your area! Please reach out to us directly through our contact form or give us a call with your property address, and our team will be happy to confirm service availability.",
},
id: "2", title: "How do I know if you cover my specific neighborhood?", content: "Even if your specific neighborhood isn't listed, there's a good chance we operate in your area! Please reach out to us directly through our contact form or give us a call with your property address, and our team will be happy to confirm service availability."},
{
id: "3",
title: "Do you offer services for both residential and commercial properties?",
content: "Yes, GreenScape Solutions is equipped to handle both residential and commercial landscaping projects of all scales. From intimate backyard gardens to large corporate campuses, we provide tailored solutions that enhance curb appeal and functionality.",
},
id: "3", title: "Do you offer services for both residential and commercial properties?", content: "Yes, GreenScape Solutions is equipped to handle both residential and commercial landscaping projects of all scales. From intimate backyard gardens to large corporate campuses, we provide tailored solutions that enhance curb appeal and functionality."},
]}
title="Serving Communities Across the Region"
description="We proudly extend our premium landscaping and outdoor living services to a wide array of cities and neighborhoods, delivering local expertise and prompt, reliable service to transform your outdoor spaces."
@@ -364,8 +231,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Your Dream Landscape Awaits"
title="Ready to Upgrade Your Outdoor Space?"
description="Get a personalized consultation and a detailed estimate for your dream landscape project. Provide your email below for an initial inquiry, and our team will contact you to gather full project details."
@@ -379,83 +245,50 @@ export default function LandingPage() {
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beach-sunset-with-trees_1259-13.jpg"
imageAlt="Tranquil garden at dusk with subtle lighting"
videoAriaLabel="Video of a tranquil garden at dusk"
logoText="GreenScape Solutions"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#services",
},
label: "About Us", href: "#services"},
{
label: "Our Work",
href: "#projects",
},
label: "Our Work", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Process",
href: "#process",
},
label: "Process", href: "#process"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Landscape Design",
href: "#services",
},
label: "Landscape Design", href: "#services"},
{
label: "Lawn Care",
href: "#services",
},
label: "Lawn Care", href: "#services"},
{
label: "Hardscaping",
href: "#services",
},
label: "Hardscaping", href: "#services"},
{
label: "Irrigation",
href: "#services",
},
label: "Irrigation", href: "#services"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#areas",
},
label: "FAQ", href: "#areas"},
{
label: "Contact Us",
href: "#estimate",
},
label: "Contact Us", href: "#estimate"},
{
label: "Service Areas",
href: "#areas",
},
label: "Service Areas", href: "#areas"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "https://facebook.com/greenscapesolutions",
},
label: "Facebook", href: "https://facebook.com/greenscapesolutions"},
{
label: "Instagram",
href: "https://instagram.com/greenscapesolutions",
},
label: "Instagram", href: "https://instagram.com/greenscapesolutions"},
{
label: "LinkedIn",
href: "https://linkedin.com/company/greenscapesolutions",
},
label: "LinkedIn", href: "https://linkedin.com/company/greenscapesolutions"},
],
},
]}