/* === Page-level components === */ // === Mobile nav dropdown === const MobileNavDropdown = ({ label, icon, items, route, onSelect }) => { const [open, setOpen] = useState(false); return (
{items.map(item => ( ))}
); }; // === Header === const Header = ({ route, navigate, cartCount, lang, setLang, showNoticeBar = true, storeName, noticeText }) => { const t = (ar, en) => lang === 'en' ? en : ar; const [mobileOpen, setMobileOpen] = useState(false); const [searchOpen, setSearchOpen] = useState(false); const [searchQ, setSearchQ] = useState(''); const searchRef = useRef(null); useEffect(() => { if (searchOpen && searchRef.current) searchRef.current.focus(); }, [searchOpen]); const searchResults = useMemo(() => { if (!searchQ || searchQ.length < 1) return []; const q = searchQ.toLowerCase().trim(); const words = q.split(/\s+/); return PRODUCTS.filter(p => { const haystack = (p.brand + ' ' + p.plan + ' ' + p.category + ' ' + (BRAND_AR_ALIASES[p.brand] || '')).toLowerCase(); return words.every(w => haystack.includes(w)); }).sort((a, b) => { const aStart = a.brand.toLowerCase().startsWith(q) ? 0 : 1; const bStart = b.brand.toLowerCase().startsWith(q) ? 0 : 1; return aStart - bStart; }).slice(0, 12); }, [searchQ]); const navItems = [ { id: 'home', ar: 'الرئيسية', en: 'Home' }, { id: 'catalog', ar: 'كل الباقات', en: 'All Plans' }, { id: 'cat:ai', ar: 'الذكاء الاصطناعي', en: 'AI & Chat' }, { id: 'cat:design', ar: 'تصميم', en: 'Design' }, { id: 'cat:stream', ar: 'بث وترفيه', en: 'Streaming' }, { id: 'cat:games', ar: 'ألعاب', en: 'Games' }, { id: 'cat:code', ar: 'برمجة', en: 'Coding' }, { id: 'cat:cards', ar: 'بطاقات', en: 'Gift Cards' }]; const mobileNav = (to) => { setMobileOpen(false); navigate(to); }; const displayStoreName = storeName || t('AI اشتراكات', 'AI Subscriptions'); const displayNotice = noticeText || t('تسليم خلال 30 دقيقة • أمان كامل • دعم فني 24/7', '30-min delivery · Secure · 24/7 support'); return ( <> {showNoticeBar &&
⚡ {displayNotice}
}
{e.preventDefault();navigate('home');}} href="#">
AI
{displayStoreName} PREMIUM
{/* Search overlay */} {searchOpen && (
setSearchQ(e.target.value)} placeholder={t('ابحث عن براند أو باقة...', 'Search brand or plan...')} onKeyDown={(e) => { if (e.key === 'Escape') { setSearchOpen(false); setSearchQ(''); } }} />
{searchQ.length >= 1 && (
{searchResults.length === 0 ? (
{t('مفيش نتائج', 'No results')}
) : searchResults.map(p => (
{ setSearchOpen(false); setSearchQ(''); navigate('brand:' + slugify(p.brand)); }}>
{p.brand}
{displayPlanName(p, lang)} · {tBilling(p.billing, lang)}
))}
)}
)}
{mobileOpen && ( <>
setMobileOpen(false)}/>
{e.preventDefault(); mobileNav('home');}} href="#">
AI
{displayStoreName} PREMIUM
{/* Mobile search */}
setSearchQ(e.target.value)} placeholder={t('ابحث عن براند أو باقة...', 'Search brand or plan...')} />
{searchQ.length >= 1 && (
{searchResults.length === 0 ? (
{t('مفيش نتائج', 'No results')}
) : searchResults.map(p => (
{ setSearchQ(''); mobileNav('brand:' + slugify(p.brand)); }}>
{p.brand}
{displayPlanName(p, lang)} · {tBilling(p.billing, lang)}
))}
)} {/* Main nav */} {/* Categories dropdown */} ({ id: 'cat:' + c.id, label: t(c.ar, c.en), count: PRODUCTS.filter(p => p.category === c.match).length }))} route={route} onSelect={mobileNav} />
{/* Cart */}
{/* Lang toggle */}
)} ); }; // === Footer === const Footer = ({ lang, navigate }) => { const t = (ar, en) => lang === 'en' ? en : ar; return ( ); }; // === Animated counter === const AnimatedCounter = ({ target, suffix = '', duration = 1500 }) => { const [count, setCount] = useState(0); const ref = useRef(null); const started = useRef(false); useEffect(() => { const el = ref.current; if (!el) return; const observer = new IntersectionObserver(([entry]) => { if (entry.isIntersecting && !started.current) { started.current = true; const start = performance.now(); const step = (now) => { const progress = Math.min((now - start) / duration, 1); const ease = 1 - Math.pow(1 - progress, 3); setCount(Math.round(target * ease)); if (progress < 1) requestAnimationFrame(step); }; requestAnimationFrame(step); } }, { threshold: 0.3 }); observer.observe(el); return () => observer.disconnect(); }, [target, duration]); return {count}{suffix}; }; const formatHeroNumber = (value, lang) => { try { return new Intl.NumberFormat('en-US').format(value); } catch (e) { return String(value); } }; const HOUR_MS = 60 * 60 * 1000; const DEAL_DURATION_MS = 2 * HOUR_MS; const seedRandom = (seed) => { let x = Math.sin(seed) * 10000; return x - Math.floor(x); }; const getDailyDealState = (nowMs = Date.now()) => { const now = new Date(nowMs); const dayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime(); const daySeed = now.getFullYear() * 10000 + (now.getMonth() + 1) * 100 + now.getDate(); const randomHour = Math.floor(seedRandom(daySeed) * 22); const dealStart = dayStart + randomHour * HOUR_MS; const dealEnd = dealStart + DEAL_DURATION_MS; if (nowMs < dealStart || nowMs >= dealEnd) { return null; } return { remaining: Math.max(0, dealEnd - nowMs), endsAt: dealEnd, duration: DEAL_DURATION_MS }; }; const HERO_VISIT_BASE = 532; const HERO_ORDER_BASE = 523; const HERO_ORDER_BASE_DATE_UTC = Date.UTC(2026, 4, 8); const DAY_MS = 24 * 60 * 60 * 1000; const getHeroOrderCount = (now = Date.now()) => { const daysLive = Math.max(0, Math.floor((now - HERO_ORDER_BASE_DATE_UTC) / DAY_MS)); return HERO_ORDER_BASE + (daysLive * 10); }; const formatDealParts = (remainingMs) => { const totalSeconds = Math.max(0, Math.floor(remainingMs / 1000)); const hours = Math.floor(totalSeconds / 3600); const minutes = Math.floor((totalSeconds % 3600) / 60); const seconds = totalSeconds % 60; const pad = (value) => String(value).padStart(2, '0'); return { hours: pad(hours), minutes: pad(minutes), seconds: pad(seconds) }; }; const isTomorrow = (timestamp, nowMs = Date.now()) => { const tomorrow = new Date(nowMs); tomorrow.setDate(tomorrow.getDate() + 1); return new Date(timestamp).toDateString() === tomorrow.toDateString(); }; const getDealEndMeta = (endsAt, nowMs = Date.now()) => { const tomorrow = isTomorrow(endsAt, nowMs); const time = new Date(endsAt).toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true }); return { tomorrow, time }; }; const useHeroLiveProof = () => { const [proof, setProof] = useState(() => { const now = Date.now(); const deal = getDailyDealState(now); return { visits: HERO_VISIT_BASE, orders: getHeroOrderCount(now), remaining: deal ? deal.remaining : 0, dealEndsAt: deal ? deal.endsAt : 0, dealActive: !!deal }; }); useEffect(() => { let active = true; const loadVisits = () => { fetch('/api/public-stats') .then((res) => res.ok ? res.json() : Promise.reject(new Error('Unable to load public stats'))) .then((data) => { const visits = Number(data?.stats?.visits); if (!active || !Number.isFinite(visits)) return; setProof((current) => ({ ...current, visits: Math.max(HERO_VISIT_BASE, Math.round(visits)) })); }) .catch(() => {}); }; loadVisits(); const refreshId = window.setTimeout(loadVisits, 1200); const pollId = window.setInterval(loadVisits, 30000); return () => { active = false; window.clearTimeout(refreshId); window.clearInterval(pollId); }; }, []); useEffect(() => { const id = window.setInterval(() => { setProof((current) => { const now = Date.now(); const deal = getDailyDealState(now); return { visits: current.visits, orders: getHeroOrderCount(now), remaining: deal ? deal.remaining : 0, dealEndsAt: deal ? deal.endsAt : 0, dealActive: !!deal }; }); }, 1000); return () => window.clearInterval(id); }, []); return proof; }; const HeroStat = ({ value, suffix = '', label, tone = '' }) => (
{value}{suffix}
{label}
); const DiscountCountdown = ({ lang, remaining, endsAt }) => { const t = (ar, en) => lang === 'en' ? en : ar; const parts = formatDealParts(remaining); const endMeta = getDealEndMeta(endsAt || Date.now() + remaining); const labels = lang === 'en' ? { hours: 'HRS', minutes: 'MIN', seconds: 'SEC' } : { hours: 'ساعة', minutes: 'دقيقة', seconds: 'ثانية' }; return (
{t('خصم لايف لفترة محدودة', 'LIMITED-TIME LIVE DISCOUNT')} {t('العرض بينتهي قريب', 'Discount ends soon')} {lang === 'en' ? ( <>Ends {endMeta.tomorrow ? 'tomorrow' : 'today'} at {endMeta.time} ) : ( <>ينتهي {endMeta.tomorrow ? 'غدًا' : 'اليوم'} الساعة {endMeta.time} )}

{t('احجز باقتك قبل ما العداد يخلص واستفيد من سعر العرض.', 'Reserve your plan before the timer ends and keep the deal price.')}

{parts.hours}{labels.hours} {parts.minutes}{labels.minutes} {parts.seconds}{labels.seconds}
); }; // === Hero === const Hero = ({ lang, navigate }) => { const t = (ar, en) => lang === 'en' ? en : ar; const liveProof = useHeroLiveProof(); // Pick three featured brands for floating cards const featured = ['ChatGPT', 'Netflix', 'Spotify'].map((b) => BRANDS.find((br) => br.brand === b)).filter(Boolean); return (
{t('متاح الآن — تسليم خلال 30 دقيقة', 'LIVE NOW — 30-min delivery')}

