Files
c4a5cfa0-174d-459d-baa1-675…/src/app/page.tsx
2026-06-10 19:25:32 +00:00

243 lines
12 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Gauge, Leaf, Sparkles, Users, Zap, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "#hero"},
{
name: "Services", id: "#services"},
{
name: "Pricing", id: "#pricing"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
brandName="Flex Lawn Care & Tree Service"
bottomLeftText="Pasadena, TX"
bottomRightText="713 955 8020"
button={{
text: "Call Now: 713 955 8020", href: "tel:7139558020"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "animated-grid"}}
logoText="FLEX"
description="Your Trusted Partner for Premier Lawn Care and Expert Tree Services in Pasadena, TX. We keep your property pristine."
buttons={[
{
text: "Request a Quote", href: "#contact"},
{
text: "View Our Services", href: "#services"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg"
imageAlt="Well-maintained lawn and healthy trees in a residential backyard"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Committed to Excellence in Every Detail"
metrics={[
{
icon: Gauge,
label: "Years in Business", value: "15+"},
{
icon: Users,
label: "Happy Clients", value: "500+"},
{
icon: Leaf,
label: "Projects Completed", value: "2000+"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Professional Lawn Mowing", description: "Regular, precise lawn mowing to keep your grass healthy and looking immaculate, including edging and blowing.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg", imageAlt: "Professional lawn mowing service", buttonIcon: ArrowRight,
},
{
title: "Expert Tree Trimming", description: "Skilled tree trimming and pruning to enhance tree health, shape, and safety, preventing potential hazards.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2288.jpg", imageAlt: "Expert tree trimming service", buttonIcon: ArrowRight,
},
{
title: "Creative Landscaping Design", description: "Transform your outdoor space with custom landscaping designs, from planting new gardens to installing irrigation systems.", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg", imageAlt: "Creative landscaping design", buttonIcon: ArrowRight,
},
{
title: "Lawn Fertilization & Weed Control", description: "Promote lush, green lawns with our fertilization programs and effective weed control solutions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-bearded-hispanic-male-gardener-concentrated-planting-sprout-flower-pot-with-garden-tools-enjoying-moments-silence_176420-19924.jpg", imageAlt: "Lawn fertilization and weed control", buttonIcon: ArrowRight,
},
]}
title="Our Comprehensive Lawn & Tree Services"
description="From routine maintenance to expert tree removal, we offer a full spectrum of services to keep your property looking its best year-round."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic-lawn", badge: "Standard", badgeIcon: Leaf,
price: "$60/visit", subtitle: "Essential Lawn Care", features: [
"Weekly Mowing", "Edging & Trimming", "Blowing & Cleanup"],
},
{
id: "premium-lawn", badge: "Popular", badgeIcon: Sparkles,
price: "$95/visit", subtitle: "Enhanced Property Care", features: [
"All Standard Features", "Fertilization (Seasonal)", "Basic Weed Control"],
},
{
id: "full-service", badge: "Complete", badgeIcon: Zap,
price: "Custom Quote", subtitle: "Total Outdoor Solution", features: [
"All Premium Features", "Tree & Shrub Pruning", "Advanced Pest Control"],
},
]}
title="Flexible Plans for Every Property"
description="Choose from our tailored lawn care and tree service packages designed to fit your needs and budget."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
testimonials={[
{
id: "1", name: "Sarah J.", role: "Homeowner", company: "Pasadena, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg", imageAlt: "Sarah J."},
{
id: "2", name: "Michael R.", role: "Property Manager", company: "Pasadena, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-cheerful-guy-showing-thumbs-up-sign-against-blue-background_482257-115342.jpg", imageAlt: "Michael R."},
{
id: "3", name: "Emily P.", role: "Local Business Owner", company: "Pasadena, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg", imageAlt: "Emily P."},
{
id: "4", name: "David K.", role: "Resident", company: "Pasadena, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg", imageAlt: "David K."},
{
id: "5", name: "Jessica L.", role: "Homeowner", company: "Pasadena, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-with-beard-happily-looking-camera-showing-thumb-up-while-holding-green-paper-cloud-shape-hand-near-head-modern-office_574295-5737.jpg", imageAlt: "Jessica L."},
]}
title="What Our Valued Clients Say"
description="Hear directly from our satisfied customers in Pasadena, TX about their experience with Flex Lawn Care & Tree Service."
/>
</div>
<div id="expertise" data-section="expertise">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "exp", value: "15+", title: "Years Experience", items: [
"Local to Pasadena, TX", "Expert Arborists", "Skilled Landscapers"],
},
{
id: "clients", value: "500+", title: "Happy Customers", items: [
"Residential Properties", "Commercial Clients", "Repeat Business"],
},
{
id: "projects", value: "2000+", title: "Projects Completed", items: [
"Lawn Renovations", "Tree Removals", "Custom Landscaping"],
},
]}
title="Years of Dedicated Service & Expertise"
description="We've proudly served the Pasadena community for over a decade, building a reputation for reliability and outstanding results in lawn care and tree services."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "What areas do you serve?", content: "We proudly serve Pasadena, TX, and the surrounding communities. Contact us to confirm service availability in your specific location."},
{
id: "q2", title: "Are you insured?", content: "Yes, Flex Lawn Care & Tree Service is fully licensed and insured for your peace of mind. Our team adheres to the highest safety standards."},
{
id: "q3", title: "How often do you provide lawn mowing services?", content: "We offer flexible scheduling including weekly, bi-weekly, and one-time lawn mowing services to fit your property's needs and your preferences."},
{
id: "q4", title: "How can I get a quote?", content: "Yes! We provide quotes for all our lawn care and tree services. Simply call us or fill out our contact form to get started."},
]}
sideTitle="Common Questions About Our Services"
sideDescription="Find quick answers to your most frequent questions about our lawn care, tree services, and operational practices in Pasadena, TX."
faqsAnimation="slide-up"
textPosition="left"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Get in Touch"
title="Ready for a Beautiful Yard?"
description="Contact us today for a quote on our comprehensive lawn care and tree services in Pasadena, TX. Call: 713 955 8020."
inputPlaceholder="Enter your email"
buttonText="Request a Quote"
termsText="By clicking Request a Quote you're confirming that you agree with our Terms and Conditions."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="FLEX"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}