"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Features",          id: "features"},
        {
          name: "Products",          id: "products"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Islamic Style"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars"}}
      title="আপনার স্টাইল ও ইবাদতের জন্য সেরা সঙ্গী"
      description="মানসম্মত ও স্টাইলিশ ইসলামিক পোশাক ও এক্সেসরিজের নির্ভরযোগ্য সংগ্রহ এখন আমাদের স্টোরে। গুণগত মানই আমাদের গর্ব।"
      testimonials={[
        {
          name: "রহিম আহমেদ",          handle: "@rahim",          testimonial: "খুবই মানসম্মত প্রোডাক্ট, আমি নিয়মিত এখান থেকে কিনি।",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-hijab_23-2149226585.jpg"},
        {
          name: "ফাতেমা জান্নাত",          handle: "@fatema",          testimonial: "তাদের হিজাব কালেকশন সত্যিই অসাধারণ ও আরামদায়ক।",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-islamic-woman-shopping-clothes_23-2151064071.jpg"},
        {
          name: "মইনুল ইসলাম",          handle: "@moin",          testimonial: "নামাজ মোসলাটা অনেক সফট এবং বহনযোগ্য।",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149522155.jpg"},
        {
          name: "আয়েশা খাতুন",          handle: "@ayesha",          testimonial: "দ্রুত সার্ভিস এবং কোয়ালিটিও ভালো।",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-heels_23-2149741919.jpg"},
        {
          name: "সালাহউদ্দিন",          handle: "@salah",          testimonial: "টুপির ডিজাইনগুলো দারুণ এবং দীর্ঘস্থায়ী।",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-listening-music-headphones_23-2148201799.jpg"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-wearing-hijab_23-2149288896.jpg"
      imageAlt="Islamic fashion store"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tongue-out_23-2149226588.jpg",          alt: "User 1"},
        {
          src: "http://img.b2bpic.net/free-photo/seriouslooking-bossy-focused-intense-young-female-office-worker-cross-arms-chest-defensive-c_1258-131415.jpg",          alt: "User 2"},
        {
          src: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-outdoors-front-view_23-2149870337.jpg",          alt: "User 3"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-man-enjoying-snow_23-2148320491.jpg",          alt: "User 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-tranquil-pensive-male-head-wrap-staring-into-distance_259150-57794.jpg",          alt: "User 5"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "১০০% প্রিমিয়াম কোয়ালিটি"},
        {
          type: "text",          text: "দ্রুত ডেলিভারি"},
        {
          type: "text",          text: "সন্তুষ্ট গ্রাহক"},
        {
          type: "text",          text: "সাশ্রয়ী মূল্য"},
        {
          type: "text",          text: "নিশ্চিত রিটার্ন পলিসি"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "ট্রেন্ডি হিজাব",          description: "সফট, আরামদায়ক ও ট্রেন্ডি ডিজাইনের হিজাব কালেকশন।",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-hijab_23-2149226590.jpg",          imageAlt: "Hijab collection"},
        {
          title: "টুপি ও এক্সেসরিজ",          description: "দৈনন্দিন নামাজ ও ব্যবহারের জন্য সেরা টুপি।",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-raising-hands-with-joy-white-t-shirt-floral-shirt-cap-looking-happy-front-view_176474-61397.jpg",          imageAlt: "Cap and topi"},
        {
          title: "নামাজ মোসলা",          description: "নরম, টেকসই ও সহজে বহনযোগ্য মোসলা।",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-place-with-mat-praying_23-2151112541.jpg",          imageAlt: "Prayer mat"},
      ]}
      title="কেন আমাদের নির্বাচন করবেন?"
      description="আমরা বিশ্বাস করি গুণগত মান ও গ্রাহক সন্তুষ্টিতেই আমাদের সফলতা।"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "স্টাইলিশ হিজাব",          price: "৪৯০ টাকা",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headscarf-sunglasses_1122-1181.jpg"},
        {
          id: "p2",          name: "নামাজ টুপি",          price: "১৫০ টাকা",          imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582319.jpg"},
        {
          id: "p3",          name: "নরম মোসলা",          price: "৮৫০ টাকা",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-islamic-arch-motif_23-2151112571.jpg"},
        {
          id: "p4",          name: "ফরমাল বেল্ট",          price: "৫৫০ টাকা",          imageSrc: "http://img.b2bpic.net/free-photo/male-designer-leather-tailor-working-factory-close-up_1303-26309.jpg"},
        {
          id: "p5",          name: "প্রিমিয়াম হিজাব",          price: "৬৫০ টাকা",          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-hijab-city-street_285396-11079.jpg"},
        {
          id: "p6",          name: "লেদার এক্সেসরিজ",          price: "৭০০ টাকা",          imageSrc: "http://img.b2bpic.net/free-photo/teen-using-cell-phone-young-blond-woman-talk-smartphone-while-walking-city-street_231208-5669.jpg"},
      ]}
      title="আমাদের পণ্যসমূহ"
      description="আমাদের স্টোরের কিছু চমৎকার কালেকশন দেখুন।"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      title="আপনার জিজ্ঞাসাসমূহ"
      description="আমাদের পণ্য ও সেবা সম্পর্কে কিছু সাধারণ জিজ্ঞাসা।"
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "f1",          title: "পণ্যগুলো কি প্রিমিয়াম কোয়ালিটি?",          content: "হ্যাঁ, আমরা শুধুমাত্র সেরা মানসম্মত পণ্য নির্বাচন করি।"},
        {
          id: "f2",          title: "ডেলিভারি কতদিন সময় নেয়?",          content: "সাধারণত ২-৩ কার্যদিবসের মধ্যে ডেলিভারি সম্পন্ন হয়।"},
        {
          id: "f3",          title: "আমি কি পণ্য পরিবর্তন করতে পারব?",          content: "অবশ্যই, আমাদের রিটার্ন পলিসি অনুযায়ী আপনি পণ্য পরিবর্তন করতে পারেন।"},
        {
          id: "f4",          title: "পেমেন্ট মেথড কী কী আছে?",          content: "আমরা ক্যাশ অন ডেলিভারি এবং অনলাইন পেমেন্ট সুবিধা দেই।"},
        {
          id: "f5",          title: "আপনারা কি হোলসেল করেন?",          content: "হ্যাঁ, নির্দিষ্ট পরিমাণে কেনাকাটায় আমরা পাইকারি সুবিধাও দিই।"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="সরাসরি যোগাযোগ"
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="আমাদের দোকানে আসুন"
      description="📍 সরাসরি আমাদের স্টোরে এসে পণ্য দেখে কিনুন। আমরা আপনার অপেক্ষায় আছি।"
      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-talking-smartphone_72229-272.jpg"
      mediaAnimation="slide-up"
      buttonText="আমাদের লোকেশন"
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "আমাদের সম্পর্কে",          items: [
            {
              label: "আমাদের লক্ষ্য",              href: "#"},
            {
              label: "যোগাযোগ",              href: "#contact"},
          ],
        },
        {
          title: "পণ্য",          items: [
            {
              label: "হিজাব",              href: "#"},
            {
              label: "টুপি",              href: "#"},
            {
              label: "মোসলা",              href: "#"},
          ],
        },
        {
          title: "আইনি",          items: [
            {
              label: "প্রাইভেসি",              href: "#"},
            {
              label: "শর্তাবলী",              href: "#"},
          ],
        },
      ]}
      logoText="Islamic Style"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}