{t(<>كل اشتراكاتك
المفضّلة في مكان واحد, <>All your favorite
subscriptions, one place)}

{t( 'من ChatGPT و Claude إلى Netflix و Spotify — أكثر من 150 باقة رقمية بأسعار مصرية وطرق دفع محلية.', 'From ChatGPT and Claude to Netflix and Spotify — 150+ digital plans, local Egyptian pricing, local payment methods.' )}

} label={t('باقة متاحة', 'Plans available')} /> {t('دقيقة', 'min')}} label={t('متوسط التسليم', 'Avg delivery')} />
{liveProof.dealActive && }
{featured.map((b, i) =>
{window.BRAND_LOGOS && window.BRAND_LOGOS[b.brand] ? React.cloneElement(window.BRAND_LOGOS[b.brand], {style:{width:'55%',height:'55%'}}) : b.glyph}
{b.brand}
{displayPlanName(b.plans[0], lang)}
)}
); }; // === Category grid === const CategoryStrip = ({ lang, navigate }) => { const t = (ar, en) => lang === 'en' ? en : ar; return (

{t(<>تصفّح حسب الفئة, <>Shop by category)}

{t('خمس فئات تغطي كل ما تحتاجه من اشتراكات رقمية', 'Five categories that cover every digital subscription you need')}

