"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import { BookOpen, Download, GraduationCap, Play, Search, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "كيف تعمل",
          id: "#how-it-works",
        },
        {
          name: "الميزات",
          id: "#features",
        },
        {
          name: "الرحلة الدراسية",
          id: "#student-journey",
        },
        {
          name: "لمن",
          id: "#who-is-it-for",
        },
        {
          name: "فوائد",
          id: "#benefits",
        },
        {
          name: "ابدأ الآن",
          id: "#cta",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo-design_23-2149667306.jpg"
      logoAlt="UinBooks Logo"
      brandName="UinBooks"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="UinBooks"
      description="كل ملفاتك الجامعية، الملازم، المحاضرات، الفيديوهات، والملخصات في مكان واحد، مع مساعد ذكاء اصطناعي يساعدك تفهم وتدرس أسرع."
      buttons={[
        {
          text: "ابدأ الآن",
          href: "#",
        },
        {
          text: "استكشف المنصة",
          href: "#features",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150103.jpg?_wi=1",
          imageAlt: "ذكاء اصطناعي",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-apple_23-2151800383.jpg?_wi=1",
          imageAlt: "فيديو محاضرات",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-boy-reading-armchair_23-2150797734.jpg?_wi=1",
          imageAlt: "كتب ومستندات",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-book-still-life_52683-110305.jpg",
          imageAlt: "ملفات مرفوعة",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/school-items-assortment-high-angle_23-2149000296.jpg",
          imageAlt: "ملخصات واختبارات",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-exchange-money-with-graduation-cap_107791-17628.jpg",
          imageAlt: "تخرج ونجاح",
        },
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "اختار جامعتك وكليتك",
          description: "حدد الجامعة، الكلية، القسم، والمرحلة حتى تظهر لك الملفات المناسبة.",
          icon: GraduationCap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952370.jpg",
              imageAlt: "Select University",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-high-school-logo-design_23-2149667306.jpg",
          imageAlt: "select university online",
        },
        {
          title: "ابحث عن المادة",
          description: "اكتب اسم المادة أو الدكتور أو نوع الملف مثل ملزمة، كتاب، محاضرة، أسئلة.",
          icon: Search,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/students-doing-homework-park_53876-42624.jpg",
              imageAlt: "Search Subject",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150103.jpg?_wi=2",
          imageAlt: "select university online",
        },
        {
          title: "افتح أو حمل الملف",
          description: "شاهد الملفات مباشرة أو حملها بصيغة PDF و DOC و MP4.",
          icon: Download,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/african-american-medic-sharing-his-feelings-green-screen_482257-119702.jpg",
              imageAlt: "Open Download File",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-apple_23-2151800383.jpg?_wi=2",
          imageAlt: "select university online",
        },
        {
          title: "استخدم المساعد الذكي",
          description: "لخص الملف، اشرح المحاضرة، طلع أسئلة، أو اسأل عن أي جزء ما فهمته.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/internet-library-online-education-concept_107791-15685.jpg",
              imageAlt: "Use AI Assistant",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-boy-reading-armchair_23-2150797734.jpg?_wi=2",
          imageAlt: "select university online",
        },
      ]}
      title="شلون تستخدم يونيبوكس؟"
      description="تعلم كيف تستفيد من يونيبوكس بخطوات بسيطة وواضحة، لتجربة دراسية سلسة وفعّالة."
    />
  </div>

  <div id="features" data-section="features">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "f1",
          name: "مكتبة ملفات جامعية",
          price: "ملازم، كتب، محاضرات، أسئلة، ملخصات، وملفات قابلة للطباعة.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-books-textbook-stack-pencil-pen_107791-14902.jpg",
          imageAlt: "University Files Library",
        },
        {
          id: "f2",
          name: "مساعد AI للدراسة",
          price: "يشرح، يلخص، يجاوب، ويحول المحتوى إلى أسئلة.",
          imageSrc: "http://img.b2bpic.net/free-photo/robot-with-books_1048-4551.jpg",
          imageAlt: "AI Study Assistant",
        },
        {
          id: "f3",
          name: "محاضرات فيديو",
          price: "تنظيم ومشاهدة محاضرات MP4 حسب الجامعة والمادة.",
          imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg",
          imageAlt: "Video Lectures",
        },
        {
          id: "f4",
          name: "رفع ومشاركة الملفات",
          price: "الطلاب يرفعون الملفات حتى يستفيد باقي الطلاب.",
          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-businesswomen-group-meeting_1157-47731.jpg",
          imageAlt: "Upload and Share Files",
        },
        {
          id: "f5",
          name: "بحث ذكي",
          price: "بحث سريع حسب الجامعة، الكلية، المادة، النوع، والمرحلة.",
          imageSrc: "http://img.b2bpic.net/free-photo/library-young-girl-student-using-her-laptop-library_1150-9079.jpg",
          imageAlt: "Smart Search",
        },
        {
          id: "f6",
          name: "ملخصات واختبارات",
          price: "إنشاء ملخصات وأسئلة مراجعة من الملفات والمحاضرات.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-business-technology-communication_273609-6340.jpg",
          imageAlt: "Summaries and Quizzes",
        },
      ]}
      title="كل أدوات الدراسة بمكان واحد"
      description="يونيبوكس يوفر لك كل ما تحتاجه للتميز الأكاديمي، من المكتبة الرقمية إلى المساعد الذكي."
    />
  </div>

  <div id="colorful-showcase" data-section="colorful-showcase">
      <AboutMetric
      useInvertedBackground={false}
      title="تجربة أكاديمية متكاملة بألوان مشرقة"
      metrics={[
        {
          icon: Sparkles,
          label: "مساعد ذكي يفهم محاضراتك",
          value: "اسأل المساعد عن أي ملف، خليه يلخص، يشرح، أو يرتب لك خطة دراسة.",
        },
        {
          icon: Play,
          label: "محاضرات فيديو مرتبة",
          value: "ارفع أو شاهد محاضرات الفيديو حسب المادة والمرحلة بدون ضياع.",
        },
        {
          icon: BookOpen,
          label: "كتب وملازم جامعية",
          value: "كل الكتب والملازم المهمة للطلاب في مكتبة منظمة وسهلة البحث.",
        },
        {
          icon: Star,
          label: "ملخصات واختبارات جاهزة",
          value: "حوّل أي ملف إلى ملخص واضح وأسئلة مراجعة تساعدك قبل الامتحان.",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="student-journey" data-section="student-journey">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="من أول يوم دراسة إلى يوم الامتحان"
      tag="رحلتك مع يونيبوكس"
      metrics={[
        {
          id: "j1",
          value: "تجمع مصادر المادة",
          description: "ابدأ بجمع كل الملفات والملازم والفيديوهات اللازمة لمادتك.",
        },
        {
          id: "j2",
          value: "تتابع المحاضرات",
          description: "شاهد محاضراتك المنظمة حسب الجامعة والكلية والمرحلة.",
        },
        {
          id: "j3",
          value: "تلخص الملفات",
          description: "استخدم أدوات التلخيص الذكية لتحويل المحاضرات إلى نقاط رئيسية.",
        },
        {
          id: "j4",
          value: "تسأل المساعد الذكي",
          description: "احصل على شروحات مفصلة وإجابات لأسئلتك الصعبة فوراً.",
        },
        {
          id: "j5",
          value: "تراجع بأسئلة واختبارات",
          description: "راجع معلوماتك واختبر فهمك من خلال أسئلة مراجعة شاملة.",
        },
        {
          id: "j6",
          value: "تدخل الامتحان وأنت مرتب",
          description: "انطلق لامتحانك بثقة تامة، مستعداً ومنظماً بالكامل.",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="platform-preview" data-section="platform-preview">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "شريط البحث الذكي",
        "مرشحات المواد",
        "بطاقات الملفات المنظمة",
        "المساعد الذكي العائم",
        "زر رفع الملفات",
      ]}
      title="واجهة بسيطة لطلاب الجامعات العراقية"
      description="تصميم يونيبوكس يركز على سهولة الاستخدام والوصول السريع لكل أدواتك الدراسية."
    />
  </div>

  <div id="who-is-it-for" data-section="who-is-it-for">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "طلاب المرحلة الأولى",
          role: "لمساعدتهم في التكيف مع البيئة الأكاديمية الجديدة والعثور على مصادرهم.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-funny_1298-344.jpg",
          imageAlt: "First-year student",
        },
        {
          id: "t2",
          name: "طلاب المراحل المتقدمة",
          role: "لتمكينهم من تنظيم ملفاتهم المعقدة، ومتابعة المحاضرات البحثية، والتحضير للاختبارات النهائية.",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-78641.jpg",
          imageAlt: "Advanced-stage student",
        },
        {
          id: "t3",
          name: "أصحاب الملازم والملفات",
          role: "الطلاب الذين يرغبون في مشاركة ملاحظاتهم، ملخصاتهم، وأوراقهم البحثية مع زملائهم لتعم الفائدة.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-female-teacher-education-day_23-2150980020.jpg",
          imageAlt: "File sharer student",
        },
        {
          id: "t4",
          name: "المدرسين والمحاضرين",
          role: "لرفع محاضراتهم وموادهم الدراسية لطلابهم، وتسهيل عملية الوصول إليها في أي وقت.",
          imageSrc: "http://img.b2bpic.net/free-vector/round-education-icons_1284-801.jpg",
          imageAlt: "Lecturer",
        },
        {
          id: "t5",
          name: "الكليات العلمية والإنسانية",
          role: "منصة شاملة تدعم كافة التخصصات، من الهندسة والطب إلى الآداب والإدارة، مما يوفر مصادر متنوعة.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-using-tablet-video-call_74855-1977.jpg",
          imageAlt: "All faculties student",
        },
      ]}
      title="مصمم لطلاب الجامعات العراقية"
      description="يونيبوكس لكل من يسعى للتميز في مسيرته الأكاديمية."
    />
  </div>

  <div id="benefits" data-section="benefits">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "b1",
          title: "يقلل ضياع الملفات بين القنوات والكروبات",
          content: "يجمع كل ملفاتك في مكان مركزي واحد، مما ينهي فوضى البحث بين قنوات التواصل المتعددة.",
        },
        {
          id: "b2",
          title: "يجمع مصادر الدراسة بمكان واحد",
          content: "كل ما تحتاجه للدراسة - محاضرات، كتب، ملخصات، فيديوهات - متاح بسهولة ومنظم في مكتبة رقمية واحدة.",
        },
        {
          id: "b3",
          title: "يساعد الطالب يفهم مو بس يحمل",
          content: "بفضل المساعد الذكي، لا تقتصر الفائدة على تحميل الملفات، بل تمتد إلى فهم عميق وشامل للمحتوى.",
        },
        {
          id: "b4",
          title: "يوفر وقت البحث",
          content: "بواجهة بحث ذكية ومصنفة، يمكنك العثور على أي ملف تحتاجه في ثوانٍ معدودة.",
        },
        {
          id: "b5",
          title: "يخلي الملفات مرتبة حسب الجامعة والكلية والمادة",
          content: "تنظيم دقيق للملفات يضمن لك سهولة الوصول إليها حسب التفاصيل الأكاديمية الخاصة بك.",
        },
        {
          id: "b6",
          title: "يدعم الدراسة قبل الامتحانات",
          content: "يوفر لك أدوات مثل الملخصات والاختبارات المباشرة، مما يجعلك مستعداً تماماً لأي امتحان.",
        },
      ]}
      sideTitle="ليش يونيبوكس؟"
      sideDescription="نقدم لك تجربة دراسية لا مثيل لها، تخلصك من الفوضى وتزيد من فعاليتك الأكاديمية."
      faqsAnimation="slide-up"
      textPosition="right"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactSplitForm
      useInvertedBackground={false}
      title="ابدأ دراستك بطريقة أذكى"
      description="ادخل إلى يونيبوكس، اختار جامعتك، وابحث عن ملفاتك ومحاضراتك خلال ثواني."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "الاسم",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "البريد الإلكتروني",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-103875.jpg"
      imageAlt="Academic background with floating books and AI robot"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="ابدأ الآن"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="UinBooks"
      columns={[
        {
          title: "المنصة",
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "الميزات",
              href: "#features",
            },
            {
              label: "طريقة الاستخدام",
              href: "#how-it-works",
            },
          ],
        },
        {
          title: "الدعم",
          items: [
            {
              label: "الملفات",
              href: "#",
            },
            {
              label: "المساعد الذكي",
              href: "#colorful-showcase",
            },
            {
              label: "تواصل معنا",
              href: "#cta",
            },
          ],
        },
        {
          title: "قانوني",
          items: [
            {
              label: "سياسة الخصوصية",
              href: "#",
            },
            {
              label: "شروط الخدمة",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 UinBooks. جميع الحقوق محفوظة."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
