From 95d43bcd734631f57996dfc9bed597aed8adaa10 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 14:25:17 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 353 ++++++++++------------------------------------- 1 file changed, 71 insertions(+), 282 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 15091ec..005c181 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,34 +34,20 @@ export default function LandingPage() { @@ -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() {