system-prompts-and-models-o.../dealix/landing/index.html
Sami Assiri b13cb389cc feat(dealix): sync full Dealix package to repo
- API routers, ACA modules, integrations (draft operators)
- Docs, landing pages, scripts (launch readiness, scorecard)
- Tests and CI workflow updates for Dealix

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-01 21:01:17 +03:00

800 lines
52 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ar" dir="rtl" data-theme="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Dealix — موظف مبيعات AI يقفل صفقاتك بدالك</title>
<meta name="description" content="Dealix موظف مبيعات ذكي يتفاوض، يجهّز العميل، يرتّب المواعيد، ويبني شراكات استراتيجية — ٢٤ ساعة بدون تدخلك. انت تتفرّغ للتوقيع. عربي أولاً · PDPL · SAMA." />
<meta name="theme-color" content="#0f172a" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://dealix.sa/" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Dealix — موظف مبيعات AI يقفل صفقاتك بدالك" />
<meta property="og:description" content="كل قرار موثّق. كل اعتماد قابل للتدقيق. كل صفقة مرئية — من أول اقتراح حتى التجديد." />
<meta property="og:locale" content="ar_SA" />
<meta property="og:site_name" content="Dealix" />
<meta property="og:url" content="https://dealix.sa/" />
<meta property="og:image" content="https://dealix.sa/og-image.png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Dealix — موظف مبيعات AI يقفل صفقاتك" />
<meta name="twitter:description" content="يحوّل الصفقات والموافقات من فوضى واتساب وإيميل إلى مسار قابل للتدقيق." />
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href='data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect x="3" y="3" width="26" height="26" rx="7" fill="%230f172a"/><path d="M10 10h7a6 6 0 0 1 0 12h-7z" fill="none" stroke="%2322d3ee" stroke-width="2.5" stroke-linejoin="round"/><circle cx="23" cy="22" r="2" fill="%2322d3ee"/></svg>' />
<link rel="apple-touch-icon" href='data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="%230f172a"/><path d="M10 10h7a6 6 0 0 1 0 12h-7z" fill="none" stroke="%2322d3ee" stroke-width="2.5" stroke-linejoin="round"/><circle cx="23" cy="22" r="2" fill="%2322d3ee"/></svg>' />
<!-- Fonts (preload + swap) -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" /></noscript>
<link rel="stylesheet" href="styles.css" />
<!-- JSON-LD: Organization -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Dealix",
"url": "https://dealix.sa",
"logo": "https://dealix.sa/logo.svg",
"description": "نظام تشغيل مؤسسي للإيراد والصفقات والشراكات والاعتمادات",
"address": {"@type": "PostalAddress", "addressCountry": "SA", "addressLocality": "Riyadh"},
"contactPoint": {"@type": "ContactPoint", "contactType": "sales", "email": "sami.assiri11@gmail.com", "availableLanguage": ["Arabic","English"]}
}
</script>
<!-- JSON-LD: SoftwareApplication -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Dealix",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"description": "نظام التشغيل المؤسسي للإيراد والصفقات والشراكات والاعتمادات والتنفيذ",
"offers": {"@type": "Offer", "price": "0", "priceCurrency": "SAR", "availability": "https://schema.org/PreOrder"}
}
</script>
</head>
<body>
<a href="#main" class="sr-only skip-link">تخطَّ إلى المحتوى الرئيسي</a>
<!-- Honest announcement bar -->
<div class="announce" role="region" aria-label="حالة المنتج">
<div class="container announce__inner">
<span class="pulse" aria-hidden="true"></span>
<span data-claim-id="CLM-012">في مرحلة البايلوت — نبحث عن ٥ شركاء تأسيسيين من المؤسسات</span>
<a href="#pilot" class="announce__cta">انضم للبايلوت ←</a>
</div>
</div>
<!-- Navigation -->
<header class="nav" role="banner">
<div class="container nav__inner">
<a href="#top" class="nav__brand" aria-label="Dealix — الصفحة الرئيسية">
<svg class="nav__logo" viewBox="0 0 40 40" aria-hidden="true" fill="none">
<rect x="2" y="2" width="36" height="36" rx="9" fill="currentColor" opacity="0.08"/>
<path d="M12 12h10a8 8 0 0 1 0 16H12z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"/>
<circle cx="28" cy="28" r="2.5" fill="currentColor"/>
</svg>
<span class="nav__wordmark">Dealix</span>
</a>
<nav class="nav__links" aria-label="القائمة الرئيسية">
<a href="/companies.html">للشركات</a>
<a href="/marketers.html">للوكالات والمسوقين</a>
<a href="/private-beta.html">Private Beta</a>
<a href="/services.html">الخدمات</a>
<a href="mailto:hello@dealix.sa?subject=Dealix%20Demo">احجز ديمو</a>
<a href="#pillars">لماذا Dealix</a>
<a href="#for-who">لِمن</a>
<a href="#sectors">القطاعات</a>
<a href="#how">كيف يعمل</a>
<a href="#trust">الثقة والامتثال</a>
<a href="/pricing.html">الباقات</a>
<a href="/roi.html">حاسبة ROI</a>
<a href="/case-study.html">Case Study</a>
<a href="/customer-portal.html">لوحة العميل</a>
<a href="/command-center.html">Command Center</a>
<a href="/autopilot.html">Autopilot</a>
<a href="/market-radar.html">Market Radar</a>
<a href="/copilot.html">Copilot</a>
<a href="/simulator.html">Simulator</a>
<a href="/verticals.html">القطاعات</a>
<a href="/pulse.html">Pulse</a>
<a href="/academy.html">Academy</a>
<a href="/community.html">Community</a>
<a href="/pay-per-result.html">دفع على النتائج</a>
<a href="/trust-center.html">Trust Center</a>
<a href="/trust.html">الأمان</a>
<a href="/founder.html">من نحن</a>
<a href="/partners.html">الشركاء</a>
<a href="/status.html" class="nav__status-link"><span class="pulse pulse--small" aria-hidden="true"></span>الحالة</a>
</nav>
<div class="nav__actions">
<button class="icon-btn" data-theme-toggle aria-label="تبديل الوضع"></button>
<a href="#pilot" class="btn btn--primary btn--sm">احجز تجربة</a>
<button class="icon-btn icon-btn--menu" data-menu-toggle aria-label="القائمة" aria-expanded="false">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
</button>
</div>
</div>
</header>
<main id="main">
<!-- ============ HERO ============ -->
<section id="top" class="hero">
<div class="hero__bg" aria-hidden="true">
<div class="hero__grid"></div>
<div class="hero__glow hero__glow--a"></div>
<div class="hero__glow hero__glow--b"></div>
</div>
<div class="container hero__inner">
<div class="hero__eyebrow">
<span class="chip">عربي أولاً · للخليج</span>
<span class="chip chip--muted" data-claim-id="CLM-012">Pilot · 2026</span>
</div>
<h1 class="hero__title" data-claim-id="CLM-001">
موظف مبيعات AI يشتغل بدالك — انت توقّع بس.
</h1>
<p class="hero__sub">
<strong>Dealix</strong> يتفاوض مع عملائك، يجهّزهم، يرتّب المواعيد، ويبني لك شراكات استراتيجية — <strong>٢٤ ساعة باللغة العربية</strong>. ما يحتاج CRM، ولا فريق مبيعات كبير، ولا أدوات مفرّقة.
</p>
<div class="hero__ctas">
<a href="#pilot" class="btn btn--primary btn--lg" data-analytics="cta_hero_primary">احجز تجربة للفريق التنفيذي</a>
<a href="#how" class="btn btn--ghost btn--lg" data-analytics="cta_hero_secondary">شوف كيف يشتغل ↓</a>
</div>
<!-- Honest trust bar -->
<div class="trust-bar" role="region" aria-label="حالة جاهزية الخدمات">
<div class="trust-bar__item">
<span class="trust-bar__num" id="stat-live">0</span>
<span class="trust-bar__label">خدمة حيّة</span>
</div>
<div class="trust-bar__div" aria-hidden="true"></div>
<div class="trust-bar__item">
<span class="trust-bar__num" id="stat-partial">8</span>
<span class="trust-bar__label">قيد التطوير</span>
</div>
<div class="trust-bar__div" aria-hidden="true"></div>
<div class="trust-bar__item">
<span class="trust-bar__num" id="stat-target">24</span>
<span class="trust-bar__label">في خارطة الطريق</span>
</div>
<a href="/status.html" class="trust-bar__link">صفحة الحالة المباشرة ←</a>
</div>
<!-- Anti-claim row -->
<div class="hero__anti">
<span class="anti-pill">ليس CRM</span>
<span class="anti-sep" aria-hidden="true">·</span>
<span class="anti-pill">ليس Chatbot بسيط</span>
<span class="anti-sep" aria-hidden="true">·</span>
<span class="anti-pill">ليس قوالب جاهزة</span>
<span class="anti-sep" aria-hidden="true">·</span>
<span class="anti-pill anti-pill--accent">موظف مبيعات AI حقيقي</span>
</div>
<!-- ============ LIVE CHAT DEMO (Saudi Khaliji) ============ -->
<div class="hero__demo" aria-label="محادثة حقيقية — Dealix AI بالعربي الخليجي">
<div class="chat-demo">
<div class="chat-demo__header">
<div class="chat-demo__avatar" aria-hidden="true">D</div>
<div class="chat-demo__meta">
<div class="chat-demo__name">Dealix AI</div>
<div class="chat-demo__status"><span class="chat-demo__dot" aria-hidden="true"></span>يرد خلال ٤٥ ثانية</div>
</div>
<div class="chat-demo__time">شوف كيف يشتغل ↓</div>
</div>
<div class="chat-demo__body">
<div class="chat-msg chat-msg--user"><div class="chat-msg__bubble">يا هلا، عندكم حلول للشركات اللي تبيع لشركات ثانية؟</div></div>
<div class="chat-msg chat-msg--bot"><div class="chat-msg__bubble">يا هلا والله! أكيد — Dealix مندوب مبيعات AI بالعربي الخليجي، يرد على leads شركتك ويؤهّلهم ويحجز demos. قبل ما أشرح، نشاط شركتك إيش بالضبط؟ 🎯</div></div>
<div class="chat-msg chat-msg--user"><div class="chat-msg__bubble">شركة SaaS محاسبي</div></div>
<div class="chat-msg chat-msg--bot"><div class="chat-msg__bubble">حلو جداً. عادةً SaaS محاسبي يوصله leads كثير من الموقع وإعلانات جوجل. السؤال اللي يهمني — حالياً كم يأخذ الرد الأولي؟ ساعة؟ ٤ ساعات؟ اليوم التالي؟</div></div>
<div class="chat-msg chat-msg--user"><div class="chat-msg__bubble">بصراحة ٤-٦ ساعات، وأحياناً اليوم الثاني</div></div>
<div class="chat-msg chat-msg--bot"><div class="chat-msg__bubble">واضح. ٤٠٪ من leads المحاسبي تروح للمنافس اللي يرد خلال ساعة. Dealix يختصر هذا لـ ٤٥ ثانية + يؤهّل تلقائي. أقدر أحجز لك demo ٢٠ دقيقة مع فريقي؟ الثلاثاء ١١ص أو الأربعاء ٢م؟</div></div>
<div class="chat-msg chat-msg--user"><div class="chat-msg__bubble">الثلاثاء ١١ مناسب</div></div>
<div class="chat-msg chat-msg--bot"><div class="chat-msg__bubble">تمام أستاذ! حجزتها — الثلاثاء ١١ص. بارسل لك تأكيد على الإيميل + رابط Meet. شاكر وقتك 🙏</div></div>
</div>
<div class="chat-demo__foot">
<span class="chat-demo__badge">سيناريو حقيقي · خليجي أصيل · بدون ترجمة</span>
<a href="#pilot" class="chat-demo__cta">جرّب على شركتك ←</a>
</div>
</div>
</div>
</div>
</section>
<!-- ============ PROSPECTOR MACHINE (LIVE) ============ -->
<section id="prospector" class="section section--muted">
<div class="container">
<header class="section__head">
<span class="kicker">ماكينة البحث</span>
<h2 class="section__title">جرّب ماكينة Dealix للبحث عن leads مباشرة</h2>
<p class="section__lead">اكتب وصف العميل المثالي بالعربي — وماكينة Dealix تبحث وتُخرج لك قائمة leads حقيقية مع إشارات الشراء وسطر افتتاحي مخصص. مجاناً، بدون تسجيل.</p>
</header>
<div class="prospector" id="prospector-app">
<form class="prospector__form" id="prospector-form" autocomplete="off">
<div class="prospector__field">
<label for="prospector-icp">وصف العميل المثالي (ICP)</label>
<textarea
id="prospector-icp"
name="icp"
rows="4"
minlength="20"
maxlength="2000"
required
placeholder="مثال: شركات SaaS سعودية B2B بحجم 20-100 موظف تبيع للمطاعم، أحد المؤسسين تعلن عن جولة تمويل في آخر 12 شهر."
></textarea>
</div>
<div class="prospector__row">
<div class="prospector__field">
<label for="prospector-usecase">حالة الاستخدام</label>
<select id="prospector-usecase" name="use_case">
<option value="sales">مبيعات B2B</option>
<option value="partnership">شراكات استراتيجية</option>
<option value="collaboration">تعاون / محتوى</option>
<option value="investor">مستثمرون / VC</option>
<option value="b2c_audience">جمهور B2C</option>
</select>
</div>
<div class="prospector__field">
<label for="prospector-count">عدد النتائج</label>
<select id="prospector-count" name="count">
<option value="5">5</option>
<option value="10" selected>10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
<div class="prospector__field prospector__field--submit">
<button type="submit" class="btn btn--primary" id="prospector-submit">
ابحث الآن
</button>
</div>
</div>
<p class="prospector__note">
⚡ نتائج حقيقية من محرك ذكاء اصطناعي — بدون اختلاق أسماء. قد يستغرق 15-45 ثانية.
</p>
</form>
<div class="prospector__status" id="prospector-status" hidden></div>
<div class="prospector__results" id="prospector-results" hidden>
<header class="prospector__results-head">
<h3>النتائج</h3>
<span class="prospector__count" id="prospector-count-out"></span>
</header>
<div class="prospector__grid" id="prospector-grid"></div>
<p class="prospector__notes" id="prospector-notes"></p>
</div>
</div>
</div>
</section>
<!-- ============ 3 PILLARS ============ -->
<section id="pillars" class="section">
<div class="container">
<header class="section__head">
<span class="kicker">ثلاثة أعمدة</span>
<h2 class="section__title">ما يرفعه Dealix في مؤسستكم</h2>
</header>
<div class="pillars">
<article class="pillar" data-claim-id="CLM-009">
<div class="pillar__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2v6l4-2"/><circle cx="12" cy="13" r="9"/><path d="M12 8v5l3 2"/></svg>
</div>
<h3>سرعة القرار</h3>
<p>الموافقات التي تستغرق أسابيع تُنجز في ساعات، مع مسار واضح لكل تصعيد.</p>
<ul class="pillar__list">
<li>سلاسل اعتماد تلقائية بتنبيهات فورية</li>
<li>تقرير audit جاهز بضغطة واحدة <span class="ref" data-claim-id="CLM-014"></span></li>
<li>لوحة قيادة أسبوعية للـ C-suite</li>
</ul>
</article>
<article class="pillar" data-claim-id="CLM-010">
<div class="pillar__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2l9 4v6c0 5-3.8 9.2-9 10-5.2-.8-9-5-9-10V6z"/><path d="M8.5 12.5l2.5 2.5 4.5-5"/></svg>
</div>
<h3>جودة التنفيذ</h3>
<p>كل صفقة وشراكة وعقد موثّق بمسار تدقيق كامل — لا قرار خارج مسار رسمي.</p>
<ul class="pillar__list">
<li data-claim-id="CLM-003">كل قرار يمر في مسار موثّق — لا موافقة بدون سجل رسمي</li>
<li>ضبط خصومات مدمج — لا هامش يتسرب صامتاً</li>
<li>workflow موافقة متعدد المستويات</li>
</ul>
</article>
<article class="pillar" data-claim-id="CLM-011">
<div class="pillar__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 6h18M6 12h12M9 18h6"/></svg>
</div>
<h3>خفض الفوضى والمخاطر</h3>
<p>نُلغي تشتت الموافقات بين Excel وWhatsApp وSlack — قناة واحدة موثّقة.</p>
<ul class="pillar__list">
<li>قناة قرار واحدة لكل الفرق</li>
<li data-claim-id="CLM-007">يعمل فوق أنظمتكم الحالية — لا يستبدل CRM أو ERP</li>
<li>تنبيهات استباقية للعقود المنتهية</li>
</ul>
</article>
</div>
</div>
</section>
<!-- ============ FOR WHO (ICP) ============ -->
<section id="for-who" class="section section--muted">
<div class="container">
<header class="section__head">
<span class="kicker">لِمن</span>
<h2 class="section__title">ثلاث بيئات نخدمها أولاً</h2>
<p class="section__lede">نبدأ مع المؤسسات التي تعاني من فوضى القرار بشكل مباشر وقابل للقياس.</p>
</header>
<div class="icps">
<article class="icp">
<div class="icp__tag">SaaS B2B</div>
<h3 class="icp__title">شركات SaaS تبيع للمؤسسات</h3>
<p>20500 موظف · MRR 200K5M ر.س · دورة بيع قصيرة · المؤسس يملك الصلاحية.</p>
<ul class="icp__pains">
<li>خصومات بلا توثيق تُسرّب 515% من الهامش</li>
<li>تجديدات مفوّتة بقيمة مئات الآلاف</li>
<li>لا رؤية pipeline آنية للمؤسس</li>
</ul>
<a href="#sector-saas" class="icp__link">تفاصيل قطاع SaaS ←</a>
</article>
<article class="icp icp--highlight">
<div class="icp__tag">Large Enterprise</div>
<h3 class="icp__title">المؤسسات متعددة الفرق</h3>
<p>+500 موظف · إيراد +50M ر.س · 5+ خطوط أعمال · لجان موافقة متعددة.</p>
<ul class="icp__pains">
<li>فوضى اعتمادات بين 15 فريق</li>
<li>تقارير قيادة يدوية تستغرق يومين</li>
<li>شراكات استراتيجية غير مُفعَّلة</li>
</ul>
<a href="#sector-enterprise" class="icp__link">تفاصيل قطاع Enterprise ←</a>
</article>
<article class="icp">
<div class="icp__tag">Regulated</div>
<h3 class="icp__title">جهات تحت رقابة SAMA / NCA</h3>
<p>بنوك · تمويل · تأمين · FinTech · جهات شبه حكومية.</p>
<ul class="icp__pains">
<li>audit trail غير كامل للقرارات المالية</li>
<li>امتثال PDPL يحتاج عمل يدوي لكل مراجعة</li>
<li>6 مستويات موافقة بدون شفافية</li>
</ul>
<a href="#sector-banking" class="icp__link">تفاصيل قطاع Banking ←</a>
</article>
</div>
</div>
</section>
<!-- ============ SECTORS (tabs) ============ -->
<section id="sectors" class="section">
<div class="container">
<header class="section__head">
<span class="kicker">قطاعات</span>
<h2 class="section__title">القطاعات التي نبني لها أولاً</h2>
</header>
<div class="tabs" role="tablist" aria-label="القطاعات">
<button class="tab is-active" role="tab" aria-selected="true" data-tab="saas">SaaS B2B</button>
<button class="tab" role="tab" aria-selected="false" data-tab="banking">البنوك والتمويل</button>
<button class="tab" role="tab" aria-selected="false" data-tab="enterprise">المؤسسات الكبيرة</button>
<button class="tab" role="tab" aria-selected="false" data-tab="distribution">التوزيع</button>
<button class="tab" role="tab" aria-selected="false" data-tab="government">الحكومي</button>
</div>
<div class="tab-panels">
<article class="tab-panel is-active" id="sector-saas" data-panel="saas" role="tabpanel">
<h3>SaaS B2B</h3>
<p class="tab-panel__lede">عقود سنوية، خصومات متكررة، تجديدات حساسة — كل نقطة احتكاك تُكلّف الهامش.</p>
<div class="painlist">
<div><span class="pain-num">١</span><div><strong>خصومات بلا توثيق</strong><br>المندوب يُعطي 2035% خصماً بدون workflow رسمي.</div></div>
<div><span class="pain-num">٢</span><div><strong>تجديدات مفوّتة</strong><br>لا نظام ينبّه قبل 6090 يوماً من انتهاء العقد.</div></div>
<div><span class="pain-num">٣</span><div><strong>proposals يدوية</strong><br>كل proposal تستغرق 24 ساعات — وقت AE مُهدَر.</div></div>
</div>
</article>
<article class="tab-panel" id="sector-banking" data-panel="banking" role="tabpanel" hidden>
<h3>البنوك والخدمات المالية</h3>
<p class="tab-panel__lede">SAMA و PDPL يجعلان audit trail متطلباً لا خياراً. Dealix <span data-claim-id="CLM-008">مُراعٍ لمتطلبات SAMA و SDAIA و NCA و ZATCA في التصميم</span>.</p>
<div class="painlist">
<div><span class="pain-num">١</span><div><strong>audit trail غير كامل</strong><br>القرارات تمشي بإيميلات وواتساب — لا سجل قابل للتحقق.</div></div>
<div><span class="pain-num">٢</span><div><strong>موافقات متعددة</strong><br>46 مستويات لكل قرار مالي — بطيء وغير شفاف.</div></div>
<div><span class="pain-num">٣</span><div><strong>تقارير audit يدوية</strong><br>كل مراجعة SAMA = أسابيع عمل يدوي لجمع الأدلة.</div></div>
</div>
</article>
<article class="tab-panel" id="sector-enterprise" data-panel="enterprise" role="tabpanel" hidden>
<h3>المؤسسات الكبيرة</h3>
<p class="tab-panel__lede">فرق متعددة، اعتمادات متقاطعة، قيادة تريد الصورة الحقيقية — لا البيانات القديمة.</p>
<div class="painlist">
<div><span class="pain-num">١</span><div><strong>فوضى الاعتمادات</strong><br>15 فريق يُرسل موافقاتهم عبر WhatsApp — لا أحد يعرف أين القرار.</div></div>
<div><span class="pain-num">٢</span><div><strong>تقارير قيادة يدوية</strong><br>فريق كامل يُعدّ تقرير الأحد 24 ساعات.</div></div>
<div><span class="pain-num">٣</span><div><strong>شراكات غير مُفعَّلة</strong><br>20+ شريك استراتيجي — نصفهم لم يُشغَّل.</div></div>
</div>
</article>
<article class="tab-panel" id="sector-distribution" data-panel="distribution" role="tabpanel" hidden>
<h3>التوزيع وسلاسل الإمداد</h3>
<p class="tab-panel__lede">شبكة موزعين = شبكة قرارات لا مركزية. Dealix يوحّد الرؤية بدون استبدال القنوات.</p>
<div class="painlist">
<div><span class="pain-num">١</span><div><strong>لا رؤية أداء الموزعين</strong><br>كل موزع تقريره مختلف — لا مقارنة موضوعية.</div></div>
<div><span class="pain-num">٢</span><div><strong>onboarding بطيء</strong><br>الموزع الجديد يحتاج 23 أشهر ليصبح فاعلاً.</div></div>
<div><span class="pain-num">٣</span><div><strong>خصومات قناة غير منضبطة</strong><br>استثناءات عشوائية تُآكل الهامش في القناة غير المباشرة.</div></div>
</div>
</article>
<article class="tab-panel" id="sector-government" data-panel="government" role="tabpanel" hidden>
<h3>القطاع الحكومي وشبه الحكومي</h3>
<p class="tab-panel__lede">ديوان المراقبة، PDPL، Etimad — الدليل الرقمي لم يعد اختياراً.</p>
<div class="painlist">
<div><span class="pain-num">١</span><div><strong>إثبات الامتثال</strong><br>الجهة الرقابية تطلب دليلاً على مسار القرارات — جمعه يدوي.</div></div>
<div><span class="pain-num">٢</span><div><strong>لا audit trail رقمي</strong><br>قرارات تُتخذ في اجتماعات — المحاضر ورقية.</div></div>
<div><span class="pain-num">٣</span><div><strong>موافقات دورة الشراء</strong><br>610 مستويات موافقة — التأخير هو القاعدة.</div></div>
</div>
</article>
</div>
</div>
</section>
<!-- ============ HOW IT WORKS ============ -->
<section id="how" class="section section--muted">
<div class="container">
<header class="section__head">
<span class="kicker">كيف يعمل</span>
<h2 class="section__title">مسار واحد من الاكتشاف حتى الإغلاق</h2>
<p class="section__lede">خط إنتاج موثّق — كل خطوة تُسلّم للخطوة التالية دليلاً قابلاً للتدقيق.</p>
</header>
<ol class="pipeline" aria-label="مسار العمل">
<li class="step"><div class="step__num">١</div><h4>Discover</h4><p>استقبال الطلب من WhatsApp أو إيميل أو LinkedIn وتخزينه مع مصدره.</p></li>
<li class="step"><div class="step__num">٢</div><h4>Enrich</h4><p>إثراء الشركة والحساب من ٦ مصادر متكاملة لبناء سياق القرار.</p></li>
<li class="step"><div class="step__num">٣</div><h4>Score</h4><p>تسجيل المؤهّل عبر BANT / MEDDPICC — مع كل سبب موثّق.</p></li>
<li class="step"><div class="step__num">٤</div><h4>Engage</h4><p>قناة اتصال مناسبة للسياق مع ضوابط ساعات هدوء ورفض صريح.</p></li>
<li class="step"><div class="step__num">٥</div><h4>Qualify</h4><p>تأهيل بشري مع مساعدة AI — الحالات الحرجة تعود للإنسان.</p></li>
<li class="step"><div class="step__num">٦</div><h4>Approve</h4><p>سلسلة موافقات متعددة المستويات مع تنبيه تلقائي لأي تأخير.</p></li>
<li class="step"><div class="step__num">٧</div><h4>Close</h4><p>توقيع رقمي ورابط دفع مع تسليم Customer Success تلقائياً.</p></li>
</ol>
<div class="how__callout" data-claim-id="CLM-015">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="22" height="22" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h10"/></svg>
<p><strong>API-first.</strong> يتكامل مع بنيتكم الحالية (Salesforce / Zoho / SAP / Oracle) بدون استبدال — نضع طبقة القرار والتدقيق فوقها.</p>
</div>
</div>
</section>
<!-- ============ TRUST & EVIDENCE ============ -->
<section id="trust" class="section">
<div class="container">
<header class="section__head">
<span class="kicker">ثقة ودليل</span>
<h2 class="section__title">شفافية بدل شعارات شهادات لم نحصل عليها</h2>
<p class="section__lede">نؤمن أن ادعاء شهادة لم نحصل عليها يُكلّف الثقة أكثر مما يبنيها. هنا ما نفعله فعلاً.</p>
</header>
<div class="trust-grid">
<article class="trust-card" data-claim-id="CLM-006">
<div class="trust-card__head"><span class="tag tag--designed">مصمّم للتوافق</span></div>
<h3>PDPL</h3>
<p>حقوق الوصول والحذف والتنقل مدمجة في النظام من اليوم الأول. سجل consent قبل كل إرسال.</p>
</article>
<article class="trust-card" data-claim-id="CLM-008">
<div class="trust-card__head"><span class="tag tag--designed">مراعٍ للتصميم</span></div>
<h3>SAMA · SDAIA · NCA</h3>
<p>مُراعٍ لمتطلبات الجهات الرقابية الخليجية في التصميم التقني — الاعتماد الرسمي في خارطة الطريق.</p>
</article>
<article class="trust-card" data-claim-id="CLM-005">
<div class="trust-card__head"><span class="tag tag--live">ممارسات حيّة</span></div>
<h3>تشفير من الطرف للطرف</h3>
<p>AES-256 في الراحة و TLS 1.3 في النقل. خيار hosting داخل المملكة للعملاء المنظّمين.</p>
</article>
<article class="trust-card" data-claim-id="CLM-004">
<div class="trust-card__head"><span class="tag tag--roadmap">قيد التطوير</span></div>
<h3>Audit Trail بـ Hash Chain</h3>
<p>كل إجراء يُسجّل في سلسلة لا يمكن تعديلها بعد تسجيلها. يتم بناؤها ضمن مرحلة Pilot.</p>
</article>
</div>
<div class="trust-note">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M12 8v5M12 16h.01"/></svg>
<p>لا ندّعي SOC 2 أو ISO 27001 أو GDPR certified — لا نمتلكها بعد. نتبع ممارسات أمنية موثّقة وشهادات رسمية في خارطة الطريق. تفاصيل كاملة في <a href="/status.html">صفحة الحالة</a>.</p>
</div>
</div>
</section>
<!-- ============ PRICING ============ -->
<section id="pricing" class="section section--muted">
<div class="container">
<header class="section__head">
<span class="kicker">الباقات</span>
<h2 class="section__title">تسعير متدرّج — أسعار البايلوت قيد الاتفاق</h2>
<p class="section__lede">كل باقة تبدأ من نفس القاعدة: نظام قرار موثّق. الاختلاف في الحجم والخدمات.</p>
</header>
<div class="plans">
<article class="plan">
<h3>Starter</h3>
<p class="plan__desc">فريق صغير · مؤسسات ناشئة · صفقات محدودة</p>
<ul class="plan__list">
<li>مسار صفقات واحد موثّق</li>
<li>تنبيهات تجديد تلقائية</li>
<li>تقرير أسبوعي للمؤسس</li>
</ul>
<a href="#pilot" class="btn btn--ghost btn--block">تواصل معنا</a>
</article>
<article class="plan plan--highlight">
<div class="plan__badge">الأكثر طلباً</div>
<h3>Growth</h3>
<p class="plan__desc">SaaS B2B · مؤسسات بين 20200 موظف</p>
<ul class="plan__list">
<li>كل ما في Starter</li>
<li>سلسلة موافقات متعددة المستويات</li>
<li>تكامل CRM / ERP عبر API</li>
<li>دعم واتساب outbound مضبوط</li>
</ul>
<a href="#pilot" class="btn btn--primary btn--block">تواصل معنا</a>
</article>
<article class="plan">
<h3>Scale</h3>
<p class="plan__desc">المؤسسات متعددة الفرق · +200 موظف</p>
<ul class="plan__list">
<li>كل ما في Growth</li>
<li>Partnership OS كامل</li>
<li>Executive Control Room</li>
<li>SLA مخصص</li>
</ul>
<a href="#pilot" class="btn btn--ghost btn--block">تواصل معنا</a>
</article>
<article class="plan">
<h3>Enterprise</h3>
<p class="plan__desc">بنوك · جهات منظّمة · قطاع حكومي</p>
<ul class="plan__list">
<li>كل ما في Scale</li>
<li>Hosting داخل KSA</li>
<li>Data Processing Agreement مخصص</li>
<li>مراجعة قانونية مشتركة</li>
</ul>
<a href="#pilot" class="btn btn--ghost btn--block">تواصل معنا</a>
</article>
</div>
<p class="plans__note" data-claim-id="CLM-012">أسعار البايلوت خاصة للشركاء التأسيسيين الخمسة الأوائل مع تأثير مباشر على خارطة المنتج.</p>
</div>
</section>
<!-- ============ PROOF (honest) ============ -->
<section id="proof" class="section">
<div class="container proof">
<div class="proof__content">
<span class="kicker">مرحلة البايلوت</span>
<h2 class="proof__title">لا شعارات مزيفة. لا شهادات مزوّرة. لا حالات استعانة وهمية.</h2>
<p class="proof__lede">نحن في مرحلة بناء وتحقّق — ونبحث عن <strong>٥ شركاء تأسيسيين</strong> من مؤسسات الخليج يريدون تشكيل المنتج معنا.</p>
<ul class="proof__list">
<li>سعر خاص للمبكّرين</li>
<li>تأثير مباشر على خارطة الطريق</li>
<li>أولوية في الدعم</li>
<li>نطاق Pilot محدد + شرط إيقاف واضح</li>
</ul>
<a href="#pilot" class="btn btn--primary">قدّم للبايلوت ←</a>
</div>
<aside class="proof__card">
<div class="proof__card-head">
<span class="pulse pulse--small" aria-hidden="true"></span>
<span>حالة المنتج الحيّة</span>
</div>
<dl class="proof__stats">
<div><dt>إجمالي الخدمات</dt><dd>32</dd></div>
<div><dt>حيّة (اجتاز كل البوابات)</dt><dd>0</dd></div>
<div><dt>Partial / Pilot</dt><dd>8</dd></div>
<div><dt>في خارطة الطريق</dt><dd>24</dd></div>
</dl>
<a href="/status.html" class="proof__link">تفاصيل كل خدمة ←</a>
</aside>
</div>
</section>
<!-- ============ PARTNERS (honest placeholder) ============ -->
<section class="section section--muted">
<div class="container partners">
<span class="kicker">شركاء تأسيسيون</span>
<h2 class="partners__title">نبحث عن أول ٥ شركاء تأسيسيين — هل مؤسستكم أحدهم؟</h2>
<p class="partners__lede">لا شعارات عملاء نضعها قبل أن نكسب حقها. المكان هنا محجوز للشركاء الأوائل.</p>
<div class="partners__slots" aria-hidden="true">
<div class="partner-slot">[شريك ١]</div>
<div class="partner-slot">[شريك ٢]</div>
<div class="partner-slot">[شريك ٣]</div>
<div class="partner-slot">[شريك ٤]</div>
<div class="partner-slot">[شريك ٥]</div>
</div>
</div>
</section>
<!-- ============ FAQ ============ -->
<section id="faq" class="section">
<div class="container faq">
<header class="section__head">
<span class="kicker">أسئلة شائعة</span>
<h2 class="section__title">الأسئلة التي يسألها المدراء التنفيذيون عادة</h2>
</header>
<div class="faq__list">
<details class="faq__item"><summary>عندنا CRM — لماذا نحتاج Dealix؟</summary><p data-claim-id="CLM-007">Dealix لا يحل محل CRM — يجلس فوقه ويُشغّل القرارات التي CRM لا يستطيع اتخاذها: مَن وافق على هذا الخصم؟ لماذا هذا العقد لم يُجدَّد؟ ما القرارات المعلقة؟ هذه أسئلة نظام تشغيل، ليس CRM.</p></details>
<details class="faq__item"><summary>عندنا Power BI / Tableau — كيف يختلف Dealix؟</summary><p>BI يُخبركم بما حدث — Dealix يُنفّذ ما يجب أن يحدث قبل الحدث وأثناءه. ينبّه قبل انتهاء العقد، يوقف خصماً تجاوز الحد، يُطلق workflow الاعتماد.</p></details>
<details class="faq__item"><summary>الذكاء الاصطناعي يُخطئ — كيف نثق به على قراراتنا؟</summary><p>Dealix مبني بمبدأ human-in-the-loop: كل قرار حرج (+10K ر.س أو أي حد تحددونه) يحتاج موافقة بشرية رسمية. AI يُرتّب ويُنظّم ويُنبّه — لكن الإنسان يُوافق. وكل ما يفعله AI مُسجَّل وقابل للتدقيق.</p></details>
<details class="faq__item"><summary>التكامل مع أنظمتنا — كم يستغرق؟</summary><p data-claim-id="CLM-015">بنيناه API-first. نبدأ بتكامل webhook مع نظامكم الحالي — الأمر يستغرق أياماً لا أشهراً في أغلب الحالات. في مرحلة Pilot نُثبت هذا بالفعل.</p></details>
<details class="faq__item"><summary>أمن وخصوصية PDPL — كيف تتعاملون معها؟</summary><p data-claim-id="CLM-006">PDPL مدمج في التصميم: كل بيانات شخصية مرتبطة بـ consent مسجَّل، كل طلب حذف يُنفَّذ، كل وصول مُسجَّل. وثيقة التصميم التقني متاحة للمراجعة القانونية. لا ندّعي GDPR certified — نتبع مبادئها ونتوافق مع PDPL.</p></details>
<details class="faq__item"><summary>هل بياناتنا تخرج من المملكة؟</summary><p>خيار hosting داخل KSA متاح للباقات Scale و Enterprise. بياناتكم لا تغادر إلا بإذن صريح. يمكن تضمين ذلك في عقد الخدمة كـ Data Processing Agreement رسمي.</p></details>
<details class="faq__item"><summary>السعر — كيف تحسبون القيمة؟</summary><p>نحسب ROI على تسرب الهامش: إذا كان لديكم 10 مندوبين يُعطون خصماً متوسطه 15% على صفقات 50K ر.س — وواحد في الشهر يُعطي خصماً غير مصرح — هذا 7.5K ر.س هامش من صفقة واحدة. باقات البايلوت قابلة للتفاوض للشركاء التأسيسيين.</p></details>
<details class="faq__item"><summary>ليس لديكم مراجع محلية بعد — لماذا نبدأ معكم؟</summary><p data-claim-id="CLM-012">صحيح — نحن في مرحلة Pilot. نُقدّم شروط الشريك التأسيسي: سعر خاص، تأثير على المنتج، أولوية الدعم. النطاق محدد وشرط الإيقاف واضح. الخطر محدود والعائد محدد.</p></details>
<details class="faq__item"><summary>هل أنتم شركاء SAMA معتمدون؟</summary><p data-claim-id="CLM-008">لا — لا ندّعي اعتماد SAMA. نحن مُصمَّمون وفق متطلبات SAMA و SDAIA و NCA و ZATCA في التصميم التقني. الاعتماد الرسمي في خارطة الطريق.</p></details>
<details class="faq__item"><summary>ماذا لو أردنا بناء الحل داخلياً (Build vs Buy)؟</summary><p>بناء داخلي خيار مشروع ويعطيكم سيطرة كاملة. تكلفته الحقيقية: 35 مطورين × 12 شهراً = 1.53M ر.س + صيانة + compliance updates. Dealix يُعطيكم نتيجة اليوم الأول ويحمل عنكم التطوير المستمر.</p></details>
</div>
</div>
</section>
<!-- ============ CTA / PILOT FORM ============ -->
<section id="pilot" class="section cta-section">
<div class="container cta">
<div class="cta__copy">
<span class="kicker kicker--invert">احجز جلسة تعريف</span>
<h2 class="cta__title">٣٠ دقيقة — نفهم وضعكم الحالي ونريكم النظام على بياناتكم</h2>
<p class="cta__lede">لا عرض بيع ممل. نبدأ بخمسة أسئلة تكشف أين القيمة الحقيقية في مؤسستكم — ثم نريكم Dealix على سيناريو فعلي من واقعكم.</p>
<ul class="cta__bullets">
<li>تواصل خلال ٤ ساعات عمل (التزام داخلي موثّق)</li>
<li>مراسل واحد مخصص — لا سلاسل فرق مبيعات</li>
<li>يمكن إيقاف الـ Pilot في أي مرحلة دون التزام مالي</li>
</ul>
</div>
<form class="cta-form" id="demoForm" novalidate aria-labelledby="cta-form-title">
<h3 id="cta-form-title" class="cta-form__title">طلب تجربة</h3>
<div class="field">
<label for="f-name">الاسم الكامل <span aria-hidden="true">*</span></label>
<input id="f-name" name="name" type="text" required autocomplete="name" placeholder="مثال: محمد السبيعي" />
</div>
<div class="field-row">
<div class="field">
<label for="f-company">الشركة <span aria-hidden="true">*</span></label>
<input id="f-company" name="company" type="text" required autocomplete="organization" placeholder="اسم الشركة" />
</div>
<div class="field">
<label for="f-size">الحجم</label>
<select id="f-size" name="size">
<option value="">اختر الحجم</option>
<option value="1-20">120 موظف</option>
<option value="21-100">21100 موظف</option>
<option value="101-500">101500 موظف</option>
<option value="501-2000">5012000 موظف</option>
<option value="2000+">+2000 موظف</option>
</select>
</div>
</div>
<div class="field-row">
<div class="field">
<label for="f-sector">القطاع <span aria-hidden="true">*</span></label>
<select id="f-sector" name="sector" required>
<option value="">اختر القطاع</option>
<option value="saas">SaaS B2B</option>
<option value="banking">بنوك وخدمات مالية</option>
<option value="enterprise">مؤسسة كبيرة متعددة الفرق</option>
<option value="distribution">توزيع وسلاسل إمداد</option>
<option value="government">حكومي / شبه حكومي</option>
<option value="other">أخرى</option>
</select>
</div>
<div class="field">
<label for="f-phone">رقم الجوال <span aria-hidden="true">*</span></label>
<input id="f-phone" name="phone" type="tel" required inputmode="tel" autocomplete="tel" placeholder="+966 5X XXX XXXX" pattern="^\+?966\s?5\d{1}\s?\d{3}\s?\d{4}$" />
</div>
</div>
<div class="field">
<label for="f-email">البريد الإلكتروني <span aria-hidden="true">*</span></label>
<input id="f-email" name="email" type="email" required autocomplete="email" placeholder="you@company.sa" />
</div>
<div class="field">
<label for="f-msg">ما أبرز ألم تشغيلي عندكم الآن؟ <span class="optional">(اختياري)</span></label>
<textarea id="f-msg" name="message" rows="3" placeholder="مثال: موافقات الخصومات تضيع بين واتساب وإيميل — لا نعرف مَن وافق على ماذا"></textarea>
</div>
<!-- Honeypot (hidden) -->
<div class="hp" aria-hidden="true">
<label for="f-website">لا تملأ هذا الحقل</label>
<input id="f-website" name="website" type="text" tabindex="-1" autocomplete="off" />
</div>
<!-- Consent -->
<label class="consent">
<input type="checkbox" id="f-consent" name="consent" required />
<span>أوافق على معالجة بياناتي وفق سياسة الخصوصية — متوافق مع PDPL.</span>
</label>
<button type="submit" class="btn btn--primary btn--lg btn--block" id="submitBtn">
<span class="btn__label">أرسل الطلب</span>
<span class="btn__spinner" aria-hidden="true"></span>
</button>
<p id="formResponse" class="form-response" role="status" aria-live="polite"></p>
<p class="form-foot">سنتواصل خلال ٤ ساعات عمل. لا spam. لا سلاسل بريدية.</p>
</form>
</div>
</section>
</main>
<!-- ============ FOOTER ============ -->
<footer class="footer" role="contentinfo">
<div class="container footer__inner">
<div class="footer__brand">
<div class="nav__brand">
<svg class="nav__logo" viewBox="0 0 40 40" aria-hidden="true" fill="none">
<rect x="2" y="2" width="36" height="36" rx="9" fill="currentColor" opacity="0.08"/>
<path d="M12 12h10a8 8 0 0 1 0 16H12z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"/>
<circle cx="28" cy="28" r="2.5" fill="currentColor"/>
</svg>
<span class="nav__wordmark">Dealix</span>
</div>
<p class="footer__tag">نظام تشغيل مؤسسي للقرار — مبني للخليج.</p>
</div>
<div class="footer__cols">
<div><h4>المنتج</h4><ul><li><a href="#pillars">لماذا Dealix</a></li><li><a href="#how">كيف يعمل</a></li><li><a href="#pricing">الباقات</a></li><li><a href="/status.html">حالة الخدمات</a></li></ul></div>
<div><h4>قطاعات</h4><ul><li><a href="#sector-saas">SaaS B2B</a></li><li><a href="#sector-banking">البنوك والتمويل</a></li><li><a href="#sector-enterprise">المؤسسات الكبيرة</a></li><li><a href="#sector-government">الحكومي</a></li></ul></div>
<div><h4>الثقة والامتثال</h4><ul><li><a href="#trust">PDPL · SAMA · NCA</a></li><li><a href="/status.html">Service Readiness Matrix</a></li><li><a href="/privacy.html">سياسة الخصوصية</a></li><li><a href="/terms.html">الشروط</a></li></ul></div>
<div><h4>تواصل</h4><ul><li><a href="mailto:sami.assiri11@gmail.com">sami.assiri11@gmail.com</a></li><li><a href="#pilot">احجز تجربة</a></li></ul></div>
</div>
</div>
<div class="container footer__bottom">
<p>© <span id="year">2026</span> Dealix. جميع الحقوق محفوظة.</p>
<p class="footer__note">صُنع في الرياض · عربي أولاً · <a href="/status.html">شفافية المنتج</a></p>
</div>
</footer>
<!-- Consent Banner -->
<div class="consent-banner" id="consentBanner" role="dialog" aria-labelledby="consent-title" hidden>
<div class="container consent-banner__inner">
<div>
<strong id="consent-title">الخصوصية — PDPL</strong>
<p>نستخدم ملفات تعريف الارتباط الأساسية وأدوات قياس مجهّلة لتحسين الموقع. لا نُشارك بياناتكم مع أطراف ثالثة بدون إذن.</p>
</div>
<div class="consent-banner__actions">
<button class="btn btn--ghost btn--sm" data-consent="reject">رفض غير الأساسي</button>
<button class="btn btn--primary btn--sm" data-consent="accept">موافق</button>
</div>
</div>
</div>
<script>
// Dealix API base URL — points to Railway backend. Edit once backend URL is final.
window.DEALIX_API_BASE = window.DEALIX_API_BASE || 'https://web-dealix.up.railway.app';
</script>
<script src="script.js" defer></script>
</body>
</html>