"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Star, Lightbulb, Cog, Cloud, ShieldCheck, Mail } from 'lucide-react';

export default function LandingPageAR() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "الرئيسية", id: "/ar" },
              { name: "الرؤية", id: "/ar#vision-ar" },
              { name: "الخدمات", id: "/ar#services-ar" },
              { name: "المشاريع", id: "/ar#portfolio-ar" },
              { name: "العملاء", id: "/ar#clients-ar" },
              { name: "تواصل معنا", id: "/ar#contact-ar" }
            ]}
            brandName="Enkidu Soft"
            button={{
              text: "تواصل معنا",              href: "/ar#contact-ar"
            }}
            animateOnLoad={true}
          />
        </div>

        <div id="hero-ar" data-section="hero-ar">
          <HeroSplitDualMedia
            background={{ variant: "downward-rays-animated" }}
            title="التميز الهندسي يُقدم بموثوقية"
            description="تتعاون إنكيدو سوفت مع قادة المؤسسات لتصميم، بناء، وتوسيع حلول برمجية تحويلية. نجمع بين الانضباط الهندسي الصارم والرؤى العميقة للسوق لتحويل الرؤى الطموحة إلى منتجات جاهزة للسوق."
            tag="شريك مؤسسي موثوق به"
            tagIcon={Star}
            tagAnimation="slide-up"
            buttons={[{ text: "استكشف أعمالنا", href: "/ar#portfolio-ar" }]}
            buttonAnimation="slide-up"
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572158.jpg", imageAlt: "تدفق بيانات مجرد وآمن" },
              { imageSrc: "http://img.b2bpic.net/free-photo/string-optical-fiber-lights-blue_23-2148241319.jpg", imageAlt: "رف خوادم حديث مع أضواء زرقاء متوهجة" }
            ]}
            mediaAnimation="slide-up"
            rating={5}
            ratingText="تقييم 5/5 نجوم من قبل عملاء المؤسسات"
          />
        </div>

        <div id="vision-ar" data-section="vision-ar">
          <MediaAbout
            useInvertedBackground={true}
            title="رؤيتنا المؤسسية وفلسفتنا الهندسية"
            description="في إنكيدو سوفت، نلتزم بالصرامة الهندسية التي لا مثيل لها والنهج المرتكز على العميل. تتمحور فلسفتنا حول بناء حلول برمجية قوية، قابلة للتطوير، وآمنة تصمد أمام اختبار الزمن، وتمكن الشركات من تحقيق أهدافها الاستراتيجية بثقة وابتكار."
            tag="هندسة رؤيوية"
            tagIcon={Lightbulb}
            imageSrc="http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476132.jpg"
            imageAlt="تمثيل مجرد للرؤية المؤسسية والنمو الاستراتيجي"
          />
        </div>

        <div id="services-ar" data-section="services-ar">
          <FeatureCardTwentyFive
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                title: "هندسة أنظمة صارمة",                description: "تصميم أسس قوية وقابلة للتطوير وآمنة لتطبيقاتك الأكثر أهمية، مما يضمن الأداء والموثوقية على المدى الطويل.",                icon: Cog,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg", imageAlt: "محرر أكواد يظهر الهندسة الصارمة" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/dark-toy-constructions-designed-shaped-light-toy-plastic-rubics-cube_140725-32065.jpg", imageAlt: "تصميم معماري مجرد للبيانات" }
                ]
              },
              {
                title: "حلول سحابية قابلة للتطوير",                description: "الاستفادة من قوة تقنيات السحابة الأصلية لبناء تطبيقات مرنة، قابلة للتطوير، وفعالة من حيث التكلفة تنمو مع عملك.",                icon: Cloud,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-vector/social-media-elements-cloud-shape-flat-style_23-2147831271.jpg", imageAlt: "أيقونة تمثل بنية تحتية سحابية قابلة للتطوير" },
                  { imageSrc: "http://img.b2bpic.net/free-vector/business-people-planning-work-tasks-sample-text_74855-3807.jpg", imageAlt: "بيئة تطوير تعاونية" }
                ]
              },
              {
                title: "تطوير تطبيقات آمنة",                description: "تطبيق أفضل ممارسات وبروتوكولات الأمان الرائدة في الصناعة لحماية بياناتك وضمان سلامة أصول برمجياتك.",                icon: ShieldCheck,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-vector/mobile-phishing-landing-page_23-2148546599.jpg", imageAlt: "واجهة مستخدم تعرض تشفير بيانات آمن" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg", imageAlt: "تكامل سلس بين المنصات" }
                ]
              }
            ]}
            title="قدرات تطوير برمجيات نخبوية"
            description="نقدم خدمات تطوير برمجيات مخصصة شاملة، من التصميم المعماري الأولي إلى النشر المستمر. تمتد خبرتنا عبر تكامل الأنظمة المعقدة، حلول السحابة المتطورة، والتطبيقات عالية الأمان والقابلة للتطوير والمصممة لتلبية احتياجات عملك الفريدة."
          />
        </div>

        <div id="portfolio-ar" data-section="portfolio-ar">
          <ProductCardFour
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="bento-grid"
            useInvertedBackground={true}
            products={[
              { id: "p1", name: "جناح مالي للمؤسسات", price: "التقنية المالية", variant: "ويب، واجهة برمجة تطبيقات، سحابة", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "واجهة مستخدم لوحة تحكم مالية للمؤسسات" },
              { id: "p2", name: "منصة لوجستية في الوقت الفعلي", price: "سلسلة التوريد", variant: "جوال، ويب، إنترنت الأشياء", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762839.jpg", imageAlt: "واجهة مستخدم لتطبيق جوال لتتبع اللوجستيات في الوقت الفعلي" },
              { id: "p3", name: "نظام إدارة الرعاية الصحية", price: "تقنية صحية", variant: "بوابة ويب، سجلات طبية إلكترونية", imageSrc: "http://img.b2bpic.net/free-photo/licensed-specialist-examine-healthcare-records-laptop-x-ray-scan-results_482257-123295.jpg", imageAlt: "بوابة ويب لنظام إدارة الرعاية الصحية" },
              { id: "p4", name: "محرك تحليلات مدعوم بالذكاء الاصطناعي", price: "علم البيانات", variant: "ذكاء اصطناعي/تعلم آلي، بيانات ضخمة", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg", imageAlt: "واجهة مستخدم لمنصة تحليلات مدعومة بالذكاء الاصطناعي" },
              { id: "p5", name: "نظام إدارة خلفي للتجارة الإلكترونية العالمية", price: "تقنية التجزئة", variant: "واجهة برمجة تطبيقات، خدمات مصغرة", imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-concept-application_23-2148651947.jpg", imageAlt: "واجهة مستخدم لنظام إدارة خلفي للتجارة الإلكترونية" },
              { id: "p6", name: "منصة هوية البلوك تشين", price: "الأمن السيبراني", variant: "بلوك تشين، ويب 3", imageSrc: "http://img.b2bpic.net/free-vector/digital-privacy-personal-data-protection-set-four-horizontal-banners-with-isometric-icons-page-buttons_1284-62628.jpg", imageAlt: "واجهة مستخدم لمنصة التحقق من الهوية القائمة على البلوك تشين" }
            ]}
            title="مشاريعنا الرائدة وتأثيرها"
            description="اكتشف مجموعة مختارة من مشاريعنا التحويلية التي تبرهن على براعتنا التقنية والتأثير الملموس الذي نقدمه لعملاء المؤسسات. من المنصات المالية القوية إلى حلول الذكاء الاصطناعي الذكية، تعرض محفظتنا الابتكار والتميز الهندسي."
          />
        </div>

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

        <div id="contact-ar" data-section="contact-ar">
          <ContactCenter
            useInvertedBackground={true}
            background={{ variant: "radial-gradient" }}
            tag="تواصل معنا"
            title="حوّل رؤيتك إلى حقيقة"
            description="هل أنت مستعد لمناقشة مشروعك البرمجي الطموح التالي؟ املأ النموذج أدناه، وسيتواصل فريقنا الخبير معك لتحديد موعد استشارة واستكشاف كيف يمكن لإنكيدو سوفت تسريع نجاحك."
            tagIcon={Mail}
            tagAnimation="slide-up"
            inputPlaceholder="بريدك الإلكتروني للعمل"
            buttonText="ابدأ مشروعًا"
            termsText="بالضغط على 'ابدأ مشروعًا'، فإنك تؤكد موافقتك على سياسة الخصوصية وشروط الخدمة لدينا."
          />
        </div>

        <div id="footer-ar" data-section="footer-ar">
          <FooterLogoEmphasis
            logoSrc="http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-10830.jpg"
            logoAlt="شعار إنكيدو سوفت"
            columns={[
              { items: [{ label: "الرئيسية", href: "/ar" }, { label: "الرؤية", href: "/ar#vision-ar" }, { label: "الخدمات", href: "/ar#services-ar" }] },
              { items: [{ label: "المشاريع", href: "/ar#portfolio-ar" }, { label: "العملاء", href: "/ar#clients-ar" }, { label: "اتصل بنا", href: "/ar#contact-ar" }] },
              { items: [{ label: "سياسة الخصوصية", href: "/ar/privacy" }, { label: "شروط الخدمة", href: "/ar/terms" }] }
            ]}
            logoText="التميز الهندسي، يُقدم بموثوقية."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
