"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, ShieldCheck, Smartphone, Settings, Headset } from "lucide-react";

export default function AIOStorePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="AIO Store"
            navItems={[
              { name: "Produk", id: "services" },
              { name: "Tentang Kami", id: "about" },
              { name: "Tim", id: "team" },
              { name: "Testimoni", id: "testimonials" },
              { name: "Kontak", id: "contact" },
            ]}
            button={{ text: "Beli Sekarang", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="Toko Elektronik #1 di Cirebon"
            tagIcon={Zap}
            title="Solusi Elektronik Terlengkap & Terpercaya"
            description="AIO Store hadir memenuhi kebutuhan gadget, peralatan rumah tangga, dan solusi elektronik modern dengan harga kompetitif di Cirebon."
            buttons={[
              { text: "Lihat Produk", href: "#services" },
              { text: "Hubungi Kami", href: "#contact" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913303.jpg"
            imageAlt="AIO Store Cirebon Showroom"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Budi S.",                handle: "Pelanggan Setia",                testimonial: "Pelayanan sangat memuaskan, barang ori, dan harga paling oke di Cirebon. Sangat recommended!",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1187-1055.jpg",                imageAlt: "Budi S."},
              {
                name: "Siti R.",                handle: "Ibu Rumah Tangga",                testimonial: "Pilihan alat rumah tangga di AIO Store sangat lengkap. Proses pengiriman juga cepat dan aman.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg",                imageAlt: "Siti R."},
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Tentang AIO Store"
            tagIcon={ShieldCheck}
            tagAnimation="slide-up"
            title="Lebih dari 10 tahun melayani kebutuhan elektronik warga Cirebon dengan dedikasi penuh terhadap kualitas."
            description="Manajemen AIO Store"
            subdescription="Berdiri sejak 2014"
            icon={Smartphone}
            imageSrc="http://img.b2bpic.net/free-photo/blurred-jewelry-shop_1203-825.jpg"
            imageAlt="Suasana Toko AIO Cirebon"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="Kategori Produk"
            tagIcon={Zap}
            title="Produk Pilihan Kami"
            description="Kami hanya menyediakan brand terpercaya dengan garansi resmi."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                tag: "Smartphone",                title: "Gadget Terbaru",                subtitle: "Smartphone & Tablet",                description: "Temukan koleksi HP terbaru dari brand ternama dengan penawaran menarik.",                imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-holding-her-phone_23-2148225615.jpg",                imageAlt: "Gadget"},
              {
                tag: "Home",                title: "Peralatan Rumah",                subtitle: "Kulkas & Mesin Cuci",                description: "Upgrade kenyamanan rumah Anda dengan peralatan elektronik hemat energi.",                imageSrc: "http://img.b2bpic.net/free-photo/woman-using-washing-machine-doing-laundry-young-woman-ready-wash-clothes-interior-washing-process-concept_1157-42324.jpg",                imageAlt: "Home Appliance"},
              {
                tag: "Audio",                title: "Hiburan Rumah",                subtitle: "TV & Sound System",                description: "Nikmati pengalaman menonton dan mendengarkan musik terbaik di rumah.",                imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-classic-arcade-action-videogame-flying-through-space-debris_482257-82240.jpg",                imageAlt: "Audio/Video"},
              {
                tag: "Gaming",                title: "Perangkat Gaming",                subtitle: "Laptop & Aksesori",                description: "Performa gaming maksimal dengan pilihan aksesoris dan perangkat terbaru.",                imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529408.jpg",                imageAlt: "Gaming"},
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Mengapa Memilih AIO Store?"
            description="Keunggulan belanja di toko kami untuk kenyamanan Anda."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Garansi Resmi",                role: "Semua produk bergaransi resmi dari pabrik.",                imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg",                imageAlt: "Garansi Resmi"},
              {
                id: "2",                name: "Harga Kompetitif",                role: "Harga terbaik untuk warga Cirebon setiap hari.",                imageSrc: "http://img.b2bpic.net/free-photo/red-label-sales_1101-626.jpg",                imageAlt: "Harga Kompetitif"},
              {
                id: "3",                name: "Layanan Ahli",                role: "Tim teknisi siap membantu setup produk Anda.",                imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg",                imageAlt: "Layanan Ahli"},
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="Tim Kami"
            title="Bertemu Dengan Tim Ahli Kami"
            description="Tim yang siap membantu Anda menemukan elektronik impian."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Budi Santoso",                role: "Store Manager",                imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",                imageAlt: "Budi Santoso"},
              {
                id: "2",                name: "Ani Wijaya",                role: "Product Consultant",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",                imageAlt: "Ani Wijaya"},
              {
                id: "3",                name: "Dedi Kurniawan",                role: "Customer Support",                imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",                imageAlt: "Dedi Kurniawan"},
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Apa Kata Mereka"
            cardTagIcon={Headset}
            cardTitle="Kepuasan pelanggan adalah prioritas utama kami di Cirebon."
            buttons={[{ text: "Beli Sekarang", href: "#contact" }]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Rina", imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera-with-shopping-bag-blue-pastel-background-copy-space_1258-835.jpg", imageAlt: "Testimoni 1" },
              { id: "2", name: "Andi", imageSrc: "http://img.b2bpic.net/free-photo/joyful-phone-call_1098-16660.jpg", imageAlt: "Testimoni 2" },
              { id: "3", name: "Fajar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg", imageAlt: "Testimoni 3" },
              { id: "4", name: "Siska", imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall-talking-phone_23-2148225605.jpg", imageAlt: "Testimoni 4" },
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="FAQ"
            title="Pertanyaan Umum"
            description="Informasi penting seputar pembelian di AIO Store Cirebon."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "Apakah bisa kirim ke luar kota?",                content: "Kami melayani pengiriman area Cirebon dan sekitarnya. Silakan konsultasikan alamat Anda dengan staf kami."},
              {
                id: "2",                title: "Bagaimana klaim garansinya?",                content: "Anda dapat membawa nota pembelian dan kartu garansi ke toko kami atau langsung ke Service Center resmi brand terkait."},
              {
                id: "3",                title: "Apakah tersedia cicilan?",                content: "Ya, kami menyediakan fasilitas cicilan via bank dan platform paylater ternama dengan syarat mudah."},
            ]}
          />
        </div>

        <div id="contact" data-section="contact" className="relative">
          <ContactSplitForm
            title="Hubungi Kami"
            description="Tim kami siap membantu kebutuhan elektronik Anda hari ini!"
            useInvertedBackground={false}
            mediaAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/call-center-team-agents-wearing-headset-assisting-customers_482257-125962.jpg"
            imageAlt="Kontak AIO Store"
            buttonText="Kirim Pesan"
            inputs={[
              { name: "name", type: "text", placeholder: "Nama Lengkap", required: true },
              { name: "email", type: "email", placeholder: "Email", required: true },
              { name: "phone", type: "tel", placeholder: "Nomor WhatsApp" },
            ]}
            multiSelect={{
              name: "service",              label: "Pilih Kategori",              options: ["Smartphone", "Peralatan Rumah", "Audio/Video", "Gaming"],
            }}
            textarea={{ name: "message", placeholder: "Pertanyaan atau pesanan Anda...", rows: 4, required: true }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Produk",                items: [{ label: "Smartphone", href: "#services" }, { label: "Elektronik Rumah", href: "#services" }],
              },
              {
                title: "Toko",                items: [{ label: "Tentang Kami", href: "#about" }, { label: "Kontak", href: "#contact" }],
              },
              {
                title: "Kontak",                items: [{ label: "Jl. Cirebon Raya", href: "#" }, { label: "(0231) 123456", href: "tel:0231123456" }],
              },
            ]}
            bottomLeftText="© 2025 AIO Store Cirebon"
            bottomRightText="Elektronik Termurah"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}