"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "products" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="DKRIUK Tapus"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "gradient-bars" }}
      title="Fried Chicken Crispy & Lezat di Tapus"
      description="Nikmati kerenyahan ayam goreng DKRIUK dengan bumbu rahasia yang bikin nagih. Pilihan tepat untuk keluarga di Pasaman."
      testimonials={[
        { name: "Budi Santoso", handle: "@budi_tapus", testimonial: "Ayam goreng paling crispy di Tapus! Wajib coba.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg" },
        { name: "Siti Aminah", handle: "@siti_pasaman", testimonial: "Anak-anak suka sekali, harganya juga sangat terjangkau.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
        { name: "Rahmat H.", handle: "@rahmat_kuliner", testimonial: "DKRIUK memang beda, bumbunya meresap sampai ke tulang.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
        { name: "Dewi Sartika", handle: "@dewi_s", testimonial: "Pelayanan cepat, rasa selalu konsisten enak.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg" },
        { name: "Andi Putra", handle: "@andi_p", testimonial: "Tempat langganan keluarga setiap akhir pekan.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg" },
      ]}
      buttons={[{ text: "Pesan Sekarang", href: "#contact" }, { text: "Lihat Menu", href: "#products" }]}
      imageSrc="http://img.b2bpic.net/free-photo/fried-wings-with-fish-sauce-beautifully-decorated-served_1150-23402.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", alt: "Happy woman portrait" },
        { src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Overjoyed woman portrait" },
        { src: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg", alt: "Smiling bearded guy" },
        { src: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg", alt: "Smiling Asian woman" },
        { src: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199354.jpg", alt: "Confident business woman" },
      ]}
      marqueeItems={[
        { type: "text", text: "Crispy Mantap" },
        { type: "text", text: "Harga Terjangkau" },
        { type: "text", text: "Bumbu Meresap" },
        { type: "text", text: "Pelayanan Ramah" },
        { type: "text", text: "Favorit Keluarga" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Kualitas Terbaik Untuk Tapus"
      description="Kami berkomitmen menyajikan ayam goreng berkualitas tinggi dengan bahan lokal pilihan dan teknik penggorengan yang sempurna."
      imageSrc="http://img.b2bpic.net/free-photo/man-woman-cutting-fresh-ingredients-make-gourmet-dish_482257-41289.jpg?_wi=1"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Crispy Terlama",          description: "Teknik penggorengan khusus menjaga kerenyahan.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454879.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-drumsticks-wooden-board-with-bread-crumbs-high-quality-photo_114579-69110.jpg" }
        },
        {
          title: "Bumbu Pedas Mantap",          description: "Level kepedasan yang bisa disesuaikan selera.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/boneless-mexican-chicken-dish_52683-103089.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-legs-served-with-sweet-chili-sauce-fries_140725-1523.jpg" }
        },
        {
          title: "Ramah Keluarga",          description: "Porsi besar dengan harga ekonomis.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-eating-fried-chicken-with-sauce-cafe_1303-26174.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/happy-young-people-having-dinner-wine-together_23-2148454130.jpg" }
        },
      ]}
      showStepNumbers={true}
      title="Kenapa Pilih DKRIUK?"
      description="Keunggulan kami yang membuat kami menjadi pilihan utama di Pasaman."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Paket Ayam Crispy", price: "Rp 15.000", imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-served-with-french-fries-mayonnaise-ketchup_140725-6555.jpg" },
        { id: "p2", name: "Paket Dada Spesial", price: "Rp 18.000", imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-cutting-board_123827-22375.jpg" },
        { id: "p3", name: "Paket Pedas Mantap", price: "Rp 20.000", imageSrc: "http://img.b2bpic.net/free-photo/spicy-salad-with-fried-chicken_1339-4387.jpg" },
      ]}
      title="Pilihan Menu Favorit"
      description="Jelajahi berbagai paket menu yang tersedia."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        { id: "pr1", title: "Paket Berdua", price: "Rp 35.000", period: "/paket", features: ["2 Ayam Crispy", "2 Nasi", "2 Minum"], button: { text: "Pesan", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-red-locator-sign-map_107791-16576.jpg" },
        { id: "pr2", title: "Paket Family", price: "Rp 95.000", period: "/paket", features: ["5 Ayam Crispy", "5 Nasi", "5 Minum"], button: { text: "Pesan", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/fried-wings-with-fish-sauce-beautifully-decorated-served_1150-23402.jpg?_wi=2" },
        { id: "pr3", title: "Paket Ulang Tahun", price: "Rp 180.000", period: "/paket", features: ["10 Ayam Crispy", "10 Nasi", "10 Minum"], button: { text: "Pesan", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-cutting-fresh-ingredients-make-gourmet-dish_482257-41289.jpg?_wi=2" },
      ]}
      title="Paket Keluarga Pasaman"
      description="Hemat lebih banyak dengan paket bundling kami."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Ayam DKRIUK Tapus juara banget, nggak pernah bosen makan di sini!"
      rating={5}
      author="Rani, Pelanggan Setia"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/female-sommelier_1098-14998.jpg", alt: "Rani" },
        { src: "http://img.b2bpic.net/free-photo/pretty-brunette-girl-wearing-french-style-clothes-touching-her-face-remembered-something-funny-portrait-adorable-young-woman-with-short-dark-hair-red-beret-vintage-suit-having-fun-indoors_197531-3641.jpg", alt: "Budi" },
        { src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3317.jpg", alt: "Siti" },
        { src: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg", alt: "Rahmat" },
        { src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg", alt: "Hipster customer" },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Hubungi Kami"
      description="Pesan sekarang untuk pengiriman atau pickup langsung di gerai kami."
      inputs={[
        { name: "name", type: "text", placeholder: "Nama Lengkap", required: true },
        { name: "phone", type: "tel", placeholder: "Nomor WhatsApp", required: true },
      ]}
      textarea={{ name: "order", placeholder: "Pesan menu Anda di sini", rows: 4, required: true }}
      imageSrc="http://img.b2bpic.net/free-photo/man-preparing-takeaway-food-delivery_23-2149025800.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Lokasi", href: "#" }, { label: "Jam Buka", href: "#" }] },
        { items: [{ label: "Pesan via WA", href: "#contact" }, { label: "Menu", href: "#products" }] },
      ]}
      logoText="DKRIUK TAPUS"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
