"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 FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { CalendarCheck, Leaf, Smile, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Portfolio",          id: "portfolio"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "About Us",          id: "about-us"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Lush Landscapes"
      button={{
        text: "Book Now",        href: "#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Lush Landscapes"
      description="Transforming outdoor spaces into breathtaking havens. Experience the beauty of expert landscape design and care."
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "View Our Services",          href: "#services"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/grass-surface-with-colored-necklace-frame_23-2147628348.jpg",          imageAlt: "Beautiful lush garden with a pathway and flowers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg",          imageAlt: "Modern backyard with a swimming pool and elegant landscaping"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/golden-ball-cactus-garden_1428-179.jpg",          imageAlt: "Zen garden with raked gravel, rocks, and minimal plants"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roses-summer-antique-day_1203-4959.jpg",          imageAlt: "Colorful flower beds along a garden path in full bloom"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg",          imageAlt: "Commercial building entrance with professional landscaping"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio-with-chair-table_1339-4789.jpg",          imageAlt: "Outdoor kitchen and dining area with modern landscaping"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about-us" data-section="about-us">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Passion"
      title="Crafting Exquisite Outdoor Retreats for Over 20 Years"
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Garden Design & Installation",          description: "From conceptualization to planting, we craft bespoke garden designs that harmonize with your property's aesthetic and your personal style.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-architectural-project-desk_23-2148346292.jpg",          imageAlt: "A beautifully designed garden with various plants and a stone pathway"},
        {
          title: "Professional Lawn Care",          description: "Keep your lawn lush and vibrant year-round with our comprehensive services including mowing, fertilizing, aeration, and pest control.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-woman-hands-pink-gloves-spraying-plants-leaves-greenhouse_574295-1622.jpg",          imageAlt: "A perfectly manicured green lawn in a suburban backyard"},
        {
          title: "Tree & Shrub Maintenance",          description: "Ensure the health and beauty of your trees and shrubs with our expert pruning, trimming, and disease management services.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cutting-leaves_23-2148579928.jpg",          imageAlt: "An arborist carefully trimming a tall tree with proper safety equipment"},
        {
          title: "Outdoor Living Spaces",          description: "Extend your home's comfort outdoors with custom patios, decks, fire pits, and pergolas perfect for relaxation and entertainment.",          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698288.jpg",          imageAlt: "A modern outdoor living space with comfortable furniture and a fire pit"},
        {
          title: "Advanced Irrigation Systems",          description: "Conserve water and maintain a healthy landscape with our smart irrigation system design, installation, and maintenance.",          imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-ribnica-lake-with-small-viewing-deck-slovenia-cloudy-day_181624-9875.jpg",          imageAlt: "An automatic sprinkler system watering a green lawn at dusk"},
      ]}
      title="Comprehensive Landscaping Solutions Tailored for You"
      description="We offer a full spectrum of landscaping services, designed to meet your every need and exceed your expectations. Our skilled professionals are dedicated to creating and maintaining beautiful, healthy outdoor environments."
      tag="Our Expertise"
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Backyard Oasis",          price: "Full Redesign",          imageSrc: "http://img.b2bpic.net/free-photo/plants-pot-with-watering-can_23-2148905227.jpg",          imageAlt: "A luxurious backyard oasis with a large pool and lush greenery"},
        {
          id: "p2",          name: "Modern Zen Garden",          price: "Custom Project",          imageSrc: "http://img.b2bpic.net/free-photo/bamboo-forest_1359-981.jpg",          imageAlt: "A serene modern zen garden with carefully arranged rocks and plants"},
        {
          id: "p3",          name: "Elegant Patio & Lighting",          price: "Patio & Install",          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698370.jpg",          imageAlt: "An elegant outdoor patio illuminated with ambient string lights"},
        {
          id: "p4",          name: "Sustainable Xeriscape",          price: "Eco-Friendly Design",          imageSrc: "http://img.b2bpic.net/free-photo/cereus-white-succulent_1372-348.jpg",          imageAlt: "A beautiful xeriscape garden featuring drought-tolerant plants and rocks"},
        {
          id: "p5",          name: "Family-Friendly Lawn",          price: "Lawn & Play Area",          imageSrc: "http://img.b2bpic.net/free-photo/affectionate-girl-embracing-her-dog_23-2147636782.jpg",          imageAlt: "A spacious and vibrant green lawn, perfect for family activities"},
        {
          id: "p6",          name: "Commercial Landscape",          price: "Business Exterior",          imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-homes-city-skyline-along-calm-waterfront-sunset_1308-189636.jpg",          imageAlt: "Professional landscaping around a modern commercial building"},
      ]}
      title="Inspiring Transformations: Our Portfolio"
      description="Browse through our gallery of completed projects and envision the possibilities for your own outdoor space. Each project reflects our commitment to quality, creativity, and client satisfaction."
      tag="Our Work"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "20+",          title: "Years of Dedicated Service",          description: "Over two decades transforming outdoor spaces.",          icon: CalendarCheck,
        },
        {
          id: "m2",          value: "500+",          title: "Successful Projects",          description: "Delivering beautiful and functional landscapes.",          icon: Leaf,
        },
        {
          id: "m3",          value: "98%",          title: "Client Satisfaction Rate",          description: "Our clients love their new outdoor environments.",          icon: Smile,
        },
        {
          id: "m4",          value: "25+",          title: "Certified Professionals",          description: "A team of expert landscape architects and horticulturists.",          icon: Users,
        },
      ]}
      title="Decades of Excellence in Landscaping"
      description="Our commitment to quality, client satisfaction, and innovative design has allowed us to achieve remarkable milestones in the landscaping industry."
      tag="Our Achievements"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Dream Garden Created!",          quote: "Lush Landscapes turned our overgrown backyard into a stunning, serene oasis. Their team was professional, creative, and incredibly efficient. We couldn't be happier!",          name: "Jane Doe",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-garden-dealing-with-flowers_259150-57552.jpg",          imageAlt: "Portrait of Jane Doe, a satisfied homeowner"},
        {
          id: "t2",          title: "Exceptional Service",          quote: "From the initial consultation to the final touches, Lush Landscapes provided exceptional service. They truly understood our vision and brought it to life beautifully. Highly recommend!",          name: "John Smith",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg",          imageAlt: "Portrait of John Smith, a satisfied business owner"},
        {
          id: "t3",          title: "Beyond Expectations",          quote: "We were amazed by the transformation of our front yard. Lush Landscapes went above and beyond our expectations. The attention to detail and quality of work are unmatched.",          name: "Emily White",          role: "Residential Client",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-greenhouse_23-2147768463.jpg",          imageAlt: "Portrait of Emily White, a satisfied residential client"},
        {
          id: "t4",          title: "Professional & Prompt",          quote: "The team at Lush Landscapes is incredibly professional and always on schedule. Our garden looks immaculate, and we receive compliments constantly. A truly fantastic service!",          name: "David Brown",          role: "Property Manager",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-flowers_23-2149871129.jpg",          imageAlt: "Portrait of David Brown, a satisfied property manager"},
        {
          id: "t5",          title: "Simply Stunning",          quote: "Our new patio and outdoor kitchen are simply stunning! Lush Landscapes listened to all our ideas and created a functional and beautiful space we'll enjoy for years.",          name: "Sarah Green",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-farmer-working-her-greenhouse_23-2149072105.jpg",          imageAlt: "Portrait of Sarah Green, a satisfied homeowner"},
      ]}
      title="Hear From Our Delighted Clients"
      description="Our clients' satisfaction is our greatest reward. Read what homeowners and businesses have to say about their Lush Landscapes experience."
      tag="Rave Reviews"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "GreenThumb Supplies",        "Eco-Innovations",        "Gardeners Guild",        "Flora & Fauna Alliance",        "Landscape Architects Institute",        "Outdoor Living Solutions",        "Sustainable Gardens Co."]}
      title="Collaborating with Industry Leaders"
      description="We work with trusted suppliers and associations to ensure the highest quality materials and sustainable practices for all your landscape projects."
      tag="Our Partners"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What areas do you serve?",          content: "We proudly serve residential and commercial clients across [Your City/Region] and surrounding areas. Please contact us to confirm service availability in your specific location."},
        {
          id: "q2",          title: "How do I get a quote for a project?",          content: "You can request a free, no-obligation quote by filling out the contact form on our website, calling us directly, or emailing us. We'll schedule an on-site consultation to discuss your needs."},
        {
          id: "q3",          title: "Do you offer ongoing maintenance plans?",          content: "Yes, we offer customizable ongoing maintenance plans to keep your landscape looking its best throughout the year. These can include lawn care, seasonal planting, pruning, and irrigation checks."},
        {
          id: "q4",          title: "What is your design process like?",          content: "Our design process begins with a detailed consultation, followed by site analysis, conceptual design, material selection, and final master planning. We work collaboratively with you every step of the way to ensure your vision is realized."},
        {
          id: "q5",          title: "What payment methods do you accept?",          content: "We accept major credit cards, bank transfers, and offer flexible payment plans for larger projects. Details can be discussed during your consultation."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find quick answers to the most frequently asked questions about our services, process, and pricing. If you don't see your question, feel free to contact us directly."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Get Started"
      title="Book Your Free Consultation"
      description="Ready to transform your outdoor space? Schedule a complimentary consultation with our design experts today. We'll discuss your vision, assess your property, and provide a tailored plan to bring your dreams to life."
      imageSrc="http://img.b2bpic.net/free-photo/real-estate-agents-studying-layout-high-class-office-space-building_482257-99610.jpg"
      imageAlt="A landscape architect's hands sketching a garden design"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Schedule Now"
      termsText="By scheduling, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/selective-silhouette-closeup-shot-plants-trees-orange-sky-sunset_181624-3963.jpg"
      imageAlt="Lush green garden at sunset"
      logoText="Lush Landscapes"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Garden Design",              href: "#services"},
            {
              label: "Lawn Care",              href: "#services"},
            {
              label: "Tree Service",              href: "#services"},
            {
              label: "Hardscaping",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about-us"},
            {
              label: "Portfolio",              href: "#portfolio"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Our Team",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Lush Landscapes. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
