bender/3f7a6306-939f-41b1-aecd-22ca3cad237e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-06-03 21:48:10 +00:00
Conversation 0 Commits 1 Files Changed 1 +94 -248
1 changed files with 94 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
src/app/page.tsx
View File

@@ -3,10 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -33,43 +33,28 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="ARO Landscaping"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Transform Your Outdoor Space with ARO Landscaping"
description="Crafting beautiful, functional, and sustainable landscapes tailored to your vision."
tag="Expert Landscaping Solutions"
@@ -77,40 +62,24 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-girl-with-wavy-hair-bright-headband-black-top-light-jeans-dark-heels-sitting-holding-cocktail-modern-terrace_197531-23428.jpg",
imageAlt: "Luxurious garden design with patio",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-girl-with-wavy-hair-bright-headband-black-top-light-jeans-dark-heels-sitting-holding-cocktail-modern-terrace_197531-23428.jpg", imageAlt: "Luxurious garden design with patio"},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-meadow-with-laptop_1398-1406.jpg",
imageAlt: "Well-maintained lawn with vibrant flowers",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-meadow-with-laptop_1398-1406.jpg", imageAlt: "Well-maintained lawn with vibrant flowers"},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
imageAlt: "Contemporary outdoor patio seating area",
},
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", imageAlt: "Contemporary outdoor patio seating area"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-forest-landscape-autumn-leaves-beauty-abounds-generated-by-ai_24911-72433.jpg",
imageAlt: "Water feature in a tranquil garden",
},
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-forest-landscape-autumn-leaves-beauty-abounds-generated-by-ai_24911-72433.jpg", imageAlt: "Water feature in a tranquil garden"},
{
imageSrc: "http://img.b2bpic.net/free-photo/many-pots-with-variety-plants-interior-room_169016-17840.jpg",
imageAlt: "Colorful flower bed planting design",
},
imageSrc: "http://img.b2bpic.net/free-photo/many-pots-with-variety-plants-interior-room_169016-17840.jpg", imageAlt: "Colorful flower bed planting design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg",
imageAlt: "Newly planted trees and shrubs",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg", imageAlt: "Newly planted trees and shrubs"},
]}
mediaAnimation="opacity"
/>
@@ -123,19 +92,13 @@ export default function LandingPage() {
metrics={[
{
icon: Users,
label: "Satisfied Clients",
value: "250+",
},
label: "Satisfied Clients", value: "250+"},
{
icon: Calendar,
label: "Years in Business",
value: "15+",
},
label: "Years in Business", value: "15+"},
{
icon: Leaf,
label: "Projects Completed",
value: "500+",
},
label: "Projects Completed", value: "500+"},
]}
metricsAnimation="slide-up"
/>
@@ -148,44 +111,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "garden-design",
title: "Custom Garden Design",
author: "Creative Solutions",
description: "Bring your vision to life with bespoke garden layouts and plant selections that thrive in your environment.",
tags: [
"Design",
"Planting",
"Consultation",
],
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1146.jpg",
imageAlt: "Architectural garden design blueprint",
},
id: "garden-design", title: "Custom Garden Design", author: "Creative Solutions", description: "Bring your vision to life with bespoke garden layouts and plant selections that thrive in your environment.", tags: [
"Design", "Planting", "Consultation"],
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1146.jpg", imageAlt: "Architectural garden design blueprint"},
{
id: "lawn-care",
title: "Professional Lawn Care",
author: "Healthy & Green",
description: "Keep your lawn lush and healthy year-round with our expert mowing, fertilization, and pest control services.",
tags: [
"Mowing",
"Fertilizing",
"Weeding",
],
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
imageAlt: "Freshly mowed green lawn",
},
id: "lawn-care", title: "Professional Lawn Care", author: "Healthy & Green", description: "Keep your lawn lush and healthy year-round with our expert mowing, fertilization, and pest control services.", tags: [
"Mowing", "Fertilizing", "Weeding"],
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg", imageAlt: "Freshly mowed green lawn"},
{
id: "hardscaping",
title: "Hardscaping & Patios",
author: "Durable & Elegant",
description: "Enhance functionality and aesthetics with custom patios, walkways, retaining walls, and outdoor kitchens.",
tags: [
"Patios",
"Walkways",
"Stone Work",
],
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
imageAlt: "Stone paver patio installation",
},
id: "hardscaping", title: "Hardscaping & Patios", author: "Durable & Elegant", description: "Enhance functionality and aesthetics with custom patios, walkways, retaining walls, and outdoor kitchens.", tags: [
"Patios", "Walkways", "Stone Work"],
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg", imageAlt: "Stone paver patio installation"},
]}
title="Our Comprehensive Landscaping Services"
description="From innovative design to meticulous maintenance, we cover every aspect of your outdoor living space."
@@ -200,65 +136,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "patio-oasis",
brand: "Residential Project",
name: "Backyard Patio Oasis",
price: "Custom",
rating: 5,
reviewCount: "12 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg",
imageAlt: "Elegant outdoor patio with dining furniture",
},
id: "patio-oasis", brand: "Residential Project", name: "Backyard Patio Oasis", price: "Custom", rating: 5,
reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg", imageAlt: "Elegant outdoor patio with dining furniture"},
{
id: "lush-garden",
brand: "Residential Project",
name: "Lush Garden Retreat",
price: "Custom",
rating: 5,
reviewCount: "8 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/ornamental-cabbage-with-chrysanthemums-other-herb_1268-16916.jpg",
imageAlt: "Beautiful lush garden with vibrant flowers",
},
id: "lush-garden", brand: "Residential Project", name: "Lush Garden Retreat", price: "Custom", rating: 5,
reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-photo/ornamental-cabbage-with-chrysanthemums-other-herb_1268-16916.jpg", imageAlt: "Beautiful lush garden with vibrant flowers"},
{
id: "modern-deck",
brand: "Residential Project",
name: "Modern Wooden Deck",
price: "Custom",
rating: 5,
reviewCount: "15 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-sitting-rooftop-looking-each-other_23-2147891125.jpg",
imageAlt: "Contemporary wooden deck with seating",
},
id: "modern-deck", brand: "Residential Project", name: "Modern Wooden Deck", price: "Custom", rating: 5,
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-sitting-rooftop-looking-each-other_23-2147891125.jpg", imageAlt: "Contemporary wooden deck with seating"},
{
id: "water-feature",
brand: "Commercial Project",
name: "Tranquil Water Feature",
price: "Custom",
rating: 5,
reviewCount: "7 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-stone-pot-pedestal-park_181624-14166.jpg",
imageAlt: "Decorative garden water fountain",
},
id: "water-feature", brand: "Commercial Project", name: "Tranquil Water Feature", price: "Custom", rating: 5,
reviewCount: "7 reviews", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-stone-pot-pedestal-park_181624-14166.jpg", imageAlt: "Decorative garden water fountain"},
{
id: "lighting-design",
brand: "Residential Project",
name: "Evening Lighting Design",
price: "Custom",
rating: 5,
reviewCount: "10 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sits-chair-with-candles-wine-glasses-outdoor-part-restaurant_146671-14424.jpg",
imageAlt: "Outdoor landscape lighting at dusk",
},
id: "lighting-design", brand: "Residential Project", name: "Evening Lighting Design", price: "Custom", rating: 5,
reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sits-chair-with-candles-wine-glasses-outdoor-part-restaurant_146671-14424.jpg", imageAlt: "Outdoor landscape lighting at dusk"},
{
id: "irrigation-system",
brand: "Commercial Project",
name: "Smart Irrigation System",
price: "Custom",
rating: 5,
reviewCount: "9 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg",
imageAlt: "Automated irrigation system for a large garden",
},
id: "irrigation-system", brand: "Commercial Project", name: "Smart Irrigation System", price: "Custom", rating: 5,
reviewCount: "9 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg", imageAlt: "Automated irrigation system for a large garden"},
]}
title="Our Recent Transformations"
description="Explore a gallery of our completed projects and get inspired for your own outdoor renovation."
@@ -272,64 +166,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner",
company: "Maplewood Dr.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg",
imageAlt: "Sarah Johnson smiling in her garden",
},
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Maplewood Dr.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg", imageAlt: "Sarah Johnson smiling in her garden"},
{
id: "2",
name: "Michael Chen",
role: "Business Owner",
company: "Green Valley Cafe",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg",
imageAlt: "Michael Chen enjoying his newly landscaped cafe patio",
},
id: "2", name: "Michael Chen", role: "Business Owner", company: "Green Valley Cafe", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg", imageAlt: "Michael Chen enjoying his newly landscaped cafe patio"},
{
id: "3",
name: "Emily Rodriguez",
role: "Homeowner",
company: "Oakridge Estates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-red-haired-lady-with-black-bandage-neck-green-dress-straw-hat-sneakers-blowing-kiss-sitting-terrace-cafe_197531-24707.jpg",
imageAlt: "Emily Rodriguez with her beautifully designed backyard",
},
id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Oakridge Estates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-red-haired-lady-with-black-bandage-neck-green-dress-straw-hat-sneakers-blowing-kiss-sitting-terrace-cafe_197531-24707.jpg", imageAlt: "Emily Rodriguez with her beautifully designed backyard"},
{
id: "4",
name: "David Kim",
role: "Property Manager",
company: "Willow Creek Apartments",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3573.jpg",
imageAlt: "David Kim in front of a well-maintained apartment complex",
},
id: "4", name: "David Kim", role: "Property Manager", company: "Willow Creek Apartments", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3573.jpg", imageAlt: "David Kim in front of a well-maintained apartment complex"},
{
id: "5",
name: "Jessica Lee",
role: "Homeowner",
company: "Sunnyside Blvd.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-trendy-bearded-young-male-wearing-sunglasses-summer-clothes-carrying-suitcase_343059-3586.jpg",
imageAlt: "Jessica Lee smiling in her luxurious garden",
},
id: "5", name: "Jessica Lee", role: "Homeowner", company: "Sunnyside Blvd.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-trendy-bearded-young-male-wearing-sunglasses-summer-clothes-carrying-suitcase_343059-3586.jpg", imageAlt: "Jessica Lee smiling in her luxurious garden"},
]}
kpiItems={[
{
value: "5.0",
label: "Average Rating",
},
value: "5.0", label: "Average Rating"},
{
value: "100%",
label: "Customer Satisfaction",
},
value: "100%", label: "Customer Satisfaction"},
{
value: "15+",
label: "Years of Experience",
},
value: "15+", label: "Years of Experience"},
]}
title="What Our Clients Are Saying"
description="Hear directly from homeowners and businesses who experienced the ARO Landscaping difference."
@@ -341,14 +199,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Houzz",
"Angie's List",
"HomeAdvisor",
"BBB",
"NALP",
"ASLA",
"Local Chamber",
]}
"Houzz", "Angie's List", "HomeAdvisor", "BBB", "NALP", "ASLA", "Local Chamber"]}
title="Trusted by Homeowners & Industry Leaders"
description="We are proud members of leading landscaping associations and highly rated by popular platforms."
showCard={false}
@@ -361,35 +212,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What areas do you serve?",
content: "We proudly serve the greater [Your City/Region] area, including all surrounding neighborhoods and suburbs. Please contact us to confirm service availability in your specific location.",
},
id: "q1", title: "What areas do you serve?", content: "We proudly serve the greater [Your City/Region] area, including all surrounding neighborhoods and suburbs. Please contact us to confirm service availability in your specific location."},
{
id: "q2",
title: "How do I get a quote for a project?",
content: "Getting a quote is easy! Simply fill out our online contact form, or give us a call. We'll schedule a convenient time for a consultation to discuss your needs and provide a detailed estimate.",
},
id: "q2", title: "How do I get a quote for a project?", content: "Getting a quote is easy! Simply fill out our online contact form, or give us a call. We'll schedule a convenient time for a consultation to discuss your needs and provide a detailed estimate."},
{
id: "q3",
title: "Are you licensed and insured?",
content: "Yes, ARO Landscaping is fully licensed, bonded, and insured. We prioritize safety and professionalism in all our projects, ensuring peace of mind for our clients.",
},
id: "q3", title: "Are you licensed and insured?", content: "Yes, ARO Landscaping is fully licensed, bonded, and insured. We prioritize safety and professionalism in all our projects, ensuring peace of mind for our clients."},
{
id: "q4",
title: "What types of plants do you recommend?",
content: "Our plant recommendations are tailored to your specific climate, soil conditions, sun exposure, and aesthetic preferences. We focus on native and drought-tolerant options for sustainability.",
},
id: "q4", title: "What types of plants do you recommend?", content: "Our plant recommendations are tailored to your specific climate, soil conditions, sun exposure, and aesthetic preferences. We focus on native and drought-tolerant options for sustainability."},
{
id: "q5",
title: "Do you offer ongoing maintenance plans?",
content: "Absolutely! We offer various maintenance plans, from seasonal cleanups to year-round comprehensive care, to keep your landscape looking its best. These can be customized to your specific needs.",
},
id: "q5", title: "Do you offer ongoing maintenance plans?", content: "Absolutely! We offer various maintenance plans, from seasonal cleanups to year-round comprehensive care, to keep your landscape looking its best. These can be customized to your specific needs."},
{
id: "q6",
title: "What is your design process?",
content: "Our design process typically involves an initial consultation, site analysis, conceptual design, detailed plan development, and final review before implementation. We ensure client collaboration at every step.",
},
id: "q6", title: "What is your design process?", content: "Our design process typically involves an initial consultation, site analysis, conceptual design, detailed plan development, and final review before implementation. We ensure client collaboration at every step."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services, pricing, and process."
@@ -398,38 +231,51 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactCTA
useInvertedBackground={false}
background={{
variant: "downward-rays-static-grid",
}}
text="Ready to Redefine Your Outdoors?"
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Let's Create Your Dream Outdoor Space"
description="Reach out to ARO Landscaping for inquiries, free consultations, or to schedule a service. Our team is ready to assist you in transforming your property. Call us at (123) 456-7890 or email us at info@arolandscaping.com."
buttons={[
{
text: "Get Your Free Quote Now",
href: "#contact-form",
},
text: "Get Your Free Quote Now", href: "#contact-form"},
{
text: "Call Us Today",
href: "tel:123-456-7890",
},
text: "Call Us Today", href: "tel:123-456-7890"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBase
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c5v0jj"
logoAlt="ARO Landscaping Logo"
logoText="ARO Landscaping"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
copyrightText="© 2024 ARO Landscaping. All rights reserved."
columns={[
{
title: "Services", items: [
{ label: "Garden Design", href: "#services" },
{ label: "Lawn Care", href: "#services" },
{ label: "Hardscaping", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "FAQ", href: "#faq" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>