408 lines
17 KiB
TypeScript
408 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Award, Leaf, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "#services",
|
||
},
|
||
{
|
||
name: "Portfolio",
|
||
id: "#portfolio",
|
||
},
|
||
{
|
||
name: "About Us",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "FAQ",
|
||
id: "#faq",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="BNB Landscaping"
|
||
button={{
|
||
text: "Get a Free Estimate",
|
||
href: "#contact",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroCarouselLogo
|
||
logoText="BNB Landscaping"
|
||
description="Transforming Miami's Outdoor Spaces with Expertise and Passion. Your Vision, Our Craft."
|
||
buttons={[
|
||
{
|
||
text: "Explore Services",
|
||
href: "#services",
|
||
},
|
||
{
|
||
text: "Get a Free Estimate",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg",
|
||
imageAlt: "Luxurious garden design with waterfall and lush plants.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||
imageAlt: "Professional landscaper mowing a vibrant green lawn.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2291.jpg",
|
||
imageAlt: "Skilled arborist safely trimming a tall palm tree.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/white-umbrellas-seen-from-tree_1203-297.jpg",
|
||
imageAlt: "Elegant outdoor living space with a custom patio and modern furniture.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pixel-art-style-floral-garden-illustration_23-2151503939.jpg",
|
||
imageAlt: "Sustainable garden featuring native plants and a winding stone path.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bench-central-park-new-york_181624-23334.jpg",
|
||
imageAlt: "Commercial property with expertly manicured hedges and a grand entrance.",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="About BNB Landscaping"
|
||
description={[
|
||
"With over a decade of experience in Miami's unique climate, BNB Landscaping is dedicated to creating and maintaining stunning outdoor environments. We believe in crafting spaces that are not only beautiful but also sustainable and perfectly suited to your lifestyle.",
|
||
"Our team of skilled landscapers, arborists, and garden designers works closely with clients to bring their dreams to life. From lush tropical gardens to modern minimalist designs, we handle every project with precision and a commitment to excellence. We pride ourselves on reliability, professional service, and ensuring every client is delighted with their rejuvenated landscape.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Lawn Care & Maintenance",
|
||
description: "Keep your lawn vibrant and healthy with our expert mowing, fertilization, pest control, and irrigation solutions. We ensure lush, green grass all year.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg",
|
||
imageAlt: "A perfectly mowed lawn with a gardener at work.",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spring-gerbera-flowers_23-2148894260.jpg",
|
||
imageAlt: "Close-up of healthy plants being watered in a garden.",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg",
|
||
imageAlt: "man mowing lawn residential property",
|
||
},
|
||
{
|
||
title: "Tree & Shrub Services",
|
||
description: "Our certified arborists provide professional tree trimming, pruning, removal, and disease treatment to protect your valuable trees and shrubs.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4987.jpg",
|
||
imageAlt: "An arborist using specialized equipment to trim a tall tree.",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/firewood_1098-12794.jpg",
|
||
imageAlt: "Stump grinding machine removing a tree stump from a garden.",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||
imageAlt: "man mowing lawn residential property",
|
||
},
|
||
{
|
||
title: "Landscape Design & Installation",
|
||
description: "Dream it, we build it. From conceptual design to planting, hardscaping, and lighting, we create bespoke outdoor spaces that reflect your unique style.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/architect-discussing-house-design-with-smiling-female-client_1262-18369.jpg",
|
||
imageAlt: "A landscape architect reviewing design plans on a tablet.",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728872.jpg",
|
||
imageAlt: "A beautifully installed patio with stone pavers and lush planting.",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2291.jpg",
|
||
imageAlt: "man mowing lawn residential property",
|
||
},
|
||
]}
|
||
showStepNumbers={true}
|
||
title="Comprehensive Landscaping Services"
|
||
description="From routine maintenance to complete garden makeovers, we offer a full spectrum of services to keep your property looking its best year-round."
|
||
tag="Our Expertise"
|
||
/>
|
||
</div>
|
||
|
||
<div id="portfolio" data-section="portfolio">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "project-1",
|
||
brand: "Residential",
|
||
name: "Tropical Oasis Backyard",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "25",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg",
|
||
imageAlt: "A lush tropical backyard with a sparkling blue pool and vibrant flowers.",
|
||
},
|
||
{
|
||
id: "project-2",
|
||
brand: "Commercial",
|
||
name: "Modern Office Frontage",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "18",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-violet-flowers-with-green-leaves-inside-vase_114579-1437.jpg",
|
||
imageAlt: "A sleek, modern office building entrance with minimalist landscaping.",
|
||
},
|
||
{
|
||
id: "project-3",
|
||
brand: "Sustainable",
|
||
name: "Eco-Friendly Xeriscape",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "12",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cactus_23-2148013420.jpg",
|
||
imageAlt: "A water-wise xeriscape garden featuring native plants and decorative stones.",
|
||
},
|
||
{
|
||
id: "project-4",
|
||
brand: "Residential",
|
||
name: "Elegant Patio & Entertainment",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "30",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-pink-tropical-heliconia-flowers-lush-greenery_84443-84235.jpg",
|
||
imageAlt: "An elegant outdoor patio area with comfortable seating and ambient lighting.",
|
||
},
|
||
{
|
||
id: "project-5",
|
||
brand: "Commercial",
|
||
name: "Resort-Style Pool Deck",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "15",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-businesswoman-beige-suit-holding-documents-hands-looking-confident_1258-194071.jpg",
|
||
imageAlt: "A luxurious resort pool deck surrounded by meticulously manicured gardens.",
|
||
},
|
||
{
|
||
id: "project-6",
|
||
brand: "Residential",
|
||
name: "Kids-Friendly Play Yard",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "10",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/earth-day-child-background-garden_169016-2230.jpg",
|
||
imageAlt: "A spacious, safe backyard designed for children's play with soft grass and trees.",
|
||
},
|
||
]}
|
||
title="Showcasing Our Transformations"
|
||
description="Browse through a selection of our recent projects that highlight our commitment to quality, creativity, and customer satisfaction."
|
||
tag="Our Work"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1",
|
||
icon: Award,
|
||
title: "Years in Business",
|
||
value: "10+",
|
||
},
|
||
{
|
||
id: "m2",
|
||
icon: Users,
|
||
title: "Satisfied Clients",
|
||
value: "500+",
|
||
},
|
||
{
|
||
id: "m3",
|
||
icon: Leaf,
|
||
title: "Projects Completed",
|
||
value: "1000+",
|
||
},
|
||
]}
|
||
title="Growing Strong in Miami"
|
||
description="Our dedication to quality and client satisfaction has helped us achieve remarkable milestones in the landscaping industry."
|
||
tag="Our Impact"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
name: "Arik Cohen",
|
||
role: "Homeowner",
|
||
testimonial: "The best and most honest landscaping service I’ve ever had. After four gardeners who overcharged and did half the work, I was exhausted — until BNB Landscaping transformed my yard. Highly recommended!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
|
||
},
|
||
{
|
||
id: "t2",
|
||
name: "Bar Sarig",
|
||
role: "Property Manager",
|
||
testimonial: "⭐️⭐️⭐️⭐️⭐️ 5-Star Review. I had an amazing experience with this lawn-care worker. He is extremely professional, punctual, and meticulous. My property looks incredible!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/dog-with-pet-owner-sitting-park_23-2147902021.jpg",
|
||
},
|
||
{
|
||
id: "t3",
|
||
name: "Danielle Williams",
|
||
role: "Residential Client",
|
||
testimonial: "Bennito and his crew are the best! I called him with no idea of what I wanted, and he came through like a true professional giving my landscaping back life! He went out of his way to ensure I was happy! Very professional and reliable service! 10 stars!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mid-adult-businesswoman-with-coffee-phone_1262-19184.jpg",
|
||
},
|
||
{
|
||
id: "t4",
|
||
name: "Maria Garcia",
|
||
role: "Business Owner",
|
||
testimonial: "BNB Landscaping transformed our commercial property. The team was efficient, thorough, and delivered results beyond our expectations. Our clients consistently compliment the beautiful exterior.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733212.jpg",
|
||
},
|
||
{
|
||
id: "t5",
|
||
name: "John Doe",
|
||
role: "Homeowner",
|
||
testimonial: "Incredible service from start to finish. BNB Landscaping provided a detailed plan and executed it flawlessly. My garden has never looked better, and the team was a pleasure to work with.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-outdoors_23-2149110888.jpg",
|
||
},
|
||
{
|
||
id: "t6",
|
||
name: "Emily White",
|
||
role: "Estate Manager",
|
||
testimonial: "Exceptional quality and reliability. BNB Landscaping handles all our estate's outdoor needs, from intricate garden design to tree care, with professionalism and outstanding results every time.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing-rocks_23-2148656142.jpg",
|
||
},
|
||
]}
|
||
title="What Our Clients Say"
|
||
description="Read heartfelt reviews from our satisfied customers who've experienced the BNB Landscaping difference firsthand."
|
||
tag="Client Stories"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1",
|
||
title: "What areas do you serve?",
|
||
content: "BNB Landscaping proudly serves Miami, FL, and the surrounding communities. Please contact us to confirm service availability in your specific location.",
|
||
},
|
||
{
|
||
id: "q2",
|
||
title: "How do I get a free estimate?",
|
||
content: "You can request a free estimate by calling us directly at (786) 606-6384 or by filling out the contact form at the bottom of this page. We'll schedule a convenient time to assess your needs.",
|
||
},
|
||
{
|
||
id: "q3",
|
||
title: "Do you offer regular maintenance packages?",
|
||
content: "Yes, we offer customizable weekly, bi-weekly, and monthly maintenance packages to ensure your landscape remains pristine throughout the year. Ask us about our seasonal services too!",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/side-view-forest-wardens-looking-plants_23-2149557288.jpg"
|
||
imageAlt="Landscaper discussing plans with a homeowner in a beautiful garden."
|
||
mediaAnimation="opacity"
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common inquiries about our services, process, and commitment to your satisfaction."
|
||
tag="Questions?"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
tag="Let's Connect"
|
||
title="Ready to Transform Your Landscape?"
|
||
description="Contact BNB Landscaping today for a free consultation and let us help you create the outdoor space of your dreams. Your perfect outdoor space is just a call away."
|
||
buttons={[
|
||
{
|
||
text: "Call Now: (786) 606-6384",
|
||
href: "tel:7866066384",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="BNB Landscaping"
|
||
leftLink={{
|
||
text: "Privacy Policy",
|
||
href: "#",
|
||
}}
|
||
rightLink={{
|
||
text: "Terms of Service",
|
||
href: "#",
|
||
}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|