Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-11 14:25:24 +00:00

View File

@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlbm2y"
logoAlt="M&J Landscaping Logo"
brandName="M&J Landscaping"
@@ -71,85 +57,54 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Transform Your Outdoor Space into a Dream Oasis"
description="M&J Landscaping brings expertise and passion to every project, creating stunning landscapes that enhance beauty and functionality, elevating your property's appeal."
kpis={[
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
{
value: "500+",
label: "Happy Clients",
},
value: "500+", label: "Happy Clients"},
{
value: "200+",
label: "Projects Completed",
},
value: "200+", label: "Projects Completed"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Our Services",
href: "#features",
},
text: "Our Services", href: "#features"},
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/wooden-bench-park-filtered-image-processed-vintage-effe_1232-2317.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/wooden-bench-park-filtered-image-processed-vintage-effe_1232-2317.jpg"
imageAlt="Lush green landscaped garden"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-green-garden_1304-4813.jpg",
alt: "Happy client 1",
},
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-green-garden_1304-4813.jpg", alt: "Happy client 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-female-sunglasses-holds-paper-coffee-cup-green-summer-park_613910-3485.jpg",
alt: "Happy client 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-female-sunglasses-holds-paper-coffee-cup-green-summer-park_613910-3485.jpg", alt: "Happy client 2"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-summer-field_1157-24231.jpg",
alt: "Happy client 3",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-summer-field_1157-24231.jpg", alt: "Happy client 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg",
alt: "Happy client 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg", alt: "Happy client 4"},
{
src: "http://img.b2bpic.net/free-photo/smiling-female-with-wavy-hair-park_23-2147911448.jpg",
alt: "Happy client 5",
},
src: "http://img.b2bpic.net/free-photo/smiling-female-with-wavy-hair-park_23-2147911448.jpg", alt: "Happy client 5"},
]}
avatarText="Join our 500+ satisfied clients!"
marqueeItems={[
{
type: "text",
text: "Quality Craftsmanship",
type: "text", text: "Quality Craftsmanship"},
{
type: "text-icon", text: "Client Satisfaction", icon: Sparkles,
},
{
type: "text-icon",
text: "Client Satisfaction",
icon: Sparkles,
type: "text", text: "Sustainable Solutions"},
{
type: "text-icon", text: "Award-Winning Design", icon: Star,
},
{
type: "text",
text: "Sustainable Solutions",
},
{
type: "text-icon",
text: "Award-Winning Design",
icon: Star,
},
{
type: "text",
text: "Experienced Team",
},
type: "text", text: "Experienced Team"},
]}
/>
</div>
@@ -161,19 +116,13 @@ export default function LandingPage() {
metrics={[
{
icon: Gauge,
label: "Expert Craftsmanship",
value: "Superior quality in every detail.",
},
label: "Expert Craftsmanship", value: "Superior quality in every detail."},
{
icon: Smile,
label: "Client Satisfaction",
value: "Dedicated to exceeding your expectations.",
},
label: "Client Satisfaction", value: "Dedicated to exceeding your expectations."},
{
icon: TreePine,
label: "Sustainable Practices",
value: "Eco-friendly solutions for lasting beauty.",
},
label: "Sustainable Practices", value: "Eco-friendly solutions for lasting beauty."},
]}
metricsAnimation="slide-up"
/>
@@ -186,36 +135,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Expert Tree Trimming",
description: "Ensure the health and beauty of your trees with our professional trimming services, promoting growth and safety.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg",
imageAlt: "professional landscaper working garden",
title: "Expert Tree Trimming", description: "Ensure the health and beauty of your trees with our professional trimming services, promoting growth and safety.", bentoComponent: "reveal-icon", icon: Leaf
},
{
title: "Lawn Care & Maintenance",
description: "Keep your lawn lush and vibrant year-round with our comprehensive mowing, fertilizing, and weed control programs.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlbm2y",
imageAlt: "professional landscaper working garden",
title: "Lawn Care & Maintenance", description: "Keep your lawn lush and vibrant year-round with our comprehensive mowing, fertilizing, and weed control programs.", bentoComponent: "reveal-icon", icon: Leaf
},
{
title: "Creative Garden Design",
description: "Let us design and install a stunning garden tailored to your style, enhancing your home's aesthetic appeal.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/wooden-bench-park-filtered-image-processed-vintage-effe_1232-2317.jpg?_wi=2",
imageAlt: "professional landscaper working garden",
title: "Creative Garden Design", description: "Let us design and install a stunning garden tailored to your style, enhancing your home's aesthetic appeal.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Efficient Irrigation Systems",
description: "Optimize water usage and maintain healthy landscapes with our custom-designed irrigation solutions.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg",
imageAlt: "professional landscaper working garden",
title: "Efficient Irrigation Systems", description: "Optimize water usage and maintain healthy landscapes with our custom-designed irrigation solutions.", bentoComponent: "reveal-icon", icon: CheckCircle
},
]}
title="Our Comprehensive Landscaping Services"
@@ -231,65 +160,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Residential",
name: "Modern Backyard Oasis",
price: "Custom Quote",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-water-well-japanese-temple_23-2148809574.jpg",
imageAlt: "Modern backyard with patio and fire pit",
},
id: "p1", brand: "Residential", name: "Modern Backyard Oasis", price: "Custom Quote", rating: 5,
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-water-well-japanese-temple_23-2148809574.jpg", imageAlt: "Modern backyard with patio and fire pit"},
{
id: "p2",
brand: "Residential",
name: "Elegant Front Yard Remodel",
price: "Custom Quote",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg",
imageAlt: "Elegant front yard with colorful flower beds",
},
id: "p2", brand: "Residential", name: "Elegant Front Yard Remodel", price: "Custom Quote", rating: 5,
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg", imageAlt: "Elegant front yard with colorful flower beds"},
{
id: "p3",
brand: "Commercial",
name: "Corporate Campus Greening",
price: "Custom Quote",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-arrangement-indoors_23-2150392058.jpg",
imageAlt: "Commercial building with modern landscape design",
},
id: "p3", brand: "Commercial", name: "Corporate Campus Greening", price: "Custom Quote", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-arrangement-indoors_23-2150392058.jpg", imageAlt: "Commercial building with modern landscape design"},
{
id: "p4",
brand: "Residential",
name: "Cozy Urban Garden",
price: "Custom Quote",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661431.jpg",
imageAlt: "Small urban backyard with lush plants and seating",
},
id: "p4", brand: "Residential", name: "Cozy Urban Garden", price: "Custom Quote", rating: 5,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661431.jpg", imageAlt: "Small urban backyard with lush plants and seating"},
{
id: "p5",
brand: "Before & After",
name: "Complete Landscape Renovation",
price: "Custom Quote",
rating: 5,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
imageAlt: "Before and after of a landscape renovation",
},
id: "p5", brand: "Before & After", name: "Complete Landscape Renovation", price: "Custom Quote", rating: 5,
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg", imageAlt: "Before and after of a landscape renovation"},
{
id: "p6",
brand: "Specialty",
name: "Drought-Tolerant Rock Garden",
price: "Custom Quote",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-stones-beach_23-2148927592.jpg",
imageAlt: "Xeriscape rock garden with native plants",
},
id: "p6", brand: "Specialty", name: "Drought-Tolerant Rock Garden", price: "Custom Quote", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-stones-beach_23-2148927592.jpg", imageAlt: "Xeriscape rock garden with native plants"},
]}
title="Our Latest Landscaping Transformations"
description="Browse through our portfolio of recently completed projects and envision the possibilities for your own property. We bring dreams to life."
@@ -303,29 +190,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "98%",
title: "Customer Satisfaction",
description: "Our clients consistently rate us highly for quality and service.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-african-american-gesturing-thumb-up_23-2147710916.jpg",
imageAlt: "Happy client reviewing landscaping work",
},
id: "m1", value: "98%", title: "Customer Satisfaction", description: "Our clients consistently rate us highly for quality and service.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-african-american-gesturing-thumb-up_23-2147710916.jpg", imageAlt: "Happy client reviewing landscaping work"},
{
id: "m2",
value: "5-Star",
title: "Average Rating",
description: "Proudly maintaining a perfect score across all platforms.",
imageSrc: "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16431.jpg",
imageAlt: "Five star rating icons",
},
id: "m2", value: "5-Star", title: "Average Rating", description: "Proudly maintaining a perfect score across all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16431.jpg", imageAlt: "Five star rating icons"},
{
id: "m3",
value: "100%",
title: "On-Time Completion",
description: "We deliver projects on schedule, every time, without compromise.",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-pointing-clock-worker-uniform-looking-focused-front-view_176474-34460.jpg",
imageAlt: "Calendar with a checkmark for on-time completion",
},
id: "m3", value: "100%", title: "On-Time Completion", description: "We deliver projects on schedule, every time, without compromise.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-pointing-clock-worker-uniform-looking-focused-front-view_176474-34460.jpg", imageAlt: "Calendar with a checkmark for on-time completion"},
]}
title="Delivering Excellence, One Yard at a Time"
description="Our commitment to quality and client satisfaction is reflected in every project we undertake. See the numbers that speak for themselves."
@@ -339,53 +208,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
handle: "@Homeowner",
testimonial: "M&J Landscaping transformed our messy backyard into a beautiful, functional oasis. Their attention to detail and professionalism were outstanding. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-have-rest-summer-park_1157-20797.jpg",
imageAlt: "Sarah Johnson",
},
id: "t1", name: "Sarah Johnson", handle: "@Homeowner", testimonial: "M&J Landscaping transformed our messy backyard into a beautiful, functional oasis. Their attention to detail and professionalism were outstanding. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-have-rest-summer-park_1157-20797.jpg", imageAlt: "Sarah Johnson"},
{
id: "t2",
name: "Michael Chen",
handle: "@BusinessOwner",
testimonial: "We hired M&J for our commercial property's landscaping, and they exceeded our expectations. The grounds look impeccable, and their team is always reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-park_839833-34334.jpg",
imageAlt: "Michael Chen",
},
id: "t2", name: "Michael Chen", handle: "@BusinessOwner", testimonial: "We hired M&J for our commercial property's landscaping, and they exceeded our expectations. The grounds look impeccable, and their team is always reliable.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-looking-side-park_839833-34334.jpg", imageAlt: "Michael Chen"},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@GardenLover",
testimonial: "Our new garden design is absolutely stunning! M&J captured my vision perfectly and brought it to life with beautiful plants and thoughtful hardscaping.",
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-posing-gray-marble-wall_158595-6767.jpg",
imageAlt: "Emily Rodriguez",
},
id: "t3", name: "Emily Rodriguez", handle: "@GardenLover", testimonial: "Our new garden design is absolutely stunning! M&J captured my vision perfectly and brought it to life with beautiful plants and thoughtful hardscaping.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-posing-gray-marble-wall_158595-6767.jpg", imageAlt: "Emily Rodriguez"},
{
id: "t4",
name: "David Kim",
handle: "@PropertyManager",
testimonial: "The lawn care service from M&J Landscaping is top-notch. Our grass has never looked healthier, and they are always on schedule. A pleasure to work with.",
imageSrc: "http://img.b2bpic.net/free-photo/gardener-man-looking-busy-while-working-garden_259150-58916.jpg",
imageAlt: "David Kim",
},
id: "t4", name: "David Kim", handle: "@PropertyManager", testimonial: "The lawn care service from M&J Landscaping is top-notch. Our grass has never looked healthier, and they are always on schedule. A pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-man-looking-busy-while-working-garden_259150-58916.jpg", imageAlt: "David Kim"},
{
id: "t5",
name: "Jessica Lee",
handle: "@SatisfiedClient",
testimonial: "From the initial consultation to project completion, M&J Landscaping was professional and attentive. They delivered a fantastic outcome within our budget.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",
imageAlt: "Jessica Lee",
},
id: "t5", name: "Jessica Lee", handle: "@SatisfiedClient", testimonial: "From the initial consultation to project completion, M&J Landscaping was professional and attentive. They delivered a fantastic outcome within our budget.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", imageAlt: "Jessica Lee"},
{
id: "t6",
name: "Robert Green",
handle: "@CommunityMember",
testimonial: "Their tree trimming service was safe, efficient, and left our trees looking beautifully shaped. M&J Landscaping truly cares about their work.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-surprised-woman-smiling-broadly_273609-12411.jpg",
imageAlt: "Robert Green",
},
id: "t6", name: "Robert Green", handle: "@CommunityMember", testimonial: "Their tree trimming service was safe, efficient, and left our trees looking beautifully shaped. M&J Landscaping truly cares about their work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-surprised-woman-smiling-broadly_273609-12411.jpg", imageAlt: "Robert Green"},
]}
title="What Our Clients Say"
description="Hear directly from homeowners and businesses who have experienced the M&J Landscaping difference. Their satisfaction is our greatest reward."
@@ -397,14 +230,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Residential Properties",
"Commercial Complexes",
"HOA Communities",
"Parks & Green Spaces",
"Retail Fronts",
"Educational Campuses",
"Healthcare Facilities",
]}
"Residential Properties", "Commercial Complexes", "HOA Communities", "Parks & Green Spaces", "Retail Fronts", "Educational Campuses", "Healthcare Facilities"]}
title="Serving Homes and Businesses Across the Region"
description="We are proud to be the trusted landscaping choice for diverse properties, from cozy backyards to expansive commercial spaces. Our commitment to excellence serves every client."
/>
@@ -416,35 +242,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What areas do you serve?",
content: "M&J Landscaping proudly serves [Your Service Area, e.g., the greater metropolitan area, specific counties]. Please contact us to confirm service availability in your exact location.",
},
id: "faq1", title: "What areas do you serve?", content: "M&J Landscaping proudly serves [Your Service Area, e.g., the greater metropolitan area, specific counties]. Please contact us to confirm service availability in your exact location."},
{
id: "faq2",
title: "How do I get a free quote?",
content: "You can request a free, no-obligation quote by filling out our contact form below or by calling us directly. We'll schedule a convenient time to assess your project.",
},
id: "faq2", title: "How do I get a free quote?", content: "You can request a free, no-obligation quote by filling out our contact form below or by calling us directly. We'll schedule a convenient time to assess your project."},
{
id: "faq3",
title: "What types of services do you offer?",
content: "We offer a wide range of services including tree trimming, lawn care and maintenance, garden design and installation, irrigation systems, hardscaping, and seasonal clean-ups.",
},
id: "faq3", title: "What types of services do you offer?", content: "We offer a wide range of services including tree trimming, lawn care and maintenance, garden design and installation, irrigation systems, hardscaping, and seasonal clean-ups."},
{
id: "faq4",
title: "Are your services eco-friendly?",
content: "Yes, we are committed to sustainable landscaping practices. We prioritize using organic products, efficient irrigation methods, and native plant selections whenever possible.",
},
id: "faq4", title: "Are your services eco-friendly?", content: "Yes, we are committed to sustainable landscaping practices. We prioritize using organic products, efficient irrigation methods, and native plant selections whenever possible."},
{
id: "faq5",
title: "How long does a typical landscaping project take?",
content: "The duration varies greatly depending on the scope and complexity of the project. We provide estimated timelines with your detailed quote and keep you informed throughout the process.",
},
id: "faq5", title: "How long does a typical landscaping project take?", content: "The duration varies greatly depending on the scope and complexity of the project. We provide estimated timelines with your detailed quote and keep you informed throughout the process."},
{
id: "faq6",
title: "Do you provide year-round maintenance plans?",
content: "Absolutely! We offer various seasonal and year-round maintenance packages designed to keep your landscape beautiful and healthy through every season. Contact us to learn more.",
},
id: "faq6", title: "Do you provide year-round maintenance plans?", content: "Absolutely! We offer various seasonal and year-round maintenance packages designed to keep your landscape beautiful and healthy through every season. Contact us to learn more."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our landscaping services, pricing, scheduling, and what you can expect when working with M&J Landscaping."
@@ -456,8 +264,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Contact Us"
title="Ready for a Beautiful Landscape?"
description="Reach out today for a free consultation and let's start planning your dream outdoor space. Our team is eager to bring your vision to life."
@@ -478,49 +285,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
],
},
{
items: [
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Get a Quote",
href: "#contact",
},
label: "Get a Quote", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}