293 lines
16 KiB
TypeScript
293 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "Portfolio", id: "#portfolio"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Lombard Landscaping by Morris LDC"
|
|
button={{
|
|
text: "Get a Free Quote", href: "/contact"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
title="## Transform Your Outdoors with Lombard Landscaping"
|
|
description="Creating breathtaking landscapes and outdoor living spaces tailored to your vision and lifestyle. Experience unparalleled beauty and functionality."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Consultation", href: "/contact"},
|
|
{
|
|
text: "View Our Portfolio", href: "#portfolio"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg"
|
|
imageAlt="Lush green landscaped garden with a modern patio"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-blue-shirt-playing-with-cute-kitty_1157-32607.jpg", alt: "Happy client enjoying their garden"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg", alt: "Satisfied homeowner in newly landscaped yard"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/traveller-explores-rugged-landscape-iceland_346278-307.jpg", alt: "Client impressed with outdoor transformation"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-plants-frame_23-2148928485.jpg", alt: "Homeowner relaxing in their beautiful new space"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628457.jpg", alt: "Family enjoying their custom designed outdoor area"},
|
|
]}
|
|
avatarText="Join 500+ Happy Clients!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Innovative Designs"},
|
|
{
|
|
type: "text", text: "Expert Craftsmanship"},
|
|
{
|
|
type: "text", text: "Sustainable Solutions"},
|
|
{
|
|
type: "text", text: "Customer Satisfaction"},
|
|
{
|
|
type: "text", text: "Award-Winning Service"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Outdoor Dreams Since 2005"
|
|
description="Lombard Landscaping by Morris LDC is dedicated to delivering exceptional landscaping services. Our team of experienced professionals combines creativity with precision to design, install, and maintain outdoor spaces that reflect your unique style and enhance your property's value. We pride ourselves on attention to detail and customer satisfaction, ensuring every project exceeds expectations."
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "/about"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/senior-couple-harvesting-carrots_23-2148256687.jpg?_wi=1"
|
|
imageAlt="Team of landscapers working together on a garden project"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Landscape Design & Planning", description: "Creative and functional designs tailored to your aesthetic preferences and property's potential.", imageSrc: "http://img.b2bpic.net/free-photo/landscape-courtyard-monastery_1268-15252.jpg", imageAlt: "Landscape design blueprint and sketch"},
|
|
{
|
|
title: "Installation & Construction", description: "Expert execution of patios, walkways, planting, water features, and outdoor living areas.", imageSrc: "http://img.b2bpic.net/free-photo/woman-science-assistant-agricultural-officer-greenhouse-farm-research-melon_1150-10614.jpg", imageAlt: "Landscaping crew installing plants"},
|
|
{
|
|
title: "Garden Maintenance", description: "Seasonal clean-ups, pruning, mowing, and ongoing care to keep your garden pristine year-round.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg", imageAlt: "Gardener mowing a lush lawn"},
|
|
]}
|
|
title="Our Comprehensive Landscaping Services"
|
|
description="From innovative design to meticulous maintenance, we offer a full spectrum of services to bring your outdoor vision to life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Modern Patio Oasis", price: "Custom Quote", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756529.jpg", imageAlt: "A modern patio with elegant outdoor furniture and landscaping."},
|
|
{
|
|
id: "p2", name: "Vibrant Flower Garden", price: "Custom Quote", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden-flower_74190-1864.jpg", imageAlt: "A vibrant flower garden with a variety of colorful blooms."},
|
|
{
|
|
id: "p3", name: "Luxury Pool Surround", price: "Custom Quote", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9029.jpg", imageAlt: "A luxurious swimming pool area with professional landscaping."},
|
|
{
|
|
id: "p4", name: "Illuminated Pathways", price: "Custom Quote", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/shaped-wooden-background_1421-298.jpg", imageAlt: "A garden path beautifully illuminated with landscape lighting."},
|
|
{
|
|
id: "p5", name: "Tranquil Water Feature", price: "Custom Quote", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-ocean-waves-crashing-against-rugged-coastal-rocks_1308-189343.jpg", imageAlt: "A tranquil water feature integrated into a garden landscape."},
|
|
{
|
|
id: "p6", name: "Smart Irrigation System", price: "Custom Quote", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-taking-photos_23-2149098305.jpg", imageAlt: "An advanced irrigation system ensuring lush greenery."},
|
|
]}
|
|
title="Explore Our Latest Projects"
|
|
description="A showcase of our diverse portfolio, highlighting stunning transformations and intricate designs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", handle: "@HomeownerSarah", testimonial: "Lombard Landscaping completely transformed our backyard into a stunning oasis. Their attention to detail and creative vision were exceptional!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", imageAlt: "Happy client Sarah J."},
|
|
{
|
|
id: "t2", name: "Michael D.", handle: "@BusinessOwnerMD", testimonial: "Professional, reliable, and incredibly talented. Morris LDC made our commercial property's landscaping truly stand out. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-surprised-proud-pointing-self-with-excited-amazed-look_1194-633474.jpg", imageAlt: "Satisfied client Michael D."},
|
|
{
|
|
id: "t3", name: "Emily R.", handle: "@GardenLoverEmily", testimonial: "Our new garden is beyond what we imagined. The team was a pleasure to work with, and their expertise is evident in every detail.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-picnic-after-bicycle-ride-park_613910-8266.jpg", imageAlt: "Delighted client Emily R."},
|
|
{
|
|
id: "t4", name: "David L.", handle: "@DeveloperDavid", testimonial: "As a property developer, I rely on top-tier landscaping. Lombard Landscaping consistently delivers high-quality, impactful results on time and budget.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-taking-picture-flowing-river_23-2148187292.jpg", imageAlt: "Property developer David L."},
|
|
{
|
|
id: "t5", name: "Jessica M.", handle: "@FamilyHomeJM", testimonial: "Our family now spends so much more time outdoors thanks to our beautiful new patio and garden. It's truly a dream come true!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-pregnant-family-with-two-sons-dressed-turquoise-clothes-sitting-grass-with-flowers-park_627829-12212.jpg", imageAlt: "Happy family member Jessica M."},
|
|
]}
|
|
showRating={true}
|
|
title="Hear From Our Happy Clients"
|
|
description="Our clients love the results and our dedicated approach to creating their dream outdoor spaces."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Award,
|
|
title: "Years in Business", value: "18+"},
|
|
{
|
|
id: "m2", icon: Users,
|
|
title: "Satisfied Clients", value: "500+"},
|
|
{
|
|
id: "m3", icon: Sparkles,
|
|
title: "Projects Completed", value: "750+"},
|
|
]}
|
|
title="Our Impact & Dedication"
|
|
description="Years of experience and countless successful projects stand testament to our commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Green Estates", "Urban Oasis Developers", "Bloom & Grow Supplies", "Community Gardens Inc.", "EcoLandscape Solutions", "Prestige Properties", "ConstructRight Builders"]}
|
|
title="Trusted by Leading Companies & Communities"
|
|
description="We partner with a diverse range of organizations to create exceptional outdoor environments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What areas do you serve?", content: "We primarily serve the Lombard region and surrounding communities. Please contact us to confirm service availability in your specific location."},
|
|
{
|
|
id: "q2", title: "How do I get a quote for a landscaping project?", content: "You can request a free consultation and quote by filling out our contact form, calling us directly, or sending an email. We'll schedule a visit to assess your needs."},
|
|
{
|
|
id: "q3", title: "Do you offer garden maintenance packages?", content: "Yes, we offer various seasonal and annual maintenance packages tailored to keep your garden healthy and beautiful. From pruning to seasonal clean-ups, we've got you covered."},
|
|
{
|
|
id: "q4", title: "What is your approach to sustainable landscaping?", content: "We prioritize eco-friendly practices, including water-efficient irrigation, native plant selections, and organic soil amendments, to create sustainable and thriving landscapes."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, process, and pricing."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-animated"}}
|
|
text="Ready to Transform Your Landscape?"
|
|
buttons={[
|
|
{
|
|
text: "Call Us Now", href: "tel:630-661-6168"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Design & Planning", href: "/services"},
|
|
{
|
|
label: "Installation", href: "/services"},
|
|
{
|
|
label: "Maintenance", href: "/services"},
|
|
{
|
|
label: "Outdoor Living", href: "#portfolio"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Portfolio", href: "#portfolio"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "/contact"},
|
|
{
|
|
label: "Get a Quote", href: "/contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Lombard Landscaping by Morris LDC. All rights reserved."
|
|
bottomRightText="Crafted with passion for nature."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |