"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 FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "الرئيسية",          id: "hero"},
        {
          name: "الأحذية",          id: "shoes"},
        {
          name: "الملابس الداخلية",          id: "clothes"},
        {
          name: "تواصل معنا",          id: "contact"},
      ]}
      brandName="مريم ستايل"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars"}}
      title="مريم ستايل للرجال"
      description="أناقة تليق بك. نوفر تشكيلة حصرية من الأحذية والملابس الداخلية الرجالية بأفضل الأسعار في بغداد."
      kpis={[
        {
          value: "1000+",          label: "عميل سعيد"},
        {
          value: "500+",          label: "منتج متنوع"},
        {
          value: "24/7",          label: "دعم واتساب"},
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",          alt: "Smiling handsome businessman"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",          alt: "Happy young man"},
        {
          src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",          alt: "Man winking"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",          alt: "Smiling black man in suit"},
        {
          src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",          alt: "Confident bearded man"},
      ]}
      avatarText="ينصح به 1000+ عميل"
      marqueeItems={[
        {
          type: "text",          text: "جودة عالية"},
        {
          type: "text",          text: "توصيل سريع"},
        {
          type: "text",          text: "أسعار تنافسية"},
        {
          type: "text",          text: "تصاميم عصرية"},
        {
          type: "text",          text: "راحة تامة"},
      ]}
    />
  </div>

  <div id="shoes" data-section="shoes">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "s1",          name: "حذاء رياضي",          price: "25,000 د.ع",          variant: "رياضي",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005709.jpg"},
        {
          id: "s2",          name: "حذاء رسمي",          price: "35,000 د.ع",          variant: "رسمي",          imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-concept-with-tools_23-2148510763.jpg"},
        {
          id: "s3",          name: "حذاء كاجوال",          price: "30,000 د.ع",          variant: "يومي",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-728.jpg"},
        {
          id: "s4",          name: "حذاء جلد",          price: "45,000 د.ع",          variant: "فاخر",          imageSrc: "http://img.b2bpic.net/free-photo/male-brown-footwear-close-up_1303-10300.jpg"},
        {
          id: "s5",          name: "حذاء جري",          price: "28,000 د.ع",          variant: "رياضي",          imageSrc: "http://img.b2bpic.net/free-photo/fitness-music-earphones-athlete-slim_1368-2618.jpg"},
        {
          id: "s6",          name: "حذاء موكاسين",          price: "32,000 د.ع",          variant: "رسمي",          imageSrc: "http://img.b2bpic.net/free-photo/flatlay-view-businessman-arranging-his-belongings_53876-139615.jpg"},
      ]}
      title="أحدث الأحذية"
      description="تشكيلة مختارة من أحذية الرياضة والرسمي."
    />
  </div>

  <div id="clothes" data-section="clothes">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "c1",          label: "تيشيرت",          title: "تيشيرت قطني",          items: [
            "قطن 100%",            "مريح للبشرة",            "ألوان متعددة"],
        },
        {
          id: "c2",          label: "سروال",          title: "سروال داخلي",          items: [
            "تصميم مريح",            "جودة عالية",            "متين"],
        },
        {
          id: "c3",          label: "طقم",          title: "طقم داخلي",          items: [
            "عرض خاص",            "خامة ممتازة",            "أنيق"],
        },
      ]}
      title="الملابس الداخلية"
      description="جودة عالية وراحة يومية."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "100+",          title: "موديل حذاء",          description: "تنوع واسع",          icon: CheckCircle,
        },
        {
          id: "m2",          value: "50+",          title: "نوع ملابس",          description: "خامات متنوعة",          icon: CheckCircle,
        },
        {
          id: "m3",          value: "5+",          title: "سنوات خبرة",          description: "في السوق",          icon: CheckCircle,
        },
      ]}
      title="أرقامنا"
      description="نحن فخورون بثقة عملائنا في بغداد."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "أحمد علي",          handle: "زبون دائم",          testimonial: "أفضل أحذية بأسعار مناسبة جداً.",          imageSrc: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg"},
        {
          id: "t2",          name: "محمد حسن",          handle: "متسوق",          testimonial: "الخامات في الملابس الداخلية ممتازة.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-brunette-woman-reading-mobile-phone-sitting-home-using-smartphone_1258-199777.jpg"},
        {
          id: "t3",          name: "ياسر إبراهيم",          handle: "زبون",          testimonial: "تعامل راقٍ وتوصيل سريع.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg"},
        {
          id: "t4",          name: "سيف الدين",          handle: "زبون",          testimonial: "أحذية مريحة جداً للاستخدام اليومي.",          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-coffee-looking-camera_23-2148316522.jpg"},
        {
          id: "t5",          name: "حسن محمود",          handle: "زبون",          testimonial: "متجر رائع وخدمة متميزة.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-cheeky-man-with-gray-hair-winking-pointing-fingers-camera-praising-you-we_1258-137698.jpg"},
      ]}
      title="آراء عملائنا"
      description="ماذا يقول زبائن مريم ستايل."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "هل يوجد توصيل للمحافظات؟",          content: "نعم، نوفر توصيل لجميع المحافظات."},
        {
          id: "f2",          title: "ما هي طرق الدفع المتاحة؟",          content: "نوفر الدفع عند الاستلام."},
        {
          id: "f3",          title: "كيف أستبدل القطع؟",          content: "يمكن استبدال القطع خلال 3 أيام."},
      ]}
      title="أسئلة شائعة"
      description="نحن هنا للإجابة على تساؤلاتكم."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="تواصل معنا"
      title="مريم ستايل في الزعفرانية"
      description="تفضل بزيارتنا في أسواق مريم، أو راسلنا عبر واتساب."
      mediaPosition="right"
      inputPlaceholder="أدخل بريدك الإلكتروني"
      buttonText="إرسال"
      imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="مريم ستايل"
      leftLink={{
        text: "سياسة الخصوصية",        href: "#"}}
      rightLink={{
        text: "© 2026 جميع الحقوق محفوظة",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