{CATEGORIES.map((cat) => { const count = PRODUCTS.filter((p) => p.category === cat.match).length; return (
navigate('cat:' + cat.id)}>
{cat.icon}

{t(cat.ar, cat.en)}

{count} {t('باقة', 'plans')}
); })}
); }; // === Best sellers === const BestSellers = ({ lang, navigate, addToCart }) => { const t = (ar, en) => lang === 'en' ? en : ar; const carouselRef = useRef(null); const items = useMemo(() => { const out = []; FEATURED_BRANDS.forEach((name) => { const b = BRANDS.find((br) => br.brand === name); if (!b) return; // pick the most popular plan: Plus / Pro / Premium / first const preferred = b.plans.find((p) => /^plus$|^pro$|^premium$/i.test(p.plan)) || b.plans[0]; out.push(preferred); }); return out; }, []); const scroll = (dir) => { const el = carouselRef.current;if (!el) return; el.scrollBy({ left: dir * 600, behavior: 'smooth' }); }; return (

{t(<>الأكثر طلباً, <>Best sellers)}

{t('الباقات اللي عملاؤنا بيختاروها أكتر', 'The plans our customers love most')}

{e.preventDefault();navigate('catalog');}}> {t('عرض الكل', 'View all')} →
{items.map((p) => navigate('brand:' + slugify(p.brand))} onAdd={addToCart} /> )}
); }; // === Trust strip / why us === const TrustStrip = ({ lang }) => { const t = (ar, en) => lang === 'en' ? en : ar; const items = [ { ic: 'bolt', ar: 'تسليم فوري', en: 'Instant delivery', sub_ar: 'خلال 30 دقيقة من الدفع', sub_en: 'Within 30 min of payment' }, { ic: 'shield', ar: 'دفع آمن', en: 'Secure payment', sub_ar: 'InstaPay ومحافظ مصرية', sub_en: 'InstaPay & Egyptian wallets' }, { ic: 'clock', ar: 'دعم 24/7', en: '24/7 support', sub_ar: 'واتساب وفيسبوك', sub_en: 'WhatsApp & Facebook' }, { ic: 'check', ar: 'ضمان كامل', en: 'Full warranty', sub_ar: 'استرداد لو حصلت مشكلة', sub_en: 'Refund if anything goes wrong' }]; return (
{items.map((it, i) =>
{t(it.ar, it.en)}
{t(it.sub_ar, it.sub_en)}
)}
); }; // === Category carousel section (reusable) === const CategoryCarousel = ({ lang, navigate, addToCart, categoryMatch, titleAr, titleEn, emAr, emEn, subAr, subEn, catId }) => { const t = (ar, en) => lang === 'en' ? en : ar; const carouselRef = useRef(null); const items = useMemo(() => { const seen = new Set(); return PRODUCTS.filter(p => p.category === categoryMatch).filter(p => { if (seen.has(p.brand)) return false; seen.add(p.brand); return true; }).slice(0, 10); }, [categoryMatch]); const scroll = (dir) => { const el = carouselRef.current; if (!el) return; el.scrollBy({ left: dir * 600, behavior: 'smooth' }); }; return (

