mirror of
https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools.git
synced 2026-06-17 23:09:35 +00:00
795 lines
52 KiB
HTML
795 lines
52 KiB
HTML
<!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="#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>20–500 موظف · MRR 200K–5M ر.س · دورة بيع قصيرة · المؤسس يملك الصلاحية.</p>
|
||
<ul class="icp__pains">
|
||
<li>خصومات بلا توثيق تُسرّب 5–15% من الهامش</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>المندوب يُعطي 20–35% خصماً بدون workflow رسمي.</div></div>
|
||
<div><span class="pain-num">٢</span><div><strong>تجديدات مفوّتة</strong><br>لا نظام ينبّه قبل 60–90 يوماً من انتهاء العقد.</div></div>
|
||
<div><span class="pain-num">٣</span><div><strong>proposals يدوية</strong><br>كل proposal تستغرق 2–4 ساعات — وقت 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>4–6 مستويات لكل قرار مالي — بطيء وغير شفاف.</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>فريق كامل يُعدّ تقرير الأحد 2–4 ساعات.</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>الموزع الجديد يحتاج 2–3 أشهر ليصبح فاعلاً.</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>6–10 مستويات موافقة — التأخير هو القاعدة.</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 · مؤسسات بين 20–200 موظف</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>بناء داخلي خيار مشروع ويعطيكم سيطرة كاملة. تكلفته الحقيقية: 3–5 مطورين × 12 شهراً = 1.5–3M ر.س + صيانة + 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">1–20 موظف</option>
|
||
<option value="21-100">21–100 موظف</option>
|
||
<option value="101-500">101–500 موظف</option>
|
||
<option value="501-2000">501–2000 موظف</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>
|