"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Cog, DollarSign, Droplet, Feather, Gauge, Leaf, MessageSquare, Palette, Scissors, Snowflake, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Packages",
          id: "#packages",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="TX Lawn & Landscaping"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid",
      }}
      title="Your Perfect Lawn, Our Passion"
      description="Transforming outdoor spaces across Texas with expert lawn care and creative landscaping solutions. Experience the difference with TX Lawn & Landscaping."
      testimonials={[
        {
          name: "Faith Firman",
          handle: "@faithfirman",
          testimonial: "I am very picky about how I like my lawn especially when I am paying for it. Ryan and his team are always on top of things and constantly seeing what more they can do for me and my husband. I have the best looking lawn in the neighborhood!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-striped-tshirt-isolated-white-background-looking-away-side-with-smile-face-natural-expression-laughing-confident_839833-30463.jpg?_wi=1",
          imageAlt: "Faith Firman",
        },
        {
          name: "Kashawna Brooks",
          handle: "@kashawnabrooks",
          testimonial: "My lawn is cut weekly always looks clean, fresh and healthy. Efficient work for reasonable prices. Ryan’s reliable and always communicates about what needs to be done to meet your standards.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-happy-brunette-businesswoman-posing-studio_176420-29819.jpg?_wi=1",
          imageAlt: "Kashawna Brooks",
        },
        {
          name: "Isabella Rodriguez",
          handle: "@isabellarodriguez",
          testimonial: "I couldn’t be happier with the service! From the first consultation to the final result, the team was professional, punctual, and incredibly knowledgeable. My yard and landscaping were transformed they look beyond what I imagined.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
          imageAlt: "Isabella Rodriguez",
        },
        {
          name: "John Davis",
          handle: "@johndavis",
          testimonial: "TX Lawn & Landscaping completely transformed my neglected backyard into a beautiful oasis. Their attention to detail and commitment to customer satisfaction is truly outstanding. Highly recommend their services!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25578.jpg",
          imageAlt: "John Davis",
        },
        {
          name: "Emily White",
          handle: "@emilywhite",
          testimonial: "Our commercial property always looks pristine thanks to TX Lawn & Landscaping. They are efficient, professional, and go above and beyond to ensure our grounds are immaculate year-round. A fantastic partnership!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
          imageAlt: "Emily White",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg?_wi=1"
      imageAlt="Lush green lawn with a modern house in the background"
      mediaAnimation="slide-up"
      tag="Trusted in Texas"
      tagIcon={Star}
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Explore Services",
          href: "#services",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-white-dress-sexy-carefree-woman-positive-model-having-fun-cheerful-happy-isolated-dark_158538-25784.jpg",
          alt: "Happy client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-12943.jpg",
          alt: "Happy client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
          alt: "Happy client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
          alt: "Happy client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151054014.jpg",
          alt: "Happy client 5",
        },
      ]}
      avatarText="Join 500+ satisfied customers!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Lawn Mowing",
          icon: Scissors,
        },
        {
          type: "text-icon",
          text: "Landscape Design",
          icon: Palette,
        },
        {
          type: "text-icon",
          text: "Irrigation Systems",
          icon: Droplet,
        },
        {
          type: "text-icon",
          text: "Weed Control",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Seasonal Cleanup",
          icon: Snowflake,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Committed to Excellence in Every Blade"
      metrics={[
        {
          icon: Gauge,
          label: "Years Experience",
          value: "10+",
        },
        {
          icon: Users,
          label: "Happy Clients",
          value: "500+",
        },
        {
          icon: Leaf,
          label: "Projects Completed",
          value: "1000+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Expert Lawn Mowing",
          description: "Keep your lawn healthy and manicured with our regular mowing, trimming, and edging services. We ensure a consistent, professional look every time.",
          icon: Scissors,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27410.jpg",
              imageAlt: "Professional lawn mowing service",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-trowel-green-grass_181624-26501.jpg",
              imageAlt: "Close-up of freshly cut lawn edges",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg?_wi=2",
          imageAlt: "person mowing a lush green lawn",
        },
        {
          title: "Creative Landscape Design",
          description: "Transform your outdoor space with our bespoke landscape design services. From conceptualization to installation, we bring your vision to life.",
          icon: Feather,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-blueprints-renewable-energy-project_23-2148890097.jpg",
              imageAlt: "Landscape design plans and tools",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-footpath-made-stone-tiles-surrounded-by-green-grass_181624-29097.jpg",
              imageAlt: "Beautifully designed flower bed",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-striped-tshirt-isolated-white-background-looking-away-side-with-smile-face-natural-expression-laughing-confident_839833-30463.jpg?_wi=2",
          imageAlt: "person mowing a lush green lawn",
        },
        {
          title: "Efficient Irrigation Systems",
          description: "Ensure your lawn and garden receive optimal hydration with our custom-designed and expertly installed irrigation systems, saving you time and water.",
          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg",
              imageAlt: "Sprinkler system watering a lush lawn",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/winter-concept-guy-brown-coat-salesman-christmas-tree_1157-48584.jpg",
              imageAlt: "Technician checking irrigation controls",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/confident-happy-brunette-businesswoman-posing-studio_176420-29819.jpg?_wi=2",
          imageAlt: "person mowing a lush green lawn",
        },
      ]}
      title="Our Comprehensive Landscaping Services"
      description="From routine maintenance to complete garden overhauls, we offer a full suite of services to keep your property pristine and beautiful."
      tag="What We Offer"
      tagIcon={Cog}
      buttons={[
        {
          text: "View All Services",
          href: "#services",
        },
      ]}
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Basic Lawn Care",
          price: "$59/month",
          variant: "Weekly Mowing & Trimming",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256618.jpg",
          imageAlt: "Basic lawn care tools",
        },
        {
          id: "2",
          name: "Premium Lawn Package",
          price: "$99/month",
          variant: "Basic + Fertilization & Weed Control",
          imageSrc: "http://img.b2bpic.net/free-photo/goggles-flippers-grass_23-2147640429.jpg",
          imageAlt: "Premium lawn care treatment",
        },
        {
          id: "3",
          name: "Elite Yard Transformation",
          price: "Custom Quote",
          variant: "Premium + Landscaping & Irrigation",
          imageSrc: "http://img.b2bpic.net/free-photo/garden-with-tree-middle-sign-that-says-alhambra-it_91008-475.jpg",
          imageAlt: "Elite landscaping design",
        },
        {
          id: "4",
          name: "Seasonal Clean-Up",
          price: "$120/visit",
          variant: "Leaf Removal & Debris Hauling",
          imageSrc: "http://img.b2bpic.net/free-photo/gardening-gloves-tools-harvested-dill-turnip-hanging-rope-with-clothespin-against-wooden-wall_23-2148181209.jpg",
          imageAlt: "Autumn leaves raked",
        },
        {
          id: "5",
          name: "Tree & Shrub Care",
          price: "$75/month",
          variant: "Pruning, Trimming & Health Checks",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bush-with-few-pink-flowers_181624-15723.jpg",
          imageAlt: "Gardener pruning a shrub",
        },
        {
          id: "6",
          name: "Lawn Fertilization Program",
          price: "$45/month",
          variant: "Tailored Nutrient Application",
          imageSrc: "http://img.b2bpic.net/free-photo/plank-green-plant-macro-life_1122-1621.jpg",
          imageAlt: "Hand spreading fertilizer on lawn",
        },
      ]}
      title="Customized Care Plans for Every Yard"
      description="Choose from our expertly crafted packages or let us create a bespoke plan to fit your specific needs and budget, ensuring your lawn thrives year-round."
      tag="Our Pricing"
      tagIcon={DollarSign}
      buttons={[
        {
          text: "Request Custom Quote",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Faith Firman",
          role: "Homeowner",
          company: "Residential Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg",
          imageAlt: "Faith Firman",
        },
        {
          id: "2",
          name: "Kashawna Brooks",
          role: "Homeowner",
          company: "Residential Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
          imageAlt: "Kashawna Brooks",
        },
        {
          id: "3",
          name: "Isabella Rodriguez",
          role: "Homeowner",
          company: "Residential Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-teenager-with-blurred-background_1149-497.jpg",
          imageAlt: "Isabella Rodriguez",
        },
        {
          id: "4",
          name: "Daniel Kim",
          role: "Property Manager",
          company: "Commercial Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
          imageAlt: "Daniel Kim",
        },
        {
          id: "5",
          name: "Olivia Martinez",
          role: "Homeowner",
          company: "Residential Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193992.jpg",
          imageAlt: "Olivia Martinez",
        },
      ]}
      kpiItems={[
        {
          value: "5.0",
          label: "Average Rating",
        },
        {
          value: "10+",
          label: "Years in Business",
        },
        {
          value: "99%",
          label: "On-Time Service",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners and businesses who trust TX Lawn & Landscaping for their outdoor needs and consistent, high-quality service."
      tag="Client Reviews"
      tagIcon={MessageSquare}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "500+",
          title: "Happy Customers",
          description: "Trusted by hundreds of homeowners and businesses for their outdoor needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/family-spending-time-together-their-caravan_23-2148659471.jpg",
          imageAlt: "Happy family enjoying a beautiful lawn",
        },
        {
          id: "2",
          value: "1,000+",
          title: "Projects Completed",
          description: "From small gardens to expansive commercial landscapes, we handle projects of all sizes.",
          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7008.jpg",
          imageAlt: "Landscaping design blueprints",
        },
        {
          id: "3",
          value: "100%",
          title: "Satisfaction Guarantee",
          description: "We stand by our work and ensure every client is delighted with their transformed outdoor space.",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131238.jpg",
          imageAlt: "Professional gardener working on a landscape",
        },
      ]}
      title="Our Impact at a Glance"
      description="Dedicated to delivering exceptional results and building lasting relationships with our clients throughout Texas."
      tag="Our Achievements"
      tagIcon={Award}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What areas do you serve?",
          content: "We proudly serve clients across the Dallas-Fort Worth metroplex and surrounding areas in Texas. Contact us to confirm service availability in your specific location.",
        },
        {
          id: "2",
          title: "Are your services eco-friendly?",
          content: "Yes, we prioritize sustainable practices by using organic fertilizers, efficient irrigation techniques, and eco-conscious equipment to minimize our environmental footprint.",
        },
        {
          id: "3",
          title: "How do I get a quote?",
          content: "You can request a free, no-obligation quote by filling out our online contact form, calling us directly, or scheduling a consultation through our website.",
        },
        {
          id: "4",
          title: "Do you offer commercial landscaping?",
          content: "Absolutely! We provide comprehensive landscaping and lawn care services for both residential and commercial properties, tailored to meet unique business needs.",
        },
        {
          id: "5",
          title: "What payment methods do you accept?",
          content: "We accept major credit cards, bank transfers, and offer flexible payment plans for recurring services. Details will be provided with your personalized quote.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common questions about our lawn care and landscaping services. If your question isn't here, feel free to reach out."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
      buttons={[
        {
          text: "Contact Us Directly",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready for a Beautiful Outdoor Space?"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#",
        },
        {
          text: "Call Us Now",
          href: "tel:+19452136545",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Lawn Mowing",
              href: "#services",
            },
            {
              label: "Landscaping Design",
              href: "#services",
            },
            {
              label: "Irrigation Systems",
              href: "#services",
            },
            {
              label: "Seasonal Clean-up",
              href: "#packages",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Facebook",
              href: "https://facebook.com/txlawnlandscaping",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/txlawnlandscaping",
            },
            {
              label: "Google My Business",
              href: "https://www.google.com/maps/place/TX+Lawn+&amp;+Landscaping/",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 TX Lawn & Landscaping. All rights reserved."
      bottomRightText="Crafted with care in Texas."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