{t(<>{titleAr} {emAr}, <>{titleEn} {emEn})}

{t(subAr, subEn)}

{e.preventDefault();navigate('cat:' + catId);}}> {t('عرض الكل', 'View all')} →
{items.map((p) => navigate('brand:' + slugify(p.brand))} onAdd={addToCart} /> )}
); }; // === CTA Banner === const CtaBanner = ({ lang, navigate }) => { const t = (ar, en) => lang === 'en' ? en : ar; return (

{t(<>مش لاقي اللي بتدور عليه؟, <>Can't find what you're looking for?)}

{t('تواصل معانا على واتساب وهنوفرلك أي اشتراك تحتاجه بأفضل سعر', 'Contact us on WhatsApp and we\'ll get you any subscription at the best price')}

); }; // === Brand logos strip === const BrandLogosStrip = ({ lang }) => { const t = (ar, en) => lang === 'en' ? en : ar; const logos = ['ChatGPT', 'Claude', 'Gemini', 'Netflix', 'Spotify', 'Canva', 'Cursor', 'YouTube Premium', 'PlayStation', 'ElevenLabs', 'Perplexity', 'Windsurf']; return (

{t('نوفرلك أشهر العلامات التجارية', 'Trusted brands we offer')}

{logos.map(name => { const brand = BRANDS.find(b => b.brand === name); if (!brand) return null; return (
{window.BRAND_LOGOS && window.BRAND_LOGOS[name] ? React.cloneElement(window.BRAND_LOGOS[name], { style: { width: '100%', height: '100%' } }) : {brand.glyph} }
); })}
); }; // === FAQ Section === const FaqSection = ({ lang }) => { const t = (ar, en) => lang === 'en' ? en : ar; const [openIdx, setOpenIdx] = useState(null); const faqs = [ { q_ar: 'إزاي بتشتغل الخدمة؟', q_en: 'How does the service work?', a_ar: 'بتختار الباقة اللي عايزها، بتبعتلنا على واتساب، وبنوفرلك الاشتراك خلال 30 دقيقة. بنبعتلك بيانات الدخول على الإيميل.', a_en: 'Choose your plan, send us a WhatsApp message, and we\'ll set up your subscription within 30 minutes. Login details will be sent to your email.' }, { q_ar: 'هل الاشتراكات أصلية؟', q_en: 'Are subscriptions genuine?', a_ar: 'أيوا، كل الاشتراكات أصلية 100% ومباشرة من الشركات الرسمية. بنضمنلك حساب شغال طول فترة الاشتراك.', a_en: 'Yes, all subscriptions are 100% genuine and directly from official providers. We guarantee a working account for the full subscription period.' }, { q_ar: 'إيه طرق الدفع المتاحة؟', q_en: 'What payment methods are available?', a_ar: 'بنقبل InstaPay، فودافون كاش، محافظ إلكترونية، وتحويل بنكي. كل الطرق آمنة ومشفرة.', a_en: 'We accept InstaPay, Vodafone Cash, e-wallets, and bank transfers. All methods are secure and encrypted.' }, { q_ar: 'لو حصلت مشكلة في الاشتراك؟', q_en: 'What if there\'s an issue with my subscription?', a_ar: 'فريق الدعم متاح 24/7 على واتساب. لو حصلت أي مشكلة بنحلها فوراً أو بنرجعلك فلوسك.', a_en: 'Our support team is available 24/7 on WhatsApp. If any issue arises, we\'ll fix it immediately or refund you.' }, { q_ar: 'ليه الأسعار أرخص؟', q_en: 'Why are prices cheaper?', a_ar: 'بنوفر اشتراكات بأسعار مخفضة من خلال شراكات وعروض حصرية مع الموزعين الرسميين.', a_en: 'We offer discounted subscriptions through partnerships and exclusive deals with official distributors.' }, ]; return (

