Files
766c1e2c-853d-49c3-ba1c-e31…/src/app/page.tsx
2026-03-27 00:44:00 +00:00

136 lines
6.9 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Facebook, Instagram, Phone, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Services", id: "services" },
{ name: "Process", id: "about" },
{ name: "Reviews", id: "reviews" },
{ name: "Quote", id: "contact" },
]}
brandName="Two Burdes Lawn Care"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "sparkles-gradient" }}
title="Two Burdes Lawn Care"
description="Premium Lawn Care That Actually Shows Up. Reliable. Professional. 5-star rated. Transforming lawns, homes, and first impressions."
buttons={[
{ text: "Get Free Quote", href: "#contact" },
{ text: "Call Now", href: "tel:5550199" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-operating-heavy-duty-leaf-blower_1153-7324.jpg", imageAlt: "Professional Lawn Care" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013476.jpg", imageAlt: "Seasonal Cleanup" },
]}
/>
</div>
<div id="trust" data-section="trust">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "5.0", title: "Customer Rating", items: ["Always On Time", "Fair Pricing", "Fast Response"] },
{ id: "m2", value: "10+", title: "Happy Clients", items: ["Professional Crew", "Luxury Standards", "Reliable Care"] },
{ id: "m3", value: "100%", title: "Satisfaction", items: ["Guarantee Quality", "Owner Operated", "Attention Detail"] },
]}
title="Built on Reliability"
description="We deliver excellence consistently."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Lawn Care", description: "Weekly/bi-weekly mowing, edging, trimming, and full lawn health maintenance for that perfect curb appeal.", imageSrc: "http://img.b2bpic.net/free-vector/landscaping-isometric-flowchart-with-garden-designer-green-plants-decorations-purple_1284-31669.jpg", buttonIcon: ArrowRight,
},
{
title: "Seasonal Cleanups", description: "Spring cleanups, leaf removal, and yard restoration to keep your property looking pristine throughout every season.", imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013476.jpg", buttonIcon: ArrowRight,
},
{
title: "Exterior Cleaning", description: "Professional pressure washing for houses, driveways, and patios. We restore the original beauty of your exterior surfaces.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-leaf-rakes-shovels-leaned-against-wooden-fence-with-blurred-background_181624-4367.jpg", buttonIcon: ArrowRight,
},
]}
title="Our Premium Services"
description="Comprehensive lawn, landscape, and maintenance solutions tailored for your property."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", title: "Excellent Lights", quote: "Justin did an amazing job with our Christmas lights. Super polite, professional, and helpful.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-green-park_1417-1445.jpg" },
{ id: "2", title: "Reliable Service", quote: "Showed up exactly when he said and did everything perfectly. Hard to find companies like this.", name: "Michael C.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-psd/horizontal-banner-gardening_23-2148654717.jpg" },
{ id: "3", title: "Yard Transformation", quote: "Our lawn went from an eyesore to looking brand new. Easily the best service we've used.", name: "Emily R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/hands-planting_23-2148128701.jpg" },
{ id: "4", title: "Best Service", quote: "Fast responses, fair prices, and great results. Highly recommend.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756529.jpg" },
]}
title="What Your Neighbors Are Saying"
description="We take pride in our work and it shows through our client testimonials."
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer free quotes?", content: "Yes, we provide completely free, transparent quotes with no hidden fees." },
{ id: "f2", title: "What areas do you serve?", content: "We proudly serve Naperville and the surrounding communities." },
{ id: "f3", title: "Is your work guaranteed?", content: "Absolutely. If youre not happy, well make it right. Simple." },
]}
ctaTitle="Ready for a Lawn You're Proud Of?"
ctaDescription="Get your free quote today and experience the premium Two Burdes difference. Same-day service available."
ctaButton={{ text: "Get Quote", href: "#contact" }}
ctaIcon={Phone}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Two Burdes Lawn Care"
copyrightText="© 2025 | Two Burdes Lawn Care. Built on reliability & trust."
socialLinks={[
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}