"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { ShieldCheck, Droplets, Scissors, Flower2, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Services", id: "features" },
        { name: "Pricing", id: "pricing" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Omar Carrizosa Lawn"
      button={{ text: "Get a Quote", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "gradient-bars" }}
      title="Omar Carrizosa Lawn & Irrigation"
      description="Professional landscaping and expert irrigation solutions to keep your property looking its best year-round. Book a consultation, get a quote, and pay securely online."
      buttons={[{ text: "Get a Quote", href: "#contact" }]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/attractive-bearded-redhead-male-pink-shirt-blue-jacket-sits-table-cafe-using-tablet-pc_613910-2046.jpg?_wi=1", imageAlt: "Professional lawn care service gardening" },
        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden_1157-24647.jpg?_wi=1", imageAlt: "Irrigation system installation close up" },
        { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg?_wi=1", imageAlt: "Beautiful landscaped residential garden" },
        { imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-map-traveling_23-2149084345.jpg", imageAlt: "Stylish woman with map for traveling" },
        { imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg", imageAlt: "Senior man working in the field with plants" },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      tag="About Us"
      title="Quality Landscaping, Dependable Service"
      description="At Omar Carrizosa Lawn, we pride ourselves on providing high-quality, reliable lawn and irrigation services that enhance your home's curb appeal."
      subdescription="With years of experience, we specialize in both softscapes and hardscapes to ensure your outdoor spaces flourish throughout every season."
      icon={ShieldCheck}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg"
      mediaAnimation="slide-up"
      useInvertedBackground={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        { title: "Irrigation Installation", description: "Customized water-efficient systems to keep your lawn thriving.", buttonIcon: Droplets, imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-plants-high-view_23-2148435658.jpg" },
        { title: "Lawn Maintenance", description: "Weekly mowing, edging, and debris cleanup services.", buttonIcon: Scissors, imageSrc: "http://img.b2bpic.net/free-photo/attractive-bearded-redhead-male-pink-shirt-blue-jacket-sits-table-cafe-using-tablet-pc_613910-2046.jpg?_wi=2" },
        { title: "Garden Design", description: "Professional planting, mulching, and landscape layout design.", buttonIcon: Flower2, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden_1157-24647.jpg?_wi=2" },
        { title: "Seasonal Cleanup", description: "Comprehensive spring and fall yard preparation services.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg?_wi=2" },
      ]}
      title="Our Professional Services"
      description="Expert solutions for all your outdoor needs."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      products={[
        { id: "p1", name: "Basic Lawn Care", price: "$150/mo", imageSrc: "http://img.b2bpic.net/free-photo/woman-operating-heavy-duty-leaf-blower_1153-7322.jpg" },
        { id: "p2", name: "Irrigation Maintenance", price: "$200/mo", imageSrc: "http://img.b2bpic.net/free-photo/blue-watering-can-rustic-wooden-table_53876-96629.jpg" },
        { id: "p3", name: "Seasonal Garden Upkeep", price: "$300/project", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg" },
      ]}
      title="Service Packages"
      description="Select the service package that fits your needs."
      useInvertedBackground={false}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        { id: "basic", badge: "Entry", price: "$150", subtitle: "For smaller lawns.", features: ["Mowing", "Edging"] },
        { id: "pro", badge: "Popular", price: "$250", subtitle: "For lush, growing lawns.", features: ["Mowing", "Edging", "Irrigation Check"] },
        { id: "premium", badge: "Elite", price: "$400", subtitle: "Complete service coverage.", features: ["Mowing", "Edging", "Irrigation", "Garden Design"] },
      ]}
      title="Simple Pricing"
      description="Transparent rates for all services."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      testimonials={[
        { id: "1", name: "Sarah J.", handle: "Homeowner", testimonial: "Omar did a fantastic job with my new irrigation system!", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg" },
        { id: "2", name: "Mike R.", handle: "Homeowner", testimonial: "Reliable and efficient, my lawn has never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-sunglasses-lying-grass-outdoors-with-tablet-computer-looking-away_171337-12745.jpg" },
        { id: "3", name: "Lisa B.", handle: "Property Manager", testimonial: "Omar Carrizosa Lawn is my go-to for professional service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-inspired-female-florist-standing-greenhouse-holding-potted-plant-looking-purple-flowers-smiling-professional-portrait-copy-space-gardening-job-botany-concept_74855-12858.jpg" },
      ]}
      title="What Our Clients Say"
      description="Trusted by hundreds of happy homeowners."
      useInvertedBackground={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "Do you offer quotes online?", content: "Yes, just use our contact form and we'll reach out." },
        { id: "f2", title: "How can I pay?", content: "You can pay securely directly through our website." },
        { id: "f3", title: "What areas do you serve?", content: "We serve the entire surrounding county area." },
      ]}
      sideTitle="Questions?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      title="Request Your Consultation"
      description="Get in touch with us today to start your next landscape project."
      imageSrc="http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072122.jpg"
      mediaAnimation="slide-up"
      buttonText="Send Request"
      tag="Contact"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
        { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="Omar Carrizosa Lawn"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}