{t(<>أسئلة شائعة, <>Frequently Asked Questions)}

{t('كل اللي محتاج تعرفه عن خدماتنا', 'Everything you need to know about our services')}

{faqs.map((faq, i) => (
{t(faq.a_ar, faq.a_en)}
))}
); }; // === Testimonials === const Testimonials = ({ lang }) => { const t = (ar, en) => lang === 'en' ? en : ar; const carouselRef = useRef(null); const reviews = [ { name_ar: 'أحمد م.', name_en: 'Ahmed M.', init: 'أ', text_ar: 'والله خدمة تحفة. خدت ChatGPT Plus واستلمته ف ربع ساعة بالظبط، وأرخص من أي حد شوفته.', text_en: 'Honestly great service. Got my ChatGPT Plus in 15 min exactly, cheaper than anyone else I found.', stars: 5 }, { name_ar: 'سارة ع.', name_en: 'Sara A.', init: 'س', text_ar: 'بقالي ٦ شهور بتعامل معاهم ولا مرة حصلت مشكلة. بكلمهم واتساب وبيردوا ع طول.', text_en: 'Been with them 6 months now, never had a single issue. Message on WhatsApp, they reply right away.', stars: 5 }, { name_ar: 'محمد ر.', name_en: 'Mohamed R.', init: 'م', text_ar: 'كنت مستغرب إنها أول مرة أجرب أشتري أونلاين وتمشي كويس أوي كده. النتفلكس شغال فل الفل.', text_en: 'Was surprised everything went so smooth for my first online purchase. Netflix running perfectly.', stars: 5 }, { name_ar: 'نورا ح.', name_en: 'Noura H.', init: 'ن', text_ar: 'خدت Spotify و Canva Pro مع بعض. حرفيا ف دقايق كانوا عندي. هرجعلهم تاني أكيد.', text_en: 'Got Spotify and Canva Pro together. Literally had them in minutes. Will def come back.', stars: 5 }, { name_ar: 'كريم س.', name_en: 'Karim S.', init: 'ك', text_ar: 'الموقع بسيط ومفيش تعقيد. خدت Claude Pro واشتغل من أول ما فعلته.', text_en: 'Simple website, no hassle. Got Claude Pro and it worked from the moment I activated it.', stars: 4 }, { name_ar: 'ياسمين ف.', name_en: 'Yasmin F.', init: 'ي', text_ar: 'لفيت على ناس كتير وكلهم كانوا بيطلعوا مضروبين. هنا بجد حاجة تانية، خدت Gemini واتفعل لحظي.', text_en: 'Went through so many sellers who turned out to be scams. This is legit different. Got Gemini, activated instantly.', stars: 5 }, { name_ar: 'عمر ط.', name_en: 'Omar T.', init: 'ع', text_ar: 'خدت NordVPN و Netflix سوا. الاتنين شغالين وما حصلش أي هنج ولا حاجة. تمام كده.', text_en: 'Got NordVPN and Netflix together. Both work fine, no lag or anything. All good.', stars: 5 }, { name_ar: 'فاطمة ك.', name_en: 'Fatma K.', init: 'ف', text_ar: 'أنا كنت خايفة الصراحة أدفع أونلاين بس الحمدلله طلعوا ناس محترمة. خدت Canva وشغال كويس.', text_en: 'I was honestly scared to pay online but they turned out to be legit. Got Canva, works well.', stars: 5 }, { name_ar: 'حسن م.', name_en: 'Hassan M.', init: 'ح', text_ar: 'كلمتهم واتساب الساعة ٢ بليل وردوا عليا! خدت Midjourney واتفعل ف نفس اللحظة.', text_en: 'Messaged them at 2 AM on WhatsApp and they actually replied! Got Midjourney activated same moment.', stars: 5 }, { name_ar: 'منى ع.', name_en: 'Mona A.', init: 'م', text_ar: 'بجد من أول يوم ليهم وأنا بتعامل معاهم. مش هتلاقي أحسن من كده ف مصر والله.', text_en: 'Been with them since day one honestly. You really won\'t find better in Egypt.', stars: 5 }, { name_ar: 'يوسف ه.', name_en: 'Yousef H.', init: 'ي', text_ar: 'خدت PlayStation Plus بسعر مكنتش متخيل ألاقيه. اتفعل ف دقيقتين مبالغش.', text_en: 'Got PS Plus at a price I never thought I\'d find. Activated in 2 min, not even exaggerating.', stars: 5 }, { name_ar: 'دينا ر.', name_en: 'Dina R.', init: 'د', text_ar: 'ليا ٣ شهور على Spotify Premium من عندهم ومفيش أي مشكلة خالص. ناس ثقة بجد.', text_en: 'Had Spotify Premium from them for 3 months, zero issues. Genuinely trustworthy people.', stars: 4 }, { name_ar: 'علي ن.', name_en: 'Ali N.', init: 'ع', text_ar: 'سعرهم أرخص من السوق بفرق ملحوظ. خدت Adobe واستلمته ف نص ساعة تقريبا.', text_en: 'Their prices are noticeably cheaper than the market. Got Adobe, received it in about 30 min.', stars: 5 }, { name_ar: 'مصطفى ج.', name_en: 'Mostafa G.', init: 'م', text_ar: 'م. أحمد راجل محترم فشخ والله. خدت منه ChatGPT و Gemini والاتنين شغالين زي الساعة.', text_en: 'Ahmed is super professional honestly. Got ChatGPT and Gemini from him, both running perfectly.', stars: 5 }, { name_ar: 'هاجر م.', name_en: 'Hagar M.', init: 'ه', text_ar: 'اتعاملت مع م. أحمد كذا مرة وكل مرة بيبقى متعاون ومبيزهقش. تفعيل فوري وبيتابع بعدها كمان.', text_en: 'Dealt with Ahmed several times, always cooperative and patient. Instant activation and he checks on you after.', stars: 5 }, { name_ar: 'طارق ع.', name_en: 'Tarek A.', init: 'ط', text_ar: 'م. أحمد شغله مظبوط ومبيغلاش. خدت منه Netflix و Claude وكله تمام من يومها.', text_en: 'Ahmed does solid work and doesn\'t overcharge. Got Netflix and Claude, all good since day one.', stars: 5 }, { name_ar: 'رنا خ.', name_en: 'Rana K.', init: 'ر', text_ar: 'صاحبتي هي اللي دلتني على م. أحمد. خدت Spotify و Canva وفعلا زي ما قالتلي بالظبط، سريع ومحترم.', text_en: 'My friend told me about Ahmed. Got Spotify and Canva, exactly as she said - fast and professional.', stars: 5 }, { name_ar: 'إبراهيم ص.', name_en: 'Ibrahim S.', init: 'إ', text_ar: 'لو حد سألني هقوله ع طول روح لـ م. أحمد. خدت منه ٣ اشتراكات وواحدة واحدة كلهم اشتغلوا من غير أي وجع دماغ.', text_en: 'If anyone asks me I\'d say go to Ahmed immediately. Got 3 subs from him, all worked with zero headache.', stars: 5 }, { name_ar: 'خالد ف.', name_en: 'Khaled F.', init: 'خ', text_ar: 'جربت مع كذا واحد قبل كده وكلهم ضيعوا وقتي وفلوسي. م. أحمد أول واحد يطلع فعلا زي ما بيقول، شخص مثالي للشغل ده.', text_en: 'Tried other sellers before, all wasted my time and money. Ahmed is the first one who actually delivers what he says. Ideal for this.', stars: 5 }, { name_ar: 'سلمى د.', name_en: 'Salma D.', init: 'س', text_ar: 'كنت بجرب ناس كتير ومحدش فيهم كمل معايا غير م. أحمد. بيتابع لحد ما كل حاجة تشتغل ومبيسبكش ف النص.', text_en: 'Was trying many people and none of them followed through except Ahmed. He stays with you until everything works.', stars: 5 }, { name_ar: 'عبدالله ح.', name_en: 'Abdullah H.', init: 'ع', text_ar: 'م. أحمد من أحسن اللي اتعاملت معاهم أونلاين. الباقي كانوا بيختفوا بعد ما ياخدوا الفلوس، بس ده بيفضل موجود ويساعدك.', text_en: 'Ahmed is the best I dealt with online. Others would vanish after getting paid, but he stays around and helps.', stars: 5 }, ]; const scroll = (dir) => { const el = carouselRef.current; if (!el) return; el.scrollBy({ left: dir * 340, behavior: 'smooth' }); }; return (

