237 lines
13 KiB
TypeScript
237 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { CheckCircle, Hammer, Leaf, Sprout, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="EM Landscaping"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Free Quote", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Beautiful Lawns. Expert Landscaping. Done Right."
|
|
description="Reliable, professional landscaping and yard care trusted by homeowners for quality work, fast service, and fair prices."
|
|
tag="Local Landscaping Experts"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg"
|
|
imageAlt="Professional landscape installation"
|
|
imagePosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "contact" },
|
|
{ text: "Call Now", href: "tel:+1234567890" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
name: "Daniel S.", handle: "Homeowner", testimonial: "Edwin and his crew did an amazing job on my yard. We love the results and will definitely recommend them.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Daniel S."
|
|
},
|
|
{
|
|
name: "Lateasha S.", handle: "Homeowner", testimonial: "Called Edwin the same morning before a party and he came out, cut the grass, bought plants, and planted everything. Incredible service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Lateasha S."
|
|
},
|
|
{
|
|
name: "Katrina N.", handle: "Homeowner", testimonial: "Professional, detailed, and went above and beyond. Our yard has been completely transformed.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Katrina N."
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-strip" data-section="trust-strip">
|
|
<SocialProofOne
|
|
title="Trusted by Homeowners Across the Region"
|
|
description="Fast Response • Affordable Quotes • Professional Work • Detail Focused"
|
|
names={["⭐⭐⭐⭐⭐ 5-Star Rated", "Fast Service Guarantee", "Honest Pricing Always", "Attention to Detail"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Sprout}
|
|
tagAnimation="slide-up"
|
|
title="Meet the Team Behind Beautiful Yards"
|
|
description="E M Landscaping & Yard Care is known for professional landscaping, reliable service, and exceptional attention to detail. Led by Edwin, our team works hard to make every yard healthier, cleaner, and more beautiful. Homeowners choose us because we respond quickly, provide honest pricing, and treat every project like it's our own property."
|
|
metrics={[
|
|
{ value: "500+", title: "Yards Transformed" },
|
|
{ value: "24hrs", title: "Average Quote Time" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27418.jpg"
|
|
imageAlt="EM Landscaping team at work"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
tag="Services"
|
|
tagIcon={Hammer}
|
|
tagAnimation="slide-up"
|
|
title="Professional Landscaping Services"
|
|
description="From regular maintenance to complete yard transformations, we deliver exceptional results."
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron_1157-41435.jpg"
|
|
imageAlt="Professional lawn care service"
|
|
mediaPosition="left"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Lawn Care & Maintenance", content: "Regular mowing, edging, trimming, and cleanup to keep your yard looking perfect year-round. We handle all seasonal maintenance with precision and care."
|
|
},
|
|
{
|
|
id: "2", title: "Landscape Design & Installation", content: "Transform your outdoor space with plants, sod, mulch, and custom landscaping solutions tailored to your vision and budget."
|
|
},
|
|
{
|
|
id: "3", title: "Garden & Plant Installation", content: "We help select, purchase, and professionally install plants that elevate your yard's appearance and health."
|
|
},
|
|
{
|
|
id: "4", title: "Weed Removal & Yard Cleanup", content: "Fast removal of overgrown weeds and yard debris for a clean, healthy landscape that looks brand new."
|
|
},
|
|
{
|
|
id: "5", title: "Sprinkler Systems", content: "Installation and repair of irrigation systems to keep your lawn green and thriving year-round."
|
|
},
|
|
{
|
|
id: "6", title: "Mulch & Sod Installation", content: "Improve the health and appearance of your landscape with fresh mulch and premium sod installations."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Request a Free Quote", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardTwentyOne
|
|
tag="Why Choose Us"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Landscaping You Can Trust"
|
|
description="What sets EM Landscaping apart: a commitment to excellence, speed, and treating every yard like our own."
|
|
imageSrc="http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg"
|
|
imageAlt="Expert landscape design work"
|
|
mediaPosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Fast Response", content: "Many customers receive quotes within hours and projects scheduled quickly. We understand that when you need landscaping work, you want it done fast."
|
|
},
|
|
{
|
|
id: "2", title: "Honest Pricing", content: "Fair, competitive quotes with no surprises. We provide transparent pricing so you know exactly what to expect before work begins."
|
|
},
|
|
{
|
|
id: "3", title: "Attention to Detail", content: "We take pride in doing the job right and leaving every property spotless. Quality is never compromised."
|
|
},
|
|
{
|
|
id: "4", title: "Reliable Service", content: "When we say we'll be there — we show up and get it done. Owner Edwin leads by example with dependability and professionalism."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Homeowners Are Saying"
|
|
description="Real reviews from satisfied customers who trust EM Landscaping with their yards."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Daniel S.", handle: "Local Homeowner", testimonial: "Edwin and his crew did an amazing job on my yard. We love the results and will definitely recommend them.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Daniel S."
|
|
},
|
|
{
|
|
id: "2", name: "Lateasha S.", handle: "Local Homeowner", testimonial: "I called Edwin the same morning before a party and he came out, cut the grass, bought plants, and planted everything. Incredible service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Lateasha S."
|
|
},
|
|
{
|
|
id: "3", name: "Katrina N.", handle: "Local Homeowner", testimonial: "Professional, detailed, and went above and beyond. Our yard has been completely transformed.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Katrina N."
|
|
},
|
|
{
|
|
id: "4", name: "Carl C.", handle: "Local Homeowner", testimonial: "Affordable quote within an hour and the project was finished the same week. Friendly and professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7", imageAlt: "Carl C."
|
|
},
|
|
{
|
|
id: "5", name: "Traci J.", handle: "Local Homeowner", testimonial: "Reasonable pricing and fast work. Excellent service and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8", imageAlt: "Traci J."
|
|
},
|
|
{
|
|
id: "6", name: "Marcus P.", handle: "Local Homeowner", testimonial: "Best landscaping company in the area. Highly recommend EM Landscaping for any yard project.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=9", imageAlt: "Marcus P."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your yard? Get a fast, free quote from EM Landscaping today. Call or request a quote — we respond quickly."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "#contact-form" },
|
|
{ text: "Call Now", href: "tel:+1234567890" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="EM Landscaping"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|