"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Herrera Reyes Landscaping LLC"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "downward-rays-static-grid"}}
      title="Transform Your Outdoor Space"
      description="Herrera Reyes Landscaping LLC brings your vision to life with expert design, installation, and maintenance for stunning landscapes."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",          alt: "John Doe"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",          alt: "Jane Smith"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-arab-woman-posing-indoors_23-2150757148.jpg",          alt: "Carlos Garcia"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-positive-young-woman-with-blonde-curly-hair-touches-jawline-gently-applies-clay-clay-mask-face-reduce-fine-lines-pores-looks-gladfully-away-wears-casual-t-shirt_273609-60739.jpg",          alt: "Maria Lopez"},
        {
          src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",          alt: "Satisfied Client"},
      ]}
      avatarText="Trusted by hundreds of homeowners."
      buttons={[
        {
          text: "Our Services",          href: "#services"},
        {
          text: "Get a Free Quote",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-flowers-garden_23-2148905218.jpg",          alt: "Close up flowers in garden"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/narrow-pathway-garden-surrounded-by-lot-colorful-flowers_181624-13183.jpg",          alt: "Narrow pathway in a garden surrounded by a lot of colorful flowers"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/greenhouse-with-variety-plants_209303-8.jpg",          alt: "Greenhouse with variety of plants"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/pink-flowers_1372-139.jpg",          alt: "pink flowers"},
        {
          type: "text-icon",          text: "Sustainable Solutions",          icon: Leaf,
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Crafting Beautiful Landscapes Since 2005"
      description="At Herrera Reyes Landscaping LLC, we believe a beautiful outdoor space enhances your quality of life. Our dedicated team uses sustainable practices and artistic vision to create and maintain landscapes that reflect your style and thrive in our local environment."
      tag="Our Story"
      bulletPoints={[
        {
          title: "Expert Design",          description: "Innovative and personalized landscape designs tailored to your unique preferences and property."},
        {
          title: "Quality Installation",          description: "Professional and efficient installation services, ensuring durability and aesthetic appeal."},
        {
          title: "Reliable Maintenance",          description: "Comprehensive care programs to keep your landscape lush, healthy, and pristine year-round."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037314.jpg"
      imageAlt="Landscaping team working on a garden design"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Overgrown Gardens",          "Wilted Plants & Trees",          "Lack of Curb Appeal",          "Poor Drainage & Erosion",          "Uninspired Outdoor Spaces"],
      }}
      positiveCard={{
        items: [
          "Lush Garden Revitalization",          "Vibrant Plant & Tree Health",          "Enhanced Property Value",          "Effective Water Management",          "Custom Landscape Designs"],
      }}
      title="Comprehensive Landscaping Solutions"
      description="We tackle common outdoor challenges and transform them into stunning, functional, and sustainable environments. Discover how our expert services can benefit you."
      tag="Our Services"
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Residential Oasis",          price: "Backyard transformation with custom patio and water feature.",          imageSrc: "http://img.b2bpic.net/free-photo/fountains-garden_1361-140.jpg",          imageAlt: "Residential backyard with patio and garden"},
        {
          id: "2",          name: "Commercial Green Space",          price: "Sustainable landscaping for a modern office park entrance.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-suit-standing-with-laptop-work-documents-using-mobile-phone-looking_1258-194026.jpg",          imageAlt: "Commercial building entrance with modern landscaping"},
        {
          id: "3",          name: "Front Yard Elegance",          price: "Enhanced curb appeal with native plants and elegant pathways.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-home_23-2150633284.jpg",          imageAlt: "Beautifully landscaped front yard of a house"},
        {
          id: "4",          name: "Eco-Friendly Design",          price: "Drought-tolerant garden featuring succulents and natural stone.",          imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-with-turf-white-backdrop_23-2148044441.jpg",          imageAlt: "Xeriscape garden with succulents and gravel"},
        {
          id: "5",          name: "Edible Garden Installation",          price: "Custom organic vegetable garden with raised beds and irrigation.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-plant_23-2149514636.jpg",          imageAlt: "Backyard with raised vegetable garden beds"},
        {
          id: "6",          name: "Outdoor Entertainment Area",          price: "Complete outdoor kitchen and dining area for entertaining guests.",          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698328.jpg",          imageAlt: "Outdoor kitchen and dining area with modern design"},
      ]}
      title="Our Latest Masterpieces"
      description="Explore some of our recent landscaping projects that showcase our commitment to excellence and eye for detail. From serene backyard oases to grand commercial designs, we bring dreams to reality."
      tag="Portfolio"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Cafe",        "Community Center",        "Tech Innovations Inc.",        "City Library",        "Green Market Co.",        "Family Restaurant",        "Heritage Museum",        "Urban Spa & Wellness"]}
      title="Trusted by Local Businesses & Homeowners"
      description="We are proud to have partnered with a diverse range of clients, delivering exceptional landscaping results that enhance their properties and reputations."
      tag="Our Clients"
      speed={35}
      showCard={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "Herrera Reyes Landscaping transformed our overgrown backyard into a beautiful, functional space. Their team was professional, creative, and completed the project ahead of schedule. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/young-blond-businesswoman-writing-touchscreen_93675-133179.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "We hired Herrera Reyes for our commercial property, and they exceeded all expectations. The maintenance is impeccable, and our grounds look fantastic year-round. A truly reliable service.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-boss-smiling_1098-1495.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@emilyr",          testimonial: "From the initial design consultation to the final planting, Herrera Reyes Landscaping demonstrated incredible expertise. Our new front yard is the envy of the neighborhood!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-old-woman-blue-shirt-showing-thumbs-up-gesture_171337-8035.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          handle: "@davidk",          testimonial: "Their attention to detail and commitment to client satisfaction are unmatched. They designed and installed a stunning eco-friendly garden that requires minimal water. Fantastic work!",          imageSrc: "http://img.b2bpic.net/free-photo/family-park_1157-6530.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          handle: "@jessical",          testimonial: "Herrera Reyes Landscaping created the perfect outdoor entertainment area for our family. It's beautiful, functional, and has added so much value to our home. Thank you!",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg",          imageAlt: "Jessica Lee"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from our satisfied customers about their experiences with Herrera Reyes Landscaping LLC. Your trust is our greatest reward."
      tag="Testimonials"
      speed={40}
      topMarqueeDirection="right"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What areas do you serve?",          content: "We proudly serve residential and commercial clients within a 50-mile radius of our main office. Please contact us to confirm service availability in your specific location."},
        {
          id: "2",          title: "Do you offer free consultations?",          content: "Yes, we offer complimentary initial consultations to discuss your landscaping needs, project scope, and provide a preliminary estimate. Schedule yours today!"},
        {
          id: "3",          title: "Are your landscaping services insured?",          content: "Absolutely. Herrera Reyes Landscaping LLC is fully licensed and insured, ensuring peace of mind and protection for both our team and your property."},
        {
          id: "4",          title: "How long does a typical project take?",          content: "Project timelines vary greatly depending on the scope and complexity. We'll provide a detailed timeline during your consultation and keep you updated throughout the process."},
        {
          id: "5",          title: "What kind of plants do you use?",          content: "We prioritize using high-quality, locally sourced, and climate-appropriate plants that thrive in our region. We also offer options for drought-tolerant and native species."},
        {
          id: "6",          title: "Do you offer ongoing maintenance plans?",          content: "Yes, we provide customizable maintenance plans for both residential and commercial properties, including regular mowing, pruning, fertilization, and seasonal clean-ups."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our landscaping services, process, and commitment to quality."
      tag="FAQs"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to transform your outdoor space? Contact Herrera Reyes Landscaping LLC today for a free consultation and let's bring your vision to life. You can find us at 5322 Riverdale Rd, Riverdale, MD 20737, United States or reach us by phone at +1 (301) 458-5707."
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+13014585707"},
        {
          text: "Email Us",          href: "mailto:info@herrerareyeslandscaping.com"},
        {
          text: "Find Us",          href: "https://www.google.com/maps/search/?api=1&query=5322+Riverdale+Rd,+Riverdale,+MD+20737,+United+States"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Herrera Reyes Landscaping LLC"
      leftLink={{
        text: "Services",        href: "#services"}}
      rightLink={{
        text: "Contact",        href: "#contact"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