{t(<>آراء عملائنا, <>What our customers say)}

{t('تجارب حقيقية من عملاء سعداء', 'Real experiences from happy customers')}

{reviews.map((r, i) => (
{'★'.repeat(r.stars)}{'☆'.repeat(5 - r.stars)}
"{r.text_ar}"
{t(r.init, r.name_en[0])}
{t(r.name_ar, r.name_en)}
{t('عميل موثق', 'Verified customer')}
))}
); }; const leadFormInitialState = { name: '', phone: '', email: '', interest: '', message: '', consent: false, website: '' }; const leadPopupInitialState = { ...leadFormInitialState, consent: true }; const LEAD_POPUP_TRIGGER_DELAY_MS = 9000; const LEAD_POPUP_FALLBACK_DELAY_MS = 28000; const LEAD_POPUP_SCROLL_RATIO = 0.35; const leadInterestOptions = (lang) => { const t = (ar, en) => lang === 'en' ? en : ar; return [ t('ChatGPT / أدوات ذكاء اصطناعي', 'ChatGPT / AI tools'), t('تصميم وميديا', 'Design and media'), t('Streaming وترفيه', 'Streaming and entertainment'), t('Gaming أو Gift Cards', 'Gaming or gift cards'), t('مش عارف، محتاج ترشيح', 'Not sure, need advice') ]; }; const buildLeadPayload = (form, source, lang) => { const route = typeof analyticsRoute === 'function' ? analyticsRoute() : (window.AISUBS_CURRENT_ROUTE || 'home'); return { ...form, source, route, path: window.location.pathname, sessionId: typeof analyticsSessionId === 'function' ? analyticsSessionId() : '', lang: document.documentElement.lang || lang, referrer: typeof analyticsReferrer === 'function' ? analyticsReferrer() : '', device: typeof analyticsDevice === 'function' ? analyticsDevice() : '', browser: typeof analyticsBrowser === 'function' ? analyticsBrowser() : '' }; }; const sendLead = async (form, source, lang) => { const res = await fetch('/api/leads', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(buildLeadPayload(form, source, lang)) }); const data = await res.json().catch(() => ({})); if (!res.ok || !data.ok) throw new Error(data.error || 'Unable to save lead'); return data; }; const LeadCaptureSection = ({ lang }) => { const t = (ar, en) => lang === 'en' ? en : ar; const [form, setForm] = useState(leadFormInitialState); const [status, setStatus] = useState('idle'); const [error, setError] = useState(''); const interests = leadInterestOptions(lang); const updateField = (key, value) => setForm((prev) => ({ ...prev, [key]: value })); const submitLead = async (e) => { e.preventDefault(); setError(''); if (!form.phone.trim() && !form.email.trim()) { setError(t('اكتب إيميل أو رقم واتساب عشان نقدر نكلمك.', 'Add an email or WhatsApp number so we can contact you.')); return; } if (!form.consent) { setError(t('لازم توافق إننا نتواصل معاك بخصوص الطلب.', 'Please allow us to contact you about this request.')); return; } setStatus('loading'); try { await sendLead(form, 'home_lead_form', lang); setStatus('sent'); setForm(leadFormInitialState); } catch (err) { setStatus('idle'); setError(t('حصلت مشكلة. جرب تاني أو كلمنا واتساب مباشرة.', 'Something went wrong. Try again or contact us on WhatsApp.')); } }; return (
{t('محتاج مساعدة؟', 'Need help?')}

{t('سيب بياناتك ونرشحلك أنسب اشتراك', 'Leave your details and we will recommend the right plan')}

{t('ده اختياري. إحصائيات التصفح بتتجمع بشكل مجهول بدون اسم أو عنوان IP. بيانات التواصل بتتسجل بس لو بعتها بنفسك، وهنستخدمها للرد على الطلب أو الترشيح.', 'This is optional. Browsing analytics are anonymous with no name or IP address. Contact details are only saved if you submit them, and we use them only to reply about this request or recommendation.')}

{t('رد سريع', 'Fast reply')} {t('ترشيح مناسب', 'Better recommendation')} {t('تصفح مجهول', 'Anonymous browsing')}
updateField('website', e.target.value)} />