"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="FreshPick"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "sparkles-gradient",
      }}
      title="Freshness Delivered to Your Home"
      description="Tamil & English support. We provide fresh organic groceries sourced from local farmers. Join us for a healthy lifestyle."
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/local-grocery-store-vendor-arranges-food_482257-76628.jpg",
          imageAlt: "Fresh Market",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-harvest-fair-with-farmers-market-stand-sell-fresh-products-empty-greenmarket-stand-with-various-fruits-veggies-colorful-raw-homegrown-produce-vegetables-marketplace-stall_482257-62640.jpg",
          imageAlt: "Produce",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-shopping-organic-products_23-2148672825.jpg",
          imageAlt: "Market",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-cherry-tomatoes-cumcuat-cauliflower-parsley-zucchini-dill-free-space_140725-63446.jpg",
          imageAlt: "Bakery",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-stall-market-sanarysurmer_268835-3781.jpg",
          imageAlt: "Produce",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/couple-shopping-zero-waste-food-store_482257-91042.jpg",
          imageAlt: "Store",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Supporting Our Local Community Since 1995"
      tag="About Us"
      tagIcon={Leaf}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Organic Tomatoes",
          price: "₹40",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-tomatoes-vegetable-sack-flat-lay_53876-101544.jpg",
        },
        {
          id: "2",
          name: "Fresh Spinach",
          price: "₹20",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-greens-brown-wooden-desk-light-background-green-vegetable-leaf_140725-22837.jpg",
        },
        {
          id: "3",
          name: "Yellow Bananas",
          price: "₹60",
          imageSrc: "http://img.b2bpic.net/free-photo/cluster-bananas-flat-lay-wooden-textile_176474-10387.jpg",
        },
        {
          id: "4",
          name: "Crispy Apples",
          price: "₹150",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-apples_140725-130169.jpg",
        },
        {
          id: "5",
          name: "Farm Carrots",
          price: "₹30",
          imageSrc: "http://img.b2bpic.net/free-photo/carrots-with-tops_23-2147700661.jpg",
        },
        {
          id: "6",
          name: "Fresh Onions",
          price: "₹50",
          imageSrc: "http://img.b2bpic.net/free-photo/onion-parsley-closeup-kitchen-table_169016-40147.jpg",
        },
      ]}
      title="Daily Essentials"
      description="Hand-picked, fresh from farm daily."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Arun Kumar",
          handle: "@arun",
          testimonial: "Fresh veggies every time!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-supermarket_1157-21966.jpg",
        },
        {
          id: "2",
          name: "Priya",
          handle: "@priya",
          testimonial: "Excellent service and quality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-shopping-basket_1187-1555.jpg?_wi=1",
        },
        {
          id: "3",
          name: "Suresh",
          handle: "@suresh",
          testimonial: "Love the local selection.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-best-friends-with-shopping-bags_329181-8012.jpg",
        },
        {
          id: "4",
          name: "Meera",
          handle: "@meera",
          testimonial: "Always fresh produce!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-shopping-basket_1187-1555.jpg?_wi=2",
        },
        {
          id: "5",
          name: "Ramesh",
          handle: "@ramesh",
          testimonial: "Quick delivery service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19099.jpg",
        },
      ]}
      showRating={true}
      title="Loved by our Community"
      description="Hear what our happy neighbors have to say about our produce and service."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do you deliver?",
          content: "Yes, we deliver daily to your doorstep.",
        },
        {
          id: "2",
          title: "Languages?",
          content: "We support both Tamil and English for your convenience.",
        },
        {
          id: "3",
          title: "Is it organic?",
          content: "We source all our produce directly from trusted local organic farms.",
        },
      ]}
      title="Frequently Asked Questions"
      faqsAnimation="slide-up"
      description="Everything you need to know about shopping at FreshPick."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Visit Us Today"
      description="Located in the heart of the town. Reach out if you have any questions!"
      inputPlaceholder="Enter your email address"
      buttonText="Get Updates"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Products",
              href: "#products",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="FreshPick"
      copyrightText="© 2025 FreshPick Grocery. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}