"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Kopi Juwara"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Kopi Juwara: Cita Rasa Juara dalam Setiap Tetes"
      description="Menghadirkan kehangatan kopi pilihan terbaik untuk menyemangati hari-hari Anda dengan kualitas biji kopi autentik."
      buttons={[
        {
          text: "Pesan Sekarang",
          href: "#products",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
          imageAlt: "Kopi 1",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg",
          imageAlt: "Kopi 2",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699658.jpg",
          imageAlt: "Kopi 3",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee_23-2148494608.jpg",
          imageAlt: "Kopi 4",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg",
          imageAlt: "Kopi 5",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-coffee-filter_23-2148349626.jpg",
          imageAlt: "Kopi 6",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Warisan Kopi Terbaik"
      description="Kopi Juwara lahir dari dedikasi mendalam untuk biji kopi lokal Indonesia terbaik. Kami memproses setiap biji dengan teliti untuk menjaga aroma dan rasa yang tak tertandingi."
      imageSrc="http://img.b2bpic.net/free-photo/coffee-bean-black-burlap-sack_1150-1666.jpg"
      imageAlt="Proses Kopi"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "House Blend",
          price: "Rp 75.000",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-with-macarons_140725-27789.jpg",
        },
        {
          id: "2",
          name: "Arabica Gayo",
          price: "Rp 95.000",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg",
        },
        {
          id: "3",
          name: "Robusta Temanggung",
          price: "Rp 65.000",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black_114579-16631.jpg",
        },
        {
          id: "4",
          name: "Espresso Roast",
          price: "Rp 85.000",
          imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg",
        },
        {
          id: "5",
          name: "Single Origin Java",
          price: "Rp 90.000",
          imageSrc: "http://img.b2bpic.net/free-photo/sugar-bowl-near-cinnamon-sticks-spoon-coffee-beans_23-2148180203.jpg",
        },
        {
          id: "6",
          name: "Cold Brew Kit",
          price: "Rp 120.000",
          imageSrc: "http://img.b2bpic.net/free-photo/sugar-bowl-coffee-beans-near-cinnamon-sticks-spoon_23-2148180200.jpg",
        },
      ]}
      title="Koleksi Kopi Juwara"
      description="Pilih biji kopi favorit Anda dari berbagai asal dan tingkat sangrai khas kami."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Biji Lokal Pilihan",
          descriptions: [
            "Dipilih dari petani lokal terbaik dengan standar kualitas tinggi.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
          imageAlt: "Cocktail on wooden table in the restaurant",
        },
        {
          id: "f2",
          title: "Roasting Fresh",
          descriptions: [
            "Kami memanggang biji setiap hari untuk kesegaran maksimal.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
          imageAlt: "Cocktail on wooden table in the restaurant",
        },
        {
          id: "f3",
          title: "Pengiriman Cepat",
          descriptions: [
            "Pesanan Anda dikirim dalam 24 jam dengan kemasan aman.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg",
          imageAlt: "Cocktail on wooden table in the restaurant",
        },
      ]}
      title="Kenapa Kopi Juwara?"
      description="Keunggulan kami dalam menghadirkan pengalaman kopi terbaik."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "5.000+",
          description: "Pelanggan Setia",
        },
        {
          id: "m2",
          value: "15",
          description: "Wilayah Sebaran",
        },
        {
          id: "m3",
          value: "24h",
          description: "Proses Cepat",
        },
      ]}
      title="Prestasi Kami"
      description="Capaian kami dalam menyajikan kopi untuk pecinta kopi di Indonesia."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Budi Santoso",
          role: "Barista",
          testimonial: "Kopi Juwara punya rasa yang unik, sangat segar dan aromatik.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-barista-serving-coffee-cardboard-cups_1303-31762.jpg",
        },
        {
          id: "2",
          name: "Siti Aminah",
          role: "Pecinta Kopi",
          testimonial: "Pengiriman sangat cepat dan kualitas bijinya luar biasa.",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-attractive-young-woman-with-short-curly-dark-hair-red-lips_291650-524.jpg",
        },
        {
          id: "3",
          name: "Andi Wijaya",
          role: "Pengusaha",
          testimonial: "Pilihan kopi yang sangat variatif, cocok untuk teman bekerja.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61148.jpg",
        },
        {
          id: "4",
          name: "Dewi Putri",
          role: "Mahasiswa",
          testimonial: "Harganya sangat terjangkau dengan kualitas premium.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg",
        },
        {
          id: "5",
          name: "Rudi Hartono",
          role: "Penikmat",
          testimonial: "Tidak ada kopi lain yang bisa menandingi aroma Juwara.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-drinking-coffee-while-talking-cell_74855-1553.jpg",
        },
      ]}
      title="Apa Kata Penikmat Kopi?"
      description="Pengalaman nyata dari pelanggan setia kami."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Bagaimana cara memesan?",
          content: "Anda bisa memesan langsung melalui situs ini atau WhatsApp.",
        },
        {
          id: "faq2",
          title: "Berapa lama pengiriman?",
          content: "Kami memproses pesanan setiap hari kerja dengan estimasi 1-3 hari.",
        },
        {
          id: "faq3",
          title: "Apakah ada garansi biji kopi?",
          content: "Kami menjamin kualitas biji kopi segar yang kami kirimkan.",
        },
      ]}
      title="Pertanyaan Umum"
      description="Temukan jawaban atas pertanyaan yang sering diajukan."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Siap menikmati Kopi Juwara hari ini? Hubungi kami untuk pesanan besar atau konsultasi kopi."
      buttons={[
        {
          text: "WhatsApp Sekarang",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Kopi Juwara"
      copyrightText="© 2025 Kopi Juwara. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
