system-prompts-and-models-o.../salesflow-saas/landing/trial-signup.html
VoXc2 fe94f1b3ca
feat(dealix): revenue machine — 60 targets + daily ops + trial signup
* fix(health): add root-level /health endpoint for Railway healthcheck

Railway checks /health but all API routes are under /api/v1/.
This adds a lightweight root /health endpoint that returns
{"status": "ok"} — no auth, no DB, no middleware blocking.

This fixes the "1/1 replicas never became healthy" Railway error.

https://claude.ai/code/session_01W1rJthWDkasijTdXCfxVHs

* feat(dealix): revenue machine — 60 targets + daily ops + trial signup

Complete acquisition and revenue operations kit:

1. trial-signup.html — Arabic RTL lead capture landing page with
   form → Railway backend + localStorage backup + Calendly redirect

2. 10_CUSTOMERS_PER_WEEK_MACHINE.md — exact math: 70 touches/day
   across 8 channels = 10 paid/week. Daily schedule, 6 segments,
   sector-specific messages, KPI targets, tracker template.

3. DAILY_REVENUE_MACHINE.md — 8 parallel revenue channels:
   LinkedIn outbound, cold email (Instantly.ai), WhatsApp warm,
   agency partners, content inbound, community, referral, paid ads.
   Full conversion funnel Week 1→Month 3. Tools = 149 SAR/month.

4. SAUDI_60_TARGETS.md — 60 named Saudi companies:
   20 direct customers (Foodics→Moyasar) with tech-signal-based
   message angles, 20 agency partners with setup+MRR offers,
   10 strategic partners (Salla/Zid/Unifonic/Misk/KAUST),
   10 warm network slots for personal contacts.

https://claude.ai/code/session_01W1rJthWDkasijTdXCfxVHs

---------

Co-authored-by: Claude <noreply@anthropic.com>
2026-04-24 23:02:04 +03:00

