204 lines
17 KiB
TypeScript
204 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="aurora"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="J & D Landscaping"
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utdr4g"
|
||
logoAlt="J & D Landscaping Logo"
|
||
navItems={[
|
||
{ name: "Home", id: "#home" },
|
||
{ name: "About Us", id: "#about" },
|
||
{ name: "Services", id: "#services" },
|
||
{ name: "Testimonials", id: "#testimonials" },
|
||
{ name: "FAQ", id: "#faq" },
|
||
{ name: "Contact", id: "#contact" }
|
||
]}
|
||
button={{
|
||
text: "Get a Free Quote", href: "#contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardGallery
|
||
title="Transform Your Outdoor Space with J & D Landscaping"
|
||
description="Providing exceptional lawn care and landscape design services to West Dallas and surrounding areas. Experience the difference quality makes."
|
||
background={{
|
||
variant: "radial-gradient"
|
||
}}
|
||
buttons={[
|
||
{ text: "Get a Free Estimate", href: "#contact" },
|
||
{ text: "View Our Services", href: "#services" }
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: "https://images.unsplash.com/photo-1587392657476-d977e23b20e0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Lush green lawn with vibrant flower beds" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1549449852-19e072f9b1f7?q=80&w=2942&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Professional gardener trimming hedges" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1628796677465-38c227181c01?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Beautifully designed backyard patio with seating" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1517743152285-d6d84f8b9b87?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Freshly installed sod on a new lawn" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1629828552192-3a25d20367f0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Applying fresh mulch to a garden bed" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1605333857321-72fbf01d0a5b?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Perfectly sculpted ornamental shrubs" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "Dedicated to Crafting " },
|
||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utdr4g", alt: "J & D Landscaping Logo" },
|
||
{ type: "text", content: " Beautiful Outdoor Spaces" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
buttons={[]}
|
||
/>
|
||
</div>
|
||
<div id="services" data-section="services">
|
||
<ProductCardThree
|
||
title="Our Comprehensive Landscaping Services"
|
||
description="From meticulous lawn maintenance to intricate garden designs, J & D Landscaping offers a full spectrum of services to keep your property looking its best year-round."
|
||
products={[
|
||
{ id: "lawn-mowing", name: "Professional Lawn Mowing - Regular, precise cuts for a pristine, healthy lawn.", price: "Weekly / Bi-Weekly", imageSrc: "https://images.unsplash.com/photo-1587392657476-d977e23b20e0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Professional lawn mowing" },
|
||
{ id: "shrub-trimming", name: "Expert Shrub & Hedge Trimming - Shaping and pruning for optimal plant health and aesthetics.", price: "Seasonal", imageSrc: "https://images.unsplash.com/photo-1549449852-19e072f9b1f7?q=80&w=2942&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Expert shrub and hedge trimming" },
|
||
{ id: "mulch-refreshing", name: "Mulch & Bed Refreshing - Enhance soil health and curb appeal with fresh mulch application.", price: "Annual", imageSrc: "https://images.unsplash.com/photo-1628796677465-38c227181c01?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Mulch and bed refreshing" },
|
||
{ id: "sod-installation", name: "New Sod Installation - Instant green lawns with expert sod delivery and installation.", price: "On Demand", imageSrc: "https://images.unsplash.com/photo-1517743152285-d6d84f8b9b87?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "New sod installation" },
|
||
{ id: "garden-design", name: "Custom Garden Design - Bespoke garden planning tailored to your vision and property.", price: "Consultation", imageSrc: "https://images.unsplash.com/photo-1629828552192-3a25d20367f0?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Custom garden design" },
|
||
{ id: "irrigation-systems", name: "Efficient Irrigation Systems - Design and installation of smart watering solutions for your landscape.", price: "Installation / Repair", imageSrc: "https://images.unsplash.com/photo-1605333857321-72fbf01d0a5b?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Efficient irrigation systems" }
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
title="Our Commitment to Excellence"
|
||
tag="Why Choose Us"
|
||
metrics={[
|
||
{ id: "projects", value: "150+", description: "Successful Projects Completed" },
|
||
{ id: "experience", value: "10+", description: "Years of Combined Experience" },
|
||
{ id: "satisfaction", value: "5.0", description: "Star Customer Satisfaction Rating" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="packages" data-section="packages">
|
||
<ProductCardThree
|
||
title="Flexible Landscaping Packages"
|
||
description="Choose the perfect plan for your property, from essential lawn care to comprehensive seasonal transformations."
|
||
products={[
|
||
{ id: "basic-lawn", name: "Basic Lawn Care", price: "$75/month", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-checking-leaves-potted-plant_23-2147918579.jpg", imageAlt: "Basic lawn care service" },
|
||
{ id: "premium-garden", name: "Premium Garden Service", price: "$180/month", imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517456.jpg", imageAlt: "Premium garden maintenance" },
|
||
{ id: "seasonal-cleanup", name: "Seasonal Cleanup Package", price: "$250/season", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-kid-with-cute-dog_23-2149344252.jpg", imageAlt: "Seasonal fall cleanup" },
|
||
{ id: "tree-shrub", name: "Tree & Shrub Vitality", price: "$120/quarter", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2285.jpg", imageAlt: "Tree and shrub care" },
|
||
{ id: "custom-design", name: "Custom Design Consultation", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg", imageAlt: "Custom garden design" },
|
||
{ id: "eco-friendly", name: "Eco-Friendly Lawn", price: "$95/month", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening_1157-38538.jpg", imageAlt: "Eco-friendly lawn" }
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
title="What Our Clients Say"
|
||
description="Hear directly from our satisfied customers about their experiences with J & D Landscaping. We're proud of the beautiful results we deliver!"
|
||
testimonials={[
|
||
{ id: "1", name: "Chloe Choe", handle: "@chloe_reviews", testimonial: "I recently hired J&D Landscaping for lawn mowing services in West Dallas Area (75212), and I couldn’t be more pleased with the results. They truly exceeded my expectations!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13346.jpg", imageAlt: "Chloe Choe" },
|
||
{ id: "2", name: "Lakesha Peete", handle: "@lakesha_p", testimonial: "Jose and Team did a phenomenal job. I truly received great customer service & quality. I initially only wanted my shrubs trimmed, but also decided to get my mulch refreshed after seeing how well my shrubs were handled. Jose also did a very thorough job.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-sunglasses_158538-20763.jpg", imageAlt: "Lakesha Peete" },
|
||
{ id: "3", name: "Pam Hascal", handle: "@pam_h", testimonial: "Jose and his crew are knowledgeable, efficient, on time hard workers. We recently had sod installed. Great job!!! Easy dealing with Anna with business details. VERY reasonable. You won’t be disappointed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg", imageAlt: "Pam Hascal" },
|
||
{ id: "4", name: "Robert Miller", handle: "@robert_m", testimonial: "J & D Landscaping transformed my messy backyard into a vibrant outdoor living space. Their garden design recommendations were spot-on, and the execution was flawless. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-modern-student-with-laptop-sitting-park_1262-6126.jpg", imageAlt: "Robert Miller" },
|
||
{ id: "5", name: "Samantha Lee", handle: "@samantha_l", testimonial: "Reliable, professional, and always leave my lawn looking immaculate. J & D Landscaping is the best lawn care service I've used in Dallas. Their team is always courteous.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg", imageAlt: "Samantha Lee" },
|
||
{ id: "6", name: "Mark Johnson", handle: "@mark_j", testimonial: "Had an old irrigation system replaced by J & D, and it's been a game-changer. Water efficiency is up, and my plants are thriving. Excellent work and fair pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/signing-document_1098-14224.jpg", imageAlt: "Mark Johnson" }
|
||
]}
|
||
showRating={true}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
title="Trusted by Homes & Businesses"
|
||
description="We are proud to be the preferred landscaping partner for various residential and commercial properties in the community."
|
||
names={[
|
||
"Local Residences", "Dallas Businesses", "Property Managers", "Community Centers", "Retail Parks", "Homeowners Associations", "Local Schools"
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about our services, pricing, and scheduling."
|
||
faqs={[
|
||
{ id: "1", title: "What areas do you serve?", content: "We proudly serve the West Dallas Area (75212) and surrounding neighborhoods. Please contact us to confirm service availability in your specific location." },
|
||
{ id: "2", title: "What types of services do you offer?", content: "We offer a comprehensive range of landscaping services including lawn mowing, shrub trimming, mulch refreshing, sod installation, custom garden design, and irrigation system maintenance. Visit our Services section for more details." },
|
||
{ id: "3", title: "How do I get a quote?", content: "You can request a free, no-obligation estimate by filling out the contact form on our website, or by calling us directly at (469) 618-6018. We'll schedule a convenient time to assess your property." },
|
||
{ id: "4", title: "Do you offer seasonal maintenance packages?", content: "Yes, we offer various seasonal packages designed to keep your yard beautiful year-round, including spring cleanups, fall leaf removal, and winterization services. Check our Packages section for options." },
|
||
{ id: "5", title: "Are your services environmentally friendly?", content: "We are committed to sustainable landscaping practices. We use eco-friendly products and methods whenever possible to ensure your landscape thrives while protecting the environment." }
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="Contact Us"
|
||
title="Ready for a Beautiful Yard?"
|
||
description="Get in touch with J & D Landscaping today to schedule a consultation or request a free estimate. We're here to answer all your questions!"
|
||
background={{
|
||
variant: "plain"
|
||
}}
|
||
useInvertedBackground={true}
|
||
imageSrc="http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633325.jpg"
|
||
imageAlt="Landscaper talking to a client in a garden"
|
||
mediaAnimation="slide-up"
|
||
inputPlaceholder="Your Email Address"
|
||
buttonText="Get Free Estimate"
|
||
termsText="By submitting, you agree to our privacy policy and terms of service."
|
||
/>
|
||
</div>
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{ title: "Services", items: [{ label: "Lawn Mowing", href: "#services" }, { label: "Shrub Trimming", href: "#services" }, { label: "Mulch Refreshing", href: "#services" }, { label: "Sod Installation", href: "#services" }, { label: "Garden Design", href: "#services" }] },
|
||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
|
||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||
]}
|
||
bottomLeftText="© 2024 J & D Landscaping. All rights reserved."
|
||
bottomRightText="Built by Webuild.ai"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |