"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { CheckCircle, Award, Zap, Phone } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "الرئيسية",          id: "hero"},
        {
          name: "المنتجات",          id: "products"},
        {
          name: "لماذا نحن",          id: "features"},
        {
          name: "من نحن",          id: "about"},
        {
          name: "اتصل بنا",          id: "contact"},
      ]}
      brandName="JMR"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="الوكيل المعتمد | JMR"
      description="وجهتك الأولى للجوالات وملحقاتها بالجملة بجودة مضمونة وأسعار منافسة."
      buttons={[
        {
          text: "تصفح المنتجات",          href: "#products"},
        {
          text: "تواصل معنا",          href: "#contact"},
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg", imageAlt: "modern electronics retail display" },
        { imageSrc: "http://img.b2bpic.net/free-photo/people-connected-social-media_23-2149160253.jpg", imageAlt: "smartphone collection luxury display" },
        { imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880966.jpg", imageAlt: "electronic accessory wholesale inventory" },
        { imageSrc: "http://img.b2bpic.net/free-photo/supermarket-trolleys-gift-boxes_23-2148663146.jpg", imageAlt: "mobile accessory retail photography" },
        { imageSrc: "http://img.b2bpic.net/free-photo/travel-summer-accessories-blue-wood_1249-586.jpg", imageAlt: "modern electronics wholesale warehouse" },
        { imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-1067.jpg", imageAlt: "premium retail store interior" },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", brand: "Apple", name: "iPhone 15 Pro", price: "طلب سعر", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437095.jpg" },
        { id: "p2", brand: "Samsung", name: "Galaxy S24 Ultra", price: "طلب سعر", rating: 5, reviewCount: "420", imageSrc: "http://img.b2bpic.net/free-photo/abstract-stage-with-platforms-neon-lights_23-2151978850.jpg" },
        { id: "p3", brand: "Anker", name: "Fast Charger 65W", price: "طلب سعر", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg" },
        { id: "p4", brand: "Oraimo", name: "Wireless Earbuds", price: "طلب سعر", rating: 4, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg" },
        { id: "p5", brand: "Xiaomi", name: "Power Bank 20000mAh", price: "طلب سعر", rating: 5, reviewCount: "560", imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128466.jpg" },
        { id: "p6", brand: "JMR", name: "Data Cables Type-C", price: "طلب سعر", rating: 5, reviewCount: "1200", imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-blue-background_58702-4578.jpg" },
      ]}
      title="أحدث المنتجات"
      description="استعرض مجموعتنا الواسعة من الجوالات والملحقات بأفضل أسعار الجملة."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "جودة مضمونة", description: "منتجات أصلية بنسبة 100%.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg", imageAlt: "Minimalist tech setup" },
        { title: "أسعار منافسة", description: "أفضل سعر للجملة في السوق.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg", imageAlt: "Desk gadgets" },
        { title: "شحن سريع", description: "توصيل سريع لجميع المناطق.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/people-connected-social-media_23-2149160253.jpg", imageAlt: "Social media connection" },
        { title: "خدمة عملاء احترافية", description: "دعم مستمر للتجار.", buttonIcon: Phone, imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880966.jpg", imageAlt: "Repairing chips" },
      ]}
      title="لماذا نحن"
      description="نحن نضمن لك أفضل تجربة في تجارة الجملة."
    />
  </div>

  <div id="brands" data-section="brands">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["Samsung", "Apple", "Xiaomi", "Anker", "Oraimo", "Huawei", "Google"]}
      title="علامات تجارية نثق بها"
      description="نوفر لك أفضل ما تنتجه الشركات العالمية."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="من نحن"
      description="الوكيل المعتمد JMR متجر متخصص في بيع الجوالات وملحقاتها بالجملة، نسعى لتوفير منتجات عالية الجودة بأسعار مناسبة مع خدمة احترافية تلبي احتياجات التجار والعملاء."
      imageSrc="http://img.b2bpic.net/free-photo/store-consultant-presenting-multiple-shirts-woman-client-chopping-center_482257-103867.jpg"
      imageAlt="business team in retail office"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="تواصل الآن"
      title="اتصل بنا"
      description="نحن هنا لمساعدتك وتلبية احتياجات محلك التجاري."
      imageSrc="http://img.b2bpic.net/free-photo/elegant-man-with-smartphone_1134-541.jpg"
      imageAlt="professional customer support desk"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#products" }] },
        { items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الخدمة", href: "#" }] },
      ]}
      logoText="الوكيل المعتمد | JMR"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
