"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "منتجاتنا",
          id: "#products",
        },
        {
          name: "قصتنا",
          id: "#about",
        },
        {
          name: "اتصل بنا",
          id: "#contact",
        },
      ]}
      brandName="عسل الطبيعة"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      title="عسل نحل طبيعي، نقي ومن قلب الطبيعة"
      description="نقدم لكم أفخر أنواع العسل الطبيعي المستخرج بعناية فائقة لضمان الجودة والطعم الأصيل."
      testimonials={[
        {
          name: "أحمد علي",
          handle: "@ahmed",
          testimonial: "عسل ممتاز وطعمه أصيل جداً، شكراً لكم.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p43h8h",
        },
        {
          name: "سارة محمد",
          handle: "@sarah",
          testimonial: "أفضل تجربة شراء عسل طبيعي، الجودة مذهلة.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pbpz5u",
        },
        {
          name: "خالد حسن",
          handle: "@khaled",
          testimonial: "خدمة سريعة وعسل نقي 100%.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wrad3",
        },
        {
          name: "منال عمر",
          handle: "@manal",
          testimonial: "تجربة رائعة، سأعيد الطلب بالتأكيد.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn6zfr",
        },
        {
          name: "يوسف كامل",
          handle: "@youssef",
          testimonial: "طعم يأخذك لقلب الطبيعة.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q1ukeq",
        },
      ]}
      buttons={[
        {
          text: "تسوق الآن",
          href: "#products",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2q1mf6"
      mediaAnimation="slide-up"
      imageAlt="natural honey jar elegant"
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2q1mf6",
          alt: "happy customer healthy honey",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnynxh",
          alt: "woman enjoying natural honey",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oe8ud5",
          alt: "customer reviews honey jar",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wz22u",
          alt: "elderly man eating healthy honey",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p43h8h",
          alt: "young woman wellness honey",
        },
      ]}
      avatarText="انضم إلى أكثر من 10,000 عميل سعيد"
      marqueeItems={[
        {
          type: "text",
          text: "طبيعي 100%",
        },
        {
          type: "text",
          text: "بدون سكر مضاف",
        },
        {
          type: "text",
          text: "معتمد مخبرياً",
        },
        {
          type: "text",
          text: "جودة فاخرة",
        },
        {
          type: "text",
          text: "شحن سريع",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="قصتنا مع النحل"
      description="نحن نعمل مع النحالين المهرة لضمان وصول العسل من الخلية إلى مائدتك بأعلى معايير الجودة."
      metrics={[
        {
          value: "100%",
          title: "طبيعي",
        },
        {
          value: "20+",
          title: "نوع من العسل",
        },
        {
          value: "10k+",
          title: "عميل سعيد",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnynxh"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
      imageAlt="honey bees on honeycomb"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "حصاد يدوي",
          description: "يتم حصاد العسل بعناية فائقة وبطرق تقليدية تحافظ على فوائده.",
          phoneOne: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oe8ud5",
          },
          phoneTwo: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zno7a6",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2q1mf6",
          imageAlt: "pure raw organic honey",
        },
        {
          title: "بدون إضافات",
          description: "منتجاتنا طبيعية تماماً، خالية من أي مواد حافظة أو سكر إضافي.",
          phoneOne: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3l1bi",
          },
          phoneTwo: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjczas",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnynxh",
          imageAlt: "pure raw organic honey",
        },
        {
          title: "جودة مختبرة",
          description: "نخضع كافة منتجاتنا لاختبارات جودة صارمة لضمان النقاء.",
          phoneOne: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=628bup",
          },
          phoneTwo: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ly22pc",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wz22u",
          imageAlt: "pure raw organic honey",
        },
      ]}
      showStepNumbers={true}
      title="لماذا تختار عسلنا؟"
      description="نحن نهتم بأدق التفاصيل لتقديم منتج يفوق توقعاتك في كل قطرة."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "عسل",
          name: "عسل السدر",
          price: "150 ريال",
          rating: 5,
          reviewCount: "120",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wz22u",
        },
        {
          id: "2",
          brand: "عسل",
          name: "عسل الزهور",
          price: "120 ريال",
          rating: 5,
          reviewCount: "85",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6vkkn",
        },
        {
          id: "3",
          brand: "عسل",
          name: "عسل جبلي",
          price: "200 ريال",
          rating: 5,
          reviewCount: "95",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5s3nsd",
        },
        {
          id: "4",
          brand: "عسل",
          name: "عسل حبة البركة",
          price: "180 ريال",
          rating: 5,
          reviewCount: "110",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rzj0xo",
        },
        {
          id: "5",
          brand: "عسل",
          name: "عسل الحمضيات",
          price: "140 ريال",
          rating: 5,
          reviewCount: "70",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9d9up",
        },
        {
          id: "6",
          brand: "عسل",
          name: "عسل طلح",
          price: "220 ريال",
          rating: 5,
          reviewCount: "60",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ftmam",
        },
      ]}
      title="منتجاتنا المميزة"
      description="اكتشف مجموعة متنوعة من العسل الطبيعي الذي نقدمه لك بكل حب."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "أحمد",
          role: "عميل",
          company: "الرياض",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=upj5ni",
        },
        {
          id: "2",
          name: "سارة",
          role: "عميلة",
          company: "جدة",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v73jtv",
        },
        {
          id: "3",
          name: "خالد",
          role: "عميل",
          company: "الدمام",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldtepy",
        },
        {
          id: "4",
          name: "منال",
          role: "عميلة",
          company: "دبي",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8tbs7h",
        },
        {
          id: "5",
          name: "يوسف",
          role: "عميل",
          company: "الدوحة",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tew1vb",
        },
      ]}
      kpiItems={[
        {
          value: "100%",
          label: "رضا عملاء",
        },
        {
          value: "5k",
          label: "طلب سنوي",
        },
        {
          value: "50",
          label: "دولة",
        },
      ]}
      title="ماذا يقول عملاؤنا؟"
      description="آراء عملائنا هي الوقود الذي يحفزنا للاستمرار في تقديم الأفضل."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "5000+",
          title: "خلية نحل",
          description: "خلايا معتمدة وعناية فائقة",
          icon: Award,
        },
        {
          id: "2",
          value: "12",
          title: "سنوات خبرة",
          description: "خبرة طويلة في قطاع العسل",
          icon: Shield,
        },
        {
          id: "3",
          value: "99.9%",
          title: "نقاء العسل",
          description: "نتائج مختبرية مضمونة",
          icon: Zap,
        },
      ]}
      title="إنجازاتنا في أرقام"
      description="نسعى دائماً لتحقيق أرقام قياسية في رضاكم وفي جودة منتجاتنا."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "هل العسل طبيعي 100%؟",
          content: "نعم، عسلنا طبيعي ومستخرج من خلايا نحل في بيئات طبيعية.",
        },
        {
          id: "2",
          title: "كيف أحفظ العسل؟",
          content: "يُحفظ في مكان بارد وجاف بعيداً عن أشعة الشمس المباشرة.",
        },
        {
          id: "3",
          title: "هل يوجد شحن دولي؟",
          content: "نعم، نوفر خدمات الشحن الدولي لكافة دول العالم.",
        },
      ]}
      title="أسئلة شائعة"
      description="كل ما تريد معرفته عن عسلنا وطرق طلبه."
      faqsAnimation="slide-up"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2q1mf6"
      imageAlt="natural honey jar elegant"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="تواصل معنا"
      title="هل لديك استفسار؟"
      description="فريق خدمة العملاء جاهز للرد على كافة أسئلتك على مدار الساعة."
      buttons={[
        {
          text: "تواصل عبر الواتساب",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "منتجاتنا",
          items: [
            {
              label: "عسل السدر",
              href: "#",
            },
            {
              label: "عسل الزهور",
              href: "#",
            },
          ],
        },
        {
          title: "معلومات",
          items: [
            {
              label: "قصتنا",
              href: "#about",
            },
            {
              label: "الأسئلة الشائعة",
              href: "#faq",
            },
          ],
        },
      ]}
      bottomLeftText="جميع الحقوق محفوظة © 2024"
      bottomRightText="تصميم عسل الطبيعة"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