177 lines
8.6 KiB
HTML

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dealix — جرّب مندوب المبيعات الذكي مجاناً</title>
<meta name="description" content="ديلكس يرد على عملائك بالعربي 24/7، يأهلهم، ويحجز المواعيد. جرّب 7 أيام مجاناً.">
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:#0f172a;color:#fff;min-height:100vh}
.hero{max-width:700px;margin:0 auto;padding:40px 20px;text-align:center}
.badge{display:inline-block;background:rgba(245,158,11,.15);color:#f59e0b;padding:6px 16px;border-radius:20px;font-size:14px;margin-bottom:24px;border:1px solid rgba(245,158,11,.3)}
h1{font-size:clamp(28px,5vw,48px);line-height:1.3;margin-bottom:16px;font-weight:800}
h1 span{background:linear-gradient(to left,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{font-size:18px;color:#94a3b8;margin-bottom:32px;line-height:1.6}
.form-box{background:#1e293b;border-radius:16px;padding:32px;text-align:right;max-width:500px;margin:0 auto}
.form-box h2{font-size:22px;margin-bottom:8px}
.form-box p{color:#94a3b8;font-size:14px;margin-bottom:24px}
label{display:block;font-size:14px;color:#cbd5e1;margin-bottom:6px;margin-top:16px}
input,select,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#fff;font-size:16px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#f59e0b}
textarea{height:80px;resize:vertical}
.btn{display:block;width:100%;padding:14px;background:#f59e0b;color:#0f172a;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;margin-top:24px;transition:.2s}
.btn:hover{background:#fbbf24}
.btn:disabled{opacity:.5;cursor:not-allowed}
.trust{display:flex;gap:16px;justify-content:center;margin-top:24px;font-size:13px;color:#64748b;flex-wrap:wrap}
.success{display:none;text-align:center;padding:40px}
.success h2{color:#10b981;font-size:28px;margin-bottom:16px}
.success p{color:#94a3b8;font-size:16px;line-height:1.8}
.success a{color:#f59e0b;text-decoration:none;font-weight:700;font-size:20px;display:inline-block;margin-top:20px;padding:14px 32px;background:rgba(245,158,11,.15);border-radius:12px;border:1px solid rgba(245,158,11,.3)}
.stats{display:flex;gap:24px;justify-content:center;margin:32px 0;flex-wrap:wrap}
.stat{text-align:center}
.stat .num{font-size:32px;font-weight:800;color:#f59e0b}
.stat .lbl{font-size:13px;color:#64748b;margin-top:4px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:32px 0;text-align:right}
.feat{background:#1e293b;padding:16px;border-radius:12px}
.feat h3{font-size:15px;margin-bottom:6px;color:#f59e0b}
.feat p{font-size:13px;color:#94a3b8;line-height:1.5}
</style>
</head>
<body>
<div class="hero">
<div class="badge">🇸🇦 صُنع للسوق السعودي • 7 أيام مجاناً</div>
<h1>موظف مبيعات ذكي<br><span>يقفل لك الصفقات وأنت نايم</span></h1>
<p class="sub">يرد على عملائك بالعربي خلال 45 ثانية، يأهلهم، يحجز المواعيد، ويجهّز فريقك للإقفال.</p>
<div class="stats">
<div class="stat"><div class="num">45</div><div class="lbl">ثانية متوسط الرد</div></div>
<div class="stat"><div class="num">24/7</div><div class="lbl">بدون توقف</div></div>
<div class="stat"><div class="num">73%</div><div class="lbl">عملاء يتوقعون رد سريع</div></div>
</div>
<div class="features">
<div class="feat"><h3>رد فوري بالعربي</h3><p>يرد على واتساب وإنستقرام والموقع بلهجة سعودية طبيعية</p></div>
<div class="feat"><h3>تأهيل ذكي</h3><p>يسأل أسئلة التأهيل الصحيحة ويفرز الجادين</p></div>
<div class="feat"><h3>حجز تلقائي</h3><p>يحجز المواعيد مباشرة في تقويمك</p></div>
<div class="feat"><h3>تقارير يومية</h3><p>يعطيك تقرير مختصر عن كل فرصة وتقدّم</p></div>
</div>
<div id="formSection" class="form-box">
<h2>ابدأ تجربة مجانية 7 أيام</h2>
<p>بدون بطاقة ائتمان • بدون التزام • إلغاء أي وقت</p>
<form id="leadForm">
<label>الاسم الكامل *</label>
<input type="text" name="name" required placeholder="مثال: سامي العسيري">
<label>اسم الشركة *</label>
<input type="text" name="company" required placeholder="مثال: شركة النمو للتقنية">
<label>البريد الإلكتروني *</label>
<input type="email" name="email" required placeholder="sami@company.com">
<label>رقم الجوال (واتساب) *</label>
<input type="tel" name="phone" required placeholder="+966 5XX XXX XXXX" dir="ltr">
<label>القطاع</label>
<select name="sector">
<option value="">اختر القطاع</option>
<option value="saas">SaaS / تقنية</option>
<option value="ecommerce">تجارة إلكترونية</option>
<option value="realestate">عقارات</option>
<option value="fnb">مطاعم / أغذية</option>
<option value="services">خدمات B2B</option>
<option value="agency">وكالة تسويق / إعلان</option>
<option value="logistics">لوجستيك / توصيل</option>
<option value="education">تعليم / تدريب</option>
<option value="healthcare">صحة / طب</option>
<option value="fintech">تقنية مالية</option>
<option value="other">قطاع آخر</option>
</select>
<label>كم lead تستقبلون شهرياً (تقريبياً)؟</label>
<select name="leads_monthly">
<option value="">اختر</option>
<option value="0-50">أقل من 50</option>
<option value="50-200">50 - 200</option>
<option value="200-500">200 - 500</option>
<option value="500+">أكثر من 500</option>
</select>
<label>أكبر تحدي في المبيعات حالياً</label>
<textarea name="challenge" placeholder="مثال: الرد بطيء على العملاء، متابعة ضعيفة..."></textarea>
<button type="submit" class="btn" id="submitBtn">ابدأ التجربة المجانية →</button>
</form>
<div class="trust">
<span>✓ بدون بطاقة ائتمان</span>
<span>✓ إعداد 10 دقائق</span>
<span>✓ إلغاء أي وقت</span>
<span>✓ متوافق PDPL</span>
</div>
</div>
<div id="successSection" class="success">
<h2>تم التسجيل بنجاح! 🎉</h2>
<p>شكراً <strong id="userName"></strong>!<br>
فريقنا بيتواصل معك خلال ساعتين على واتساب لبدء الإعداد.<br><br>
أو احجز موعد Demo مباشرة:</p>
<a href="https://calendly.com/sami-assiri11/dealix-demo" target="_blank">📅 احجز Demo الآن</a>
</div>
</div>
<script>
const form = document.getElementById('leadForm');
const formSection = document.getElementById('formSection');
const successSection = document.getElementById('successSection');
const submitBtn = document.getElementById('submitBtn');
form.addEventListener('submit', async (e) => {
e.preventDefault();
submitBtn.disabled = true;
submitBtn.textContent = 'جاري التسجيل...';
const data = Object.fromEntries(new FormData(form));
data.source = 'landing_page';
data.timestamp = new Date().toISOString();
data.page_url = window.location.href;
// Try Railway backend
try {
await fetch('https://web-dealix.up.railway.app/api/v1/prospect/demo', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
});
} catch(e) { /* silent — manual follow-up */ }
// Log to PostHog if available
try {
if (window.posthog) {
window.posthog.capture('lead_captured', data);
}
} catch(e) {}
// Store locally as backup
const leads = JSON.parse(localStorage.getItem('dealix_leads') || '[]');
leads.push(data);
localStorage.setItem('dealix_leads', JSON.stringify(leads));
// Send notification email via mailto fallback
const subject = encodeURIComponent(`Dealix Lead: ${data.company} - ${data.name}`);
const body = encodeURIComponent(
`New Lead!\n\nName: ${data.name}\nCompany: ${data.company}\nEmail: ${data.email}\nPhone: ${data.phone}\nSector: ${data.sector}\nLeads/mo: ${data.leads_monthly}\nChallenge: ${data.challenge}\nTime: ${data.timestamp}`
);
// Show success
document.getElementById('userName').textContent = data.name.split(' ')[0];
formSection.style.display = 'none';
successSection.style.display = 'block';
// Open mailto as notification (optional)
// window.open(`mailto:sami.assiri11@gmail.com?subject=${subject}&body=${body}`);
});
</script>
</body>
</html>