"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "الرئيسية",          id: "hero"},
        {
          name: "قبل وبعد",          id: "before-after"},
        {
          name: "الفوائد",          id: "benefits"},
        {
          name: "البرامج",          id: "programs"},
        {
          name: "آراء المشتركات",          id: "testimonials"},
        {
          name: "الأسئلة الشائعة",          id: "faq"},
        {
          name: "تواصلي معنا",          id: "contact"}
      ]}
      brandName="Coach Noka"
      button={{
        text: "اشتركي الآن",        href: "#programs"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "plain"}}
      title="ابدئي رحلتك الصحية مع Coach Noka"
      description="أنظمة غذائية متوازنة تساعدك على تنظيم أكلك، تحسين عاداتك اليومية، والوصول لهدفك بطريقة صحية ومناسبة لنمط حياتك."
      tag="متابعة أونلاين • خطط غذائية مرنة • دعم وتحفيز مستمر"
      buttons={[
        {
          text: "اشتركي الآن",          href: "#programs"},
        {
          text: "شاهدي النتائج",          href: "#before-after"},
        {
          text: "تعرفي على البرامج",          href: "#programs"},
        {
          text: "واتساب",          href: "https://wa.me/9647859536314"}
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-woman-with-healthy-food-bowl_23-2147855473.jpg"
      imageAlt="Coach Noka helping a client with nutrition"
    />
  </div>

  <div id="before-after" data-section="before-after">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "مدة الالتزام: 8 أسابيع",          description: "الهدف: نزول وزن وتحسين نمط غذائي\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-active-disabled-woman-with-prosthetic-leg_23-2150520866.jpg",          imageAlt: "صورة قبل وبعد التنحيف لمشتركة"},
        {
          title: "مدة الالتزام: 12 أسبوعاً",          description: "الهدف: بناء عضلات وزيادة لياقة\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-with-sport-equipment_23-2149622993.jpg",          imageAlt: "صورة قبل وبعد لزيادة اللياقة"},
        {
          title: "مدة الالتزام: 6 أسابيع",          description: "الهدف: تحسين عادات غذائية\nملاحظة: النتائج تختلف حسب الجسم والالتزام ونمط الحياة",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-active-lady-sport-clothing-sitting-steps_651396-335.jpg",          imageAlt: "صورة قبل وبعد لتحسين العادات الغذائية"}
      ]}
      title="قبل وبعد التنحيف"
      description="شاهدي نتائج الالتزام بالأنظمة والمتابعة. النتائج تختلف حسب الجسم، الالتزام، ونمط الحياة."
    />
  </div>

  <div id="benefits" data-section="benefits">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "تنظيم الوجبات",          description: "نساعدك على تنظيم وجباتك لتناسب احتياجاتك اليومية.",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-meal-prep-containers-inside-refrigerator_123827-37545.jpg",          imageAlt: "صورة تنظيم الوجبات"},
        {
          title: "تحسين الطاقة",          description: "زيادة مستويات الطاقة لديك بفضل الغذاء الصحي والمتوازن.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-sportswoman-going-morning-walk-listening-music-earphones_637285-5529.jpg",          imageAlt: "صورة تحسين الطاقة"},
        {
          title: "دعم الصحة العامة",          description: "تعزيز صحتك العامة والوقاية من الأمراض المرتبطة بسوء التغذية.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pie-with-nuts-citrus-fruits-white-background-fruits-sweet-nut-cake-pie-biscuit_140725-99274.jpg",          imageAlt: "صورة دعم الصحة العامة"},
        {
          title: "تقليل العشوائية بالأكل",          description: "تعلم كيفية التحكم في الشهية وتجنب الأكل العشوائي.",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-food-showing-fit-fat-concept_23-2148193115.jpg",          imageAlt: "صورة تقليل العشوائية بالأكل"},
        {
          title: "بناء عادات صحية",          description: "اكتساب عادات غذائية مستدامة تدوم مدى الحياة.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-grapefruit-slices-lined-dark-background_140725-126098.jpg",          imageAlt: "صورة بناء عادات صحية"},
        {
          title: "متابعة وتحفيز",          description: "دعم مستمر وتحفيز للوصول إلى أهدافك الصحية.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-active-menopause_23-2149193325.jpg",          imageAlt: "صورة متابعة وتحفيز"}
      ]}
      title="ليش النظام الغذائي مهم؟"
      description="النظام الغذائي المتوازن يساعد على تحسين الطاقة اليومية، تنظيم الشهية، تقليل العشوائية بالأكل، بناء عادات صحية، والوصول لهدفك بطريقة أفضل."
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "برنامج نزول الوزن: خطة غذائية مرنة تساعدك على تقليل السعرات بطريقة صحية ومناسبة لروتينك.",          price: "المدة: مرنة",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-online-webpage-interface_53876-125090.jpg",          imageAlt: "صورة برنامج نزول الوزن"},
        {
          id: "2",          name: "برنامج تثبيت الوزن: مناسب بعد الوصول للهدف للحفاظ على النتائج بدون حرمان.",          price: "المدة: مرنة",          imageSrc: "http://img.b2bpic.net/free-photo/measuring-tape-amidst-fruits-salad_23-2147778469.jpg",          imageAlt: "صورة برنامج تثبيت الوزن"},
        {
          id: "3",          name: "برنامج زيادة الوزن الصحية: خطة غذائية مدروسة لزيادة الوزن بطريقة صحية ومتوازنة.",          price: "المدة: مرنة",          imageSrc: "http://img.b2bpic.net/free-photo/meal-planning-clipboard-food-assortment_23-2149099834.jpg",          imageAlt: "صورة برنامج زيادة الوزن الصحية"},
        {
          id: "4",          name: "برنامج تحسين العادات الغذائية: للي تريد ترتب أكلها وتتعلم شلون تاكل بطريقة أفضل.",          price: "المدة: مرنة",          imageSrc: "http://img.b2bpic.net/free-photo/human-hand-cutting-unhealthy-word-with-scissor-near-healthy-fruits_23-2148193105.jpg",          imageAlt: "صورة برنامج تحسين العادات الغذائية"}
      ]}
      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: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",          imageAlt: "صورة مشتركة سعيدة"},
        {
          id: "2",          name: "فاطمة أحمد",          role: "برنامج تثبيت الوزن",          company: "ساعدني على الحفاظ على وزني المثالي باستمرارية رائعة.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-rock-reading-book_23-2148139668.jpg",          imageAlt: "صورة مشتركة راضية"},
        {
          id: "3",          name: "ليلى خالد",          role: "برنامج تحسين عادات",          company: "تحسنت صحتي بشكل ملحوظ وأصبحت أنشط.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-practicing-yoga-meditation-desert_23-2150838482.jpg",          imageAlt: "صورة مشتركة بصحة جيدة"},
        {
          id: "4",          name: "نور علي",          role: "برنامج نزول الوزن",          company: "استعدت ثقتي بنفسي وأصبحت أكثر حيوية.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-posing-outdoors_23-2148804653.jpg",          imageAlt: "صورة مشتركة واثقة"},
        {
          id: "5",          name: "هدى محمود",          role: "برنامج زيادة الوزن",          company: "حققت توازنًا غذائيًا رائعًا واكتسبت وزنًا صحيًا.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-muslim-woman-wearing-hijab_23-2149123042.jpg",          imageAlt: "صورة مشتركة متوازنة"}
      ]}
      kpiItems={[
        {
          value: "95%",          label: "نجاح المشتركات"},
        {
          value: "100+",          label: "برامج شخصية"},
        {
          value: "5+",          label: "سنوات خبرة"}
      ]}
      title="آراء المشتركات"
      description="اكتشفي قصص نجاح مشتركاتنا الملهمة وكيف وصلن لأهدافهن الصحية مع برامج Coach Noka."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "هل النظام فيه حرمان؟",          content: "لا، أنظمتنا مصممة لتكون متوازنة ولا تعتمد على الحرمان، بل على خيارات صحية ومرونة تناسب نمط حياتك."},
        {
          id: "2",          title: "شكد مدة البرنامج؟",          content: "مدة البرنامج مرنة وتختلف حسب هدفك، التزامك، والبرنامج الذي تختارينه. تبدأ من 4 أسابيع ويمكن تمديدها."},
        {
          id: "3",          title: "هل الخطة حسب وزني وطولي؟",          content: "نعم، كل خطة يتم تصميمها بشكل شخصي بناءً على بياناتك الجسدية، هدفك، ومستوى نشاطك."},
        {
          id: "4",          title: "هل أكدر أختار عدد الوجبات؟",          content: "بالتأكيد، يمكنك تحديد عدد الوجبات المفضلة لديك وسنقوم بتصميم الخطة بما يتناسب مع روتينك."},
        {
          id: "5",          title: "شلون يتم التواصل؟",          content: "يتم التواصل والمتابعة بشكل رئيسي عبر الواتساب والتليجرام، لضمان دعم وتحفيز مستمر."},
        {
          id: "6",          title: "هل البرنامج مناسب للحالات الصحية؟",          content: "برامجنا تناسب معظم الحالات الصحية، ولكن في حال وجود حالات صحية خاصة، يفضل استشارة الطبيب قبل البدء."}
      ]}
      sideTitle="الأسئلة الشائعة"
      sideDescription="كل ما تحتاجين معرفته عن برامجنا وخدماتنا."
      faqsAnimation="slide-up"
      textPosition="right"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="تواصلي معنا"
      title="ابدئي رحلتك الآن"
      description="تواصلي معنا عبر واتساب، انستغرام، أو تليجرام لبدء رحلتك الصحية مع Coach Noka. نحن هنا لدعمك والإجابة على استفساراتك!"
      imageSrc="http://img.b2bpic.net/free-photo/woman-checking-laptop-eating-salad_23-2148238864.jpg"
      imageAlt="Coach Noka helping a client with nutrition"
      mediaAnimation="opacity"
      mediaPosition="left"
      buttonText="واتساب"
      onSubmit={(email) => { window.location.href = 'https://wa.me/9647859536314?text=طلب اشتراك جديد مع Coach Noka\nالاسم:\nالعمر:\nرقم الواتساب:\nمعرف التلكرام:\nالطول:\nالوزن الحالي:\nالوزن المطلوب:\nالهدف:\nمستوى النشاط:\nعدد الوجبات:\nالحساسية الغذائية:\nالحالة الصحية إن وجدت:\nالبرنامج المطلوب:\nالملاحظات:'; }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Coach Noka"
      leftLink={{
        text: "سياسة الخصوصية",        href: "#"}}
      rightLink={{
        text: "الشروط والأحكام",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
