// Sections A: Header, Hero, Social Proof, Problem, Solution const { useState, useEffect, useRef } = React; // Reusable: scroll reveal function useReveal() { const ref = useRef(null); useEffect(() => { if (!ref.current) return; const el = ref.current; const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { el.classList.add('in'); io.unobserve(el); } }); }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return ref; } window.useReveal = useReveal; // Logo component function Logo({ size = 22 }) { return ( إنكي إنكي ); } window.Logo = Logo; function StoreBtn({ kind }) { const isApple = kind === 'apple'; return ( ); } window.StoreBtn = StoreBtn; // 1. Header function Header() { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const on = () => setScrolled(window.scrollY > 24); on(); window.addEventListener('scroll', on, { passive: true }); return () => window.removeEventListener('scroll', on); }, []); const links = [ ['#home', 'الرئيسية'], ['#how', 'شلون يشتغل'], ['#features', 'المميزات'], ['#testimonials', 'آراء الطلاب'], ['#pricing', 'الخطط والأسعار'], ['#faq', 'الأسئلة الشائعة'], ]; return ( <>
ابدأ هسه
{links.map(([h, l]) => setMenuOpen(false)}>{l})} setMenuOpen(false)}>ابدأ هسه
); } window.Header = Header; // Phone mockup function PhoneMockup() { return ( ); } function PhoneInterior() { return (
إنكي
خطة اليوم
3 مواد، 5 كويزات
%72 منجز اليوم
اختبار سريع
10 أسئلة
مستواك
متوسط — يتحسّن
اقتراح إنكي
راجع الفصل الثالث بالفيزياء — نقاط ضعفك بالحركة.
ابدأ خطة اليوم
); } // 2. Hero function Hero() { return (
رفيقك الذكي بالدراسة • صُمم للعراق

إنكي… رفيقك الذكي
بالدراسة

ادرس بطريقة أسهل، سوّي اختبارات تكيفية، وخلي إنكي يبنيلك خطة دراسة تناسب مستواك ويشرحلك بأمثلة من الأشياء اللي تحبها.

ابدأ رحلتك شوف شلون يشتغل
مناسب للطلاب بالعراق• تجربة سهلة• مدعوم بالذكاء الاصطناعي
التطبيق قريباً على iOS و Android
); } window.Hero = Hero; // 3. Social proof function SocialProof() { const ref = useReveal(); const stats = [ { num: '4.8/5', lbl: 'تقييم الطلاب', stars: true }, { num: '+10,000', lbl: 'طالب بدأ ويا إنكي' }, { num: '+50,000', lbl: 'اختبار مكتمل' }, { num: '95%', lbl: 'حسّوا بتنظيم أكثر بدراستهم' }, ]; return (

طلاب هواية بدوا يدرسون أذكى ويا إنكي

{stats.map((s, i) => (
{s.stars &&
★★★★★
}
{s.num}
{s.lbl}
))}
); } window.SocialProof = SocialProof; // 4. Problem function Problem() { const ref = useReveal(); const items = [ { t: 'ما تعرف منين تبدي', d: 'المواد هواية وكل يوم تحس البداية أصعب.', ic: Ic.Compass }, { t: 'الوقت يضيع بسرعة', d: 'تدرس ساعات بس ما تعرف إذا دي تتقدم فعلاً.', ic: Ic.Clock }, { t: 'ماكو خطة واضحة', d: 'بدون جدول ومتابعة، الدراسة تصير عشوائية.', ic: Ic.Map }, ]; return (
المشكلة

الدراسة مرات تصير فوضى

ملازم، محاضرات، امتحانات، وقت قليل… وبالنهاية ما تعرف منين تبدي. إنكي يرتبلك الطريق ويخليك تعرف شنو تدرس وهسه شنو تسوي.

{items.map((it, i) => (

{it.t}

{it.d}

))}
); } window.Problem = Problem; // 5. Solution function Solution() { const ref = useReveal(); const items = [ { t: 'معلم ذكي', d: 'اسأل، افهم، وراجع المواضيع بطريقة بسيطة وواضحة.', ic: Ic.Brain }, { t: 'اختبارات تكيفية', d: 'الأسئلة تتغير حسب مستواك حتى تتطور أسرع.', ic: Ic.Target }, { t: 'خطة مخصصة', d: 'خطة دراسة مبنية عليك، مو نسخة وحدة لكل الطلاب.', ic: Ic.Map }, { t: 'شرح على مزاجك', d: 'إنكي يشرحلك بأمثلة من الأشياء اللي تحبها: أفلام، رياضة، طبخ، ألعاب، وأكثر.', ic: Ic.Sparkles }, ]; return (
الحل

إنكي يخلي كلشي أوضح

بدل ما تدرس عشوائي، إنكي يفهم مستواك ويساعدك بخطة واختبارات وتوجيهات تخليك تمشي خطوة بخطوة.

{items.map((it, i) => (

{it.t}

{it.d}

))}
); } window.Solution = Solution;