"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Projects",
          id: "projects",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Dook'oosliid"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Cultivating Nature's Perfection."
      description="Dook'oosliid Business Center provides premium, detail-oriented landscaping services for high-end properties. We transform outdoor spaces into sustainable works of art."
      buttons={[
        {
          text: "Explore Our Work",
          href: "#projects",
        },
        {
          text: "Book Consultation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969834.jpg"
      imageAlt="Professional landscaping at Dook'oosliid Business Center"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488212.jpg",
          alt: "Client profile 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488211.jpg",
          alt: "Client profile 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858214.jpg",
          alt: "Client profile 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/street-texture-retro-tuscany-city_1203-5049.jpg",
          alt: "Client profile 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131210.jpg",
          alt: "Client profile 5",
        },
      ]}
      avatarText="Trusted by 500+ Property Owners"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Mastering the Art of Landscaping Excellence.",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060677.jpg",
          alt: "Dook'oosliid landscaping process",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",
          title: "Smart Irrigation",
          description: "Water-efficient systems tailored to site needs.",
          tag: "Tech",
          imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803996.jpg",
        },
        {
          id: "s2",
          title: "Hardscaping Design",
          description: "Custom pathways and retaining walls using premium stone.",
          tag: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg",
        },
        {
          id: "s3",
          title: "Precision Pruning",
          description: "Expert maintenance for thriving, lush greenery.",
          tag: "Maintenance",
          imageSrc: "http://img.b2bpic.net/free-photo/old-gardener-cuts-bush-with-large-metal-old-pruning-shears_169016-10698.jpg",
        },
      ]}
      title="Comprehensive Landscape Solutions"
      description="Professional maintenance and design services tailored to your aesthetic needs."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Courtyard Oasis",
          price: "Custom",
          variant: "Modern",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-flowers-bloom-historic-courtyard-gardens-generated-by-ai_188544-30303.jpg",
        },
        {
          id: "p2",
          name: "Lawn Refinement",
          price: "Custom",
          variant: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/grassland-landscape-greening-environment-park-background_1112-1195.jpg",
        },
        {
          id: "p3",
          name: "Zen Water Feature",
          price: "Custom",
          variant: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/petals-pond_23-2147670201.jpg",
        },
        {
          id: "p4",
          name: "Patio Hardscape",
          price: "Custom",
          variant: "Stone",
          imageSrc: "http://img.b2bpic.net/free-photo/grey-slate-paving-stones_23-2151932233.jpg",
        },
        {
          id: "p5",
          name: "Seasonal Bedding",
          price: "Custom",
          variant: "Floral",
          imageSrc: "http://img.b2bpic.net/free-photo/flower-street-market_53876-23400.jpg",
        },
        {
          id: "p6",
          name: "Business Perimeter",
          price: "Custom",
          variant: "Commercial",
          imageSrc: "http://img.b2bpic.net/free-photo/green-plane-ecofriendly-environment_23-2151582475.jpg",
        },
      ]}
      title="Our Signature Projects"
      description="A glimpse into our most recent transformations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "John Doe",
          handle: "@dookoosliid-client",
          testimonial: "Exceptional precision in our property landscape.",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg",
        },
        {
          id: "t2",
          name: "Jane Smith",
          handle: "@dookoosliid-client",
          testimonial: "Dook'oosliid turned our yard into a masterpiece.",
          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7007.jpg",
        },
        {
          id: "t3",
          name: "Robert G.",
          handle: "@dookoosliid-client",
          testimonial: "Highly recommended for corporate landscapes.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg",
        },
        {
          id: "t4",
          name: "Alice T.",
          handle: "@dookoosliid-client",
          testimonial: "Timely, professional, and very creative team.",
          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7002.jpg",
        },
        {
          id: "t5",
          name: "Mark S.",
          handle: "@dookoosliid-client",
          testimonial: "Best service in the state, zero complaints.",
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-leaders-demonstrating-powerful-collaboration-strategic-thinking_482257-124682.jpg",
        },
      ]}
      title="Client Success Stories"
      description="Don't just take our word for it."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="inline-image"
      useInvertedBackground={true}
      names={[
        "Urban Gardens",
        "Green Estate",
        "Cityscapes Co.",
        "Elite Lawns",
        "Summit Landscapes",
        "Heritage Parks",
        "Bloom Collective",
      ]}
      title="Trusted by Local Leaders"
      description="Partnerships built on quality and trust."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you offer seasonal maintenance?",
          content: "Yes, we provide year-round landscape maintenance plans.",
        },
        {
          id: "q2",
          title: "How do I get a quote?",
          content: "Fill out the contact form, and we will schedule an on-site visit.",
        },
        {
          id: "q3",
          title: "Is the irrigation eco-friendly?",
          content: "Absolutely. We specialize in smart, water-saving technology.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "canvas-reveal",
      }}
      title="Begin Your Landscape Journey"
      description="Ready to revitalize your property? Connect with us today."
      tag="Contact Us"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Dook'oosliid Business Center"
      copyrightText="© 2025 Dook'oosliid Business Center. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
