"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: "Contact for Price",          subtitle: "Essential Lawn Care",          features: [
            "Weekly Mowing",            "Edging & Trimming",            "Blowing & Cleanup"],
        },
        {
          id: "premium-lawn",          badge: "Popular",          badgeIcon: Sparkles,
          price: "Contact for Price",          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>
  );
}