Hamza-AyedandClaude Opus 5
92dc6b3641
نسخة كاملة من مستودع سيرو عند ecfe7568 لتكون أساس تطبيق «انطلق». نُسخ المتعقَّب في git فقط (12,509 ملفاً / 302 م.ب) بـ git archive، لا `cp -r` — فاستُثنيت تلقائياً مخلفات البناء (build · node_modules · .dart_tool · .gradle · Pods ≈ 10.7 غ.ب) وكل ما يستثنيه .gitignore. هذا الكوميت **بلا أي تعديل عمداً** حتى يكون كل ما يليه فرقاً مقروءاً مقابل سيرو الأصلي. سيرو نفسه لم يُمسّ. ⚠️ لا يبني بعد: `.env` و`lib/env/env.g.dart` غير متعقَّبين في سيرو (وهذا صحيح — أسرار لكل مستأجر). كل تطبيق فلاتر هنا يحتاج .env خاصاً بانطلق ثم توليد env.g.dart عبر build_runner. لا تُنسخ أسرار سيرو. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
1191 lines
92 KiB
HTML
1191 lines
92 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>سيرو · الملف الاستثماري الشامل | Siro Investor Deck 2026</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&family=Syne:wght@700;800;900&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
:root{
|
|
--ink:#030810;--ink2:#060F1E;--ink3:#0B1628;--ink4:#101E35;
|
|
--gold:#F0A500;--goldb:#FFB830;--goldc:#FFD270;
|
|
--gold-dim:rgba(240,165,0,.1);--gold-glow:rgba(240,165,0,.25);
|
|
--gold-glow-strong:rgba(240,165,0,.4);
|
|
--cyan:#00E5CC;--cyan-dim:rgba(0,229,204,.08);
|
|
--green:#00D97E;--green-dim:rgba(0,217,126,.08);
|
|
--red:#FF3D6B;--red-dim:rgba(255,61,107,.08);
|
|
--blue:#3B8EFF;--blue-dim:rgba(59,142,255,.08);
|
|
--purple:#A855F7;--purple-dim:rgba(168,85,247,.08);
|
|
--amber:#FF9500;--text:#C8D6F0;--muted:#556270;--muted2:#3A4555;
|
|
--border:rgba(240,165,0,.14);--border2:rgba(255,255,255,.05);
|
|
--r:16px;--r2:24px
|
|
}
|
|
[data-lang=en]{direction:ltr}[data-lang=ar]{direction:rtl}
|
|
html{scroll-behavior:smooth}
|
|
body{
|
|
font-family:'Cairo',sans-serif;background:var(--ink);color:var(--text);
|
|
overflow-x:hidden;line-height:1.7
|
|
}
|
|
::-webkit-scrollbar{width:3px}
|
|
::-webkit-scrollbar-track{background:var(--ink)}
|
|
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}
|
|
|
|
.ar{display:inline}.en{display:none}
|
|
[data-lang=en] .ar{display:none}
|
|
[data-lang=en] .en{display:inline}
|
|
[data-lang=en] .ar-block{display:none}
|
|
[data-lang=ar] .en-block{display:none}
|
|
|
|
body::after{
|
|
content:'';position:fixed;inset:0;pointer-events:none;z-index:998;
|
|
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
|
|
opacity:.5;mix-blend-mode:overlay
|
|
}
|
|
#scrollProg{
|
|
position:fixed;top:0;left:0;right:0;height:2px;z-index:999;
|
|
background:linear-gradient(90deg,var(--gold),var(--cyan));width:0%;
|
|
transition:width .1s linear
|
|
}
|
|
#particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6}
|
|
nav{
|
|
position:fixed;top:0;right:0;left:0;z-index:500;height:64px;
|
|
display:flex;align-items:center;padding:0 2.5rem;
|
|
background:rgba(3,8,16,.92);backdrop-filter:blur(28px);
|
|
border-bottom:1px solid var(--border);
|
|
}
|
|
.nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between}
|
|
.nav-logo{
|
|
display:flex;align-items:center;gap:.7rem;
|
|
font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:900;
|
|
color:#fff;letter-spacing:-.5px;text-decoration:none
|
|
}
|
|
.nav-logo em{color:var(--goldb);font-style:normal}
|
|
.nav-logo-badge{
|
|
font-family:'Cairo',sans-serif;font-size:.55rem;font-weight:800;
|
|
background:var(--gold-dim);border:1px solid var(--border);
|
|
color:var(--goldb);padding:3px 9px;border-radius:20px;
|
|
}
|
|
.nav-links{display:flex;align-items:center;gap:1rem}
|
|
.nav-links a{
|
|
color:var(--muted);text-decoration:none;font-size:.72rem;
|
|
font-weight:700;transition:color .2s;white-space:nowrap
|
|
}
|
|
.nav-links a:hover{color:var(--goldb)}
|
|
.lang-btn{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
color:var(--muted);font-family:'JetBrains Mono',monospace;
|
|
font-size:.65rem;font-weight:700;padding:5px 11px;
|
|
border-radius:6px;cursor:pointer;transition:all .2s
|
|
}
|
|
.lang-btn:hover{border-color:var(--border);color:var(--gold)}
|
|
.nav-cta{
|
|
background:linear-gradient(135deg,var(--gold),var(--goldb));
|
|
color:#000!important;font-size:.72rem!important;font-weight:900!important;
|
|
padding:7px 16px!important;border-radius:8px;
|
|
display:flex!important;align-items:center;gap:.4rem;transition:all .25s!important
|
|
}
|
|
.nav-cta:hover{box-shadow:0 8px 30px var(--gold-glow);transform:translateY(-1px)}
|
|
section{padding:90px 2rem;position:relative;z-index:1}
|
|
.container{max-width:1200px;margin:0 auto}
|
|
.alt-bg{background:var(--ink2)}
|
|
.divider{height:1px;background:var(--border2);margin:0 2rem;position:relative;z-index:1}
|
|
.eyebrow{
|
|
display:inline-flex;align-items:center;gap:8px;font-size:.65rem;
|
|
font-weight:800;color:var(--goldb);letter-spacing:.14em;
|
|
text-transform:uppercase;margin-bottom:1rem
|
|
}
|
|
.eyebrow::before{content:'';width:28px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
|
|
h2.stitle{
|
|
font-size:clamp(1.6rem,3.8vw,2.6rem);font-weight:900;line-height:1.12;margin-bottom:.5rem
|
|
}
|
|
h2.stitle em,h2.stitle span{color:var(--goldb);font-style:normal}
|
|
.sdesc{color:var(--muted);font-size:.88rem;margin-bottom:2.5rem;max-width:580px;line-height:1.8}
|
|
|
|
.callout{
|
|
display:flex;gap:1rem;align-items:flex-start;border-radius:12px;
|
|
padding:1.1rem 1.4rem;margin:1.5rem 0;font-size:.82rem;
|
|
border-right:3px solid;line-height:1.7
|
|
}
|
|
[data-lang=en] .callout{border-right:none;border-left:3px solid}
|
|
.callout.gold{background:var(--gold-dim);border-color:var(--goldb);color:#F0CF80}
|
|
.callout.green{background:var(--green-dim);border-color:var(--green);color:#7EEFC0}
|
|
.callout.red{background:var(--red-dim);border-color:var(--red);color:#FFA0B5}
|
|
.callout.blue{background:var(--blue-dim);border-color:var(--blue);color:#9DC4FF}
|
|
.callout.purple{background:var(--purple-dim);border-color:var(--purple);color:#D8B4FE}
|
|
.callout-i{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}
|
|
|
|
.tw{overflow-x:auto;border-radius:var(--r);border:1px solid var(--border)}
|
|
table{width:100%;border-collapse:collapse;font-size:.8rem}
|
|
thead{background:rgba(240,165,0,.07)}
|
|
th{
|
|
padding:12px 15px;font-weight:800;font-size:.72rem;
|
|
color:var(--goldb);text-align:right;border-bottom:1px solid var(--border);white-space:nowrap
|
|
}
|
|
[data-lang=en] th{text-align:left}
|
|
td{padding:10px 15px;border-bottom:1px solid var(--border2);color:var(--text);vertical-align:middle}
|
|
tr:last-child td{border-bottom:none}
|
|
tr:hover td{background:rgba(255,255,255,.012)}
|
|
.tc-gold{color:var(--goldb)!important;font-weight:800}
|
|
.tc-cyan{color:var(--cyan)!important;font-weight:800}
|
|
.tc-green{color:var(--green)!important;font-weight:700}
|
|
.tc-red{color:var(--red)!important;font-weight:700}
|
|
.tc-amber{color:var(--amber)!important;font-weight:700}
|
|
.ck{color:var(--green)}.xx{color:var(--red)}
|
|
.hl-row td{background:rgba(240,165,0,.05)!important}
|
|
.hl-row td:first-child{color:var(--goldb);font-weight:800}
|
|
|
|
.card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;transition:all .3s
|
|
}
|
|
.card:hover{transform:translateY(-4px);border-color:var(--border)}
|
|
|
|
.g2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
|
|
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
|
|
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
|
|
.ga{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}
|
|
.gab{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}
|
|
.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
|
|
@media(max-width:1024px){.g5{grid-template-columns:repeat(3,1fr)}}
|
|
@media(max-width:900px){.g2,.g3,.g5{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}}
|
|
@media(max-width:600px){.g4,.hero-kpis-grid{grid-template-columns:1fr 1fr}}
|
|
|
|
.btn{
|
|
display:inline-flex;align-items:center;gap:.5rem;
|
|
font-family:'Cairo',sans-serif;font-weight:900;font-size:.84rem;
|
|
padding:12px 26px;border-radius:10px;text-decoration:none;
|
|
cursor:pointer;border:none;transition:all .25s
|
|
}
|
|
.btn-gold{background:linear-gradient(135deg,#E09500,var(--goldb));color:#000}
|
|
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 40px var(--gold-glow)}
|
|
.btn-ghost{background:rgba(255,255,255,.05);border:1px solid var(--border2);color:var(--text)}
|
|
.btn-ghost:hover{border-color:var(--border);background:rgba(255,255,255,.08)}
|
|
|
|
.hero{
|
|
min-height:100vh;display:flex;align-items:center;padding:80px 2rem 60px;
|
|
position:relative;overflow:hidden
|
|
}
|
|
.hero-ambient{
|
|
position:absolute;inset:0;
|
|
background:radial-gradient(ellipse 100% 70% at 50% -5%,rgba(240,165,0,.08) 0%,transparent 60%),
|
|
radial-gradient(ellipse 60% 60% at 0% 60%,rgba(0,229,204,.04) 0%,transparent 55%),
|
|
radial-gradient(ellipse 50% 50% at 100% 80%,rgba(59,142,255,.04) 0%,transparent 55%)
|
|
}
|
|
.hero-grid-bg{
|
|
position:absolute;inset:0;
|
|
background-image:linear-gradient(rgba(240,165,0,.025) 1px,transparent 1px),
|
|
linear-gradient(90deg,rgba(240,165,0,.025) 1px,transparent 1px);
|
|
background-size:80px 80px
|
|
}
|
|
.hero-content{
|
|
position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;
|
|
display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center
|
|
}
|
|
@media(max-width:900px){.hero-content{grid-template-columns:1fr}}
|
|
.hero-eyebrow{
|
|
display:inline-flex;align-items:center;gap:10px;
|
|
background:rgba(0,229,204,.08);border:1px solid rgba(0,229,204,.2);
|
|
color:var(--cyan);font-size:.68rem;font-weight:800;padding:6px 15px;
|
|
border-radius:50px;margin-bottom:1.5rem;animation:fadeUp .5s ease both
|
|
}
|
|
.hero-live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 1.8s infinite}
|
|
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
|
|
h1.htitle{
|
|
font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.12;
|
|
margin-bottom:1.2rem;animation:fadeUp .6s .08s ease both
|
|
}
|
|
h1.htitle em{color:var(--goldb);font-style:normal}
|
|
h1.htitle strong{color:var(--cyan);display:block}
|
|
.hero-sub{
|
|
font-size:.95rem;color:var(--muted);max-width:540px;
|
|
margin-bottom:2rem;line-height:1.85;animation:fadeUp .6s .16s ease both
|
|
}
|
|
.hero-sub b{color:var(--text)}
|
|
.hero-btns{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2.2rem;animation:fadeUp .6s .24s ease both}
|
|
.hero-kpis-grid{
|
|
display:grid;grid-template-columns:repeat(4,1fr);
|
|
border:1px solid var(--border);border-radius:var(--r);overflow:hidden;
|
|
background:rgba(255,255,255,.02);animation:fadeUp .6s .32s ease both
|
|
}
|
|
.hkpi{padding:1.1rem .7rem;text-align:center;border-left:1px solid var(--border)}
|
|
.hkpi:last-child{border-left:none}
|
|
[data-lang=en] .hkpi{border-left:none;border-right:1px solid var(--border)}
|
|
[data-lang=en] .hkpi:last-child{border-right:none}
|
|
.hkpi-v{font-size:1.5rem;font-weight:900;color:var(--goldb);display:block;line-height:1}
|
|
.hkpi-v.c{color:var(--cyan)}
|
|
.hkpi-l{font-size:.62rem;color:var(--muted);font-weight:700;margin-top:.25rem;display:block}
|
|
.hkpi-le{font-size:.55rem;color:var(--muted);opacity:.55;display:block}
|
|
.hero-nans{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem;animation:fadeUp .6s .4s ease both}
|
|
.nans-tag{
|
|
display:flex;align-items:center;gap:.35rem;
|
|
background:rgba(255,255,255,.04);border:1px solid var(--border2);
|
|
font-size:.65rem;font-weight:700;color:var(--muted);
|
|
padding:4px 11px;border-radius:20px
|
|
}
|
|
.nans-tag .ic{color:var(--green)}.nans-tag .ic-gold{color:var(--goldb)}
|
|
.hero-device{display:flex;justify-content:center;align-items:center;animation:fadeUp .7s .2s ease both}
|
|
.device-card{
|
|
background:linear-gradient(145deg,var(--ink3),var(--ink4));
|
|
border:1px solid var(--border);border-radius:var(--r2);
|
|
padding:2.2rem 1.8rem;text-align:center;width:100%;max-width:340px;
|
|
box-shadow:0 60px 120px rgba(0,0,0,.8),0 0 60px rgba(240,165,0,.06);
|
|
position:relative;overflow:hidden
|
|
}
|
|
.device-card::before{
|
|
content:'';position:absolute;top:-80px;right:-80px;width:220px;height:220px;
|
|
border-radius:50%;background:radial-gradient(circle,rgba(240,165,0,.1),transparent 70%)
|
|
}
|
|
.device-logo{
|
|
width:80px;height:80px;border-radius:20px;
|
|
background:linear-gradient(135deg,#E09500,var(--goldb));
|
|
display:flex;align-items:center;justify-content:center;
|
|
font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:900;color:#000;
|
|
margin:0 auto 1rem;box-shadow:0 20px 50px rgba(240,165,0,.35)
|
|
}
|
|
.device-title{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:900;margin-bottom:.2rem}
|
|
.device-sub{color:var(--muted);font-size:.72rem;margin-bottom:1.2rem}
|
|
.device-tags{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
|
|
.dtag{font-size:.6rem;font-weight:800;padding:3px 11px;border-radius:20px}
|
|
.dtag-gold{background:var(--gold-dim);border:1px solid var(--border);color:var(--goldb)}
|
|
.dtag-cyan{background:var(--cyan-dim);border:1px solid rgba(0,229,204,.2);color:var(--cyan)}
|
|
.dtag-green{background:var(--green-dim);border:1px solid rgba(0,217,126,.2);color:var(--green)}
|
|
.dtag-purple{background:var(--purple-dim);border:1px solid rgba(168,85,247,.2);color:var(--purple)}
|
|
.device-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem}
|
|
.dm{
|
|
background:rgba(255,255,255,.04);border:1px solid var(--border2);
|
|
border-radius:10px;padding:.7rem .5rem;text-align:center
|
|
}
|
|
.dm-v{font-size:1.3rem;font-weight:900;color:var(--goldb)}
|
|
.dm-l{font-size:.6rem;color:var(--muted);font-weight:700}
|
|
.device-stores{display:flex;gap:.7rem;justify-content:center;margin-top:1.2rem}
|
|
.store-btn{
|
|
display:flex;align-items:center;gap:.35rem;
|
|
background:rgba(255,255,255,.06);border:1px solid var(--border2);
|
|
color:var(--text);font-size:.68rem;font-weight:700;
|
|
padding:6px 12px;border-radius:8px;text-decoration:none;transition:all .2s
|
|
}
|
|
.store-btn:hover{border-color:var(--border);color:var(--goldb)}
|
|
|
|
/* ══ WHY ══ */
|
|
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
|
|
@media(max-width:800px){.why-grid{grid-template-columns:1fr}}
|
|
.why-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.8rem;position:relative;
|
|
overflow:hidden;transition:all .3s
|
|
}
|
|
.why-card:hover{transform:translateY(-6px);border-color:var(--border)}
|
|
.why-card::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px}
|
|
.wc-a::after{background:var(--red)}.wc-b::after{background:var(--goldb)}.wc-c::after{background:var(--green)}
|
|
.wc-ico{font-size:2rem;margin-bottom:1rem;display:block}
|
|
.wc-t{font-size:.95rem;font-weight:900;margin-bottom:.15rem}
|
|
.wc-te{font-size:.64rem;color:var(--muted);margin-bottom:.75rem}
|
|
.wc-d{font-size:.76rem;color:var(--muted);line-height:1.7}
|
|
.wc-stat{
|
|
display:inline-block;margin-top:.75rem;
|
|
background:var(--gold-dim);border:1px solid var(--border);
|
|
color:var(--goldb);font-size:.65rem;font-weight:800;padding:3px 11px;border-radius:20px
|
|
}
|
|
|
|
/* ══ SECTION NAV ══ */
|
|
.sec-nav{
|
|
display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem
|
|
}
|
|
.sec-nav-btn{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
color:var(--muted);padding:7px 16px;border-radius:8px;
|
|
font-family:'Cairo',sans-serif;font-size:.75rem;font-weight:700;
|
|
cursor:pointer;transition:all .2s
|
|
}
|
|
.sec-nav-btn:hover,.sec-nav-btn.on{background:var(--gold-dim);border-color:var(--border);color:var(--goldb)}
|
|
|
|
/* ══ APP ICON GRID ══ */
|
|
.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}
|
|
.app-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;text-align:center;
|
|
transition:all .3s;position:relative;overflow:hidden
|
|
}
|
|
.app-card:hover{transform:translateY(-5px);border-color:var(--border)}
|
|
.app-card::after{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--cyan))}
|
|
.app-icon{
|
|
width:52px;height:52px;border-radius:14px;
|
|
background:linear-gradient(135deg,var(--ink4),var(--ink3));
|
|
border:1px solid var(--border2);display:flex;align-items:center;
|
|
justify-content:center;margin:0 auto .8rem;font-size:1.3rem
|
|
}
|
|
.app-name{font-size:.9rem;font-weight:900;margin-bottom:.15rem}
|
|
.app-tech{font-size:.6rem;color:var(--cyan);font-family:'JetBrains Mono',monospace;margin-bottom:.6rem}
|
|
.app-desc{font-size:.72rem;color:var(--muted);line-height:1.6}
|
|
.app-feats{text-align:right;margin-top:.8rem}
|
|
.app-feats li{font-size:.7rem;color:var(--muted);list-style:none;padding:.2rem 0;display:flex;align-items:center;gap:.35rem}
|
|
.app-feats li .ck{font-size:.65rem}
|
|
|
|
/* ══ FEATURE TABS ══ */
|
|
.feat-tabs{display:flex;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap}
|
|
.ftb{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
color:var(--muted);padding:7px 18px;border-radius:8px;
|
|
cursor:pointer;font-family:'Cairo',sans-serif;font-size:.76rem;
|
|
font-weight:700;transition:all .2s
|
|
}
|
|
.ftb.on{background:var(--gold-dim);border-color:var(--border);color:var(--goldb)}
|
|
.fc{display:none}.fc.on{display:block}
|
|
.fs-title{
|
|
font-size:.75rem;font-weight:900;color:var(--goldb);
|
|
margin-bottom:.75rem;display:flex;align-items:center;gap:.6rem;margin-top:1.2rem
|
|
}
|
|
.fs-title::after{content:'';flex:1;height:1px;background:var(--border2)}
|
|
.fs-title:first-child{margin-top:0}
|
|
.fpills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}
|
|
.pill{
|
|
background:var(--ink4);border:1px solid var(--border2);
|
|
color:var(--text);font-size:.7rem;font-weight:700;
|
|
padding:4px 12px;border-radius:20px;transition:all .2s
|
|
}
|
|
.pill:hover{border-color:var(--border);color:var(--goldb)}
|
|
.pill.gold{border-color:rgba(240,165,0,.25);color:var(--goldb);background:var(--gold-dim)}
|
|
.pill.cyan{border-color:rgba(0,229,204,.2);color:var(--cyan);background:var(--cyan-dim)}
|
|
.pill.green{border-color:rgba(0,217,126,.2);color:var(--green);background:var(--green-dim)}
|
|
|
|
/* ══ BOT CARDS ══ */
|
|
.bot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
|
|
@media(max-width:800px){.bot-grid{grid-template-columns:1fr}}
|
|
.bot-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;position:relative;
|
|
overflow:hidden;transition:all .3s
|
|
}
|
|
.bot-card:hover{transform:translateY(-5px);border-color:var(--border)}
|
|
.bot-card::before{content:'';position:absolute;top:-40px;left:-40px;width:120px;height:120px;border-radius:50%;opacity:.08}
|
|
.bot-a::before{background:var(--blue)}
|
|
.bot-b::before{background:var(--purple)}
|
|
.bot-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
|
|
.bot-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
|
|
.bot-a .bot-icon{background:var(--blue-dim);border:1px solid rgba(59,142,255,.2);color:var(--blue)}
|
|
.bot-b .bot-icon{background:var(--purple-dim);border:1px solid rgba(168,85,247,.2);color:var(--purple)}
|
|
.bot-name{font-size:.9rem;font-weight:900}
|
|
.bot-tech{font-size:.58rem;color:var(--muted);font-family:'JetBrains Mono',monospace}
|
|
.bot-desc{font-size:.74rem;color:var(--muted);line-height:1.7;margin-bottom:.8rem}
|
|
.bot-list{list-style:none}
|
|
.bot-list li{font-size:.7rem;color:var(--muted);padding:.25rem 0;display:flex;align-items:center;gap:.4rem}
|
|
|
|
/* ══ LEVELS ══ */
|
|
.lvl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
|
|
@media(max-width:700px){.lvl-grid{grid-template-columns:1fr 1fr}}
|
|
.lvl-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;text-align:center;
|
|
transition:all .3s;position:relative;overflow:hidden
|
|
}
|
|
.lvl-card:hover{transform:translateY(-4px);border-color:var(--border)}
|
|
.lvl-card::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px}
|
|
.lvl-1::after{background:#CD7F32}.lvl-2::after{background:#C0C0C0}.lvl-3::after{background:var(--gold)}.lvl-4::after{background:#00E5CC}
|
|
.lvl-icon{font-size:2rem;margin-bottom:.5rem;display:block}
|
|
.lvl-name{font-size:.85rem;font-weight:900;margin-bottom:.15rem}
|
|
.lvl-pts{font-size:.62rem;color:var(--muted);margin-bottom:.5rem}
|
|
.lvl-perk{font-size:.7rem;color:var(--goldb);font-weight:700}
|
|
/* ══ COUNTRY CARDS ══ */
|
|
.ctry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
|
|
@media(max-width:700px){.ctry-grid{grid-template-columns:1fr}}
|
|
.ctry-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;position:relative;
|
|
overflow:hidden;transition:all .3s
|
|
}
|
|
.ctry-card:hover{transform:translateY(-5px);border-color:var(--border)}
|
|
.ctry-card::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px}
|
|
.ctry-live::after{background:var(--green)}.ctry-soon::after{background:var(--amber)}
|
|
.ctry-flag{font-size:2.2rem;margin-bottom:.5rem;display:block}
|
|
.ctry-name{font-size:1rem;font-weight:900;margin-bottom:.1rem}
|
|
.ctry-status{
|
|
display:inline-block;font-size:.6rem;font-weight:800;padding:2px 9px;
|
|
border-radius:20px;margin-bottom:.6rem
|
|
}
|
|
.s-live{background:var(--green-dim);border:1px solid rgba(0,217,126,.25);color:var(--green)}
|
|
.s-soon{background:rgba(255,149,0,.1);border:1px solid rgba(255,149,0,.25);color:var(--amber)}
|
|
.ctry-stat{font-size:.7rem;color:var(--muted);padding:.15rem 0}
|
|
.ctry-stat b{color:var(--text)}
|
|
|
|
/* ══ TIMELINE ══ */
|
|
.tl{position:relative;padding-right:1.5rem}
|
|
[data-lang=en] .tl{padding-right:0;padding-left:1.5rem}
|
|
.tl::before{content:'';position:absolute;right:0;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(to bottom,var(--gold),rgba(240,165,0,.08))}
|
|
[data-lang=en] .tl::before{right:auto;left:0}
|
|
.tl-item{position:relative;padding:0 2.5rem 2.5rem 0}
|
|
[data-lang=en] .tl-item{padding:0 0 2.5rem 2.5rem}
|
|
.tl-dot{
|
|
position:absolute;right:-8px;top:6px;width:14px;height:14px;border-radius:50%;
|
|
background:var(--ink);border:2.5px solid var(--gold);
|
|
box-shadow:0 0 14px rgba(240,165,0,.5);transition:all .3s
|
|
}
|
|
[data-lang=en] .tl-dot{right:auto;left:-8px}
|
|
.tl-item:hover .tl-dot{background:var(--gold);box-shadow:0 0 22px rgba(240,165,0,.8)}
|
|
.tl-ph{font-size:.6rem;font-weight:800;color:var(--goldb);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.25rem}
|
|
.tl-t{font-size:.9rem;font-weight:900;margin-bottom:.3rem}
|
|
.tl-d{font-size:.74rem;color:var(--muted);line-height:1.6}
|
|
.tl-tag{
|
|
display:inline-block;margin-top:.4rem;background:var(--ink3);
|
|
border:1px solid var(--border2);font-size:.55rem;font-weight:700;
|
|
color:var(--muted);padding:2px 8px;border-radius:4px
|
|
}
|
|
|
|
/* ══ ECOSYSTEM ══ */
|
|
.eco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0}
|
|
.eco-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;position:relative;
|
|
overflow:hidden;transition:all .3s
|
|
}
|
|
.eco-card:hover{transform:translateY(-5px);border-color:var(--border)}
|
|
.eco-card::after{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--cyan))}
|
|
.eco-ico{font-size:1.8rem;margin-bottom:.6rem;display:block}
|
|
.eco-t{font-size:.9rem;font-weight:900;color:var(--goldb);margin-bottom:.1rem}
|
|
.eco-te{font-size:.6rem;color:var(--muted);margin-bottom:.6rem;font-family:'JetBrains Mono',monospace}
|
|
.eco-d{font-size:.74rem;color:var(--muted);line-height:1.6}
|
|
.eco-badge{
|
|
margin-top:.7rem;display:inline-flex;align-items:center;gap:.35rem;
|
|
background:var(--gold-dim);border:1px solid var(--border);
|
|
color:var(--goldb);font-size:.6rem;font-weight:800;padding:2px 9px;border-radius:20px
|
|
}
|
|
|
|
/* ══ REVENUE ══ */
|
|
.rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}
|
|
.rev-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;text-align:center;
|
|
transition:all .3s;border-top:3px solid var(--gold)
|
|
}
|
|
.rev-card:hover{transform:translateY(-4px);border-color:var(--border)}
|
|
.rev-ico{font-size:1.8rem;margin-bottom:.5rem;display:block}
|
|
.rev-name{font-size:.8rem;font-weight:900;margin-bottom:.2rem}
|
|
.rev-desc{font-size:.68rem;color:var(--muted);line-height:1.5}
|
|
|
|
/* ══ MOAT ══ */
|
|
.moat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}
|
|
.moat-card{
|
|
background:var(--ink3);border:1px solid var(--border2);
|
|
border-radius:var(--r);padding:1.5rem;position:relative;
|
|
overflow:hidden;transition:all .3s
|
|
}
|
|
.moat-card:hover{transform:translateY(-5px);border-color:var(--border)}
|
|
.moat-card::before{content:'';position:absolute;top:-30px;right:-30px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--gold-dim),transparent 70%)}
|
|
.mc-ico{font-size:1.6rem;margin-bottom:.6rem;display:block;position:relative}
|
|
.mc-t{font-size:.85rem;font-weight:900;color:var(--text);margin-bottom:.15rem;position:relative}
|
|
.mc-te{font-size:.62rem;color:var(--muted);margin-bottom:.5rem}
|
|
.mc-d{font-size:.74rem;color:var(--muted);line-height:1.6}
|
|
.mc-val{margin-top:.7rem;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;color:var(--goldb);display:flex;align-items:center;gap:.35rem}
|
|
|
|
/* ══ STATS BAR ══ */
|
|
.stats-bar{
|
|
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
|
|
border:1px solid var(--border);border-radius:var(--r);overflow:hidden;
|
|
margin:2rem 0;background:rgba(255,255,255,.02)
|
|
}
|
|
.sb-item{padding:1.5rem 1rem;text-align:center;border-left:1px solid var(--border)}
|
|
.sb-item:last-child{border-left:none}
|
|
[data-lang=en] .sb-item{border-left:none;border-right:1px solid var(--border)}
|
|
[data-lang=en] .sb-item:last-child{border-right:none}
|
|
.sb-v{font-size:1.8rem;font-weight:900;color:var(--goldb);display:block;line-height:1}
|
|
.sb-v.c{color:var(--cyan)}
|
|
.sb-l{font-size:.64rem;color:var(--muted);font-weight:700;margin-top:.25rem;display:block}
|
|
@media(max-width:700px){.stats-bar{grid-template-columns:1fr 1fr}.sb-item:nth-child(2){border-left:none}[data-lang=en] .sb-item:nth-child(2){border-right:none}}
|
|
|
|
/* ══ ANIMATIONS ══ */
|
|
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
|
|
.rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
|
|
.rv.in{opacity:1;transform:translateY(0)}
|
|
|
|
/* ══ CTA ══ */
|
|
.cta-wrap{
|
|
background:linear-gradient(135deg,var(--ink3),var(--ink2));
|
|
border:1px solid var(--border);border-radius:var(--r2);
|
|
padding:3rem;position:relative;overflow:hidden;text-align:center
|
|
}
|
|
.cta-wrap::before{
|
|
content:'';position:absolute;width:500px;height:500px;border-radius:50%;
|
|
background:radial-gradient(circle,rgba(240,165,0,.06),transparent 65%);
|
|
top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none
|
|
}
|
|
.cta-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;line-height:1.2;margin-bottom:.8rem;position:relative}
|
|
.cta-sub{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative}
|
|
.cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;position:relative}
|
|
|
|
footer{
|
|
border-top:1px solid var(--border2);padding:1.5rem 2.5rem;
|
|
position:relative;z-index:1;display:flex;align-items:center;
|
|
justify-content:space-between;flex-wrap:wrap;gap:1rem
|
|
}
|
|
.foot-logo{font-family:'Syne',sans-serif;font-size:1rem;font-weight:900;color:var(--goldb)}
|
|
.foot-links{display:flex;gap:1.2rem}
|
|
.foot-links a{color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:700;transition:color .2s}
|
|
.foot-links a:hover{color:var(--goldb)}
|
|
.foot-copy{font-size:.65rem;color:var(--muted2)}
|
|
|
|
/* Counter animation */
|
|
.counter{display:inline-block}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="scrollProg"></div>
|
|
<canvas id="particles"></canvas>
|
|
|
|
<nav>
|
|
<div class="nav-inner">
|
|
<a href="#" class="nav-logo"><em>سيرو</em> <span class="nav-logo-badge"><span class="ar">ملف استثماري 2026</span><span class="en">Investor Deck 2026</span></span></a>
|
|
<div class="nav-links">
|
|
<a href="#apps"><span class="ar">التطبيقات</span><span class="en">Apps</span></a>
|
|
<a href="#bots"><span class="ar">البوتات</span><span class="en">Bots</span></a>
|
|
<a href="#marketing"><span class="ar">الماركتنج</span><span class="en">Marketing</span></a>
|
|
<a href="#gamification"><span class="ar">المكافآت</span><span class="en">Rewards</span></a>
|
|
<a href="#countries"><span class="ar">الدول</span><span class="en">Countries</span></a>
|
|
<button class="lang-btn" onclick="toggleLang()">EN</button>
|
|
<a href="#invest" class="btn btn-gold nav-cta"><i class="fas fa-handshake"></i> <span class="ar">استثمر</span><span class="en">Invest</span></a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="hero">
|
|
<div class="hero-ambient"></div>
|
|
<div class="hero-grid-bg"></div>
|
|
<div class="hero-content">
|
|
<div>
|
|
<div class="hero-eyebrow"><span class="hero-live"></span> <span class="ar">يعمل الآن في 3 دول · 4 تطبيقات · بوتان آليان</span><span class="en">Live in 3 Countries · 4 Apps · 2 AI Bots</span></div>
|
|
<h1 class="htitle"><span class="ar">أول <em>منظومة نقل ذكي</em> متكاملة<strong>بملكية تقنية كاملة</strong></span><span class="en">The First <em>Complete Smart Mobility</em> Ecosystem<strong>Fully Tech-Owned</strong></span></h1>
|
|
<p class="hero-sub"><span class="ar"><b>فرصة استثمارية</b> في منظومة تقنية متكاملة: 4 تطبيقات، بوتان آليان، محرك خرائط مملوك، منصة إعلانات، نظام مكافآت وتلعيب، محرك تسويق بالذكاء الاصطناعي — كل هذا يعمل في <b>3 دول</b> وجاهز للتوسع.</span><span class="en"><b>Investment opportunity</b> in a complete tech ecosystem: 4 apps, 2 bots, owned map engine, ad platform, rewards & gamification, AI marketing engine — all live in <b>3 countries</b> and ready to scale.</span></p>
|
|
<div class="hero-btns">
|
|
<a href="#invest" class="btn btn-gold"><i class="fas fa-rocket"></i> <span class="ar">استثمر الآن</span><span class="en">Invest Now</span></a>
|
|
<a href="#apps" class="btn btn-ghost"><i class="fas fa-arrow-down"></i> <span class="ar">اكتشف المنظومة</span><span class="en">Explore Ecosystem</span></a>
|
|
</div>
|
|
<div class="hero-kpis-grid">
|
|
<div class="hkpi"><span class="hkpi-v counter" data-target="4">0</span><span class="hkpi-l"><span class="ar">تطبيقات</span><span class="en">Apps</span></span><span class="hkpi-le">مترابطة</span></div>
|
|
<div class="hkpi"><span class="hkpi-v c counter" data-target="3">0</span><span class="hkpi-l"><span class="ar">دول</span><span class="en">Countries</span></span><span class="hkpi-le">Live</span></div>
|
|
<div class="hkpi"><span class="hkpi-v counter" data-target="12">0</span><span class="hkpi-l"><span class="ar">نوع مركبة</span><span class="en">Vehicle Types</span></span><span class="hkpi-le">12</span></div>
|
|
<div class="hkpi"><span class="hkpi-v c counter" data-target="7">0</span><span class="hkpi-l"><span class="ar">طرق دفع</span><span class="en">Payments</span></span><span class="hkpi-le">7</span></div>
|
|
</div>
|
|
<div class="hero-nans">
|
|
<div class="nans-tag"><span class="ic">✓</span><span class="ar">محرك خرائط مملوك</span><span class="en">Owned Map Engine</span></div>
|
|
<div class="nans-tag"><span class="ic-gold">🤖</span>2 <span class="ar">بوت ذكاء اصطناعي</span><span class="en">AI Bots</span></div>
|
|
<div class="nans-tag"><span class="ic">🎮</span><span class="ar">نظام تلعيب كامل</span><span class="en">Full Gamification</span></div>
|
|
<div class="nans-tag"><span class="ic-gold">📊</span><span class="ar">محرك تسويق ذكي</span><span class="en">AI Marketing Engine</span></div>
|
|
<div class="nans-tag"><span class="ic">🛡️</span><span class="ar">أمان متعدد الطبقات</span><span class="en">Multi-Layer Security</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-device">
|
|
<div class="device-card">
|
|
<div class="device-logo">SI</div>
|
|
<div class="device-title">SIRO</div>
|
|
<div class="device-sub"><span class="ar">منظومة نقل ذكي متكاملة</span><span class="en">Complete Mobility Ecosystem</span></div>
|
|
<div class="device-tags">
|
|
<span class="dtag dtag-gold">4 Apps</span>
|
|
<span class="dtag dtag-cyan">3 Countries</span>
|
|
<span class="dtag dtag-green">AI-Powered</span>
|
|
<span class="dtag dtag-purple">2 Bots</span>
|
|
</div>
|
|
<div class="device-metrics">
|
|
<div class="dm"><div class="dm-v counter" data-target="2000">0</div><div class="dm-l"><span class="ar">سائق</span><span class="en">Drivers</span></div></div>
|
|
<div class="dm"><div class="dm-v counter" data-target="2500">0</div><div class="dm-l"><span class="ar">راكب</span><span class="en">Riders</span></div></div>
|
|
<div class="dm"><div class="dm-v c counter" data-target="95">0</div><div class="dm-l"><span class="ar">ميزة</span><span class="en">Features</span></div></div>
|
|
<div class="dm"><div class="dm-v c counter" data-target="24">0</div><div class="dm-l"><span class="ar">ساعة تشغيل</span><span class="en">/7 Operation</span></div></div>
|
|
</div>
|
|
<div class="device-stores">
|
|
<a href="#" class="store-btn"><i class="fab fa-google-play"></i> Android</a>
|
|
<a href="#" class="store-btn"><i class="fab fa-apple"></i> iOS</a>
|
|
<a href="#" class="store-btn"><i class="fas fa-globe"></i> Web</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="apps">
|
|
<div class="container">
|
|
<div class="eyebrow rv">01 · <span class="ar">التطبيقات الأربعة</span><span class="en">The 4 Apps</span></div>
|
|
<h2 class="stitle rv"><span class="ar"><em>4 تطبيقات</em> تعمل بتناغم كمنظومة واحدة</span><span class="en"><em>4 Apps</em> Working in Perfect Harmony</span></h2>
|
|
<p class="sdesc rv"><span class="ar">ليست مجرد تطبيق نقل — 4 تطبيقات مترابطة تغطي كل جوانب الخدمة: الراكب، السائق، الإدارة، والخدمة الميدانية. كل تطبيق مستقل بذاته لكنه جزء من منظومة واحدة.</span><span class="en">Not just a ride app — 4 interconnected apps covering every aspect of the service: Rider, Driver, Admin, and Service. Each is independent yet part of one ecosystem.</span></p>
|
|
<div class="stats-bar rv">
|
|
<div class="sb-item"><span class="sb-v"><span class="counter" data-target="4">0</span></span><span class="sb-l"><span class="ar">تطبيقات</span><span class="en">Apps</span></span></div>
|
|
<div class="sb-item"><span class="sb-v c"><span class="counter" data-target="95">0</span>+</span><span class="sb-l"><span class="ar">ميزة</span><span class="en">Features</span></span></div>
|
|
<div class="sb-item"><span class="sb-v"><span class="counter" data-target="12">0</span></span><span class="sb-l"><span class="ar">نوع مركبة</span><span class="en">Vehicle Types</span></span></div>
|
|
<div class="sb-item"><span class="sb-v c"><span class="counter" data-target="7">0</span></span><span class="sb-l"><span class="ar">طرق دفع</span><span class="en">Payment Methods</span></span></div>
|
|
</div>
|
|
<div class="sec-nav rv">
|
|
<button class="sec-nav-btn on" data-tab="tab-app1">🚀 <span class="ar">الراكب</span><span class="en">Rider</span></button>
|
|
<button class="sec-nav-btn" data-tab="tab-app2">🚗 <span class="ar">السائق</span><span class="en">Driver</span></button>
|
|
<button class="sec-nav-btn" data-tab="tab-app3">📊 <span class="ar">الإدارة</span><span class="en">Admin</span></button>
|
|
<button class="sec-nav-btn" data-tab="tab-app4">🛠️ <span class="ar">الخدمة</span><span class="en">Service</span></button>
|
|
<button class="sec-nav-btn" data-tab="tab-all"><span class="ar">الكل</span><span class="en">All</span></button>
|
|
</div>
|
|
|
|
<div id="tab-all" class="fc on">
|
|
<div class="app-grid rv">
|
|
<div class="app-card">
|
|
<div class="app-icon">🚀</div>
|
|
<div class="app-name"><span class="ar">الراكب</span><span class="en">Rider</span></div>
|
|
<div class="app-tech">Flutter · Android · iOS · Web</div>
|
|
<div class="app-desc"><span class="ar">تطبيق طلب الرحلات الرئيسي. واجهة خرائط، تتبع مباشر، دفع إلكتروني، تقييم، محفظة.</span><span class="en">Main ride-hailing app. Map UI, live tracking, e-payment, ratings, wallet.</span></div>
|
|
<ul class="app-feats">
|
|
<li><span class="ck">✓</span> 12 <span class="ar">نوع مركبة</span><span class="en">vehicle types</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">تتبع السائق المباشر</span><span class="en">Live driver tracking</span></li>
|
|
<li><span class="ck">✓</span> 7 <span class="ar">طرق دفع</span><span class="en">payment methods</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">محفظة إلكترونية + كوبونات</span><span class="en">Wallet + promo codes</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="app-card">
|
|
<div class="app-icon">🚗</div>
|
|
<div class="app-name"><span class="ar">السائق</span><span class="en">Driver</span></div>
|
|
<div class="app-tech">Flutter · Android · iOS · CarPlay</div>
|
|
<div class="app-desc"><span class="ar">منصة السائقين المحترفين. Overlay عائم، خدمة خلفية 24/7، ملاحة صوتية، مكافآت.</span><span class="en">Professional driver platform. Floating overlay, 24/7 background service, voice nav, rewards.</span></div>
|
|
<ul class="app-feats">
|
|
<li><span class="ck">✓</span> <span class="ar">تراكب Android فوق أي تطبيق</span><span class="en">Android overlay on any app</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">نظام مكافآت وتلعيب كامل</span><span class="en">Full rewards & gamification</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">توجيه صوتي TTS</span><span class="en">TTS voice navigation</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">إحصائيات أرباح لحظية</span><span class="en">Real-time earnings stats</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="app-card">
|
|
<div class="app-icon">📊</div>
|
|
<div class="app-name"><span class="ar">الإدارة</span><span class="en">Admin</span></div>
|
|
<div class="app-tech">Flutter Web · PWA · Dashboard</div>
|
|
<div class="app-desc"><span class="ar">لوحة تحكم إدارية شاملة. 16+ وحدة: مالية، تحليلات، سائقين، ركاب، ماركتنج، أمان.</span><span class="en">Comprehensive admin dashboard. 16+ modules: finance, analytics, drivers, riders, marketing, security.</span></div>
|
|
<ul class="app-feats">
|
|
<li><span class="ck">✓</span> 16+ <span class="ar">وحدة إدارية</span><span class="en">admin modules</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">رسوم بيانية وتحليلات متقدمة</span><span class="en">Advanced charts & analytics</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">نظام ماركتنج متكامل</span><span class="en">Integrated marketing system</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">مراقبة خوادم وأمان</span><span class="en">Server monitor & security</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="app-card">
|
|
<div class="app-icon">🛠️</div>
|
|
<div class="app-name"><span class="ar">الخدمة</span><span class="en">Service</span></div>
|
|
<div class="app-tech">Flutter · Android · iOS</div>
|
|
<div class="app-desc"><span class="ar">تطبيق ميداني لتسجيل السائقين. تصوير مستندات، استخراج بيانات بالذكاء الاصطناعي، تحقق ميداني.</span><span class="en">Field agent app for driver onboarding. Document OCR, AI data extraction, field verification.</span></div>
|
|
<ul class="app-feats">
|
|
<li><span class="ck">✓</span> <span class="ar">Azure OCR + OpenAI + Llama AI</span><span class="en">Azure OCR + OpenAI + Llama AI</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">تسجيل فوري في دقائق</span><span class="en">Instant registration in minutes</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">تصوير ورفع مستندات</span><span class="en">Photo document upload</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar">موقع جغرافي للتسجيل</span><span class="en">Geo-located registration</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-app1" class="fc">
|
|
<div class="callout gold rv"><span class="callout-i">🚀</span><div><b><span class="ar">تطبيق الراكب (Siro Rider)</span><span class="en">Siro Rider App</span></b><span class="ar"> — تجربة رحلة كاملة من البداية للنهاية مع 12 نوع مركبة و 7 طرق دفع.</span><span class="en"> — Complete ride experience from start to finish with 12 vehicle types and 7 payment methods.</span></div></div>
|
|
<div class="g3 rv">
|
|
<div class="card"><div class="fs-title"><span class="ar">طلب الرحلة</span><span class="en">Ride Booking</span></div>
|
|
<div class="fpills"><span class="pill gold"><span class="ar">بحث وجهة</span><span class="en">Destination search</span></span><span class="pill gold"><span class="ar">اختيار نوع المركبة</span><span class="en">Vehicle type selection</span></span><span class="pill gold"><span class="ar">سعر تقديري</span><span class="en">Price estimate</span></span><span class="pill gold"><span class="ar">ملاحظات للسائق</span><span class="en">Driver notes</span></span><span class="pill gold"><span class="ar">الأماكن المفضلة</span><span class="en">Favorite places</span></span></div></div>
|
|
<div class="card"><div class="fs-title"><span class="ar">أثناء الرحلة</span><span class="en">During Ride</span></div>
|
|
<div class="fpills"><span class="pill cyan"><span class="ar">تتبع السائق المباشر</span><span class="en">Live driver tracking</span></span><span class="pill cyan"><span class="ar">دردشة بدون رقم</span><span class="en">Chat without phone sharing</span></span><span class="pill cyan"><span class="ar">مشاركة الموقع الحي</span><span class="en">Live location sharing</span></span><span class="pill cyan"><span class="ar">SOS طوارئ</span><span class="en">Emergency SOS</span></span></div></div>
|
|
<div class="card"><div class="fs-title"><span class="ar">الدفع والمزايا</span><span class="en">Payment & Benefits</span></div>
|
|
<div class="fpills"><span class="pill green"><span class="ar">7 طرق دفع</span><span class="en">7 payment methods</span></span><span class="pill green"><span class="ar">محفظة إلكترونية</span><span class="en">Digital wallet</span></span><span class="pill green"><span class="ar">أكواد خصم</span><span class="en">Promo codes</span></span><span class="pill green"><span class="ar">نظام إحالة</span><span class="en">Referral system</span></span><span class="pill green"><span class="ar">بقشيش</span><span class="en">Tips</span></span></div></div>
|
|
</div>
|
|
<div class="stats-bar" style="margin-top:1rem">
|
|
<div class="sb-item"><span class="sb-v">12</span><span class="sb-l"><span class="ar">نوع مركبة</span><span class="en">Vehicle Types</span></span></div>
|
|
<div class="sb-item"><span class="sb-v c">7</span><span class="sb-l"><span class="ar">طرق دفع</span><span class="en">Payment Methods</span></span></div>
|
|
<div class="sb-item"><span class="sb-v">3</span><span class="sb-l"><span class="ar">منصات</span><span class="en">Platforms</span></span></div>
|
|
<div class="sb-item"><span class="sb-v c">2</span><span class="sb-l"><span class="ar">لغات</span><span class="en">Languages</span></span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-app2" class="fc">
|
|
<div class="callout gold rv"><span class="callout-i">🚗</span><div><b><span class="ar">تطبيق السائق (Siro Driver)</span><span class="en">Siro Driver App</span></b><span class="ar"> — منصة احترافية مع تراكب Android فريد ونظام مكافآت متكامل.</span><span class="en"> — Professional platform with unique Android overlay and complete rewards system.</span></div></div>
|
|
<div class="g3 rv">
|
|
<div class="card"><div class="fs-title"><span class="ar">استقبال الرحلات</span><span class="en">Ride Reception</span></div>
|
|
<div class="fpills"><span class="pill gold"><span class="ar">تراكب Android Overlay</span><span class="en">Android overlay</span></span><span class="pill gold"><span class="ar">مؤقت 15 ثانية</span><span class="en">15-sec timer</span></span><span class="pill gold"><span class="ar">صوت تنبيه</span><span class="en">Alert sound</span></span><span class="pill gold"><span class="ar">خدمة خلفية 24/7</span><span class="en">24/7 foreground service</span></span></div></div>
|
|
<div class="card"><div class="fs-title"><span class="ar">أثناء الرحلة</span><span class="en">During Ride</span></div>
|
|
<div class="fpills"><span class="pill cyan"><span class="ar">ملاحة صوتية TTS</span><span class="en">TTS voice navigation</span></span><span class="pill cyan"><span class="ar">CarPlay</span><span class="en">CarPlay</span></span><span class="pill cyan"><span class="ar">دردشة مع الراكب</span><span class="en">Chat with rider</span></span><span class="pill cyan"><span class="ar">إعادة توجيه تلقائي</span><span class="en">Auto rerouting</span></span></div></div>
|
|
<div class="card"><div class="fs-title"><span class="ar">المكافآت والإحصائيات</span><span class="en">Rewards & Stats</span></div>
|
|
<div class="fpills"><span class="pill green"><span class="ar">مستويات Bronze→Diamond</span><span class="en">Bronze→Diamond levels</span></span><span class="pill green"><span class="ar">تحديات يومية/أسبوعية</span><span class="en">Daily/weekly challenges</span></span><span class="pill green"><span class="ar">لوحة متصدرين</span><span class="en">Leaderboard</span></span><span class="pill green"><span class="ar">إحصائيات أرباح</span><span class="en">Earnings stats</span></span></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-app3" class="fc">
|
|
<div class="callout gold rv"><span class="callout-i">📊</span><div><b><span class="ar">لوحة الإدارة (Siro Admin)</span><span class="en">Siro Admin Panel</span></b><span class="ar"> — 16+ وحدة إدارية تغطي كل شيء من المالية إلى الماركتنج والأمان.</span><span class="en"> — 16+ admin modules covering everything from finance to marketing and security.</span></div></div>
|
|
<div class="g2 rv">
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">الوحدات الأساسية</span><span class="en">Core Modules</span></div>
|
|
<div class="fpills"><span class="pill gold"><span class="ar">لوحة المعلومات Dashboard</span><span class="en">Dashboard</span></span><span class="pill gold"><span class="ar">إدارة الكباتن</span><span class="en">Captain management</span></span><span class="pill gold"><span class="ar">إدارة الركاب</span><span class="en">Passenger management</span></span><span class="pill gold"><span class="ar">إدارة الرحلات</span><span class="en">Ride management</span></span><span class="pill gold"><span class="ar">الإدارة المالية</span><span class="en">Financial management</span></span><span class="pill gold"><span class="ar">التحليلات المتقدمة</span><span class="en">Advanced analytics</span></span><span class="pill gold"><span class="ar">إدارة العمولات Kazan</span><span class="en">Kazan commission management</span></span><span class="pill gold"><span class="ar">العروض الترويجية</span><span class="en">Promotions</span></span></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">الوحدات المتقدمة</span><span class="en">Advanced Modules</span></div>
|
|
<div class="fpills"><span class="pill cyan"><span class="ar">إدارة الموظفين والصلاحيات</span><span class="en">Staff & permissions</span></span><span class="pill cyan"><span class="ar">مراقبة الجودة</span><span class="en">Quality control</span></span><span class="pill cyan"><span class="ar">الأمان والتدقيق Audit</span><span class="en">Security & audit logs</span></span><span class="pill cyan"><span class="ar">مراقبة الخوادم</span><span class="en">Server monitoring</span></span><span class="pill cyan"><span class="ar">الماركتنج وتحليل المنافسين</span><span class="en">Marketing & competitor analysis</span></span><span class="pill cyan"><span class="ar">What-If Simulator</span><span class="en">What-If Simulator</span></span><span class="pill cyan"><span class="ar">نظام الشكاوى</span><span class="en">Complaints system</span></span><span class="pill cyan"><span class="ar">إدارة الفواتير</span><span class="en">Invoice management</span></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-app4" class="fc">
|
|
<div class="callout gold rv"><span class="callout-i">🛠️</span><div><b><span class="ar">تطبيق الخدمة الميدانية (Siro Service)</span><span class="en">Siro Service App</span></b><span class="ar"> — تسجيل وتوثيق السائقين ميدانياً بالذكاء الاصطناعي في دقائق.</span><span class="en"> — Field driver onboarding with AI document processing in minutes.</span></div></div>
|
|
<div class="g2 rv">
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">التسجيل والتوثيق</span><span class="en">Registration & Verification</span></div>
|
|
<div class="fpills"><span class="pill gold"><span class="ar">تصوير المستندات</span><span class="en">Document photo capture</span></span><span class="pill gold"><span class="ar">Azure OCR استخراج بيانات</span><span class="en">Azure OCR data extraction</span></span><span class="pill gold"><span class="ar">OpenAI GPT تحليل</span><span class="en">OpenAI GPT analysis</span></span><span class="pill gold"><span class="ar">Llama AI بديل</span><span class="en">Llama AI alternative</span></span><span class="pill gold"><span class="ar">التحقق الميداني</span><span class="en">Field verification</span></span></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">الإدارة</span><span class="en">Management</span></div>
|
|
<div class="fpills"><span class="pill cyan"><span class="ar">بحث عن سائق</span><span class="en">Driver search</span></span><span class="pill cyan"><span class="ar">تحديث بيانات السائق</span><span class="en">Update driver data</span></span><span class="pill cyan"><span class="ar">تفعيل السائق</span><span class="en">Activate driver</span></span><span class="pill cyan"><span class="ar">إضافة سيارة لسائق</span><span class="en">Add car to driver</span></span><span class="pill cyan"><span class="ar">موقع تسجيل جغرافي</span><span class="en">Geo-located registration</span></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section class="alt-bg" id="bots">
|
|
<div class="container">
|
|
<div class="eyebrow rv">02 · <span class="ar">البوتات الآلية</span><span class="en">AI Bots</span></div>
|
|
<h2 class="stitle rv"><span class="ar"><em>بوتان آليان</em> يعملان 24/7 لصالح المنصة</span><span class="en"><em>2 AI Bots</em> Working 24/7 for the Platform</span></h2>
|
|
<p class="sdesc rv"><span class="ar">بوت أندرويد لفحص أسعار السوق من التطبيقات المنافسة، وبوت سوشيال ميديا للاستخبارات التسويقية وإدارة السمعة — كلاهما يعمل بشكل آلي بالكامل.</span><span class="en">An Android bot for market price checking from competitor apps, and a social media bot for market intelligence and reputation management — both fully automated.</span></p>
|
|
|
|
<div class="bot-grid rv">
|
|
<div class="bot-card bot-a">
|
|
<div class="bot-header">
|
|
<div class="bot-icon"><i class="fas fa-robot"></i></div>
|
|
<div><div class="bot-name"><span class="ar">بوت الأندرويد</span><span class="en">Android Bot</span></div><div class="bot-tech">Kotlin + Jetpack Compose · Accessibility Service</div></div>
|
|
</div>
|
|
<div class="bot-desc"><span class="ar">بوت يعمل على أجهزة أندرويد حقيقية، يستخدم Accessibility Services لأتمتة التفاعل مع تطبيقات النقل المنافسة — يدخل مواقع الانطلاق والوصول ويقرأ الأسعار المعروضة ثم يرسلها للخادم.</span><span class="en">A bot running on real Android devices, using Accessibility Services to automate interaction with competitor ride apps — enters pickup/dropoff locations, reads displayed prices, and submits them to the server.</span></div>
|
|
<div class="fs-title" style="margin-top:.5rem"><span class="ar">التطبيقات المنافسة المدعومة (7)</span><span class="en">Supported Competitor Apps (7)</span></div>
|
|
<div class="fpills"><span class="pill">YallaGo</span><span class="pill">Zakinn</span><span class="pill">Tfadal</span><span class="pill">Careem</span><span class="pill">Uber</span><span class="pill">TaxiF</span><span class="pill">Jeeny</span></div>
|
|
<div class="fs-title"><span class="ar">الاستخدامات</span><span class="en">Use Cases</span></div>
|
|
<ul class="bot-list">
|
|
<li><span class="ck">✓</span> <span class="ar"><b>تسعير تنافسي ذكي</b> — مقارنة أسعار المنافسين في الزمن الحقيقي</span><span class="en"><b>Smart competitive pricing</b> — real-time competitor price comparison</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar"><b>تحليل استراتيجي</b> — فهم تحركات أسعار المنافسين في أوقات الذروة</span><span class="en"><b>Strategic analysis</b> — understanding competitor price movements during peak hours</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar"><b>تغذية AI Pricing</b> — إدخال بيانات المنافسين لمحرك التسعير التلقائي (cron_ai_engine)</span><span class="en"><b>AI Pricing feed</b> — feeding competitor data to the auto-pricing engine</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar"><b>الحالات الشاذة</b> — اكتشاف متى يخفض المنافس أسعاره بشكل غير طبيعي</span><span class="en"><b>Anomaly detection</b> — detecting unusual competitor price drops</span></li>
|
|
</ul>
|
|
<div class="eco-badge" style="margin-top:.6rem"><i class="fas fa-shield-alt"></i> HMAC-SHA256 <span class="ar">توثيق</span><span class="en">Authentication</span></div>
|
|
</div>
|
|
|
|
<div class="bot-card bot-b">
|
|
<div class="bot-header">
|
|
<div class="bot-icon"><i class="fas fa-share-nodes"></i></div>
|
|
<div><div class="bot-name"><span class="ar">السوشيال بوت</span><span class="en">Social Bot</span></div><div class="bot-tech">Kotlin · Facebook · Instagram · Telegram</div></div>
|
|
</div>
|
|
<div class="bot-desc"><span class="ar">بوت تسويقي اجتماعي ذكي يدير حسابات على فيسبوك، إنستغرام، وتيليغرام. يقرأ المنشورات، يحلل التعليقات، وينشر ردوداً ذكية بالذكاء الاصطناعي لترويج سيرو والإجابة على استفسارات الجمهور.</span><span class="en">A smart social media bot managing accounts on Facebook, Instagram, and Telegram. It reads posts, analyzes comments, and publishes AI-generated smart replies to promote Siro and answer public inquiries.</span></div>
|
|
<div class="fs-title" style="margin-top:.5rem"><span class="ar">المنصات المدعومة</span><span class="en">Supported Platforms</span></div>
|
|
<div class="fpills"><span class="pill gold">📘 Facebook</span><span class="pill cyan">📸 Instagram</span><span class="pill green">✈️ Telegram</span></div>
|
|
<div class="fs-title"><span class="ar">الاستخدامات الاستراتيجية</span><span class="en">Strategic Uses</span></div>
|
|
<ul class="bot-list">
|
|
<li><span class="ck">✓</span> <span class="ar"><b>استخبارات السوق</b> — قراءة منشورات مجموعات النقل لفهم احتياجات السوق ومشاكل السائقين</span><span class="en"><b>Market intelligence</b> — reading transport groups to understand market needs</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar"><b>الدعاية الموجهة</b> — نشر تعليقات ترويجية ذكية عن سيرو في المجموعات ذات الصلة</span><span class="en"><b>Targeted promotion</b> — posting smart promotional comments about Siro in relevant groups</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar"><b>توجيه الجمهور</b> — الرد على استفسارات الناس وتوجيههم نحو تطبيق سيرو</span><span class="en"><b>Audience direction</b> — answering inquiries and directing people to Siro</span></li>
|
|
<li><span class="ck">✓</span> <span class="ar"><b>مراقبة المنافسين</b> — تتبع نشاط المنافسين على وسائل التواصل</span><span class="en"><b>Competitor monitoring</b> — tracking competitor social media activity</span></li>
|
|
</ul>
|
|
<div class="eco-badge" style="margin-top:.6rem;background:var(--purple-dim);border-color:rgba(168,85,247,.25);color:var(--purple)"><i class="fas fa-brain"></i> Gemini AI <span class="ar">توليد ردود</span><span class="en">Comment Generation</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="marketing">
|
|
<div class="container">
|
|
<div class="eyebrow rv">03 · <span class="ar">نظام الماركتنج المتكامل</span><span class="en">Integrated Marketing</span></div>
|
|
<h2 class="stitle rv"><span class="ar">محرك تسويق <em>بالذكاء الاصطناعي</em> يعمل تلقائياً</span><span class="en">An <em>AI-Powered</em> Marketing Engine Running Automatically</span></h2>
|
|
<p class="sdesc rv"><span class="ar">نظام متكامل من cron jobs و APIs و AI يغطي: التسعير الديناميكي، إعادة تفعيل الخاملين، الحملات التسويقية، تحليل المنافسين، والتسويق الجغرافي.</span><span class="en">An integrated system of cron jobs, APIs, and AI covering: dynamic pricing, inactive user re-engagement, marketing campaigns, competitor analysis, and geo-marketing.</span></p>
|
|
|
|
<div class="stats-bar rv">
|
|
<div class="sb-item"><span class="sb-v"><span class="counter" data-target="12">0</span></span><span class="sb-l"><span class="ar">نظام آلي</span><span class="en">Automated Systems</span></span></div>
|
|
<div class="sb-item"><span class="sb-v c"><span class="counter" data-target="7">0</span></span><span class="sb-l"><span class="ar">Cron Jobs</span><span class="en">Cron Jobs</span></span></div>
|
|
<div class="sb-item"><span class="sb-v"><span class="counter" data-target="5">0</span></span><span class="sb-l"><span class="ar">محركات AI</span><span class="en">AI Engines</span></span></div>
|
|
<div class="sb-item"><span class="sb-v c"><span class="counter" data-target="3">0</span></span><span class="sb-l"><span class="ar">حملات تلقائية</span><span class="en">Auto Campaigns</span></span></div>
|
|
</div>
|
|
|
|
<div class="callout gold rv"><span class="callout-i">🧠</span><div><span class="ar"><b>محرك الذكاء الاصطناعي للتسعير (cron_ai_engine.php)</b> — يعمل كل 30-60 دقيقة، يعكس هندسة أسعار المنافسين، يحدث جدول Kazan لجميع أنواع المركبات الـ 8 الرئيسية، ويحسب أسعار الدقيقة (Normal, Peak, Late).</span><span class="en"><b>AI Pricing Engine (cron_ai_engine.php)</b> — runs every 30-60 minutes, reverse-engineers competitor prices, updates the Kazan table for all 8 main vehicle types, and calculates per-minute prices (Normal, Peak, Late).</span></div></div>
|
|
|
|
<div class="g2 rv">
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">أنظمة التسعير الذكي</span><span class="en">Smart Pricing Systems</span></div>
|
|
<div class="eco-badge">cron_ai_engine.php</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.5rem">
|
|
<span class="ar"><b>cron_kazan_adjuster.php</b> — يضبط العمولات بناءً على بؤر Surge المنافسة (تخفيض 15-30%).</span>
|
|
<span class="en"><b>cron_kazan_adjuster.php</b> — adjusts commissions based on competitor surge zones (15-30% discount).</span>
|
|
</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.3rem">
|
|
<span class="ar"><b>cron_seasonal_pricing.php</b> — تعديل موسمي للأسعار.</span>
|
|
<span class="en"><b>cron_seasonal_pricing.php</b> — seasonal price adjustments.</span>
|
|
</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.3rem">
|
|
<span class="ar"><b>cron_surge_opportunity.php</b> — اكتشاف فرص رفع الأسعار.</span>
|
|
<span class="en"><b>cron_surge_opportunity.php</b> — surge opportunity detection.</span>
|
|
</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.3rem">
|
|
<span class="ar"><b>cron_predictive_demand.php</b> — التنبؤ بالطلب المستقبلي.</span>
|
|
<span class="en"><b>cron_predictive_demand.php</b> — predictive demand forecasting.</span>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">أنظمة إعادة التفاعل والحملات</span><span class="en">Re-engagement & Campaigns</span></div>
|
|
<div class="eco-badge" style="background:var(--green-dim);border-color:rgba(0,217,126,.25);color:var(--green)">cron_passenger_reengagement.php</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.5rem">
|
|
<span class="ar"><b>إعادة تفعيل الخاملين</b> — يستهدف الركاب غير النشطين 3+ أيام، يستخدم Gemini AI لتوليد رسائل مخصصة مع سياق أسعار المنافسين، Anti-spam عبر Redis (72h Cooldown).</span>
|
|
<span class="en"><b>Inactive user re-engagement</b> — targets 3+ day inactive riders, uses Gemini AI for personalized messages with competitor price context, anti-spam via Redis (72h cooldown).</span>
|
|
</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.5rem">
|
|
<span class="ar"><b>cron_auto_marketing_pusher.php</b> — دفعة تسويقية تلقائية للمستخدمين الذين فتحوا التطبيق ولم يحجزوا.</span>
|
|
<span class="en"><b>cron_auto_marketing_pusher.php</b> — auto marketing push for users who opened the app but didn't book.</span>
|
|
</div>
|
|
<div style="font-size:.76rem;color:var(--muted);line-height:1.7;margin-top:.3rem">
|
|
<span class="ar"><b>cron_silent_push_inactive.php</b> — إشعارات صامتة لتنشيط التطبيق في الخلفية.</span>
|
|
<span class="en"><b>cron_silent_push_inactive.php</b> — silent push to wake apps in background.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="g2 rv" style="margin-top:1rem">
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">المحرك الجغرافي التسويقي</span><span class="en">Location Intelligence Engine</span></div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7">
|
|
<span class="ar">يعالج تحديثات موقع الراكب، يتحقق من Geofence Zones، يشغل حملات إعلانية حسب الموقع، يُسجل في سجل الحملات، مع Anti-spam 24 ساعة.</span>
|
|
<span class="en">Processes rider location updates, checks Geofence Zones, triggers location-based campaigns, logs to campaign history, with 24h anti-spam.</span>
|
|
</div>
|
|
<div class="eco-badge" style="margin-top:.5rem"><i class="fas fa-map-marker-alt"></i> LocationIntelligenceEngine.php</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">خدمة Gemini المتكاملة</span><span class="en">SiroGeminiService</span></div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7">
|
|
<span class="ar">تحليل أسعار المنافسين واقتراح خصومات، توليد رسائل تسويقية وجيوغرافية، تحليل منشورات وسائل التواصل، وتحليل استراتيجي لصيغ تسعير المنافسين.</span>
|
|
<span class="en">Competitor price analysis and discount suggestions, marketing and geo-message generation, social media post analysis, and strategic competitor pricing formula analysis.</span>
|
|
</div>
|
|
<div class="eco-badge" style="margin-top:.5rem;background:var(--purple-dim);border-color:rgba(168,85,247,.25);color:var(--purple)"><i class="fas fa-brain"></i> Gemini AI</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section class="alt-bg" id="gamification">
|
|
<div class="container">
|
|
<div class="eyebrow rv">04 · <span class="ar">المكافآت والتلعيب</span><span class="en">Rewards & Gamification</span></div>
|
|
<h2 class="stitle rv"><span class="ar">نظام <em>تحفيز متكامل</em> للسائقين</span><span class="en">A Complete <em>Driver Incentive</em> System</span></h2>
|
|
<p class="sdesc rv"><span class="ar">4 مستويات، 8 إنجازات، تحديات يومية وأسبوعية، لوحة متصدرين، ونقاط سلوكية — كلها تعمل معاً لتحفيز السائقين وزيادة ولائهم للمنصة.</span><span class="en">4 levels, 8 achievements, daily & weekly challenges, leaderboard, and behavior scoring — all working together to motivate drivers and increase platform loyalty.</span></p>
|
|
|
|
<div class="lvl-grid rv">
|
|
<div class="lvl-card lvl-1">
|
|
<span class="lvl-icon">🟤</span>
|
|
<div class="lvl-name"><span class="ar">برونزي</span><span class="en">Bronze</span></div>
|
|
<div class="lvl-pts">0 - 999 <span class="ar">نقطة</span><span class="en">pts</span></div>
|
|
<div class="lvl-perk">—</div>
|
|
</div>
|
|
<div class="lvl-card lvl-2">
|
|
<span class="lvl-icon">⚪</span>
|
|
<div class="lvl-name"><span class="ar">فضي</span><span class="en">Silver</span></div>
|
|
<div class="lvl-pts">1,000 - 4,999 <span class="ar">نقطة</span><span class="en">pts</span></div>
|
|
<div class="lvl-perk"><span class="ar">تخفيض العمولة 1%</span><span class="en">1% commission discount</span></div>
|
|
</div>
|
|
<div class="lvl-card lvl-3">
|
|
<span class="lvl-icon">🟡</span>
|
|
<div class="lvl-name"><span class="ar">ذهبي</span><span class="en">Gold</span></div>
|
|
<div class="lvl-pts">5,000 - 14,999 <span class="ar">نقطة</span><span class="en">pts</span></div>
|
|
<div class="lvl-perk"><span class="ar">تخفيض العمولة 2%</span><span class="en">2% commission discount</span></div>
|
|
</div>
|
|
<div class="lvl-card lvl-4">
|
|
<span class="lvl-icon">💎</span>
|
|
<div class="lvl-name"><span class="ar">ألماسي</span><span class="en">Diamond</span></div>
|
|
<div class="lvl-pts">15,000+ <span class="ar">نقطة</span><span class="en">pts</span></div>
|
|
<div class="lvl-perk"><span class="ar">تخفيض العمولة 5%</span><span class="en">5% commission discount</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="g3 rv" style="margin-top:1.5rem">
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">🏆 الإنجازات (8)</span><span class="en">Achievements (8)</span></div>
|
|
<div class="fpills"><span class="pill gold"><span class="ar">أول رحلة</span><span class="en">First ride</span></span><span class="pill gold"><span class="ar">نجمة 5</span><span class="en">5-star rating</span></span><span class="pill gold">10/50/100/500 <span class="ar">رحلة</span><span class="en">rides</span></span><span class="pill gold"><span class="ar">7 أيام متتالية</span><span class="en">7-day streak</span></span><span class="pill gold"><span class="ar">30 يوم متتالي</span><span class="en">30-day streak</span></span><span class="pill gold"><span class="ar">5 إحالات</span><span class="en">5 referrals</span></span></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">🔥 التحديات</span><span class="en">Challenges</span></div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7">
|
|
<span class="ar"><b>يومية:</b> 5/10 رحلات، أرباح مستهدفة، مكافأة نهاية الأسبوع</span>
|
|
<span class="en"><b>Daily:</b> 5/10 trips, target earnings, weekend bonus</span>
|
|
</div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7;margin-top:.3rem">
|
|
<span class="ar"><b>أسبوعية:</b> 30 رحلة، أرباح أسبوعية، 20 ساعة عمل</span>
|
|
<span class="en"><b>Weekly:</b> 30 trips, weekly earnings, 20 work hours</span>
|
|
</div>
|
|
<div style="font-size:.7rem;color:var(--green);margin-top:.5rem"><span class="ar">مكافآт بنقاط خاصة بكل دولة</span><span class="en">Country-specific reward points</span></div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">📊 لوحة المتصدرين</span><span class="en">Leaderboard</span></div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7">
|
|
<span class="ar">ترتيب السائقين حسب الرحلات أو الأرباح. منصّة تتويج لأول 3. تحديث دوري من الخادم. يظهر ترتيب السائق الشخصي وعدد السائقين الإجمالي.</span>
|
|
<span class="en">Driver ranking by trips or earnings. Podium for top 3. Periodic server sync. Shows personal rank and total driver count.</span>
|
|
</div>
|
|
<div class="eco-badge" style="margin-top:.5rem"><i class="fas fa-trophy"></i> <span class="ar">تنافس شفاف</span><span class="en">Transparent competition</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="callout green rv" style="margin-top:1.5rem">
|
|
<span class="callout-i">🎯</span>
|
|
<div>
|
|
<b><span class="ar">لماذا هذا النظام مهم للمستثمر؟</span><span class="en">Why this matters to investors:</span></b>
|
|
<span class="ar"> السائق المخلص = رحلات أكثر = إيراد أعلى. نظام التلعيب يزيد ولاء السائقين بنسبة تصل إلى 40% ويقلل معدل التسرب (Churn). التخفيض في العمولة عند المستويات العالية يحفز السائقين ويقلل تكلفة اكتساب سائقين جدد.</span>
|
|
<span class="en"> A loyal driver = more trips = higher revenue. Gamification increases driver loyalty by up to 40% and reduces churn. Commission discounts at higher levels incentivize drivers and reduce driver acquisition costs.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="referral">
|
|
<div class="container">
|
|
<div class="eyebrow rv">05 · <span class="ar">نظام الإحالة</span><span class="en">Referral System</span></div>
|
|
<h2 class="stitle rv"><span class="ar">نمو <em>عضوي</em> عبر المستخدمين أنفسهم</span><span class="en"><em>Organic Growth</em> Through Your Own Users</span></h2>
|
|
<div class="g2 rv">
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">👨✈️ إحالة السائقين</span><span class="en">Driver Referral</span></div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7">
|
|
<span class="ar">كود إحالة فريد لكل سائق (اسم + ID). إحالة سائق لسائق ← مكافآت. إحالة سائق لراكب ← مكافآت. مشاركة عبر واتساب. إحصائيات كاملة (عدد الإحالات النشطة، إجمالي المكافآت).</span>
|
|
<span class="en">Unique referral code per driver (name + ID). Driver-to-driver referral → rewards. Driver-to-rider referral → rewards. WhatsApp sharing. Complete stats (active referrals, total rewards).</span>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="fs-title"><span class="ar">👤 إحالة الركاب</span><span class="en">Rider Referral</span></div>
|
|
<div style="font-size:.74rem;color:var(--muted);line-height:1.7">
|
|
<span class="ar">كود إحالة خاص لكل راكب. ربط كود الدعوة لتطبيق الخصم. مشاركة التطبيق مع كود ورسالة. مكافآт: رصيد مجاني لكل شخص يدعوه.</span>
|
|
<span class="en">Unique referral code per rider. Invite code linking for discount. App sharing with code and message. Rewards: free credit for every person they invite.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section class="alt-bg" id="countries">
|
|
<div class="container">
|
|
<div class="eyebrow rv">06 · <span class="ar">الدول المدعومة</span><span class="en">Supported Countries</span></div>
|
|
<h2 class="stitle rv"><span class="ar">المنصة جاهزة في <em>3 دول</em> وقابلة للتوسع</span><span class="en">Platform Live in <em>3 Countries</em> and Ready to Scale</span></h2>
|
|
<p class="sdesc rv"><span class="ar">سيرو تعمل حالياً في سوريا والأردن ومصر، مع بنية تحتية منفصلة لكل دولة — خوادم، قواعد بيانات، خرائط، طرق دفع محلية — وكلها قابلة للنسخ لأي دولة جديدة.</span><span class="en">Siro is currently live in Syria, Jordan, and Egypt, with separate infrastructure per country — servers, databases, maps, local payment methods — all replicable for any new country.</span></p>
|
|
|
|
<div class="ctry-grid rv">
|
|
<div class="ctry-card ctry-live">
|
|
<span class="ctry-flag">🇸🇾</span>
|
|
<div class="ctry-name">سوريا</div>
|
|
<span class="ctry-status s-live"><span class="ar">مباشر</span><span class="en">Live</span></span>
|
|
<div class="ctry-stat"><b><span class="ar">السائقون:</span><span class="en">Drivers:</span></b> ~1,200</div>
|
|
<div class="ctry-stat"><b><span class="ar">الركاب:</span><span class="en">Riders:</span></b> ~1,800</div>
|
|
<div class="ctry-stat"><b><span class="ar">المدفوعات:</span><span class="en">Payments:</span></b> MTN, Syriatel, Visa, Cash, Wallet</div>
|
|
</div>
|
|
<div class="ctry-card ctry-live">
|
|
<span class="ctry-flag">🇯🇴</span>
|
|
<div class="ctry-name">الأردن</div>
|
|
<span class="ctry-status s-live"><span class="ar">مباشر</span><span class="en">Live</span></span>
|
|
<div class="ctry-stat"><b><span class="ar">السائقون:</span><span class="en">Drivers:</span></b> ~800</div>
|
|
<div class="ctry-stat"><b><span class="ar">الركاب:</span><span class="en">Riders:</span></b> ~700</div>
|
|
<div class="ctry-stat"><b><span class="ar">المدفوعات:</span><span class="en">Payments:</span></b> Visa, Wallet, Cash</div>
|
|
</div>
|
|
<div class="ctry-card ctry-soon">
|
|
<span class="ctry-flag">🇪🇬</span>
|
|
<div class="ctry-name">مصر</div>
|
|
<span class="ctry-status s-soon"><span class="ar">إطلاق وشيك</span><span class="en">Launching Soon</span></span>
|
|
<div class="ctry-stat"><b><span class="ar">السائقون:</span><span class="en">Drivers:</span></b> —</div>
|
|
<div class="ctry-stat"><b><span class="ar">الركاب:</span><span class="en">Riders:</span></b> —</div>
|
|
<div class="ctry-stat"><b><span class="ar">المدفوعات:</span><span class="en">Payments:</span></b> E-Cash, Visa, Wallet, Cash</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="callout blue rv">
|
|
<span class="callout-i">🌍</span>
|
|
<div>
|
|
<b><span class="ar">جاهزية التوسع:</span><span class="en">Expansion Readiness:</span></b>
|
|
<span class="ar"> إضافة دولة جديدة لا يتطلب تغييراً في الكود الأساسي — فقط خادم جديد، تفعيل خريطة Map SaaS، ربط بوابات الدفع المحلية، وتعديل أسعار Kazan. النظام مبني ليكون Multi-Tenant من اليوم الأول.</span>
|
|
<span class="en"> Adding a new country requires no core code changes — only a new server, activating Map SaaS for the country, connecting local payment gateways, and adjusting Kazan pricing. The system is built to be Multi-Tenant from day one.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="moats">
|
|
<div class="container">
|
|
<div class="eyebrow rv">07 · <span class="ar">المزايا التنافسية</span><span class="en">Competitive Moats</span></div>
|
|
<h2 class="stitle rv"><span class="ar"><em>مزايا</em> لا يستطيع المنافسون نسخها</span><span class="en"><em>Moats</em> Competitors Can't Replicate</span></h2>
|
|
<div class="moat-grid rv">
|
|
<div class="moat-card">
|
|
<span class="mc-ico">🗺️</span>
|
|
<div class="mc-t"><span class="ar">محرك خرائط مملوك</span><span class="en">Owned Map Engine</span></div>
|
|
<div class="mc-te">SiroMaps SaaS</div>
|
|
<div class="mc-d"><span class="ar">خرائط تتحدث كل ~10 أيام من GPS السائقين. المنافسون يدفعون $800-$30,000 شهرياً لـ Google. نحن ندفع $0.</span><span class="en">Maps updated every ~10 days from driver GPS. Competitors pay $800-$30K/month to Google. We pay $0.</span></div>
|
|
<div class="mc-val">$0 <span class="ar">تكلفة خرائط شهرياً</span><span class="en">monthly map cost</span></div>
|
|
</div>
|
|
<div class="moat-card">
|
|
<span class="mc-ico">🤖</span>
|
|
<div class="mc-t"><span class="ar">بوتا الذكاء الاصطناعي</span><span class="en">2 AI Bots</span></div>
|
|
<div class="mc-te">Android + Social</div>
|
|
<div class="mc-d"><span class="ar">بوت يراقب أسعار المنافسين 24/7، وبوت يدير السمعة والتسويق على وسائل التواصل. يعملان بدون تدخل بشري.</span><span class="en">One bot monitors competitor prices 24/7, another manages social media reputation and marketing. Both run without human intervention.</span></div>
|
|
<div class="mc-val">24/7 <span class="ar">تشغيل آلي</span><span class="en">automated operation</span></div>
|
|
</div>
|
|
<div class="moat-card">
|
|
<span class="mc-ico">📊</span>
|
|
<div class="mc-t"><span class="ar">منصة إعلانات مدمجة</span><span class="en">Built-in Ad Platform</span></div>
|
|
<div class="mc-te">Ad Campaign SaaS</div>
|
|
<div class="mc-d"><span class="ar">إعلانات داخل التطبيق مستهدفة جغرافياً. مصدر إيراد إضافي مستقل عن عمولة الرحلات.</span><span class="en">In-app geo-targeted ads. An additional revenue stream independent of ride commissions.</span></div>
|
|
<div class="mc-val">+<span class="ar">مصدر دخل</span><span class="en">Revenue stream</span></div>
|
|
</div>
|
|
<div class="moat-card">
|
|
<span class="mc-ico">🔒</span>
|
|
<div class="mc-t"><span class="ar">أمان متعدد الطبقات</span><span class="en">Multi-Layer Security</span></div>
|
|
<div class="mc-te">JWT · HMAC · AES-256 · Biometrics</div>
|
|
<div class="mc-d"><span class="ar">JWT + بصمة جهاز، HMAC للدفع، تشفير AES-256-CBC، كشف احتيال يحمي 15-30% من الإيرادات.</span><span class="en">JWT + device fingerprint, HMAC for payments, AES-256-CBC encryption, fraud detection protecting 15-30% of revenue.</span></div>
|
|
<div class="mc-val">9/10 <span class="ar">مستوى أمان</span><span class="en">security rating</span></div>
|
|
</div>
|
|
<div class="moat-card">
|
|
<span class="mc-ico">💳</span>
|
|
<div class="mc-t"><span class="ar">7 طرق دفع محلية</span><span class="en">7 Local Payments</span></div>
|
|
<div class="mc-te">MTN · Syriatel · E-Cash · PayMob · Stripe</div>
|
|
<div class="mc-d"><span class="ar">الوحيدون في سوريا الذين يدعمون الدفع الإلكتروني. نغطي المستخدمين الذين لا يملكون بطاقات بنكية.</span><span class="en">The only ones in Syria supporting e-payment. We cover users without bank cards.</span></div>
|
|
<div class="mc-val"><span class="ar">الوحيدون في السوق</span><span class="en">Unique in market</span></div>
|
|
</div>
|
|
<div class="moat-card">
|
|
<span class="mc-ico">🎮</span>
|
|
<div class="mc-t"><span class="ar">نظام تلعيب متكامل</span><span class="en">Full Gamification</span></div>
|
|
<div class="mc-te">Levels · Achievements · Challenges · Leaderboard</div>
|
|
<div class="mc-d"><span class="ar">4 مستويات، 8 إنجازات، تحديات يومية/أسبوعية، لوحة متصدرين — كلها تزيد ولاء السائقين وتقلل التسرب.</span><span class="en">4 levels, 8 achievements, daily/weekly challenges, leaderboard — all increasing driver loyalty and reducing churn.</span></div>
|
|
<div class="mc-val">↑40% <span class="ar">ولاء السائقين</span><span class="en">driver loyalty</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="ecosystem">
|
|
<div class="container">
|
|
<div class="eyebrow rv">08 · <span class="ar">المنظومة الكاملة</span><span class="en">Complete Ecosystem</span></div>
|
|
<h2 class="stitle rv"><span class="ar">8 منتجات جاهزة للتسويق <em>تحت سقف واحد</em></span><span class="en">8 Market-Ready Products <em>Under One Roof</em></span></h2>
|
|
<div class="eco-grid rv">
|
|
<div class="eco-card"><span class="eco-ico">🗺️</span><div class="eco-t">SiroMaps SaaS</div><div class="eco-te">Map Engine · Routing · Tiles</div><div class="eco-d"><span class="ar">محرك خرائط مملوك — يمكن تأجيره لأي تطبيق في المنطقة.</span><span class="en">Owned map engine — licensable to any regional app.</span></div><div class="eco-badge">💰 SaaS</div></div>
|
|
<div class="eco-card"><span class="eco-ico">📢</span><div class="eco-t">Ad Campaign SaaS</div><div class="eco-te">Geo-targeted · In-app Ads</div><div class="eco-d"><span class="ar">منصة إعلانات مدمجة — مصدر دخل مستقل عن الرحلات.</span><span class="en">Built-in ad platform — revenue independent of rides.</span></div><div class="eco-badge">📊 <span class="ar">إيراد إضافي</span><span class="en">Extra revenue</span></div></div>
|
|
<div class="eco-card"><span class="eco-ico">📱</span><div class="eco-t"><span class="ar">4 تطبيقات متكاملة</span><span class="en">4 Integrated Apps</span></div><div class="eco-te">Rider · Driver · Admin · Service</div><div class="eco-d"><span class="ar">تغطي كل جوانب الخدمة — الراكب، السائق، الإدارة، والخدمة الميدانية.</span><span class="en">Cover every service aspect — rider, driver, admin, field service.</span></div><div class="eco-badge">⚡ <span class="ar">منظومة كاملة</span><span class="en">Full ecosystem</span></div></div>
|
|
<div class="eco-card"><span class="eco-ico">💳</span><div class="eco-t"><span class="ar">منظومة الدفع</span><span class="en">Payment Stack</span></div><div class="eco-te">7 Methods · Wallet · Gateways</div><div class="eco-d"><span class="ar">7 طرق دفع متكاملة — نقدي، محفظة، فيزا، MTN، سيريتل، E-Cash، Stripe.</span><span class="en">7 integrated payment methods — cash, wallet, visa, MTN, Syriatel, E-Cash, Stripe.</span></div><div class="eco-badge">🔒 <span class="ar">الوحيد في سوريا</span><span class="en">Unique in Syria</span></div></div>
|
|
<div class="eco-card"><span class="eco-ico">🤖</span><div class="eco-t"><span class="ar">بوتات الدفع الآلية</span><span class="en">Auto Payment Bots</span></div><div class="eco-te">WhatsApp · Telegram · Auto-reconciliation</div><div class="eco-d"><span class="ar">تعالج تحويلات السائقين والمدفوعات الداخلية دون تدخل يدوي.</span><span class="en">Process driver transfers and internal payments without manual intervention.</span></div><div class="eco-badge">⚙️ <span class="ar">محاسبة بلا موظفين</span><span class="en">Zero-staff accounting</span></div></div>
|
|
<div class="eco-card"><span class="eco-ico">🌐</span><div class="eco-t"><span class="ar">المواقع الإلكترونية</span><span class="en">Web Ecosystem</span></div><div class="eco-te">Rider · Driver · Corporate · Landing</div><div class="eco-d"><span class="ar">مواقع متعددة لكل شريحة — الركاب، السائقين، الشركات، صفحات تسويقية.</span><span class="en">Multiple targeted sites — rider, driver, corporate, marketing pages.</span></div><div class="eco-badge">🏢 B2B <span class="ar">قناة</span><span class="en">Channel</span></div></div>
|
|
<div class="eco-card"><span class="eco-ico">📡</span><div class="eco-t"><span class="ar">البنية التحتية الآنية</span><span class="en">Real-time Infrastructure</span></div><div class="eco-te">WebSocket · Redis · GraphHopper · PostGIS</div><div class="eco-d"><span class="ar">تدعم آلاف المستخدمين المتزامنين. تكلفة بنائها $200K+.</span><span class="en">Supports thousands of concurrent users. Would cost $200K+ to build.</span></div><div class="eco-badge">⚡ 10,000+ <span class="ar">مستخدم</span><span class="en">users</span></div></div>
|
|
<div class="eco-card"><span class="eco-ico">🧠</span><div class="eco-t"><span class="ar">الذكاء الاصطناعي</span><span class="en">Embedded AI</span></div><div class="eco-te">Fraud Detection · Dynamic Pricing · OCR</div><div class="eco-d"><span class="ar">فحص وثائق، تسعير ديناميكي، كشف احتيال، تحليل أسواق، توليد محتوى تسويقي.</span><span class="en">Document verification, dynamic pricing, fraud detection, market analysis, marketing content generation.</span></div><div class="eco-badge">🛡️ <span class="ar">يحمي الهامش</span><span class="en">Protects margin</span></div></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section class="alt-bg" id="invest">
|
|
<div class="container">
|
|
<div class="cta-wrap rv">
|
|
<h2 class="cta-title"><span class="ar">فرصة استثمارية <em>نادرة</em></span><span class="en">A <em>Rare</em> Investment Opportunity</span></h2>
|
|
<p class="cta-sub"><span class="ar">منظومة نقل ذكي كاملة — 4 تطبيقات، بوتان آليان، محرك خرائط مملوك، منصة إعلانات، نظام مكافآت وتلعيب — كلها تعمل في 3 دول وجاهزة للتوسع. ليست مجرد فكرة — إنها منتج حقيقي يعمل ويحقق إيرادات.</span><span class="en">A complete smart mobility ecosystem — 4 apps, 2 bots, owned map engine, ad platform, rewards & gamification — all live in 3 countries and ready to scale. Not just an idea — a real product generating revenue.</span></p>
|
|
<div class="cta-btns">
|
|
<a href="#" class="btn btn-gold"><i class="fas fa-handshake"></i> <span class="ar">تواصل معنا للاستثمار</span><span class="en">Contact Us to Invest</span></a>
|
|
<a href="#" class="btn btn-ghost"><i class="fas fa-download"></i> <span class="ar">تحميل الملف التعريفي</span><span class="en">Download Pitch Deck</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="foot-logo">SIRO <span style="color:var(--muted);font-size:.7rem">INVESTOR DECK 2026</span></div>
|
|
<div class="foot-links">
|
|
<a href="#apps"><span class="ar">التطبيقات</span><span class="en">Apps</span></a>
|
|
<a href="#bot"><span class="ar">البوتات</span><span class="en">Bots</span></a>
|
|
<a href="#marketing"><span class="ar">الماركتنج</span><span class="en">Marketing</span></a>
|
|
<a href="#gamification"><span class="ar">المكافآت</span><span class="en">Rewards</span></a>
|
|
<a href="#countries"><span class="ar">الدول</span><span class="en">Countries</span></a>
|
|
</div>
|
|
<div class="foot-copy"><span class="ar">جميع الحقوق محفوظة</span><span class="en">All rights reserved</span> © 2026 Siro</div>
|
|
</footer>
|
|
|
|
<script>
|
|
// Particles Canvas
|
|
const c = document.getElementById('particles');
|
|
const ctx = c.getContext('2d');
|
|
let particles = [];
|
|
function resize(){c.width=window.innerWidth;c.height=window.innerHeight}
|
|
resize();window.addEventListener('resize',resize);
|
|
class P{
|
|
constructor(){this.x=Math.random()*c.width;this.y=Math.random()*c.height;this.size=Math.random()*1.5+.5;this.speedX=(Math.random()-.5)*.3;this.speedY=(Math.random()-.5)*.3;this.opacity=Math.random()*.4+.1}
|
|
update(){this.x+=this.speedX;this.y+=this.speedY;if(this.x>c.width)this.x=0;if(this.x<0)this.x=c.width;if(this.y>c.height)this.y=0;if(this.y<0)this.y=c.height}
|
|
draw(){ctx.beginPath();ctx.arc(this.x,this.y,this.size,0,Math.PI*2);ctx.fillStyle=`rgba(240,165,0,${this.opacity})`;ctx.fill()}
|
|
}
|
|
for(let i=0;i<80;i++)particles.push(new P());
|
|
function anim(){ctx.clearRect(0,0,c.width,c.height);particles.forEach(p=>{p.update();p.draw()});requestAnimationFrame(anim)}
|
|
anim();
|
|
|
|
// Scroll progress
|
|
window.addEventListener('scroll',()=>{
|
|
const h=document.documentElement.scrollHeight-window.innerHeight;
|
|
document.getElementById('scrollProg').style.width=(window.scrollY/h*100)+'%';
|
|
});
|
|
|
|
// Language toggle
|
|
function toggleLang(){
|
|
const html=document.documentElement;
|
|
const btn=document.querySelector('.lang-btn');
|
|
if(html.getAttribute('data-lang')==='ar'){
|
|
html.setAttribute('data-lang','en');
|
|
btn.textContent='AR';
|
|
}else{
|
|
html.setAttribute('data-lang','ar');
|
|
btn.textContent='EN';
|
|
}
|
|
}
|
|
|
|
// Reveal animations
|
|
const observer=new IntersectionObserver(entries=>{
|
|
entries.forEach(entry=>{if(entry.isIntersecting)entry.target.classList.add('in')});
|
|
},{threshold:.1});
|
|
document.querySelectorAll('.rv').forEach(el=>observer.observe(el));
|
|
|
|
// Tab system
|
|
document.querySelectorAll('.sec-nav-btn').forEach(btn=>{
|
|
btn.addEventListener('click',()=>{
|
|
document.querySelectorAll('.sec-nav-btn').forEach(b=>b.classList.remove('on'));
|
|
btn.classList.add('on');
|
|
const tab=btn.getAttribute('data-tab');
|
|
document.querySelectorAll('.fc').forEach(c=>c.classList.remove('on'));
|
|
if(tab==='tab-all'){
|
|
document.querySelectorAll('.fc').forEach(c=>c.classList.add('on'));
|
|
}else{
|
|
document.getElementById(tab).classList.add('on');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Counter animation
|
|
function animateCounters(){
|
|
document.querySelectorAll('.counter').forEach(el=>{
|
|
const target=parseInt(el.getAttribute('data-target'));
|
|
const duration=2000;
|
|
const start=performance.now();
|
|
function update(now){
|
|
const progress=Math.min((now-start)/duration,1);
|
|
const eased=1-Math.pow(1-progress,3);
|
|
el.textContent=Math.floor(eased*target);
|
|
if(progress<1)requestAnimationFrame(update);
|
|
}
|
|
requestAnimationFrame(update);
|
|
});
|
|
}
|
|
|
|
// Trigger counters when visible
|
|
const counterObserver=new IntersectionObserver(entries=>{
|
|
entries.forEach(entry=>{
|
|
if(entry.isIntersecting){
|
|
animateCounters();
|
|
counterObserver.disconnect();
|
|
}
|
|
});
|
|
},{threshold:.5});
|
|
document.querySelector('.hero-kpis-grid')&&counterObserver.observe(document.querySelector('.hero-kpis-grid'));
|
|
</script>
|
|
</body>
|
|
</html>
|