4363 lines
172 KiB
PHP
4363 lines
172 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="ar" dir="rtl" data-lang="ar">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||
<meta name="description" content="انطلق — بوابة المستثمرين | Intaleq Investor Portal 2026">
|
||
<title>انطلق · فرصة استثمارية 2026 | Intaleq Investor Deck</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">
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
|
||
<style>
|
||
/* ══════════════════════════════════════════
|
||
TOKENS
|
||
══════════════════════════════════════════ */
|
||
:root {
|
||
--ink: #030810;
|
||
--ink2: #060F1E;
|
||
--ink3: #0B1628;
|
||
--ink4: #101E35;
|
||
--gold: #F0A500;
|
||
--goldb: #FFB830;
|
||
--goldc: #FFD270;
|
||
--gold-dim: rgba(240, 165, 0, .12);
|
||
--gold-glow: rgba(240, 165, 0, .25);
|
||
--cyan: #00E5CC;
|
||
--cyan-dim: rgba(0, 229, 204, .1);
|
||
--green: #00D97E;
|
||
--green-dim: rgba(0, 217, 126, .1);
|
||
--red: #FF3D6B;
|
||
--red-dim: rgba(255, 61, 107, .1);
|
||
--blue: #3B8EFF;
|
||
--blue-dim: rgba(59, 142, 255, .1);
|
||
--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
|
||
}
|
||
|
||
/* ══ BASE ══ */
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0
|
||
}
|
||
|
||
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: 2px
|
||
}
|
||
|
||
::-webkit-scrollbar-track {
|
||
background: var(--ink)
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background: var(--gold);
|
||
border-radius: 1px
|
||
}
|
||
|
||
/* ══ LANG DISPLAY ══ */
|
||
.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
|
||
}
|
||
|
||
/* ══ NOISE ══ */
|
||
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;
|
||
}
|
||
|
||
/* ══ SCROLL BAR ══ */
|
||
#scrollProg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: 2px;
|
||
background: linear-gradient(90deg, var(--gold), var(--cyan));
|
||
z-index: 999;
|
||
width: 0%;
|
||
transition: width .1s linear;
|
||
}
|
||
|
||
/* ══ PARTICLES ══ */
|
||
#particles {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
opacity: .7;
|
||
}
|
||
|
||
/* ══ NAV ══ */
|
||
nav {
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
z-index: 500;
|
||
height: 62px;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 2.5rem;
|
||
background: rgba(3, 8, 16, .9);
|
||
backdrop-filter: blur(24px);
|
||
border-bottom: 1px solid var(--border);
|
||
transition: background .3s;
|
||
}
|
||
|
||
nav.scrolled {
|
||
background: rgba(3, 8, 16, .98)
|
||
}
|
||
|
||
.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.35rem;
|
||
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: .58rem;
|
||
font-weight: 800;
|
||
background: var(--gold-dim);
|
||
border: 1px solid var(--border);
|
||
color: var(--goldb);
|
||
padding: 3px 9px;
|
||
border-radius: 20px;
|
||
letter-spacing: .05em;
|
||
}
|
||
|
||
.nav-links {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 1.2rem
|
||
}
|
||
|
||
.nav-links a {
|
||
color: var(--muted);
|
||
text-decoration: none;
|
||
font-size: .76rem;
|
||
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: .7rem;
|
||
font-weight: 700;
|
||
padding: 5px 12px;
|
||
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: .75rem !important;
|
||
font-weight: 900 !important;
|
||
padding: 8px 18px !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)
|
||
}
|
||
|
||
/* ══ SECTIONS ══ */
|
||
section {
|
||
padding: 100px 2rem;
|
||
position: relative;
|
||
z-index: 1
|
||
}
|
||
|
||
.container {
|
||
max-width: 1180px;
|
||
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: .68rem;
|
||
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.8rem, 4vw, 2.8rem);
|
||
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: .92rem;
|
||
margin-bottom: 3rem;
|
||
max-width: 580px;
|
||
line-height: 1.8
|
||
}
|
||
|
||
/* ══ CALLOUT ══ */
|
||
.callout {
|
||
display: flex;
|
||
gap: 1rem;
|
||
align-items: flex-start;
|
||
border-radius: 12px;
|
||
padding: 1.2rem 1.5rem;
|
||
margin: 1.5rem 0;
|
||
font-size: .84rem;
|
||
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-i {
|
||
font-size: 1.2rem;
|
||
flex-shrink: 0;
|
||
margin-top: .1rem
|
||
}
|
||
|
||
/* ══ TABLE ══ */
|
||
.tw {
|
||
overflow-x: auto;
|
||
border-radius: var(--r);
|
||
border: 1px solid var(--border)
|
||
}
|
||
|
||
table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
font-size: .82rem
|
||
}
|
||
|
||
thead {
|
||
background: rgba(240, 165, 0, .07)
|
||
}
|
||
|
||
th {
|
||
padding: 13px 16px;
|
||
font-weight: 800;
|
||
font-size: .74rem;
|
||
color: var(--goldb);
|
||
text-align: right;
|
||
border-bottom: 1px solid var(--border);
|
||
white-space: nowrap;
|
||
}
|
||
|
||
[data-lang="en"] th {
|
||
text-align: left
|
||
}
|
||
|
||
td {
|
||
padding: 11px 16px;
|
||
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
|
||
}
|
||
|
||
/* ══ CARDS ══ */
|
||
.card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.5rem;
|
||
transition: transform .25s, border-color .25s;
|
||
}
|
||
|
||
.card:hover {
|
||
transform: translateY(-4px);
|
||
border-color: var(--border)
|
||
}
|
||
|
||
/* grids */
|
||
.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
|
||
}
|
||
|
||
@media(max-width:900px) {
|
||
|
||
.g2,
|
||
.g3 {
|
||
grid-template-columns: 1fr
|
||
}
|
||
|
||
.g4 {
|
||
grid-template-columns: 1fr 1fr
|
||
}
|
||
}
|
||
|
||
@media(max-width:600px) {
|
||
|
||
.g4,
|
||
.hero-kpis-grid {
|
||
grid-template-columns: 1fr 1fr
|
||
}
|
||
}
|
||
|
||
/* ══ BUTTONS ══ */
|
||
.btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: .5rem;
|
||
font-family: 'Cairo', sans-serif;
|
||
font-weight: 900;
|
||
font-size: .88rem;
|
||
padding: 13px 28px;
|
||
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 ══ */
|
||
.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: 1180px;
|
||
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: .72rem;
|
||
font-weight: 800;
|
||
padding: 7px 16px;
|
||
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.4rem, 5.5vw, 4.2rem);
|
||
font-weight: 900;
|
||
line-height: 1.1;
|
||
margin-bottom: 1.4rem;
|
||
animation: fadeUp .6s .08s ease both;
|
||
}
|
||
|
||
h1.htitle em {
|
||
color: var(--goldb);
|
||
font-style: normal
|
||
}
|
||
|
||
h1.htitle strong {
|
||
color: var(--cyan)
|
||
}
|
||
|
||
.hero-sub {
|
||
font-size: 1rem;
|
||
color: var(--muted);
|
||
max-width: 540px;
|
||
margin-bottom: 2.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.5rem;
|
||
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.2rem .8rem;
|
||
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.6rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
display: block;
|
||
line-height: 1
|
||
}
|
||
|
||
.hkpi-v.c {
|
||
color: var(--cyan)
|
||
}
|
||
|
||
.hkpi-l {
|
||
font-size: .66rem;
|
||
color: var(--muted);
|
||
font-weight: 700;
|
||
margin-top: .3rem;
|
||
display: block
|
||
}
|
||
|
||
.hkpi-le {
|
||
font-size: .58rem;
|
||
color: var(--muted);
|
||
opacity: .55;
|
||
display: block
|
||
}
|
||
|
||
.hero-nans {
|
||
display: flex;
|
||
gap: .6rem;
|
||
flex-wrap: wrap;
|
||
margin-top: 1.5rem;
|
||
animation: fadeUp .6s .4s ease both;
|
||
}
|
||
|
||
.nans-tag {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
background: rgba(255, 255, 255, .04);
|
||
border: 1px solid var(--border2);
|
||
font-size: .7rem;
|
||
font-weight: 700;
|
||
color: var(--muted);
|
||
padding: 5px 12px;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.nans-tag .ic {
|
||
color: var(--green)
|
||
}
|
||
|
||
.nans-tag .ic-gold {
|
||
color: var(--goldb)
|
||
}
|
||
|
||
/* hero phone card */
|
||
.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.5rem 2rem;
|
||
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: 90px;
|
||
height: 90px;
|
||
border-radius: 22px;
|
||
background: linear-gradient(135deg, #E09500, var(--goldb));
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-family: 'Syne', sans-serif;
|
||
font-size: 1.6rem;
|
||
font-weight: 900;
|
||
color: #000;
|
||
margin: 0 auto 1.2rem;
|
||
box-shadow: 0 20px 50px rgba(240, 165, 0, .35);
|
||
}
|
||
|
||
.device-title {
|
||
font-family: 'Syne', sans-serif;
|
||
font-size: 1.3rem;
|
||
font-weight: 900;
|
||
margin-bottom: .25rem
|
||
}
|
||
|
||
.device-sub {
|
||
color: var(--muted);
|
||
font-size: .78rem;
|
||
margin-bottom: 1.5rem
|
||
}
|
||
|
||
.device-tags {
|
||
display: flex;
|
||
gap: .6rem;
|
||
justify-content: center;
|
||
flex-wrap: wrap
|
||
}
|
||
|
||
.dtag {
|
||
font-size: .65rem;
|
||
font-weight: 800;
|
||
padding: 4px 12px;
|
||
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)
|
||
}
|
||
|
||
.device-metrics {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 1rem;
|
||
margin-top: 1.8rem;
|
||
}
|
||
|
||
.dm {
|
||
background: rgba(255, 255, 255, .04);
|
||
border: 1px solid var(--border2);
|
||
border-radius: 10px;
|
||
padding: .9rem .6rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.dm-v {
|
||
font-size: 1.4rem;
|
||
font-weight: 900;
|
||
color: var(--goldb)
|
||
}
|
||
|
||
.dm-l {
|
||
font-size: .64rem;
|
||
color: var(--muted);
|
||
font-weight: 700
|
||
}
|
||
|
||
.device-stores {
|
||
display: flex;
|
||
gap: .8rem;
|
||
justify-content: center;
|
||
margin-top: 1.5rem;
|
||
}
|
||
|
||
.store-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
background: rgba(255, 255, 255, .06);
|
||
border: 1px solid var(--border2);
|
||
color: var(--text);
|
||
font-size: .72rem;
|
||
font-weight: 700;
|
||
padding: 7px 14px;
|
||
border-radius: 8px;
|
||
text-decoration: none;
|
||
transition: all .2s;
|
||
}
|
||
|
||
.store-btn:hover {
|
||
border-color: var(--border);
|
||
color: var(--goldb)
|
||
}
|
||
|
||
/* ══ URGENCY BAR ══ */
|
||
.urgency-bar {
|
||
background: linear-gradient(90deg, rgba(240, 165, 0, .12), rgba(0, 229, 204, .08), rgba(240, 165, 0, .12));
|
||
border-top: 1px solid var(--border);
|
||
border-bottom: 1px solid var(--border);
|
||
padding: 1rem 2rem;
|
||
text-align: center;
|
||
font-size: .82rem;
|
||
font-weight: 700;
|
||
color: var(--text);
|
||
position: relative;
|
||
z-index: 2;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 2rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.ub-item {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .5rem
|
||
}
|
||
|
||
.ub-dot {
|
||
width: 8px;
|
||
height: 8px;
|
||
border-radius: 50%;
|
||
background: var(--green);
|
||
box-shadow: 0 0 8px var(--green);
|
||
animation: blink 2s infinite;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.ub-dot.amber {
|
||
background: var(--amber);
|
||
box-shadow: 0 0 8px var(--amber)
|
||
}
|
||
|
||
/* ══ WHY NOW ══ */
|
||
.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: 2.2rem;
|
||
margin-bottom: 1.2rem;
|
||
display: block
|
||
}
|
||
|
||
.wc-t {
|
||
font-size: 1rem;
|
||
font-weight: 900;
|
||
margin-bottom: .2rem
|
||
}
|
||
|
||
.wc-te {
|
||
font-size: .68rem;
|
||
color: var(--muted);
|
||
margin-bottom: .85rem
|
||
}
|
||
|
||
.wc-d {
|
||
font-size: .8rem;
|
||
color: var(--muted);
|
||
line-height: 1.75
|
||
}
|
||
|
||
.wc-stat {
|
||
display: inline-block;
|
||
margin-top: .9rem;
|
||
background: var(--gold-dim);
|
||
border: 1px solid var(--border);
|
||
color: var(--goldb);
|
||
font-size: .7rem;
|
||
font-weight: 800;
|
||
padding: 4px 12px;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
/* ══ COMPETITORS (local) ══ */
|
||
.comp-local-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
|
||
gap: 1.5rem;
|
||
margin-bottom: 3rem
|
||
}
|
||
|
||
.cl-card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.6rem;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.cl-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
height: 3px;
|
||
}
|
||
|
||
.cl-bad::before {
|
||
background: linear-gradient(90deg, var(--red), transparent)
|
||
}
|
||
|
||
.cl-good::before {
|
||
background: linear-gradient(90deg, var(--goldb), var(--cyan))
|
||
}
|
||
|
||
.cl-ico {
|
||
font-size: 1.8rem;
|
||
margin-bottom: .6rem;
|
||
display: block
|
||
}
|
||
|
||
.cl-name {
|
||
font-size: 1rem;
|
||
font-weight: 900;
|
||
margin-bottom: .15rem
|
||
}
|
||
|
||
.cl-sub {
|
||
font-size: .68rem;
|
||
color: var(--muted);
|
||
margin-bottom: .75rem
|
||
}
|
||
|
||
.cl-item {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: .5rem;
|
||
font-size: .77rem;
|
||
color: var(--muted);
|
||
padding: .3rem 0;
|
||
border-bottom: 1px solid var(--border2);
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.cl-item:last-child {
|
||
border-bottom: none
|
||
}
|
||
|
||
.cl-item .ci {
|
||
flex-shrink: 0;
|
||
margin-top: .1rem;
|
||
font-size: .8rem
|
||
}
|
||
|
||
.cl-fatal {
|
||
margin-top: .9rem;
|
||
background: var(--red-dim);
|
||
border: 1px solid rgba(255, 61, 107, .2);
|
||
color: var(--red);
|
||
font-size: .72rem;
|
||
font-weight: 800;
|
||
padding: 6px 12px;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
}
|
||
|
||
/* diff table split */
|
||
.diff-wrap {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 1.5rem;
|
||
margin-top: 2rem
|
||
}
|
||
|
||
@media(max-width:700px) {
|
||
.diff-wrap {
|
||
grid-template-columns: 1fr
|
||
}
|
||
}
|
||
|
||
.diff-col {
|
||
border-radius: var(--r);
|
||
padding: 1.5rem
|
||
}
|
||
|
||
.diff-bad {
|
||
background: rgba(255, 61, 107, .05);
|
||
border: 1px solid rgba(255, 61, 107, .15)
|
||
}
|
||
|
||
.diff-good {
|
||
background: rgba(0, 217, 126, .05);
|
||
border: 1px solid rgba(0, 217, 126, .2)
|
||
}
|
||
|
||
.diff-h {
|
||
font-size: .8rem;
|
||
font-weight: 900;
|
||
margin-bottom: 1rem;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .5rem
|
||
}
|
||
|
||
.diff-item {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: .6rem;
|
||
font-size: .79rem;
|
||
padding: .5rem 0;
|
||
border-bottom: 1px solid rgba(255, 255, 255, .04);
|
||
line-height: 1.6;
|
||
color: var(--muted);
|
||
}
|
||
|
||
.diff-item:last-child {
|
||
border-bottom: none
|
||
}
|
||
|
||
/* ══ SECURITY ══ */
|
||
.sec-wrap {
|
||
display: grid;
|
||
grid-template-columns: 300px 1fr;
|
||
gap: 2.5rem;
|
||
align-items: start
|
||
}
|
||
|
||
@media(max-width:800px) {
|
||
.sec-wrap {
|
||
grid-template-columns: 1fr
|
||
}
|
||
}
|
||
|
||
.sec-ring-card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border);
|
||
border-radius: 20px;
|
||
padding: 2.2rem;
|
||
text-align: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.sec-ring-card::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: -60px;
|
||
right: -60px;
|
||
width: 160px;
|
||
height: 160px;
|
||
border-radius: 50%;
|
||
background: radial-gradient(circle, var(--gold-dim), transparent 70%);
|
||
}
|
||
|
||
.ring-svg {
|
||
width: 145px;
|
||
height: 145px;
|
||
margin: 0 auto .6rem
|
||
}
|
||
|
||
.r-val {
|
||
font-size: 2.8rem;
|
||
font-weight: 900;
|
||
fill: var(--goldb);
|
||
dominant-baseline: middle;
|
||
text-anchor: middle;
|
||
font-family: 'Syne', sans-serif
|
||
}
|
||
|
||
.r-sub {
|
||
fill: var(--muted);
|
||
font-size: .68rem;
|
||
font-family: 'Cairo', sans-serif
|
||
}
|
||
|
||
.sec-badge {
|
||
display: inline-block;
|
||
margin-top: 1rem;
|
||
background: var(--green-dim);
|
||
border: 1px solid rgba(0, 217, 126, .25);
|
||
color: var(--green);
|
||
font-size: .7rem;
|
||
font-weight: 800;
|
||
padding: 5px 14px;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.sec-note {
|
||
font-size: .74rem;
|
||
color: var(--muted);
|
||
margin-top: .9rem;
|
||
line-height: 1.65
|
||
}
|
||
|
||
.sec-feats {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: .7rem
|
||
}
|
||
|
||
.sf {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .8rem;
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: 12px;
|
||
padding: .85rem 1rem;
|
||
transition: border-color .2s, transform .2s;
|
||
}
|
||
|
||
.sf:hover {
|
||
border-color: var(--border);
|
||
transform: translateX(-3px)
|
||
}
|
||
|
||
[data-lang="en"] .sf:hover {
|
||
transform: translateX(3px)
|
||
}
|
||
|
||
.sf-ico {
|
||
width: 36px;
|
||
height: 36px;
|
||
flex-shrink: 0;
|
||
border-radius: 9px;
|
||
background: var(--gold-dim);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: .95rem;
|
||
}
|
||
|
||
.sf-body {
|
||
flex: 1
|
||
}
|
||
|
||
.sf-n {
|
||
font-size: .82rem;
|
||
font-weight: 800;
|
||
color: var(--text)
|
||
}
|
||
|
||
.sf-d {
|
||
font-size: .68rem;
|
||
color: var(--muted)
|
||
}
|
||
|
||
.stars {
|
||
display: flex;
|
||
gap: 2px
|
||
}
|
||
|
||
.s {
|
||
width: 8px;
|
||
height: 8px;
|
||
border-radius: 1px;
|
||
background: var(--gold);
|
||
opacity: .18
|
||
}
|
||
|
||
.s.on {
|
||
opacity: 1
|
||
}
|
||
|
||
/* ══ FEATURES ══ */
|
||
.feat-tabs {
|
||
display: flex;
|
||
gap: .5rem;
|
||
margin-bottom: 2rem;
|
||
flex-wrap: wrap
|
||
}
|
||
|
||
.ftb {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
color: var(--muted);
|
||
padding: 8px 20px;
|
||
border-radius: 8px;
|
||
cursor: pointer;
|
||
font-family: 'Cairo', sans-serif;
|
||
font-size: .8rem;
|
||
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: .78rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
margin-bottom: .85rem;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .6rem;
|
||
margin-top: 1.5rem;
|
||
}
|
||
|
||
.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: .5rem;
|
||
margin-bottom: .5rem
|
||
}
|
||
|
||
.pill {
|
||
background: var(--ink4);
|
||
border: 1px solid var(--border2);
|
||
color: var(--text);
|
||
font-size: .74rem;
|
||
font-weight: 700;
|
||
padding: 5px 13px;
|
||
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)
|
||
}
|
||
|
||
/* ══ MOAT CARDS ══ */
|
||
.moat-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(240px, 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: 90px;
|
||
height: 90px;
|
||
border-radius: 50%;
|
||
background: radial-gradient(circle, var(--gold-dim), transparent 70%);
|
||
}
|
||
|
||
.mc-ico {
|
||
font-size: 1.8rem;
|
||
margin-bottom: .75rem;
|
||
display: block;
|
||
position: relative
|
||
}
|
||
|
||
.mc-t {
|
||
font-size: .92rem;
|
||
font-weight: 900;
|
||
color: var(--text);
|
||
margin-bottom: .2rem;
|
||
position: relative
|
||
}
|
||
|
||
.mc-te {
|
||
font-size: .66rem;
|
||
color: var(--muted);
|
||
margin-bottom: .65rem
|
||
}
|
||
|
||
.mc-d {
|
||
font-size: .78rem;
|
||
color: var(--muted);
|
||
line-height: 1.7
|
||
}
|
||
|
||
.mc-val {
|
||
margin-top: .85rem;
|
||
font-family: 'JetBrains Mono', monospace;
|
||
font-size: .78rem;
|
||
font-weight: 700;
|
||
color: var(--goldb);
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
}
|
||
|
||
/* ══ BUDGET ══ */
|
||
.fund-row {
|
||
margin-bottom: 1.1rem
|
||
}
|
||
|
||
.fund-meta {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
font-size: .79rem;
|
||
font-weight: 700;
|
||
margin-bottom: .45rem
|
||
}
|
||
|
||
.fund-meta .lbl {
|
||
color: var(--text)
|
||
}
|
||
|
||
.fund-bar-bg {
|
||
height: 6px;
|
||
background: rgba(255, 255, 255, .06);
|
||
border-radius: 3px;
|
||
overflow: hidden
|
||
}
|
||
|
||
.fund-bar-fill {
|
||
height: 100%;
|
||
border-radius: 3px;
|
||
width: 0%;
|
||
background: linear-gradient(90deg, var(--gold), var(--goldb));
|
||
transition: width 1.2s cubic-bezier(.4, 0, .2, 1);
|
||
}
|
||
|
||
.fund-bar-fill.alt {
|
||
background: linear-gradient(90deg, var(--cyan), #00FFCC)
|
||
}
|
||
|
||
/* ══ CHARTS ══ */
|
||
.chart-wrap {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.5rem;
|
||
}
|
||
|
||
.chart-wrap h3 {
|
||
font-size: .9rem;
|
||
font-weight: 900;
|
||
margin-bottom: .2rem
|
||
}
|
||
|
||
.chart-wrap p {
|
||
font-size: .74rem;
|
||
color: var(--muted);
|
||
margin-bottom: 1rem
|
||
}
|
||
|
||
.chart-canvas {
|
||
position: relative;
|
||
max-height: 320px
|
||
}
|
||
|
||
/* ══ NARR LIST ══ */
|
||
.narr-list {
|
||
list-style: none;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 1rem
|
||
}
|
||
|
||
.narr-list li {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: .9rem
|
||
}
|
||
|
||
.narr-ico {
|
||
width: 38px;
|
||
height: 38px;
|
||
flex-shrink: 0;
|
||
border-radius: 9px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: .7rem;
|
||
font-weight: 900;
|
||
letter-spacing: .04em;
|
||
font-family: 'JetBrains Mono', monospace;
|
||
}
|
||
|
||
/* ══ UNIT ECON ══ */
|
||
.unit-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 1.25rem;
|
||
margin-bottom: 2rem
|
||
}
|
||
|
||
@media(max-width:700px) {
|
||
.unit-grid {
|
||
grid-template-columns: 1fr 1fr
|
||
}
|
||
}
|
||
|
||
.unit-card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.4rem;
|
||
text-align: center;
|
||
transition: all .3s;
|
||
}
|
||
|
||
.unit-card:hover {
|
||
border-color: var(--border);
|
||
transform: translateY(-3px)
|
||
}
|
||
|
||
.uc-v {
|
||
font-size: 2rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
line-height: 1
|
||
}
|
||
|
||
.uc-v.c {
|
||
color: var(--cyan)
|
||
}
|
||
|
||
.uc-l {
|
||
font-size: .7rem;
|
||
color: var(--muted);
|
||
font-weight: 700;
|
||
margin-top: .4rem
|
||
}
|
||
|
||
.uc-le {
|
||
font-size: .6rem;
|
||
color: var(--muted);
|
||
opacity: .6
|
||
}
|
||
|
||
/* ══ ROI ══ */
|
||
.roi-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 1.5rem;
|
||
margin: 2rem 0
|
||
}
|
||
|
||
@media(max-width:700px) {
|
||
.roi-grid {
|
||
grid-template-columns: 1fr
|
||
}
|
||
}
|
||
|
||
.roi-card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.5rem;
|
||
text-align: center;
|
||
transition: all .3s;
|
||
}
|
||
|
||
.roi-card:hover {
|
||
border-color: var(--border);
|
||
transform: translateY(-4px)
|
||
}
|
||
|
||
.roi-year {
|
||
font-size: .68rem;
|
||
font-weight: 800;
|
||
color: var(--muted);
|
||
text-transform: uppercase;
|
||
letter-spacing: .1em;
|
||
margin-bottom: .5rem
|
||
}
|
||
|
||
.roi-val {
|
||
font-size: 1.9rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
margin-bottom: .25rem
|
||
}
|
||
|
||
.roi-desc {
|
||
font-size: .73rem;
|
||
color: var(--muted);
|
||
line-height: 1.6
|
||
}
|
||
|
||
/* fin hero */
|
||
.fin-hero {
|
||
background: linear-gradient(135deg, rgba(240, 165, 0, .1), rgba(0, 229, 204, .05));
|
||
border: 1px solid var(--border);
|
||
border-radius: var(--r2);
|
||
padding: 2.5rem;
|
||
text-align: center;
|
||
margin-bottom: 2.5rem;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.fin-hero::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 400px;
|
||
height: 400px;
|
||
border-radius: 50%;
|
||
background: radial-gradient(circle, rgba(240, 165, 0, .06), transparent 70%);
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.fin-big {
|
||
font-size: 3.2rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
position: relative;
|
||
line-height: 1
|
||
}
|
||
|
||
.fin-sub {
|
||
color: var(--muted);
|
||
margin-top: .5rem;
|
||
font-size: .85rem
|
||
}
|
||
|
||
.fin-pills {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: .8rem;
|
||
flex-wrap: wrap;
|
||
margin-top: 1.5rem
|
||
}
|
||
|
||
.fin-pill {
|
||
background: rgba(255, 255, 255, .04);
|
||
border: 1px solid var(--border2);
|
||
border-radius: 50px;
|
||
padding: 7px 18px;
|
||
font-size: .76rem;
|
||
font-weight: 700;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
}
|
||
|
||
.fin-pill .v {
|
||
color: var(--goldb)
|
||
}
|
||
|
||
/* total verdict */
|
||
.total-card {
|
||
background: linear-gradient(135deg, rgba(240, 165, 0, .1), rgba(0, 229, 204, .06));
|
||
border: 2px solid var(--gold);
|
||
border-radius: var(--r2);
|
||
padding: 3rem;
|
||
text-align: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
margin-top: 2.5rem;
|
||
}
|
||
|
||
.total-card::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%);
|
||
}
|
||
|
||
.total-big {
|
||
font-size: 3.8rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
line-height: 1;
|
||
position: relative
|
||
}
|
||
|
||
.total-sub {
|
||
font-size: 1rem;
|
||
color: var(--muted);
|
||
margin-top: .5rem
|
||
}
|
||
|
||
.total-kpis {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 0;
|
||
flex-wrap: wrap;
|
||
border: 1px solid var(--border);
|
||
border-radius: 14px;
|
||
overflow: hidden;
|
||
max-width: 600px;
|
||
margin: 2rem auto 0;
|
||
background: rgba(255, 255, 255, .02);
|
||
}
|
||
|
||
.tkpi {
|
||
flex: 1;
|
||
min-width: 100px;
|
||
padding: 1.2rem;
|
||
border-left: 1px solid var(--border);
|
||
text-align: center
|
||
}
|
||
|
||
.tkpi:last-child {
|
||
border-left: none
|
||
}
|
||
|
||
[data-lang="en"] .tkpi {
|
||
border-left: none;
|
||
border-right: 1px solid var(--border)
|
||
}
|
||
|
||
[data-lang="en"] .tkpi:last-child {
|
||
border-right: none
|
||
}
|
||
|
||
.tkpi-v {
|
||
font-size: 1.5rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
display: block
|
||
}
|
||
|
||
.tkpi-l {
|
||
font-size: .66rem;
|
||
color: var(--muted);
|
||
font-weight: 700
|
||
}
|
||
|
||
/* ══ MARKETS ══ */
|
||
.mkt-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||
gap: 1.25rem
|
||
}
|
||
|
||
.mkt-card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.5rem;
|
||
position: relative;
|
||
overflow: hidden;
|
||
transition: all .3s;
|
||
}
|
||
|
||
.mkt-card:hover {
|
||
transform: translateY(-4px);
|
||
border-color: var(--border)
|
||
}
|
||
|
||
.mkt-card::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
left: 0;
|
||
height: 3px;
|
||
border-radius: 0 0 var(--r) var(--r)
|
||
}
|
||
|
||
.mk-now::after {
|
||
background: var(--green)
|
||
}
|
||
|
||
.mk-near::after {
|
||
background: var(--amber)
|
||
}
|
||
|
||
.mk-mid::after {
|
||
background: var(--blue)
|
||
}
|
||
|
||
.mk-flag {
|
||
font-size: 2rem;
|
||
margin-bottom: .5rem
|
||
}
|
||
|
||
.mk-name {
|
||
font-size: 1rem;
|
||
font-weight: 900
|
||
}
|
||
|
||
.mk-pop {
|
||
font-size: .67rem;
|
||
color: var(--muted);
|
||
margin: .15rem 0
|
||
}
|
||
|
||
.mk-opp {
|
||
font-size: .76rem;
|
||
color: var(--text);
|
||
margin-top: .5rem;
|
||
line-height: 1.6
|
||
}
|
||
|
||
.mk-s {
|
||
margin-top: .75rem;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
font-size: .67rem;
|
||
font-weight: 800;
|
||
padding: 3px 10px;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.s-live {
|
||
background: var(--green-dim);
|
||
border: 1px solid rgba(0, 217, 126, .25);
|
||
color: var(--green)
|
||
}
|
||
|
||
.s-near {
|
||
background: rgba(255, 149, 0, .1);
|
||
border: 1px solid rgba(255, 149, 0, .25);
|
||
color: var(--amber)
|
||
}
|
||
|
||
.s-mid {
|
||
background: var(--blue-dim);
|
||
border: 1px solid rgba(59, 142, 255, .25);
|
||
color: var(--blue)
|
||
}
|
||
|
||
/* ══ 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: 16px;
|
||
height: 16px;
|
||
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: .65rem;
|
||
font-weight: 800;
|
||
color: var(--goldb);
|
||
text-transform: uppercase;
|
||
letter-spacing: .12em;
|
||
margin-bottom: .3rem
|
||
}
|
||
|
||
.tl-t {
|
||
font-size: .95rem;
|
||
font-weight: 900;
|
||
margin-bottom: .35rem
|
||
}
|
||
|
||
.tl-d {
|
||
font-size: .77rem;
|
||
color: var(--muted);
|
||
line-height: 1.65
|
||
}
|
||
|
||
.tl-tag {
|
||
display: inline-block;
|
||
margin-top: .5rem;
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
font-size: .6rem;
|
||
font-weight: 700;
|
||
color: var(--muted);
|
||
padding: 2px 9px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
/* ══ RISKS ══ */
|
||
.risk-badge {
|
||
display: inline-block;
|
||
font-size: .68rem;
|
||
font-weight: 800;
|
||
padding: 2px 9px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.rb-hi {
|
||
background: var(--red-dim);
|
||
color: var(--red)
|
||
}
|
||
|
||
.rb-med {
|
||
background: rgba(255, 149, 0, .1);
|
||
color: var(--amber)
|
||
}
|
||
|
||
.rb-lo {
|
||
background: var(--green-dim);
|
||
color: var(--green)
|
||
}
|
||
|
||
/* ══ TEAM ══ */
|
||
.team-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
||
gap: 1.5rem
|
||
}
|
||
|
||
.team-card {
|
||
background: var(--ink3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: var(--r);
|
||
padding: 1.5rem;
|
||
text-align: center;
|
||
transition: all .3s;
|
||
}
|
||
|
||
.team-card:hover {
|
||
border-color: var(--border);
|
||
transform: translateY(-4px)
|
||
}
|
||
|
||
.team-av {
|
||
width: 62px;
|
||
height: 62px;
|
||
border-radius: 50%;
|
||
margin: 0 auto 1rem;
|
||
background: linear-gradient(135deg, #D08800, var(--goldb));
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-family: 'Syne', sans-serif;
|
||
font-size: 1.3rem;
|
||
font-weight: 900;
|
||
color: #000;
|
||
}
|
||
|
||
.team-name {
|
||
font-size: .9rem;
|
||
font-weight: 900;
|
||
margin-bottom: .15rem
|
||
}
|
||
|
||
.team-title {
|
||
font-size: .7rem;
|
||
color: var(--goldb);
|
||
font-weight: 700;
|
||
margin-bottom: .6rem
|
||
}
|
||
|
||
.team-desc {
|
||
font-size: .75rem;
|
||
color: var(--muted);
|
||
line-height: 1.65
|
||
}
|
||
|
||
/* ══ CTA ══ */
|
||
.cta-wrap {
|
||
background: linear-gradient(135deg, var(--ink3), var(--ink2));
|
||
border: 1px solid var(--border);
|
||
border-radius: var(--r2);
|
||
padding: 3.5rem;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.cta-wrap::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 600px;
|
||
height: 600px;
|
||
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-split {
|
||
display: grid;
|
||
grid-template-columns: 1.2fr .8fr;
|
||
gap: 3rem;
|
||
align-items: center;
|
||
position: relative
|
||
}
|
||
|
||
@media(max-width:800px) {
|
||
.cta-split {
|
||
grid-template-columns: 1fr
|
||
}
|
||
}
|
||
|
||
.cta-title {
|
||
font-size: clamp(1.8rem, 3.5vw, 2.5rem);
|
||
font-weight: 900;
|
||
line-height: 1.2;
|
||
margin-bottom: 1rem
|
||
}
|
||
|
||
.cta-sub {
|
||
color: var(--muted);
|
||
font-size: .9rem;
|
||
line-height: 1.8;
|
||
margin-bottom: 2rem
|
||
}
|
||
|
||
.cta-btns {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: .9rem
|
||
}
|
||
|
||
.calendly-btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: .6rem;
|
||
justify-content: center;
|
||
background: linear-gradient(135deg, #D08800, var(--goldb));
|
||
color: #000;
|
||
font-size: .92rem;
|
||
font-weight: 900;
|
||
padding: 14px 28px;
|
||
border-radius: 10px;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
border: none;
|
||
font-family: 'Cairo', sans-serif;
|
||
transition: all .25s;
|
||
}
|
||
|
||
.calendly-btn:hover {
|
||
transform: translateY(-3px);
|
||
box-shadow: 0 16px 50px var(--gold-glow)
|
||
}
|
||
|
||
.cta-info-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 1rem
|
||
}
|
||
|
||
.ci-item {
|
||
background: rgba(255, 255, 255, .04);
|
||
border: 1px solid var(--border2);
|
||
border-radius: 10px;
|
||
padding: 1rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.ci-v {
|
||
font-size: 1.3rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
display: block
|
||
}
|
||
|
||
.ci-l {
|
||
font-size: .64rem;
|
||
color: var(--muted);
|
||
font-weight: 700
|
||
}
|
||
|
||
.cta-device-logo {
|
||
width: 80px;
|
||
height: 80px;
|
||
border-radius: 20px;
|
||
background: linear-gradient(135deg, #D08800, 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;
|
||
}
|
||
|
||
.cta-stores {
|
||
display: flex;
|
||
gap: .6rem;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
margin-top: 1rem
|
||
}
|
||
|
||
/* ══ FOOTER ══ */
|
||
footer {
|
||
border-top: 1px solid var(--border2);
|
||
padding: 1.8rem 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: 1.1rem;
|
||
font-weight: 900;
|
||
color: var(--goldb)
|
||
}
|
||
|
||
.foot-links {
|
||
display: flex;
|
||
gap: 1.4rem
|
||
}
|
||
|
||
.foot-links a {
|
||
color: var(--muted);
|
||
text-decoration: none;
|
||
font-size: .74rem;
|
||
font-weight: 700;
|
||
transition: color .2s
|
||
}
|
||
|
||
.foot-links a:hover {
|
||
color: var(--goldb)
|
||
}
|
||
|
||
/* ══ ANIMS ══ */
|
||
@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)
|
||
}
|
||
|
||
/* ══ ECOSYSTEM ══ */
|
||
.eco-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
|
||
gap: 1.25rem;
|
||
margin: 2rem 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: 2rem;
|
||
margin-bottom: .75rem;
|
||
display: block
|
||
}
|
||
|
||
.eco-t {
|
||
font-size: .95rem;
|
||
font-weight: 900;
|
||
color: var(--goldb);
|
||
margin-bottom: .15rem
|
||
}
|
||
|
||
.eco-te {
|
||
font-size: .65rem;
|
||
color: var(--muted);
|
||
margin-bottom: .7rem;
|
||
font-family: 'JetBrains Mono', monospace
|
||
}
|
||
|
||
.eco-d {
|
||
font-size: .78rem;
|
||
color: var(--muted);
|
||
line-height: 1.7
|
||
}
|
||
|
||
.eco-badge {
|
||
margin-top: .85rem;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: .4rem;
|
||
background: var(--gold-dim);
|
||
border: 1px solid var(--border);
|
||
color: var(--goldb);
|
||
font-size: .65rem;
|
||
font-weight: 800;
|
||
padding: 3px 10px;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
/* ══ BUILD COST ══ */
|
||
.bc-wrap {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 2rem;
|
||
margin: 2rem 0
|
||
}
|
||
|
||
@media(max-width:800px) {
|
||
.bc-wrap {
|
||
grid-template-columns: 1fr
|
||
}
|
||
}
|
||
|
||
.bc-col {
|
||
border-radius: var(--r);
|
||
padding: 2rem;
|
||
position: relative;
|
||
overflow: hidden
|
||
}
|
||
|
||
.bc-ai {
|
||
background: rgba(59, 142, 255, .06);
|
||
border: 1px solid rgba(59, 142, 255, .2)
|
||
}
|
||
|
||
.bc-human {
|
||
background: rgba(255, 61, 107, .06);
|
||
border: 1px solid rgba(255, 61, 107, .2)
|
||
}
|
||
|
||
.bc-h {
|
||
font-size: .9rem;
|
||
font-weight: 900;
|
||
margin-bottom: 1.2rem;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: .5rem
|
||
}
|
||
|
||
.bc-item {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: .6rem 0;
|
||
border-bottom: 1px solid rgba(255, 255, 255, .04);
|
||
font-size: .8rem
|
||
}
|
||
|
||
.bc-item:last-child {
|
||
border-bottom: none
|
||
}
|
||
|
||
.bc-label {
|
||
color: var(--muted)
|
||
}
|
||
|
||
.bc-val {
|
||
font-weight: 800;
|
||
font-family: 'JetBrains Mono', monospace
|
||
}
|
||
|
||
.bc-total {
|
||
margin-top: 1.2rem;
|
||
padding: 1rem;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
font-weight: 900;
|
||
font-size: 1.1rem;
|
||
}
|
||
|
||
.bc-t-good {
|
||
background: var(--gold-dim);
|
||
border: 1px solid var(--border);
|
||
color: var(--goldb)
|
||
}
|
||
|
||
.bc-t-bad {
|
||
background: var(--red-dim);
|
||
border: 1px solid rgba(255, 61, 107, .2);
|
||
color: var(--red)
|
||
}
|
||
|
||
.bc-note {
|
||
font-size: .72rem;
|
||
color: var(--muted);
|
||
margin-top: .75rem;
|
||
line-height: 1.65
|
||
}
|
||
|
||
.maps-savings-table {
|
||
margin-top: 2rem
|
||
}
|
||
|
||
.mst-row {
|
||
display: grid;
|
||
grid-template-columns: 2fr 1fr 1fr;
|
||
gap: 1rem;
|
||
padding: .75rem 1rem;
|
||
font-size: .8rem;
|
||
border-bottom: 1px solid var(--border2);
|
||
align-items: center
|
||
}
|
||
|
||
.mst-row:first-child {
|
||
background: rgba(240, 165, 0, .07);
|
||
font-size: .72rem;
|
||
font-weight: 800;
|
||
color: var(--goldb);
|
||
border-radius: var(--r) var(--r) 0 0
|
||
}
|
||
|
||
.mst-row:last-child {
|
||
border-bottom: none;
|
||
background: rgba(0, 217, 126, .04)
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="scrollProg"></div>
|
||
<canvas id="particles"></canvas>
|
||
|
||
<!-- ══ NAV ══ -->
|
||
<nav id="navbar">
|
||
<div class="nav-inner">
|
||
<a href="#" class="nav-logo">
|
||
<em>انطلق</em>
|
||
<span class="nav-logo-badge"><span class="ar">مرخص NANS</span><span class="en">NANS Licensed</span></span>
|
||
</a>
|
||
<div class="nav-links">
|
||
<a href="#why"><span class="ar">لماذا الآن</span><span class="en">Why Now</span></a>
|
||
<a href="#competitors"><span class="ar">المنافسة</span><span class="en">Competitors</span></a>
|
||
<a href="#ecosystem"><span class="ar">المنظومة</span><span class="en">Ecosystem</span></a>
|
||
<a href="#moats"><span class="ar">المزايا</span><span class="en">Moats</span></a>
|
||
<a href="#financials"><span class="ar">المالية</span><span class="en">Financials</span></a>
|
||
<a href="#markets"><span class="ar">الأسواق</span><span class="en">Markets</span></a>
|
||
<button class="lang-btn" onclick="toggleLang()">EN</button>
|
||
<a href="#contact" 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>
|
||
|
||
<!-- ══ HERO ══ -->
|
||
<header class="hero">
|
||
<div class="hero-ambient"></div>
|
||
<div class="hero-grid-bg"></div>
|
||
<div class="hero-content">
|
||
<!-- LEFT: TEXT -->
|
||
<div>
|
||
<div class="hero-eyebrow">
|
||
<span class="hero-live"></span>
|
||
<span class="ar">يعمل الآن في سوريا ومصر · NANS مرخص</span>
|
||
<span class="en">Live in Syria & Egypt · NANS Certified</span>
|
||
</div>
|
||
<h1 class="htitle">
|
||
<span class="ar">أول منصة نقل ذكي<br><em>مملوكة التقنية</em><br><strong>في المنطقة</strong></span>
|
||
<span class="en">The First <em>Tech-Owned</em><br>Ride Platform<br><strong>in the Region</strong></span>
|
||
</h1>
|
||
<p class="hero-sub">
|
||
<span class="ar"><b>فرصة استثمارية $200,000</b> في منظومة تقنية كاملة — لا مجرد تطبيق. خرائط مملوكة تُحدَّث كل
|
||
10 أيام، 4 تطبيقات، Map SaaS، Ad SaaS، بوابات دفع، وترخيص حكومي رسمي. المنافسون يدفعون $800–$30,000 شهرياً
|
||
لـ Google بينما نحن ندفع $0.</span>
|
||
<span class="en"><b>$200,000 investment opportunity</b> in a complete tech ecosystem — not just an app.
|
||
Self-updating maps (10-day cycle), 4 apps, Map SaaS, Ad SaaS, payment gateways, and official government
|
||
license. Competitors pay $800–$30K/month to Google while we pay $0.</span>
|
||
</p>
|
||
<div class="hero-btns">
|
||
<a href="#contact" class="btn btn-gold">
|
||
<i class="fas fa-rocket"></i>
|
||
<span class="ar">استثمر الآن</span><span class="en">Invest Now</span>
|
||
</a>
|
||
<a href="https://play.google.com/store/apps/details?id=com.Intaleq.intaleq" target="_blank"
|
||
class="btn btn-ghost">
|
||
<i class="fab fa-google-play"></i>
|
||
<span class="ar">جرّب التطبيق</span><span class="en">Try the App</span>
|
||
</a>
|
||
</div>
|
||
<div class="hero-kpis-grid">
|
||
<div class="hkpi">
|
||
<span class="hkpi-v">$200K</span>
|
||
<span class="hkpi-l"><span class="ar">الاستثمار</span><span class="en">Investment</span></span>
|
||
<span class="hkpi-le">Pre-Seed Round</span>
|
||
</div>
|
||
<div class="hkpi">
|
||
<span class="hkpi-v c">22%</span>
|
||
<span class="hkpi-l"><span class="ar">حصة الملكية</span><span class="en">Equity</span></span>
|
||
<span class="hkpi-le">Negotiable</span>
|
||
</div>
|
||
<div class="hkpi">
|
||
<span class="hkpi-v">4.6x</span>
|
||
<span class="hkpi-l"><span class="ar">العائد (3 سنوات)</span><span class="en">Return (3yr)</span></span>
|
||
<span class="hkpi-le">Total ROI</span>
|
||
</div>
|
||
<div class="hkpi">
|
||
<span class="hkpi-v c">10–12</span>
|
||
<span class="hkpi-l"><span class="ar">شهر للتعادل</span><span class="en">Breakeven</span></span>
|
||
<span class="hkpi-le">Months</span>
|
||
</div>
|
||
</div>
|
||
<div class="hero-nans">
|
||
<div class="nans-tag"><span class="ic">✓</span><span class="ar">ترخيص NANS الحكومي</span><span class="en">NANS
|
||
Gov License</span></div>
|
||
<div class="nans-tag"><span class="ic-gold">🗺️</span><span class="ar">خرائط مملوكة — $0 تكلفة</span><span
|
||
class="en">Own Maps — $0 Cost</span></div>
|
||
<div class="nans-tag"><span class="ic">🚗</span>1,800 <span class="ar">سائق</span><span
|
||
class="en">Drivers</span></div>
|
||
<div class="nans-tag"><span class="ic">👤</span>2,500 <span class="ar">راكب</span><span
|
||
class="en">Riders</span></div>
|
||
<div class="nans-tag"><span class="ic-gold">🛡️</span><span class="ar">أمان 9/10</span><span
|
||
class="en">Security 9/10</span></div>
|
||
</div>
|
||
</div>
|
||
<!-- RIGHT: DEVICE CARD -->
|
||
<div class="hero-device">
|
||
<div class="device-card">
|
||
<div class="device-logo">IN</div>
|
||
<div class="device-title">INTALEQ</div>
|
||
<div class="device-sub"><span class="ar">نقل ذكي · سوريا ومصر</span><span class="en">Smart Rides · Syria &
|
||
Egypt</span></div>
|
||
<div class="device-tags">
|
||
<span class="dtag dtag-gold">NANS ✓</span>
|
||
<span class="dtag dtag-cyan">AI Powered</span>
|
||
<span class="dtag dtag-green"><span class="ar">مباشر</span><span class="en">Live</span></span>
|
||
</div>
|
||
<div class="device-metrics">
|
||
<div class="dm">
|
||
<div class="dm-v">1,800</div>
|
||
<div class="dm-l"><span class="ar">سائق</span><span class="en">Drivers</span></div>
|
||
</div>
|
||
<div class="dm">
|
||
<div class="dm-v">2,500</div>
|
||
<div class="dm-l"><span class="ar">راكب</span><span class="en">Riders</span></div>
|
||
</div>
|
||
<div class="dm">
|
||
<div class="dm-v">$0</div>
|
||
<div class="dm-l"><span class="ar">تكلفة خرائط</span><span class="en">Maps Cost</span></div>
|
||
</div>
|
||
<div class="dm">
|
||
<div class="dm-v">10%</div>
|
||
<div class="dm-l"><span class="ar">عمولة فقط</span><span class="en">Commission</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="device-stores">
|
||
<a href="https://play.google.com/store/apps/details?id=com.Intaleq.intaleq" target="_blank"
|
||
class="store-btn"><i class="fab fa-google-play"></i> Android</a>
|
||
<a href="https://apps.apple.com/app/id6748075179" target="_blank" class="store-btn"><i
|
||
class="fab fa-apple"></i> iOS</a>
|
||
<a href="https://intaleqapp.com" target="_blank" class="store-btn"><i class="fas fa-globe"></i> Web</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ══ URGENCY BAR ══ -->
|
||
<div class="urgency-bar" style="position:relative;z-index:2">
|
||
<div class="ub-item"><span class="ub-dot"></span><span class="ar">سوريا تنفتح الآن — نافذة دخول نادرة</span><span
|
||
class="en">Syria Opening Now — Rare Entry Window</span></div>
|
||
<div class="ub-item"><span class="ub-dot amber"></span><span class="ar">المنافسون يدفعون $800–$30K/شهر لـ Google —
|
||
خرائطهم من 2011</span><span class="en">Competitors pay $800–$30K/month to Google — their data is from
|
||
2011</span></div>
|
||
<div class="ub-item"><span class="ub-dot"></span><span class="ar">منظومة كاملة جاهزة — $0 تطوير من
|
||
استثمارك</span><span class="en">Complete ecosystem ready — $0 dev from your investment</span></div>
|
||
</div>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ WHY NOW ══ -->
|
||
<section id="why">
|
||
<div class="container">
|
||
<div class="eyebrow rv">01 · <span class="ar">لماذا الآن؟</span><span class="en">Why Now?</span></div>
|
||
<h2 class="stitle rv"><span class="ar">التوقيت <em>المثالي</em> للدخول</span><span class="en">The <em>Perfect</em>
|
||
Entry Timing</span></h2>
|
||
<p class="sdesc rv"><span class="ar">ثلاثة عوامل نادرة الاجتماع تجعل هذه اللحظة نافذة استثمارية تُفتح مرة
|
||
واحدة.</span><span class="en">Three rarely-coinciding factors make this a once-in-a-generation investment
|
||
window.</span></p>
|
||
<div class="why-grid rv">
|
||
<div class="why-card wc-a">
|
||
<span class="wc-ico">🇸🇾</span>
|
||
<div class="wc-t"><span class="ar">سوق ينفتح الآن</span><span class="en">Market Opening Right Now</span></div>
|
||
<div class="wc-te"><span class="ar">First-mover advantage · الفرصة تُقفل قريباً</span><span
|
||
class="en">First-mover advantage · Window closing soon</span></div>
|
||
<div class="wc-d">
|
||
<span class="ar">سوريا تدخل مرحلة إعادة الإعمار. دمشق وحدها تشهد <b>50,000+ رحلة تاكسي يومياً</b> بدون بديل
|
||
رقمي منظم. الطبقة المتوسطة العائدة تبحث عن خدمات نوعية. نافذة الدخول الأول تُغلق حين تصل رأس المال
|
||
الكبير.</span>
|
||
<span class="en">Syria enters reconstruction. Damascus alone sees <b>50,000+ taxi trips/day</b> with no
|
||
organized digital alternative. The returning middle class demands quality services. First-mover window
|
||
closes when big capital arrives.</span>
|
||
</div>
|
||
<div class="wc-stat"><span class="ar">10M+ مستخدم هاتف ذكي في سوريا</span><span class="en">10M+ smartphone
|
||
users in Syria</span></div>
|
||
</div>
|
||
<div class="why-card wc-b">
|
||
<span class="wc-ico">🗺️</span>
|
||
<div class="wc-t"><span class="ar">ميزة لا تُشترى بالمال</span><span class="en">An Advantage Money Can't
|
||
Buy</span></div>
|
||
<div class="wc-te">IntaleqMaps — <span class="ar">ملكية كاملة · تتحدث كل 10 أيام</span><span class="en">Fully
|
||
Owned · Updates Every 10 Days</span></div>
|
||
<div class="wc-d">
|
||
<span class="ar">خرائط Google لسوريا لم تُحدَّث منذ 2011 — طرق جديدة، شوارع مغلقة، كل هذا غير موجود عندهم.
|
||
خرائطنا تتحدث كل ~10 أيام بناءً على حركة السائقين الحقيقية. وأما التكلفة: المنافسون يدفعون <b>$800–$30,000
|
||
شهرياً</b> لـ Google حسب الحجم، نحن ندفع <b>$0</b>. الفارق يزيد كلما نمينا.</span>
|
||
<span class="en">Google's Syria map data hasn't been updated since 2011 — new roads, closed streets, all
|
||
missing. Our maps refresh every ~10 days from real driver GPS traces. On cost: competitors pay
|
||
<b>$800–$30K/month</b> to Google at scale, we pay <b>$0</b>. The gap widens as we grow.</span>
|
||
</div>
|
||
<div class="wc-stat"><span class="ar">$30,000/شهر يوفره IntaleqMaps عند 10,000 رحلة/يوم</span><span
|
||
class="en">$30,000/month saved by IntaleqMaps at 10,000 trips/day</span></div>
|
||
</div>
|
||
<div class="why-card wc-c">
|
||
<span class="wc-ico">⚡</span>
|
||
<div class="wc-t"><span class="ar">المنتج جاهز — ادفع للنمو لا للبناء</span><span class="en">Product Ready —
|
||
Pay for Growth Not Building</span></div>
|
||
<div class="wc-te">Zero Dev Risk · <span class="ar">$0 تطوير</span><span class="en">$0 Development</span>
|
||
</div>
|
||
<div class="wc-d">
|
||
<span class="ar">95+ ميزة منجزة. تطبيقان يعملان في سوقين. ترخيص حكومي. أمان 9/10. استثمارك يذهب 100% للتسويق
|
||
والنمو والتشغيل — لا للتطوير. هذا ما يُفرّق بين استثمار آمن ومغامرة.</span>
|
||
<span class="en">95+ features built. Two apps live in two markets. Government license. 9/10 security. Your
|
||
investment goes 100% to marketing, growth & operations — not development. This is what separates safe
|
||
investment from gambling.</span>
|
||
</div>
|
||
<div class="wc-stat" style="background:var(--green-dim);border-color:rgba(0,217,126,.3);color:var(--green)">
|
||
<span class="ar">$0 من استثمارك للتطوير التقني</span><span class="en">$0 of your investment to tech
|
||
dev</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ COMPETITORS ══ -->
|
||
<section id="competitors" class="alt-bg">
|
||
<div class="container">
|
||
<div class="eyebrow rv">02 · <span class="ar">المشهد التنافسي</span><span class="en">Competitive Landscape</span>
|
||
</div>
|
||
<h2 class="stitle rv"><span class="ar">كيف نتميز في <em>سوق يتشكّل الآن</em></span><span class="en">How We Stand Out in
|
||
<em>a Forming Market</em></span></h2>
|
||
<p class="sdesc rv"><span class="ar">يوجد منافسان محليان في سوريا — Yallago (حاصل على شهادة الاعتمادية) وZakinn. كلاهما يعتمد على خرائط Google القديمة ويفتقر لمنظومة عمل متكاملة. نحن نقدم بديلاً أفضل للسائق والراكب والمستثمر.</span><span class="en">Syria has two local competitors — Yallago (accredited) and Zakinn. Both rely on outdated Google Maps and lack an integrated ecosystem. We offer a better alternative for drivers, riders, and investors.</span></p>
|
||
|
||
<div class="comp-local-grid rv">
|
||
<!-- Yallago -->
|
||
<div class="cl-card cl-bad">
|
||
<span class="cl-ico">🚕</span>
|
||
<div class="cl-name">Yallago</div>
|
||
<div class="cl-sub"><span class="ar">تطبيق نقل سوري · دمشق · حاصل على شهادة الاعتمادية</span><span class="en">Syrian ride app · Damascus · Has accreditation certificate</span></div>
|
||
<div class="cl-item"><span class="ci">💸</span><span class="ar">اعتماد كامل على خرائط Google (تحديث 2011 في سوريا) — تكلفة متصاعدة مع النمو</span><span class="en">Full dependency on Google Maps (2011 data in Syria) — rising costs with growth</span></div>
|
||
<div class="cl-item"><span class="ci">📵</span><span class="ar">لا تخزين محلي للخرائط — استهلاك دائم للـ API وبيانات السائقين</span><span class="en">No map caching — constant API consumption and driver data usage</span></div>
|
||
<div class="cl-item"><span class="ci">💵</span><span class="ar">نقد فقط — يخسر العملاء المؤسسيين والشركات</span><span class="en">Cash only — loses corporate and business clients</span></div>
|
||
<div class="cl-item"><span class="ci">🌍</span><span class="ar">تطبيق فقط وليس منظومة عمل متكاملة — فرص نمو محدودة</span><span class="en">Just an app, not an ecosystem — limited growth opportunities</span></div>
|
||
<div class="cl-fatal">💀 <span class="ar">عمولة 20% + تكاليف خرائط = نموذج غير مستدام للسائقين</span><span class="en">20% commission + map costs = unsustainable model for drivers</span></div>
|
||
</div>
|
||
<!-- Zakinn -->
|
||
<div class="cl-card cl-bad">
|
||
<span class="cl-ico">🚖</span>
|
||
<div class="cl-name">Zakinn</div>
|
||
<div class="cl-sub"><span class="ar">تطبيق نقل سوري · دمشق وحلب</span><span class="en">Syrian ride app ·
|
||
Damascus & Aleppo</span></div>
|
||
<div class="cl-item"><span class="ci">💸</span><span class="ar">اعتماد كامل على Google — تكلفة متصاعدة تأكل أي
|
||
ربح عند النمو</span><span class="en">Full Google dependency — rising cost eats profit as it grows</span>
|
||
</div>
|
||
<div class="cl-item"><span class="ci">🚫</span><span class="ar">لا ترخيص NANS — يواجه خطر الإغلاق الحكومي
|
||
المفاجئ</span><span class="en">No NANS license — facing sudden government shutdown risk</span></div>
|
||
<div class="cl-item"><span class="ci">⚡</span><span class="ar">بنية تقنية بدائية — تنهار تحت ضغط الطلب
|
||
الموسمي</span><span class="en">Primitive tech infrastructure — collapses under seasonal demand</span>
|
||
</div>
|
||
<div class="cl-item"><span class="ci">🆘</span><span class="ar">لا أدوات أمان شخصي — لا SOS، لا مشاركة موقع
|
||
حي</span><span class="en">No personal safety tools — no SOS, no live location sharing</span></div>
|
||
<div class="cl-item"><span class="ci">📊</span><span class="ar">لا Admin Dashboard حقيقي — إدارة عمياء بدون
|
||
بيانات</span><span class="en">No real Admin Dashboard — blind management without data</span></div>
|
||
<div class="cl-fatal">💀 <span class="ar">لا ترخيص = مخاطرة وجودية للمستثمرين</span><span class="en">No
|
||
license = existential risk for investors</span></div>
|
||
</div>
|
||
<!-- Generic small apps -->
|
||
<div class="cl-card cl-bad">
|
||
<span class="cl-ico">📱</span>
|
||
<div class="cl-name"><span class="ar">التطبيقات الصغيرة الناشئة</span><span class="en">Generic Small
|
||
Startups</span></div>
|
||
<div class="cl-sub"><span class="ar">النمط المتكرر في كل أسواق MENA</span><span class="en">The recurring
|
||
pattern across MENA markets</span></div>
|
||
<div class="cl-item"><span class="ci">🗺️</span><span class="ar">Google Maps تقتلهم مالياً عند 300-500
|
||
رحلة/يوم</span><span class="en">Google Maps kills them financially at 300-500 trips/day</span></div>
|
||
<div class="cl-item"><span class="ci">📡</span><span class="ar">Polling بدل WebSocket — تنهار عند 200 مستخدم
|
||
متزامن</span><span class="en">Polling instead of WebSocket — crashes with 200 concurrent users</span>
|
||
</div>
|
||
<div class="cl-item"><span class="ci">💬</span><span class="ar">SMS OTP بـ $0.05/رسالة — $300+/شهر لمجرد
|
||
التسجيل</span><span class="en">SMS OTP at $0.05/msg — $300+/month just for registration</span></div>
|
||
<div class="cl-item"><span class="ci">🔐</span><span class="ar">لا أمان حقيقي — 15-30% من الإيرادات تضيع
|
||
للاحتيال</span><span class="en">No real security — 15-30% of revenue lost to fraud</span></div>
|
||
<div class="cl-item"><span class="ci">⏰</span><span class="ar">متوسط عمرهم 12-18 شهراً قبل الإغلاق</span><span
|
||
class="en">Average lifespan 12-18 months before shutdown</span></div>
|
||
<div class="cl-fatal">💀 <span class="ar">يفشلون للسبب ذاته دائماً: تكاليف التشغيل تسبق الإيرادات</span><span
|
||
class="en">They always fail for the same reason: OpEx outpaces revenue</span></div>
|
||
</div>
|
||
<!-- Intaleq -->
|
||
<div class="cl-card cl-good">
|
||
<span class="cl-ico">🚀</span>
|
||
<div class="cl-name" style="color:var(--goldb)">انطلق · Intaleq</div>
|
||
<div class="cl-sub"><span class="ar">منظومة عمل متكاملة — وليس مجرد تطبيق</span><span class="en">Complete ecosystem — not just an app</span></div>
|
||
<div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">خرائط مملوكة تتحدث كل 10 أيام — أدق من Google في سوريا</span><span class="en">Owned maps updated every 10 days — more accurate than Google in Syria</span></div>
|
||
<div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">NANS مرخص — حماية قانونية كاملة</span><span class="en">NANS licensed — full legal protection</span></div>
|
||
<div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">4 تطبيقات + نظام إعلانات + بوتات دفع — مصادر دخل متعددة</span><span class="en">4 apps + Ad system + payment bots — multiple revenue streams</span></div>
|
||
<div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">دفع إلكتروني (شام كاش، سيريتل، فيزا) — الوحيدين في السوق</span><span class="en">Digital payment (ShamCash, Syriatel, Visa) — only ones in market</span></div>
|
||
<div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">عمولة 10% — أقل عمولة معلنة في السوق السوري</span><span class="en">10% commission — lowest published rate in Syrian market</span></div>
|
||
<div class="cl-fatal" style="background:var(--green-dim);border-color:rgba(0,217,126,.2);color:var(--green)">
|
||
✅ <span class="ar">منظومة كاملة بتكلفة تشغيلية أقل بكثير من المنافسين</span><span class="en">Full ecosystem with dramatically lower operating costs</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tw rv">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">الميزة</span><span class="en">Feature</span></th>
|
||
<th style="color:var(--goldb)"><span class="ar">انطلق</span><span class="en">Intaleq</span></th>
|
||
<th>Yallago</th>
|
||
<th>Zakinn</th>
|
||
<th>Uber/Careem</th>
|
||
<th>Bolt/InDrive</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><b><span class="ar">خرائط ذاتية</span><span class="en">Own Maps</span></b></td>
|
||
<td class="tc-gold">✅ IntaleqMaps</td>
|
||
<td><span class="xx">❌</span> Google</td>
|
||
<td><span class="xx">❌</span> Google</td>
|
||
<td><span class="xx">❌</span> Google</td>
|
||
<td><span class="xx">❌</span> Google/HERE</td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">تكلفة/رحلة</span><span class="en">Cost/Trip</span></b></td>
|
||
<td class="tc-gold">$0.00 ✅</td>
|
||
<td class="tc-red">$0.05–0.07</td>
|
||
<td class="tc-red">$0.05–0.07</td>
|
||
<td class="tc-red">$0.07+</td>
|
||
<td class="tc-red">$0.07+</td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">الترخيص</span><span class="en">License</span></b></td>
|
||
<td class="tc-gold">NANS ✅</td>
|
||
<td class="tc-amber">✅ <span class="ar">اعتمادية</span><span class="en">Accredited</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌ <span class="ar">لا يعملون</span><span class="en">Don't operate</span></span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">العمولة</span><span class="en">Commission</span></b></td>
|
||
<td class="tc-gold">10% ✅</td>
|
||
<td class="tc-amber">~20%</td>
|
||
<td class="tc-amber">~17%</td>
|
||
<td class="tc-red">25-37%</td>
|
||
<td class="tc-red">25%</td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">خرائط أوفلاين</span><span class="en">Offline Maps</span></b></td>
|
||
<td class="tc-gold">✅</td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">OTP واتساب</span><span class="en">WhatsApp OTP</span></b></td>
|
||
<td class="tc-gold">✅</td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">زر طوارئ SOS</span><span class="en">SOS Emergency</span></b></td>
|
||
<td class="tc-gold">✅</td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">رحلات المرأة</span><span class="en">Lady Rides</span></b></td>
|
||
<td class="tc-gold">✅</td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td><span class="xx">❌</span></td>
|
||
<td class="tc-green">جزئياً</td>
|
||
<td><span class="xx">❌</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><b><span class="ar">أنواع الرحلات</span><span class="en">Ride Types</span></b></td>
|
||
<td class="tc-gold">10 ✅</td>
|
||
<td>2-3</td>
|
||
<td>2-3</td>
|
||
<td>4-6</td>
|
||
<td>2-4</td>
|
||
</tr>
|
||
<tr class="hl-row">
|
||
<td><b><span class="ar">التكلفة الشهرية</span><span class="en">Monthly OpEx</span></b></td>
|
||
<td class="tc-gold"><b>$230–430 ✅</b></td>
|
||
<td class="tc-red">$5K–15K</td>
|
||
<td class="tc-red">$5K–15K</td>
|
||
<td class="tc-red">$200K+</td>
|
||
<td class="tc-red">$100K+</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="callout gold rv" style="margin-top:1.5rem">
|
||
<span class="callout-i">💼</span>
|
||
<div>
|
||
<b><span class="ar">ملاحظة للمستثمر:</span><span class="en">Investor Note:</span></b>
|
||
<span class="ar"> انطلق ليست تطبيقاً منافساً — بل منظومة عمل متكاملة تقدم خدمات أوسع. يلا قو وزاكن يقدمان تطبيقات نقل فقط. نحن نمتلك خرائط محدّثة، نظام إعلانات، بوتات دفع، و4 تطبيقات متكاملة. الفرق ليس تقنياً — بل في نموذج العمل ومصادر الدخل.</span>
|
||
<span class="en"> Intaleq is not just a competing app — it's a full ecosystem. Yallago and Zakinn offer ride apps only. We own updated maps, an ad system, payment bots, and 4 integrated apps. The difference isn't technical — it's in the business model and revenue sources.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ ECOSYSTEM ══ -->
|
||
<section id="ecosystem">
|
||
<div class="container">
|
||
<div class="eyebrow rv">02B · <span class="ar">المنظومة الكاملة</span><span class="en">The Complete
|
||
Ecosystem</span></div>
|
||
<h2 class="stitle rv"><span class="ar">ليس تطبيقاً — <em>منظومة عمل</em> متكاملة</span><span class="en">Not an App
|
||
— A <em>Complete Ecosystem</em></span></h2>
|
||
<p class="sdesc rv"><span class="ar">انطلق ليست تطبيق نقل. هي بنية تحتية رقمية لقطاع التنقل في المنطقة — محرك
|
||
خرائط، منصة إعلانات، أنظمة دفع، وأدوات إدارة — كل شيء مملوك ومبني من الصفر.</span><span class="en">Intaleq is
|
||
not a ride app. It's a digital infrastructure for regional mobility — a map engine, ad platform, payment
|
||
systems, and management tools — all owned and built from scratch.</span></p>
|
||
|
||
<div class="callout gold rv">
|
||
<span class="callout-i">🏗️</span>
|
||
<div>
|
||
<b><span class="ar">ما الذي يملكه المستثمر فعلاً:</span><span class="en">What the investor actually
|
||
owns:</span></b>
|
||
<span class="ar"> 8 منتجات جاهزة للتسويق، كل واحدة منها مصدر إيراد مستقل. هذا ليس رهاناً على تطبيق واحد — هذا
|
||
محفظة تقنية متكاملة بتكلفة Pre-Seed.</span>
|
||
<span class="en"> 8 market-ready products, each an independent revenue stream. This isn't a bet on one app —
|
||
it's a complete tech portfolio at Pre-Seed cost.</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="eco-grid rv">
|
||
<div class="eco-card">
|
||
<span class="eco-ico">🗺️</span>
|
||
<div class="eco-t">IntaleqMaps SaaS</div>
|
||
<div class="eco-te">Map Engine · Routing · Geocoding · Tiles</div>
|
||
<div class="eco-d"><span class="ar">محرك خرائط كامل يعمل بدون Google. يمكن تأجيره لأي تطبيق في المنطقة يريد
|
||
الاستغناء عن Google Maps. خرائط سوريا ومصر جاهزة. تتحدث كل ~10 أيام من GPS السائقين. بيانات أحدث مما يملكه
|
||
أي منافس.</span><span class="en">Full map engine without Google. Can be licensed to any regional app
|
||
wanting to escape Google Maps. Syria & Egypt data ready. Updates every ~10 days from driver GPS. More
|
||
accurate than any competitor's data.</span></div>
|
||
<div class="eco-badge">💰 <span class="ar">إيراد SaaS قابل للتأجير</span><span class="en">Licensable SaaS
|
||
Revenue</span></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 · Driver & Rider Reach</div>
|
||
<div class="eco-d"><span class="ar">منصة إدارة حملات إعلانية مدمجة في التطبيق. الشركات تدفع للوصول لسائقي
|
||
ومستخدمي انطلق بشكل جغرافي مستهدف. إعلانات داخل خريطة السفر — أعلى engagement من أي وسيلة إعلانية أخرى في
|
||
المنطقة.</span><span class="en">In-app ad campaign management platform. Businesses pay to reach Intaleq's
|
||
drivers & riders with geo-targeted ads. In-journey map ads — highest engagement of any regional ad
|
||
format.</span></div>
|
||
<div class="eco-badge">📊 <span class="ar">إيراد إعلاني مستقل عن الرحلات</span><span class="en">Ad Revenue
|
||
Independent of Trips</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 · Customer Service</div>
|
||
<div class="eco-d"><span class="ar">تطبيق الراكب، تطبيق السائق، لوحة الإدارة، وتطبيق خدمة العملاء المستقل —
|
||
يتيح فريق دعم يعمل من أي مكان بدون مكاتب. المنافسون يحتاجون موظفين يدويين لما يديره برنامج
|
||
عندنا.</span><span class="en">Rider app, Driver app, Admin Dashboard, and standalone Customer Service app
|
||
— enabling a fully remote support team with no offices. What competitors handle with manual staff, we
|
||
handle with software.</span></div>
|
||
<div class="eco-badge">⚡ <span class="ar">خدمة عملاء بلا مكتب</span><span class="en">Zero-office customer
|
||
service</span></div>
|
||
</div>
|
||
<div class="eco-card">
|
||
<span class="eco-ico">💳</span>
|
||
<div class="eco-t"><span class="ar">منظومة الدفع الشاملة</span><span class="en">Complete Payment Stack</span>
|
||
</div>
|
||
<div class="eco-te">شام كاش · سيريتل · Stripe · PayPal · محفظة</div>
|
||
<div class="eco-d"><span class="ar">5 طرق دفع متكاملة — الوحيد في سوريا. شام كاش وسيريتل كاش يصلان لملايين
|
||
المستخدمين الذين لا يملكون بطاقات بنكية. Stripe وPayPal للعملاء الدوليين والمغتربين. محفظة داخلية
|
||
للاشتراكات.</span><span class="en">5 integrated payment methods — the only app in Syria. Syriatel &
|
||
ShamCash reach millions without bank cards. Stripe & PayPal for diaspora and international users. Internal
|
||
wallet for subscriptions.</span></div>
|
||
<div class="eco-badge">🔒 <span class="ar">الوحيد بدفع إلكتروني في سوريا</span><span class="en">Only app with
|
||
e-payment 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">Automated Payment Bots</span>
|
||
</div>
|
||
<div class="eco-te">WhatsApp · Telegram · Auto-reconciliation</div>
|
||
<div class="eco-d"><span class="ar">بوتات دفع تعمل 24/7 لمعالجة تحويلات السائقين والمدفوعات الداخلية دون تدخل
|
||
يدوي. تحسب الديون والعمولات تلقائياً. تكلفة التشغيل المالي = لا موظفين محاسبة.</span><span
|
||
class="en">Payment bots running 24/7 to process driver transfers and internal payments without manual
|
||
intervention. Auto-calculates commissions and dues. Financial ops cost = zero accounting staff.</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 websites: rider portal, driver portal, corporate booking gateway, and marketing pages. Companies
|
||
can book rides directly from browser without installing an app.</span></div>
|
||
<div class="eco-badge">🏢 <span class="ar">قناة B2B مباشرة</span><span class="en">Direct B2B 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">WebSocket Servers + Redis GeoSpatial يدعمان آلاف المستخدمين المتزامنين.
|
||
GraphHopper لحساب المسارات محلياً. PostGIS للتحليل الجغرافي المتقدم. هذه البنية وحدها تكلّف منافساً $200K+
|
||
لبنائها.</span><span class="en">WebSocket + Redis GeoSpatial supporting thousands of concurrent users.
|
||
Self-hosted GraphHopper routing. PostGIS for advanced geo-analytics. This infrastructure alone costs a
|
||
competitor $200K+ to build.</span></div>
|
||
<div class="eco-badge">⚡ <span class="ar">يدعم 10,000+ مستخدم متزامن</span><span class="en">Supports 10,000+
|
||
concurrent 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 · Doc Verification</div>
|
||
<div class="eco-d"><span class="ar">فحص وثائق السائقين بالذكاء الاصطناعي عند التسجيل، تسعير ديناميكي تلقائي
|
||
حسب العرض والطلب، وكشف احتيال يحمي 15-30% من الإيرادات التي تخسرها المنافسة.</span><span
|
||
class="en">AI-powered driver document verification at onboarding, automatic dynamic pricing based on
|
||
supply/demand, and fraud detection protecting the 15-30% revenue competitors lose to cheating.</span>
|
||
</div>
|
||
<div class="eco-badge">🛡️ <span class="ar">يحمي الهامش من الاحتيال</span><span class="en">Protects margin
|
||
from fraud</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ BUILD COST ══ -->
|
||
<section class="alt-bg">
|
||
<div class="container">
|
||
<div class="eyebrow rv">02C · <span class="ar">ماذا يكلف بناؤه؟</span><span class="en">What Would It Cost to
|
||
Build?</span></div>
|
||
<h2 class="stitle rv"><span class="ar">قيمة <em>حقيقية</em> بسعر <em>Pre-Seed</em></span><span
|
||
class="en"><em>Real-World</em> Value at a <em>Pre-Seed</em> Price</span></h2>
|
||
<p class="sdesc rv"><span class="ar">نسمع كثيراً: "الآن مع الذكاء الاصطناعي، أي شخص يبني تطبيقاً". الواقع مختلف
|
||
تماماً حين يتعلق الأمر بمنظومة بهذا التعقيد.</span><span class="en">We often hear: "With AI now, anyone can
|
||
build an app." Reality differs completely when the system has this level of complexity.</span></p>
|
||
|
||
<div class="callout blue rv">
|
||
<span class="callout-i">🤖</span>
|
||
<div>
|
||
<b><span class="ar">لماذا لا يستطيع الذكاء الاصطناعي بناء هذا:</span><span class="en">Why AI alone can't build
|
||
this:</span></b>
|
||
<span class="ar"> الذكاء الاصطناعي يكتب كوداً — لكنه يهلوس في الأنظمة المعقدة. منظومة تضم: Real-time
|
||
WebSockets، Redis GeoSpatial، خرائط ذاتية، GraphHopper، PostGIS، 4 تطبيقات Flutter متزامنة، بوابات دفع
|
||
محلية، وأمان متعدد الطبقات — هذه لا يبنيها الذكاء الاصطناعي. يحتاج خبرة ميدانية، debugging حقيقي، وفهم عميق
|
||
لكل طبقة. المؤسس جرّب — وبنى.</span>
|
||
<span class="en"> AI writes code — but hallucinates on complex systems. A stack with Real-time WebSockets,
|
||
Redis GeoSpatial, self-hosted maps, GraphHopper, PostGIS, 4 synchronized Flutter apps, local payment
|
||
gateways, and multi-layer security — AI can't build this. It requires field experience, real debugging, and
|
||
deep understanding of each layer. The founder tried — and built it.</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bc-wrap rv">
|
||
<div class="bc-col bc-human">
|
||
<div class="bc-h" style="color:var(--red)">🏗️ <span class="ar">تكلفة البناء من الصفر (فريق متمرس)</span><span
|
||
class="en">Cost to Build from Scratch (Expert Team)</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">عدد المطورين</span><span
|
||
class="en">Developers</span></span><span class="bc-val" style="color:var(--red)">10–13</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">المدة الزمنية</span><span
|
||
class="en">Timeline</span></span><span class="bc-val" style="color:var(--red)">18–24 <span
|
||
class="ar">شهراً</span><span class="en">months</span></span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">Flutter + Backend Dev</span></span><span
|
||
class="bc-val" style="color:var(--red)">$180,000</span></div>
|
||
<div class="bc-item"><span class="bc-label">Maps Engine (IntaleqMaps)</span><span class="bc-val"
|
||
style="color:var(--red)">$60,000</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">أنظمة الدفع المحلية</span><span class="en">Local
|
||
Payment Systems</span></span><span class="bc-val" style="color:var(--red)">$35,000</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">Real-time Infrastructure</span></span><span
|
||
class="bc-val" style="color:var(--red)">$50,000</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">الأمان متعدد الطبقات</span><span
|
||
class="en">Multi-layer Security</span></span><span class="bc-val"
|
||
style="color:var(--red)">$40,000</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">Ad SaaS + بوتات الدفع</span><span class="en">Ad
|
||
SaaS + Payment Bots</span></span><span class="bc-val" style="color:var(--red)">$55,000</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">QA + Infra + DevOps</span></span><span
|
||
class="bc-val" style="color:var(--red)">$80,000</span></div>
|
||
<div class="bc-total bc-t-bad">$500,000 – $800,000</div>
|
||
<div class="bc-note"><span class="ar">* لا يشمل الخبرة الميدانية، التراخيص، وشبكة السائقين. بعد كل هذا يبدأون
|
||
من الصفر في البازار.</span><span class="en">* Excludes field experience, licenses, and driver network.
|
||
After all this they start at zero in the market.</span></div>
|
||
</div>
|
||
<div class="bc-col bc-ai">
|
||
<div class="bc-h" style="color:var(--blue)">🤖 <span class="ar">مع الذكاء الاصطناعي (الواقع)</span><span
|
||
class="en">With AI Assistance (Reality)</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">مطورون متخصصون مطلوبون</span><span
|
||
class="en">Expert devs still required</span></span><span class="bc-val"
|
||
style="color:var(--blue)">5–8</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">المدة بعد التحسين</span><span class="en">Timeline
|
||
after optimization</span></span><span class="bc-val" style="color:var(--blue)">12–16 <span
|
||
class="ar">شهراً</span><span class="en">months</span></span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">Real-time + Maps لا يولّدها AI</span><span
|
||
class="en">Real-time + Maps AI can't generate</span></span><span class="bc-val"
|
||
style="color:var(--amber)">⚠️</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">هلوسة في الأنظمة المعقدة</span><span
|
||
class="en">AI hallucination on complex systems</span></span><span class="bc-val"
|
||
style="color:var(--amber)">⚠️ حقيقي</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">التكامل بين 8 منتجات</span><span
|
||
class="en">Integration of 8 products</span></span><span class="bc-val" style="color:var(--red)">يدوي
|
||
100%</span></div>
|
||
<div class="bc-item"><span class="bc-label"><span class="ar">اكتساب خبرة الميدان</span><span class="en">Field
|
||
experience acquisition</span></span><span class="bc-val" style="color:var(--red)">لا يُشترى</span></div>
|
||
<div class="bc-total bc-t-bad">$250,000 – $450,000</div>
|
||
<div class="bc-note"><span class="ar">* الذكاء الاصطناعي يسرّع الكتابة، لا البناء المعماري. الجزء الصعب هو
|
||
التصميم والتكامل — وهذا يحتاج خبرة بشرية.</span><span class="en">* AI speeds up writing, not architecture.
|
||
The hard part is design and integration — that still requires human expertise.</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="callout gold rv">
|
||
<span class="callout-i">💡</span>
|
||
<div>
|
||
<b><span class="ar">خلاصة المستثمر:</span><span class="en">Investor Bottom Line:</span></b>
|
||
<span class="ar"> أنت تدخل بـ $200,000 في منظومة تكلف بناؤها $500,000–$800,000 وتحتاج فريقاً من 10 مطورين
|
||
وعامَين من الوقت. ما بُني موجود، يعمل، ومرخص. استثمارك يذهب كله للنمو لا للبناء.</span>
|
||
<span class="en"> You're entering at $200,000 into an ecosystem that cost $500,000–$800,000 to build and
|
||
required a team of 10 developers over two years. What was built exists, runs, and is licensed. Your entire
|
||
investment goes to growth, not construction.</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Maps Cost Table -->
|
||
<div class="rv" style="margin-top:2.5rem">
|
||
<h3 style="font-size:1rem;font-weight:900;margin-bottom:1rem"><span class="ar">ما يوفره IntaleqMaps — جدول مرجعي
|
||
للمستثمرين</span><span class="en">IntaleqMaps Savings — Investor Reference Table</span></h3>
|
||
<div class="tw">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">حجم العمليات</span><span class="en">Scale</span></th>
|
||
<th><span class="ar">رحلات/يوم</span><span class="en">Trips/Day</span></th>
|
||
<th><span class="ar">تكلفة Google Maps شهرياً</span><span class="en">Google Maps Cost/Month</span></th>
|
||
<th><span class="ar">تكلفة انطلق</span><span class="en">Intaleq Cost</span></th>
|
||
<th><span class="ar">التوفير السنوي</span><span class="en">Annual Savings</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="ar">بداية</span><span class="en">Early</span></td>
|
||
<td>100</td>
|
||
<td class="tc-red">~$150</td>
|
||
<td class="tc-gold">$0</td>
|
||
<td class="tc-green">~$1,800</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">نمو</span><span class="en">Growth</span></td>
|
||
<td>500</td>
|
||
<td class="tc-red">~$1,000</td>
|
||
<td class="tc-gold">$0</td>
|
||
<td class="tc-green">~$12,000</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">متوسط</span><span class="en">Mid-scale</span></td>
|
||
<td>1,000</td>
|
||
<td class="tc-red">~$2,500</td>
|
||
<td class="tc-gold">$0</td>
|
||
<td class="tc-green">~$30,000</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">كبير</span><span class="en">Large</span></td>
|
||
<td>5,000</td>
|
||
<td class="tc-red">~$12,000</td>
|
||
<td class="tc-gold">$0</td>
|
||
<td class="tc-green">~$144,000</td>
|
||
</tr>
|
||
<tr class="hl-row">
|
||
<td><b><span class="ar">هيمنة</span><span class="en">Dominance</span></b></td>
|
||
<td><b>10,000</b></td>
|
||
<td class="tc-red"><b>~$25,000–$30,000</b></td>
|
||
<td class="tc-gold"><b>$0</b></td>
|
||
<td class="tc-green"><b>~$300,000–$360,000</b></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<p style="font-size:.72rem;color:var(--muted);margin-top:.75rem"><span class="ar">* بناءً على أسعار Google Maps
|
||
Platform الرسمية (2025): Compute Routes $5–15/1000 + Dynamic Maps $7/1000 + Geocoding $5/1000. كل رحلة
|
||
تستهلك 10-18 طلب API.</span><span class="en">* Based on official Google Maps Platform pricing (2025):
|
||
Compute Routes $5–15/1000 + Dynamic Maps $7/1000 + Geocoding $5/1000. Each trip consumes 10-18 API
|
||
calls.</span></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<section id="moats">
|
||
<div class="container">
|
||
<div class="eyebrow rv">03 · <span class="ar">ما الذي يحمي استثمارك؟</span><span class="en">What Protects Your Investment?</span></div>
|
||
<h2 class="stitle rv"><span class="ar">لماذا يصعب <em>تكرار هذا؟</em></span><span class="en">Why Is This <em>Hard to Replicate?</em></span></h2>
|
||
<p class="sdesc rv"><span class="ar">تكلفة بناء منظومة مشابهة من الصفر: $350,000–$530,000 مع فريق 10-13 مطور لمدة 12-18 شهراً. استخدام الذكاء الاصطناعي لبناء مشروع بهذا التعقيد يفشل حتماً بسبب فقدان السياق. استثمارك يشتري منتجاً جاهزاً بأقل من نصف تكلفته الحقيقية.</span><span class="en">Building a similar ecosystem from scratch: $350,000–$530,000 with 10-13 developers over 12-18 months. Using AI to build a project of this complexity inevitably fails. Your investment buys a ready product at less than half its real cost.</span></p>
|
||
<div class="moat-grid rv">
|
||
<div class="moat-card">
|
||
<span class="mc-ico">🗺️</span>
|
||
<div class="mc-t">IntaleqMaps SaaS</div>
|
||
<div class="mc-te"><span class="ar">محرك خرائط مملوك — يتحدث كل ~10 أيام</span><span class="en">Fully owned
|
||
maps — ~10-day update cycle</span></div>
|
||
<div class="mc-d"><span class="ar">Routing + Geocoding + Tile Serving ذاتي. خرائط Google لسوريا متجمدة منذ
|
||
2011 — خرائطنا تتحدث من GPS السائقين الحقيقيين. تعمل بكامل الطاقة حتى بدون إنترنت. السعر: $0 بغض النظر عن
|
||
عدد الرحلات.</span><span class="en">Self-hosted Routing + Geocoding + Tile Serving. Google's Syria data
|
||
frozen since 2011 — ours updates from real driver GPS. Full capability offline. Cost: $0 regardless of
|
||
trip volume.</span></div>
|
||
<div class="mc-val">💰 <span class="ar">يوفر $12,000–$360,000 سنوياً عند النمو</span><span class="en">Saves
|
||
$12,000–$360,000/year at scale</span></div>
|
||
</div>
|
||
<div class="moat-card">
|
||
<span class="mc-ico">📜</span>
|
||
<div class="mc-t">NANS License</div>
|
||
<div class="mc-te"><span class="ar">الترخيص الحكومي الرسمي</span><span class="en">Official government
|
||
license</span></div>
|
||
<div class="mc-d"><span class="ar">حماية قانونية كاملة في السوق السوري. لا منافس يملكه حالياً. باب الترخيص لا
|
||
يُفتح بالمال وحده — يحتاج وقتاً وعلاقات.</span><span class="en">Full legal protection in the Syrian
|
||
market. No competitor has it. The license door doesn't open with money alone — it requires time and
|
||
relationships.</span></div>
|
||
<div class="mc-val">🛡️ <span class="ar">حصن قانوني لا يخترقه المنافسون</span><span class="en">Legal fortress
|
||
competitors can't breach</span></div>
|
||
</div>
|
||
<div class="moat-card">
|
||
<span class="mc-ico">🚗</span>
|
||
<div class="mc-t"><span class="ar">شبكة السائقين</span><span class="en">Driver Network</span></div>
|
||
<div class="mc-te">1,800 <span class="ar">سائق مُدرَّب ومُفعَّل</span><span class="en">trained & activated
|
||
drivers</span></div>
|
||
<div class="mc-d"><span class="ar">بُنيت هذه الشبكة بحوافز ($45K) وثقة وعلاقات ميدانية. منافس جديد يحتاج 6-12
|
||
شهراً فقط لبناء الصدقية اللازمة للتسجيل.</span><span class="en">Built with $45K in incentives, trust, and
|
||
field relationships. A new competitor needs 6-12 months just to build the credibility needed for drivers
|
||
to register.</span></div>
|
||
<div class="mc-val">⏱️ <span class="ar">6–12 شهر لأي منافس لمجاراة الشبكة</span><span class="en">6–12 months
|
||
for any rival to match the network</span></div>
|
||
</div>
|
||
<div class="moat-card">
|
||
<span class="mc-ico">🛡️</span>
|
||
<div class="mc-t"><span class="ar">منظومة الأمان</span><span class="en">Security System</span></div>
|
||
<div class="mc-te">9/10 · <span class="ar">مستوى مؤسسات</span><span class="en">Enterprise Grade</span></div>
|
||
<div class="mc-d"><span class="ar">JWT + HMAC + Device Fingerprint + Rate Limiting + Jailbreak Detection.
|
||
بُنيت من اليوم الأول. مدة بناء منظومة مماثلة: 3-4 أشهر لفريق متمرس.</span><span class="en">JWT + HMAC +
|
||
Device Fingerprint + Rate Limiting + Jailbreak Detection. Built from day one. Rebuilding this system: 3-4
|
||
months for an experienced team.</span></div>
|
||
<div class="mc-val">🔐 <span class="ar">يمنع احتيال يصل 15-30% من الإيرادات</span><span class="en">Prevents
|
||
15-30% revenue fraud</span></div>
|
||
</div>
|
||
<div class="moat-card">
|
||
<span class="mc-ico">⚡</span>
|
||
<div class="mc-t"><span class="ar">البنية التحتية الآنية</span><span class="en">Real-time
|
||
Infrastructure</span></div>
|
||
<div class="mc-te">WebSocket + Redis GeoSpatial</div>
|
||
<div class="mc-d"><span class="ar">WebSocket Servers يدعم آلاف المستخدمين المتزامنين. Redis GEORADIUS للبحث
|
||
الجغرافي الفوري. Event Buffering كل 500ms. لا تأخير ملحوظ.</span><span class="en">WebSocket Servers
|
||
supporting thousands of concurrent users. Redis GEORADIUS for instant geo-search. Event Buffering every
|
||
500ms. Zero noticeable delay.</span></div>
|
||
<div class="mc-val">📡 <span class="ar">الأسرع في السوق المحلي</span><span class="en">Fastest in the local
|
||
market</span></div>
|
||
</div>
|
||
<div class="moat-card">
|
||
<span class="mc-ico">🌍</span>
|
||
<div class="mc-t"><span class="ar">معمارية متعددة الدول</span><span class="en">Multi-Country
|
||
Architecture</span></div>
|
||
<div class="mc-te"><span class="ar">نسخة لكل دولة — جاهزة</span><span class="en">Country version ready to
|
||
deploy</span></div>
|
||
<div class="mc-d"><span class="ar">سوريا تعمل. مصر جاهزة. الأردن وليبيا والعراق تحتاج أسابيع فقط للنشر.
|
||
المنافس الذي يبدأ من الصفر يحتاج سنتين للوصول لهذا المستوى.</span><span class="en">Syria live. Egypt
|
||
ready. Jordan, Libya, Iraq need only weeks to deploy. A competitor starting from scratch needs 2 years to
|
||
reach this level.</span></div>
|
||
<div class="mc-val">🚀 <span class="ar">أسابيع للدخول لأي سوق جديد</span><span class="en">Weeks to enter any
|
||
new market</span></div>
|
||
</div>
|
||
<div class="moat-card">
|
||
<span class="mc-ico">👨💻</span>
|
||
<div class="mc-t"><span class="ar">خبرة الميدان والنقل</span><span class="en">Field & Transport
|
||
Experience</span></div>
|
||
<div class="mc-te"><span class="ar">بُني بيدين على الأرض</span><span class="en">Built with hands on the
|
||
ground</span></div>
|
||
<div class="mc-d"><span class="ar">المؤسس بنى Tripz في مصر قبل انطلق. خبرة عملية في أسواق MENA: تحديات الدفع،
|
||
السائقين، التنظيم. هذه المعرفة لا تُكتسب من مكتب.</span><span class="en">Founder built Tripz in Egypt
|
||
before Intaleq. Hands-on experience in MENA markets: payment challenges, drivers, regulation. This
|
||
knowledge isn't gained from an office.</span></div>
|
||
<div class="mc-val">🧠 <span class="ar"> سنوات خبرة لا تُعاد بالمال</span><span class="en"> years of
|
||
irreplaceable experience</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ SECURITY ══ -->
|
||
<section class="alt-bg">
|
||
<div class="container">
|
||
<div class="eyebrow rv">04 · <span class="ar">الأمان</span><span class="en">Security</span></div>
|
||
<h2 class="stitle rv"><span class="ar">حماية <em>تفوق المنافسين بمراحل</em></span><span class="en">Protection That
|
||
<em>Outclasses Competitors</em></span></h2>
|
||
<div class="sec-wrap rv">
|
||
<div class="sec-ring-card">
|
||
<svg class="ring-svg" viewBox="0 0 145 145">
|
||
<circle cx="72.5" cy="72.5" r="58" fill="none" stroke="rgba(255,255,255,.06)" stroke-width="12" />
|
||
<circle cx="72.5" cy="72.5" r="58" fill="none" stroke="url(#sg)" stroke-width="12" stroke-dasharray="364"
|
||
stroke-dashoffset="22" stroke-linecap="round" />
|
||
<defs>
|
||
<linearGradient id="sg" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#D09000" />
|
||
<stop offset="100%" stop-color="#FFB830" />
|
||
</linearGradient>
|
||
</defs>
|
||
<text x="72.5" y="67" class="r-val">9</text>
|
||
<text x="72.5" y="84" class="r-sub">/10 Security</text>
|
||
</svg>
|
||
<div style="font-size:.8rem;color:var(--muted)"><span class="ar">التقييم الأمني العام</span><span
|
||
class="en">Overall Security Score</span></div>
|
||
<div class="sec-badge">✓ <span class="ar">أعلى من 90% من التطبيقات الإقليمية</span><span class="en">Higher
|
||
than 90% of regional apps</span></div>
|
||
<div class="sec-note">
|
||
<span class="ar">نقطة التحسين الوحيدة المتبقية:<br><b style="color:var(--amber)">إكمال ترحيل
|
||
AES-256-GCM</b><br>(البنية جاهزة — 2-3 أيام تنفيذ)</span>
|
||
<span class="en">Only remaining improvement:<br><b style="color:var(--amber)">Complete AES-256-GCM
|
||
migration</b><br>(Infrastructure ready — 2-3 days execution)</span>
|
||
</div>
|
||
</div>
|
||
<div class="sec-feats">
|
||
<div class="sf">
|
||
<div class="sf-ico">🔐</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n">JWT + Device Fingerprint</div>
|
||
<div class="sf-d">JTI Blacklist · Redis · Refresh Token · SHA-256 + Pepper binding</div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sf">
|
||
<div class="sf-ico">⏱️</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n">Rate Limiting · <span class="ar">تحديد الطلبات</span><span class="en">Request
|
||
Throttling</span></div>
|
||
<div class="sf-d">Sliding Window · Redis · <span class="ar">حدود مستقلة لكل نقطة API</span><span
|
||
class="en">Independent limits per API endpoint</span></div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sf">
|
||
<div class="sf-ico">💬</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n">OTP <span class="ar">مشفّر</span><span class="en">Encrypted</span></div>
|
||
<div class="sf-d">bcrypt + Redis · <span class="ar">قفل 30 دقيقة بعد 3 محاولات</span><span
|
||
class="en">30-min lock after 3 failed attempts</span></div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sf">
|
||
<div class="sf-ico">✍️</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n">HMAC Verification · <span class="ar">توقيع رقمي</span><span class="en">Digital
|
||
Signing</span></div>
|
||
<div class="sf-d">Body + Timestamp + Nonce · <span class="ar">لكل العمليات المالية</span><span
|
||
class="en">For all financial operations</span></div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sf">
|
||
<div class="sf-ico">🛡️</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n">Security Headers</div>
|
||
<div class="sf-d">HSTS · X-Frame-Options DENY · X-Content-Type-Options nosniff</div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sf">
|
||
<div class="sf-ico">🗄️</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n"><span class="ar">حماية SQL كاملة</span><span class="en">Full SQL Protection</span></div>
|
||
<div class="sf-d">PDO · EMULATE_PREPARES = false · <span class="ar">حماية كاملة من الحقن</span><span
|
||
class="en">Full injection protection</span></div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sf">
|
||
<div class="sf-ico">📱</div>
|
||
<div class="sf-body">
|
||
<div class="sf-n">Jailbreak Detection · <span class="ar">كشف الاختراق</span><span class="en">Device
|
||
Integrity Check</span></div>
|
||
<div class="sf-d"><span class="ar">فحص تلقائي في كلا التطبيقين — رفض الأجهزة المعدّلة</span><span
|
||
class="en">Automatic check in both apps — rejects modified devices</span></div>
|
||
</div>
|
||
<div class="stars">
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s on"></div>
|
||
<div class="s"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ FEATURES ══ -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="eyebrow rv">05 · <span class="ar">الميزات</span><span class="en">Features</span></div>
|
||
<h2 class="stitle rv"><span class="ar">95+ ميزة — <em>أكثر من Bolt وInDrive معاً</em></span><span class="en">95+
|
||
Features — <em>More Than Bolt & InDrive Combined</em></span></h2>
|
||
<div class="feat-tabs rv">
|
||
<button class="ftb on" onclick="switchF('p',this)">📱 <span class="ar">الراكب</span><span
|
||
class="en">Passenger</span></button>
|
||
<button class="ftb" onclick="switchF('d',this)">🚗 <span class="ar">السائق</span><span
|
||
class="en">Driver</span></button>
|
||
<button class="ftb" onclick="switchF('a',this)">⚙️ <span class="ar">الإدارة</span><span
|
||
class="en">Admin</span></button>
|
||
</div>
|
||
<div id="fp" class="fc on rv">
|
||
<div class="fs-title">🔐 <span class="ar">المصادقة · Authentication</span><span class="en">Authentication ·
|
||
المصادقة</span></div>
|
||
<div class="fpills"><span class="pill gold">WhatsApp OTP</span><span class="pill">Google Sign-In</span><span
|
||
class="pill">Apple Sign-In</span><span class="pill">Biometric Face/Touch</span><span
|
||
class="pill cyan">Device Fingerprint</span></div>
|
||
<div class="fs-title">🗺️ <span class="ar">الخريطة · Maps</span><span class="en">Maps · الخريطة</span></div>
|
||
<div class="fpills"><span class="pill gold">IntaleqMaps ($0)</span><span class="pill gold"><span
|
||
class="ar">خرائط أوفلاين</span><span class="en">Offline Maps</span></span><span class="pill"><span
|
||
class="ar">تتبع آني</span><span class="en">Live Tracking</span></span><span class="pill">Smart
|
||
Rerouting</span><span class="pill"><span class="ar">وضع ليلي</span><span class="en">Dark Mode
|
||
Map</span></span></div>
|
||
<div class="fs-title">🚕 <span class="ar">10 أنواع رحلات · 10 Ride Types</span><span class="en">10 Ride Types ·
|
||
10 أنواع رحلات</span></div>
|
||
<div class="fpills">
|
||
<span class="pill"><span class="ar">مريح</span><span class="en">Comfort</span></span><span class="pill"><span
|
||
class="ar">سريع</span><span class="en">Speed</span></span><span class="pill gold"><span class="ar">ليدي
|
||
(سائقات)</span><span class="en">Lady (Female Drivers)</span></span><span
|
||
class="pill">Scooter/Bike</span><span class="pill">Electric</span><span class="pill">Van</span><span
|
||
class="pill">VIP</span><span class="pill"><span class="ar">أوفر (اقتصادي)</span><span class="en">Awfar
|
||
(Economy)</span></span><span class="pill"><span class="ar">سعر ثابت</span><span class="en">Fixed
|
||
Price</span></span><span class="pill"><span class="ar">رايح جاي</span><span class="en">Round
|
||
Trip</span></span>
|
||
</div>
|
||
<div class="fs-title">💳 <span class="ar">الدفع · Payments</span><span class="en">Payments · الدفع</span></div>
|
||
<div class="fpills"><span class="pill"><span class="ar">نقد</span><span class="en">Cash</span></span><span
|
||
class="pill">Stripe (Visa/MC)</span><span class="pill">PayPal</span><span class="pill cyan"><span
|
||
class="ar">محفظة رقمية</span><span class="en">Digital Wallet</span></span><span class="pill"><span
|
||
class="ar">أكواد خصم</span><span class="en">Promo Codes</span></span></div>
|
||
<div class="fs-title">🆘 <span class="ar">الأمان الشخصي · Personal Safety</span><span class="en">Personal Safety
|
||
· الأمان</span></div>
|
||
<div class="fpills"><span class="pill gold"><span class="ar">هزّ 5 مرات = طوارئ</span><span class="en">Shake 5×
|
||
= Emergency</span></span><span class="pill">SOS Button</span><span class="pill"><span class="ar">مشاركة
|
||
موقع حي</span><span class="en">Live Location Share</span></span></div>
|
||
</div>
|
||
<div id="fd" class="fc rv">
|
||
<div class="fs-title">📥 <span class="ar">الطلبات · Orders</span><span class="en">Orders · الطلبات</span></div>
|
||
<div class="fpills"><span class="pill gold"><span class="ar">نافذة عائمة</span><span class="en">Floating
|
||
Overlay</span></span><span class="pill"><span class="ar">قبول من الخلفية</span><span class="en">Background
|
||
Accept</span></span><span class="pill">FCM Push</span><span class="pill"><span class="ar">تنبيه
|
||
صوتي</span><span class="en">Audio Alert</span></span></div>
|
||
<div class="fs-title">💰 <span class="ar">المالية · Finance</span><span class="en">Finance · المالية</span>
|
||
</div>
|
||
<div class="fpills"><span class="pill cyan"><span class="ar">محفظة السائق</span><span class="en">Driver
|
||
Wallet</span></span><span class="pill"><span class="ar">نظام كزان (عمولة)</span><span
|
||
class="en">Commission System</span></span><span class="pill"><span class="ar">فواتير</span><span
|
||
class="en">Invoices</span></span><span class="pill">Stripe</span></div>
|
||
<div class="fs-title">📊 <span class="ar">إدارة السائق · Driver Mgmt</span><span class="en">Driver
|
||
Management</span></div>
|
||
<div class="fpills"><span class="pill"><span class="ar">نقاط السلوك</span><span class="en">Behavior
|
||
Score</span></span><span class="pill">AI Doc Upload</span><span class="pill"><span class="ar">تقييم
|
||
⭐</span><span class="en">Rating ⭐</span></span><span class="pill"><span class="ar">تأمين صحي</span><span
|
||
class="en">Health Insurance</span></span><span class="pill"><span class="ar">هدايا</span><span
|
||
class="en">Gifts</span></span><span class="pill"><span class="ar">إحالة</span><span
|
||
class="en">Referral</span></span><span class="pill"><span class="ar">كشف احتيال</span><span
|
||
class="en">Scam Detection</span></span></div>
|
||
</div>
|
||
<div id="fa" class="fc rv">
|
||
<div class="fs-title">⚙️ <span class="ar">لوحة التحكم · Admin Panel</span><span class="en">Admin Panel
|
||
Features</span></div>
|
||
<div class="fpills">
|
||
<span class="pill gold"><span class="ar">خريطة حرارية حية</span><span class="en">Live
|
||
Heatmap</span></span><span class="pill">Driver Management</span><span class="pill">Ride
|
||
Management</span><span class="pill">Passenger Details</span><span class="pill">Employee System</span><span
|
||
class="pill">Error Monitoring</span><span class="pill"><span class="ar">مراسلة واتساب</span><span
|
||
class="en">WhatsApp Messaging</span></span><span class="pill cyan"><span class="ar">تسعير
|
||
ديناميكي</span><span class="en">Dynamic Pricing</span></span><span class="pill"><span class="ar">إيميلات
|
||
معاملات</span><span class="en">Transactional Emails</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ FINANCIALS ══ -->
|
||
<section id="financials" class="alt-bg">
|
||
<div class="container">
|
||
<div class="eyebrow rv">06 · <span class="ar">المالية</span><span class="en">Financials</span></div>
|
||
<h2 class="stitle rv"><span class="ar">أين يذهب كل دولار <em>من الـ $200K؟</em></span><span class="en">Where Does
|
||
<em>Every Dollar</em> Go?</span></h2>
|
||
<div class="fin-hero rv">
|
||
<p style="font-size:.74rem;color:var(--muted);margin-bottom:.4rem"><span class="ar">حجم الجولة الاستثمارية ·
|
||
Pre-Seed</span><span class="en">Investment Round · Pre-Seed</span></p>
|
||
<div class="fin-big">$200,000</div>
|
||
<div class="fin-sub"><span class="ar">22% حصة ملكية · نقطة التعادل: شهر 10–12 · التطوير التقني: $0</span><span
|
||
class="en">22% equity stake · Breakeven: Month 10–12 · Tech Development: $0</span></div>
|
||
<div class="fin-pills">
|
||
<div class="fin-pill">💻 <span class="v">$0</span> <span class="ar">تطوير — المنتج جاهز</span><span
|
||
class="en">Development — Product ready</span></div>
|
||
<div class="fin-pill">👥 <span class="v">$71,400</span> <span class="ar">رواتب (14 شهر)</span><span
|
||
class="en">Salaries (14 months)</span></div>
|
||
<div class="fin-pill">🎯 <span class="v">$45,200</span> <span class="ar">تسويق</span><span
|
||
class="en">Marketing</span></div>
|
||
<div class="fin-pill">🚗 <span class="v">$45,000</span> <span class="ar">حوافز سائقين</span><span
|
||
class="en">Driver Incentives</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="g2 rv" style="gap:2.5rem;margin-bottom:3rem">
|
||
<!-- budget bars -->
|
||
<div class="card">
|
||
<h4
|
||
style="font-size:.88rem;font-weight:900;color:var(--goldb);margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)">
|
||
<span class="ar">📊 توزيع الـ $200,000 بالتفصيل</span><span class="en">📊 Full $200,000 Breakdown</span>
|
||
</h4>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">الرواتب والتشغيل (14 شهر)</span><span
|
||
class="en">Salaries & OpEx (14 months)</span></span><span class="tc-gold">$71,400</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="35.7"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">حوافز السائقين (6 أشهر)</span><span
|
||
class="en">Driver Incentives (6 months)</span></span><span class="tc-gold">$45,000</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="22.5"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">التسويق والمؤثرين</span><span class="en">Marketing
|
||
& Influencers</span></span><span class="tc-gold">$45,200</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="22.6"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">احتياطي الطوارئ</span><span class="en">Emergency
|
||
Reserve</span></span><span class="tc-gold">$15,500</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="7.75"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">إيجار المكتب والفواتير</span><span class="en">Rent
|
||
& Utilities</span></span><span class="tc-gold">$8,400</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="4.2"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">إعلانات الطرق</span><span class="en">Billboards &
|
||
OOH</span></span><span class="tc-gold">$8,000</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="4.0"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">السيرفرات ($250/شهر)</span><span
|
||
class="en">Servers ($250/month)</span></span><span class="tc-cyan">$3,500</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill alt" data-w="1.75"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">تجهيز المكتب</span><span class="en">Office
|
||
Setup</span></span><span class="tc-cyan">$3,000</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill alt" data-w="1.5"></div>
|
||
</div>
|
||
</div>
|
||
<div class="fund-row" style="opacity:.4">
|
||
<div class="fund-meta"><span class="lbl"><span class="ar">التطوير التقني ✅ جاهز</span><span class="en">Tech
|
||
Development ✅ Done</span></span><span>$0</span></div>
|
||
<div class="fund-bar-bg">
|
||
<div class="fund-bar-fill" data-w="0"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- salary + pie -->
|
||
<div>
|
||
<div class="card" style="margin-bottom:1.5rem">
|
||
<h4 style="font-size:.85rem;font-weight:900;color:var(--goldb);margin-bottom:1rem"><span class="ar">👥 هيكل
|
||
الرواتب الشهري</span><span class="en">👥 Monthly Salary Structure</span></h4>
|
||
<div class="tw" style="border-radius:10px">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">المسمى</span><span class="en">Role</span></th>
|
||
<th>#</th>
|
||
<th><span class="ar">الراتب/شهر</span><span class="en">Salary/Mo</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="ar">المؤسس / CTO</span><span class="en">Founder / CTO</span></td>
|
||
<td>1</td>
|
||
<td class="tc-gold">$2,500</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">مساعد مطور</span><span class="en">Dev Assistant</span></td>
|
||
<td>1</td>
|
||
<td>$1,500</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">دعم فني</span><span class="en">Support Staff</span></td>
|
||
<td>4</td>
|
||
<td>$150<span class="ar">/فرد</span><span class="en">/ea</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">مسؤول تسويق</span><span class="en">Marketing</span></td>
|
||
<td>1</td>
|
||
<td>$500</td>
|
||
</tr>
|
||
<tr class="hl-row">
|
||
<td><b><span class="ar">المجموع</span><span class="en">Total</span></b></td>
|
||
<td><b>7</b></td>
|
||
<td class="tc-gold"><b>$5,100<span class="ar">/شهر</span><span class="en">/mo</span></b></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="chart-wrap">
|
||
<h3><span class="ar">توزيع الميزانية</span><span class="en">Budget Allocation</span></h3>
|
||
<p><span class="ar">النسب المئوية لكل بند</span><span class="en">Percentage per category</span></p>
|
||
<div class="chart-canvas" style="max-height:240px"><canvas id="pieChart"></canvas></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Driver Incentive -->
|
||
<div class="g2 rv" style="gap:2.5rem;margin-bottom:3rem">
|
||
<div class="chart-wrap">
|
||
<h3><span class="ar">توزيع حوافز السائقين</span><span class="en">Driver Incentive Distribution</span></h3>
|
||
<p><span class="ar">$45,000 على 6 أشهر — "شبكة الأمان"</span><span class="en">$45,000 across 6 months —
|
||
"Safety Net"</span></p>
|
||
<div class="chart-canvas"><canvas id="incentiveBar"></canvas></div>
|
||
</div>
|
||
<div>
|
||
<div class="card" style="margin-bottom:1.2rem">
|
||
<h4 style="margin-bottom:.75rem;font-size:.85rem;font-weight:900;color:var(--goldb)"><span class="ar">شروط
|
||
الاستحقاق</span><span class="en">Eligibility Conditions</span></h4>
|
||
<div class="tw" style="border-radius:10px">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">الشرط</span><span class="en">Condition</span></th>
|
||
<th><span class="ar">المعيار</span><span class="en">Value</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="ar">نسبة القبول</span><span class="en">Accept Rate</span></td>
|
||
<td class="tc-gold">≥ 80%</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">التواجد في مناطق الطلب</span><span class="en">In Demand Zones</span></td>
|
||
<td class="tc-gold">✅</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">تقييم الراكب</span><span class="en">Rider Rating</span></td>
|
||
<td class="tc-gold">≥ 4.0 ⭐</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="callout green" style="margin:0">
|
||
<span class="callout-i">💡</span>
|
||
<div style="font-size:.8rem">
|
||
<b><span class="ar">آلية الضمان:</span><span class="en">How it works:</span></b>
|
||
<span class="ar"> إذا حقق السائق أقل من $4 أسبوعياً، تغطي الشركة الفارق تلقائياً من Admin Dashboard. ينتهي
|
||
بعد 6 أشهر → نمو عضوي.</span>
|
||
<span class="en"> If a driver earns less than $4/week, the system automatically covers the gap via Admin
|
||
Dashboard. Ends after 6 months → organic growth.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 36-Month Projections -->
|
||
<h3 class="rv" style="font-size:1.2rem;font-weight:900;margin-bottom:1.5rem"><span class="ar">التوقعات المالية —
|
||
36 شهراً</span><span class="en">Financial Projections — 36 Months</span></h3>
|
||
<div class="g2 rv" style="gap:2.5rem;margin-bottom:2rem">
|
||
<div class="chart-wrap">
|
||
<h3><span class="ar">مسار النمو الشهري</span><span class="en">Monthly Growth Trajectory</span></h3>
|
||
<p><span class="ar">الإيرادات (ذهبي) مقابل المصاريف (أحمر)</span><span class="en">Revenue (gold) vs Expenses
|
||
(red)</span></p>
|
||
<div class="chart-canvas" style="max-height:340px"><canvas id="lineChart"></canvas></div>
|
||
</div>
|
||
<div class="card">
|
||
<h4 style="margin-bottom:1rem;font-size:.88rem;font-weight:900"><span class="ar">قراءة المراحل</span><span
|
||
class="en">Reading the Phases</span></h4>
|
||
<ul class="narr-list">
|
||
<li>
|
||
<div class="narr-ico" style="background:rgba(255,61,107,.12);color:var(--red)">M1</div>
|
||
<div><b><span class="ar">الشهر الأول — بداية العمليات</span><span class="en">Month 1 — Operations
|
||
Kickoff</span></b><br><span style="color:var(--muted);font-size:.78rem"><span class="ar">تسجيل
|
||
السائقين وتجهيز البنية. المصاريف تتجاوز الإيرادات.</span><span class="en">Driver onboarding & infra
|
||
setup. Expenses exceed revenue.</span></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="narr-ico" style="background:rgba(255,149,0,.1);color:var(--amber)">1-6</div>
|
||
<div><b><span class="ar">الأشهر 1-6 — الاستحواذ</span><span class="en">Months 1-6 —
|
||
Acquisition</span></b><br><span style="color:var(--muted);font-size:.78rem"><span class="ar">حوافز
|
||
$45K + تسويق مكثف = بناء الشبكة. هذا هو الاستثمار الحقيقي.</span><span class="en">$45K incentives +
|
||
heavy marketing = network building. This is the real investment.</span></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="narr-ico" style="background:var(--gold-dim);color:var(--goldb)">7-12</div>
|
||
<div><b><span class="ar">الأشهر 7-12 — تقاطع الربحية</span><span class="en">Months 7-12 — Profit
|
||
Crossover</span></b><br><span style="color:var(--muted);font-size:.78rem"><span class="ar">الحوافز
|
||
تنتهي، الطلب يرتفع → الخط الذهبي يتجاوز الأحمر.</span><span class="en">Incentives end, demand rises
|
||
→ gold line crosses red line.</span></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="narr-ico" style="background:var(--cyan-dim);color:var(--cyan)">Y2</div>
|
||
<div><b><span class="ar">السنة 2 — التوسع</span><span class="en">Year 2 — Scaling</span></b><br><span
|
||
style="color:var(--muted);font-size:.78rem"><span class="ar">حلب وحمص. الإيراد يبتعد عن المصاريف بشكل
|
||
متسارع.</span><span class="en">Aleppo & Homs. Revenue accelerates away from expenses.</span></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="narr-ico" style="background:var(--green-dim);color:var(--green)">Y3</div>
|
||
<div><b><span class="ar">السنة 3 — الهيمنة</span><span class="en">Year 3 — Dominance</span></b><br><span
|
||
style="color:var(--muted);font-size:.78rem"><span class="ar">تغطية وطنية. الفجوة بين الخطين = صافي ربح
|
||
$662K.</span><span class="en">National coverage. Gap between lines = $662K net profit.</span></span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tw rv" style="margin-bottom:2rem">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">السنة</span><span class="en">Year</span></th>
|
||
<th><span class="ar">المرحلة</span><span class="en">Phase</span></th>
|
||
<th><span class="ar">رحلات/يوم</span><span class="en">Trips/Day</span></th>
|
||
<th><span class="ar">الإيراد</span><span class="en">Revenue</span></th>
|
||
<th><span class="ar">المصاريف</span><span class="en">Expenses</span></th>
|
||
<th><span class="ar">صافي الربح</span><span class="en">Net Profit</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="tc-gold"><b>Y1</b></td>
|
||
<td><span class="ar">التأسيس</span><span class="en">Foundation</span></td>
|
||
<td>1,500</td>
|
||
<td>$120K</td>
|
||
<td>$140K</td>
|
||
<td class="tc-red">(-$20K)</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tc-gold"><b>Y2</b></td>
|
||
<td><span class="ar">التوسع</span><span class="en">Scaling</span></td>
|
||
<td>4,000</td>
|
||
<td>$365K</td>
|
||
<td>$150K</td>
|
||
<td class="tc-green">+$215K</td>
|
||
</tr>
|
||
<tr class="hl-row">
|
||
<td class="tc-gold"><b>Y3</b></td>
|
||
<td><span class="ar">الهيمنة</span><span class="en">Dominance</span></td>
|
||
<td>10,000</td>
|
||
<td>$912K</td>
|
||
<td>$250K</td>
|
||
<td class="tc-gold">+$662K</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="chart-wrap rv" style="margin-bottom:2.5rem">
|
||
<h3><span class="ar">الإيرادات مقابل المصاريف السنوية</span><span class="en">Annual Revenue vs Expenses</span>
|
||
</h3>
|
||
<p><span class="ar">مقارنة واضحة للثلاث سنوات</span><span class="en">Clear 3-year comparison</span></p>
|
||
<div class="chart-canvas" style="max-height:280px"><canvas id="revExpBar"></canvas></div>
|
||
</div>
|
||
|
||
<!-- Unit Economics -->
|
||
<h3 class="rv" style="font-size:1.1rem;font-weight:900;margin-bottom:1.5rem"><span class="ar">اقتصاديات
|
||
الوحدة</span><span class="en">Unit Economics</span></h3>
|
||
<div class="unit-grid rv">
|
||
<div class="unit-card">
|
||
<div class="uc-v">$0.77</div>
|
||
<div class="uc-l"><span class="ar">تكلفة اكتساب السائق</span><span class="en">Driver CAC</span></div>
|
||
</div>
|
||
<div class="unit-card">
|
||
<div class="uc-v">$2.00</div>
|
||
<div class="uc-l"><span class="ar">تكلفة اكتساب الراكب</span><span class="en">Rider CAC</span></div>
|
||
</div>
|
||
<div class="unit-card">
|
||
<div class="uc-v c">8</div>
|
||
<div class="uc-l"><span class="ar">رحلات للاسترداد</span><span class="en">Trips to Payback</span></div>
|
||
</div>
|
||
<div class="unit-card">
|
||
<div class="uc-v c">3:1</div>
|
||
<div class="uc-l">LTV : CAC</div>
|
||
<div class="uc-le"><span class="ar">المعيار الذهبي عالمياً</span><span class="en">Global gold standard</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ROI -->
|
||
<h3 class="rv" style="font-size:1.1rem;font-weight:900;margin:2.5rem 0 1.5rem"><span class="ar">عائدك على
|
||
الاستثمار (22%)</span><span class="en">Your Return on Investment (22%)</span></h3>
|
||
<div class="roi-grid rv">
|
||
<div class="roi-card" style="border-top:3px solid var(--gold)">
|
||
<div class="roi-year"><span class="ar">السنة الأولى</span><span class="en">YEAR 1</span></div>
|
||
<div class="roi-val" style="color:var(--muted);font-size:1.5rem"><span class="ar">بناء الأصول</span><span
|
||
class="en">Asset Building</span></div>
|
||
<div class="roi-desc"><span class="ar">نقطة التعادل: شهر 10–12<br>الشبكة تُبنى والعلامة تتأسس</span><span
|
||
class="en">Breakeven: Month 10–12<br>Network builds, brand establishes</span></div>
|
||
</div>
|
||
<div class="roi-card" style="border-top:3px solid var(--cyan)">
|
||
<div class="roi-year"><span class="ar">السنة الثانية</span><span class="en">YEAR 2</span></div>
|
||
<div class="roi-val" style="color:var(--cyan)">$47,300</div>
|
||
<div class="roi-desc"><span class="ar">22% من $215K صافي ربح<br>بداية التدفق النقدي</span><span class="en">22%
|
||
of $215K net profit<br>Cash flow begins</span></div>
|
||
</div>
|
||
<div class="roi-card" style="border-top:3px solid var(--goldb);background:var(--gold-dim)">
|
||
<div class="roi-year"><span class="ar">السنة الثالثة</span><span class="en">YEAR 3</span></div>
|
||
<div class="roi-val">$145,750</div>
|
||
<div class="roi-desc"><span class="ar">22% من $662K صافي ربح<br>+ قيمة الحصة $728,750</span><span
|
||
class="en">22% of $662K net profit<br>+ Equity value $728,750</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="g2 rv" style="gap:2.5rem;margin-top:2rem">
|
||
<div class="chart-wrap">
|
||
<h3><span class="ar">توزيع العائد التراكمي</span><span class="en">Cumulative Return Breakdown</span></h3>
|
||
<p><span class="ar">3 سنوات · حصة 22%</span><span class="en">3 years · 22% equity</span></p>
|
||
<div class="chart-canvas" style="max-height:260px"><canvas id="roiDoughnut"></canvas></div>
|
||
</div>
|
||
<div>
|
||
<div class="tw" style="margin-bottom:1.5rem">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">البيان</span><span class="en">Detail</span></th>
|
||
<th><span class="ar">القيمة</span><span class="en">Value</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="ar">حجم الجولة</span><span class="en">Round Size</span></td>
|
||
<td class="tc-gold">$200,000</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">النوع</span><span class="en">Type</span></td>
|
||
<td>Pre-Seed</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">الحصة</span><span class="en">Equity</span></td>
|
||
<td class="tc-cyan">22%</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">التقييم</span><span class="en">Valuation</span></td>
|
||
<td>~$909K</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Runway</td>
|
||
<td>14 <span class="ar">شهراً</span><span class="en">months</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">الاسترداد النقدي (3 سنوات)</span><span class="en">Cash Recovery (3yr)</span></td>
|
||
<td class="tc-gold">96.5%</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">استراتيجية الخروج</span><span class="en">Exit Strategy</span></td>
|
||
<td>Series A / <span class="ar">استحواذ</span><span class="en">Acquisition</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="callout gold">
|
||
<span class="callout-i">🏢</span>
|
||
<div style="font-size:.8rem">
|
||
<b><span class="ar">كيف حسبنا قيمة الحصة؟</span><span class="en">How we valued the equity?</span></b>
|
||
<span class="ar"> بنهاية Y3 الشركة تحقق $662K ربح سنوي. بمضاعف متحفظ ×5، قيمة الشركة = $3.3M. 22% =
|
||
$728,750 + أرباح نقدية $193K = <b>مجموع $921,750</b>.</span>
|
||
<span class="en"> By Y3 the company generates $662K annual profit. At a conservative 5× multiple, company
|
||
value = $3.3M. 22% = $728,750 + cash dividends $193K = <b>total $921,750</b>.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="total-card rv">
|
||
<p style="font-size:.72rem;color:var(--muted);margin-bottom:.4rem;position:relative"><span class="ar">إجمالي
|
||
قيمة استثمارك بنهاية السنة الثالثة</span><span class="en">Total value of your investment by end of Year
|
||
3</span></p>
|
||
<div class="total-big">$921,800</div>
|
||
<div class="total-sub"><span class="ar">أرباح نقدية $193,050 + قيمة حصة 22% في شركة بـ $3.3M</span><span
|
||
class="en">$193,050 cash dividends + 22% equity in a $3.3M company</span></div>
|
||
<div class="total-kpis">
|
||
<div class="tkpi"><span class="tkpi-v">4.6x</span><span class="tkpi-l"><span class="ar">العائد
|
||
الإجمالي</span><span class="en">Total Return</span></span></div>
|
||
<div class="tkpi"><span class="tkpi-v">96.5%</span><span class="tkpi-l"><span class="ar">استرداد
|
||
نقدي</span><span class="en">Cash Recovery</span></span></div>
|
||
<div class="tkpi"><span class="tkpi-v">$3.3M</span><span class="tkpi-l"><span class="ar">تقييم Y3</span><span
|
||
class="en">Y3 Valuation</span></span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ MARKETS ══ -->
|
||
<section id="markets">
|
||
<div class="container">
|
||
<div class="eyebrow rv">07 · <span class="ar">الأسواق</span><span class="en">Markets</span></div>
|
||
<h2 class="stitle rv"><span class="ar">183+ مليون نسمة <em>في المرمى</em></span><span class="en">183M+ People
|
||
<em>In the Crosshairs</em></span></h2>
|
||
<p class="sdesc rv"><span class="ar">معمارية متعددة الدول تعني أسابيع للدخول لأي سوق جديد — لا أشهراً ولا
|
||
ملايين.</span><span class="en">Multi-country architecture means weeks to enter any new market — not months or
|
||
millions.</span></p>
|
||
<div class="mkt-grid rv">
|
||
<div class="mkt-card mk-now">
|
||
<div class="mk-flag">🇸🇾</div>
|
||
<div class="mk-name"><span class="ar">سوريا</span><span class="en">Syria</span></div>
|
||
<div class="mk-pop">18M+ · 10M+ <span class="ar">هاتف</span><span class="en">smartphones</span></div>
|
||
<div class="mk-opp"><span class="ar">تعمل الآن. ترخيص NANS. 1,800 سائق. دمشق: 50,000+ رحلة تاكسي/يوم. لا منافس
|
||
حقيقي ومرخص.</span><span class="en">Live now. NANS license. 1,800 drivers. Damascus: 50,000+ taxi
|
||
trips/day. No real licensed competitor.</span></div>
|
||
<div class="mk-s s-live">● <span class="ar">يعمل الآن</span><span class="en">Live Now</span></div>
|
||
</div>
|
||
<div class="mkt-card mk-now">
|
||
<div class="mk-flag">🇪🇬</div>
|
||
<div class="mk-name"><span class="ar">مصر</span><span class="en">Egypt</span></div>
|
||
<div class="mk-pop">105M · <span class="ar">أكبر سوق عربي</span><span class="en">Largest Arab market</span>
|
||
</div>
|
||
<div class="mk-opp"><span class="ar">نسخة مخصصة جاهزة للإطلاق. سوق ضخم مع مساحة واسعة للمنافسين الجدد بتكلفة
|
||
تشغيل منخفضة.</span><span class="en">Customized version ready to launch. Massive market with wide space
|
||
for new entrants at low operating cost.</span></div>
|
||
<div class="mk-s s-live">◐ <span class="ar">جاهزة</span><span class="en">Ready</span></div>
|
||
</div>
|
||
<div class="mkt-card mk-near">
|
||
<div class="mk-flag">🇯🇴</div>
|
||
<div class="mk-name"><span class="ar">الأردن</span><span class="en">Jordan</span></div>
|
||
<div class="mk-pop">11M</div>
|
||
<div class="mk-opp"><span class="ar">Careem ضعيف + Uber غائب. نسخة انطلق تُنشر خلال أسابيع. طبقة وسطى كبيرة
|
||
ومستقرة.</span><span class="en">Careem weak + Uber absent. Intaleq version deploys in weeks. Large stable
|
||
middle class.</span></div>
|
||
<div class="mk-s s-near">🟡 Q4 2026</div>
|
||
</div>
|
||
<div class="mkt-card mk-near">
|
||
<div class="mk-flag">🇱🇾</div>
|
||
<div class="mk-name"><span class="ar">ليبيا</span><span class="en">Libya</span></div>
|
||
<div class="mk-pop">7M</div>
|
||
<div class="mk-opp"><span class="ar">سوق بكر تقريباً — لا منافس يُذكر. فرصة تأسيس المعيار الوطني.</span><span
|
||
class="en">Near-virgin market — negligible competition. Opportunity to set the national standard.</span>
|
||
</div>
|
||
<div class="mk-s s-near">🟡 Q4 2026</div>
|
||
</div>
|
||
<div class="mkt-card mk-mid">
|
||
<div class="mk-flag">🇮🇶</div>
|
||
<div class="mk-name"><span class="ar">العراق</span><span class="en">Iraq</span></div>
|
||
<div class="mk-pop">42M</div>
|
||
<div class="mk-opp"><span class="ar">سوق ناشئ بقوة — منافسة ضعيفة وطبقة وسطى تنمو بسرعة.</span><span
|
||
class="en">Rapidly emerging market — weak competition and fast-growing middle class.</span></div>
|
||
<div class="mk-s s-mid">🔵 Q2 2027</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="rv" style="font-size:1.1rem;font-weight:900;margin:3rem 0 2rem"><span class="ar">خارطة
|
||
الطريق</span><span class="en">Roadmap</span></h3>
|
||
<div class="tl rv">
|
||
<div class="tl-item">
|
||
<div class="tl-dot"></div>
|
||
<div class="tl-ph">Q3 2026</div>
|
||
<div class="tl-t"><span class="ar">استقرار سوريا — 1,000+ رحلة / يوم</span><span class="en">Syria
|
||
Stabilization — 1,000+ trips/day</span></div>
|
||
<div class="tl-d"><span class="ar">Admin Dashboard · تحسين UX · حملة تسويق كبرى · حلب وحمص</span><span
|
||
class="en">Admin Dashboard · UX polish · Major marketing campaign · Aleppo & Homs</span></div><span
|
||
class="tl-tag"><span class="ar">الأساس</span><span class="en">Foundation</span></span>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-dot"></div>
|
||
<div class="tl-ph">Q4 2026</div>
|
||
<div class="tl-t"><span class="ar">إطلاق الأردن + ليبيا</span><span class="en">Jordan + Libya Launch</span>
|
||
</div>
|
||
<div class="tl-d"><span class="ar">نسخ محلية جاهزة · فرق تشغيل · شراكات فنادق ومطاعم</span><span
|
||
class="en">Local versions ready · Operations teams · Hotel & restaurant partnerships</span></div><span
|
||
class="tl-tag"><span class="ar">التوسع الأول</span><span class="en">First Expansion</span></span>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-dot"></div>
|
||
<div class="tl-ph">Q1 2027 · Seed Round</div>
|
||
<div class="tl-t"><span class="ar">جولة Seed — $200K–$500K</span><span class="en">Seed Round —
|
||
$200K–$500K</span></div>
|
||
<div class="tl-d"><span class="ar">توسيع الفريق · بنية تحتية للنمو الكبير · توصيل البضائع + رحلات
|
||
مشتركة</span><span class="en">Team expansion · Scale infrastructure · Package delivery + carpooling</span>
|
||
</div><span class="tl-tag"><span class="ar">الاستثمار التالي</span><span class="en">Next
|
||
Investment</span></span>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-dot"></div>
|
||
<div class="tl-ph">Q2 2027</div>
|
||
<div class="tl-t"><span class="ar">إطلاق مصر الكامل + العراق</span><span class="en">Full Egypt + Iraq
|
||
Launch</span></div>
|
||
<div class="tl-d"><span class="ar">أكبر سوقين · النسخ جاهزة · نشر خلال أسابيع لا أشهر</span><span
|
||
class="en">Two biggest markets · Versions ready · Deploy in weeks not months</span></div><span
|
||
class="tl-tag"><span class="ar">النمو الكبير</span><span class="en">Major Growth</span></span>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-dot"></div>
|
||
<div class="tl-ph">Q4 2027 · Series A</div>
|
||
<div class="tl-t"><span class="ar">جولة Series A — $1M–$3M</span><span class="en">Series A — $1M–$3M</span>
|
||
</div>
|
||
<div class="tl-d"><span class="ar">توسع إقليمي شامل · فريق 20+ · ذكاء اصطناعي وتوصيل</span><span
|
||
class="en">Full regional expansion · 20+ team · AI features & delivery</span></div><span
|
||
class="tl-tag"><span class="ar">التحول الكبير</span><span class="en">The Transformation</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ RISKS ══ -->
|
||
<section class="alt-bg">
|
||
<div class="container">
|
||
<div class="eyebrow rv">08 · <span class="ar">المخاطر والحلول</span><span class="en">Risks & Mitigations</span>
|
||
</div>
|
||
<h2 class="stitle rv"><span class="ar">الشفافية الكاملة — <em>ماذا يمكن أن يحدث؟</em></span><span class="en">Full
|
||
Transparency — <em>What Could Go Wrong?</em></span></h2>
|
||
<div class="tw rv">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th><span class="ar">المخاطرة</span><span class="en">Risk</span></th>
|
||
<th><span class="ar">الاحتمال</span><span class="en">Prob.</span></th>
|
||
<th><span class="ar">التأثير</span><span class="en">Impact</span></th>
|
||
<th><span class="ar">خطة التخفيف</span><span class="en">Mitigation Plan</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="ar">تقلبات سعر الصرف</span><span class="en">FX Fluctuation</span></td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="risk-badge rb-med"><span class="ar">متوسط</span><span class="en">Medium</span></span>
|
||
</td>
|
||
<td><span class="ar">احتياطي 10% + تسعير ديناميكي فوري من Admin</span><span class="en">10% reserve +
|
||
instant dynamic pricing from Admin</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">أزمة محروقات / ارتفاع أسعار</span><span class="en">Fuel Crisis / Price Spikes</span>
|
||
</td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="ar">تعديل الأسعار فوري بدون تحديث التطبيق من لوحة التحكم</span><span class="en">Instant
|
||
price adjustment without app update via Admin Panel</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">منافسة شرسة (Yallago/Zakinn)</span><span class="en">Competition
|
||
(Yallago/Zakinn)</span></td>
|
||
<td><span class="risk-badge rb-med"><span class="ar">متوسط</span><span class="en">Medium</span></span>
|
||
</td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="ar">عمولة 10% + ضمان دخل السائق + ترخيص حصري NANS</span><span class="en">10% commission +
|
||
driver income guarantee + exclusive NANS license</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">بطء اكتساب المستخدمين</span><span class="en">Slow User Acquisition</span></td>
|
||
<td><span class="risk-badge rb-med"><span class="ar">متوسط</span><span class="en">Medium</span></span>
|
||
</td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="ar">$45K حوافز + $45K تسويق + برامج إحالة وولاء</span><span class="en">$45K incentives +
|
||
$45K marketing + referral & loyalty programs</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">تغييرات تنظيمية حكومية</span><span class="en">Government Regulation Changes</span>
|
||
</td>
|
||
<td><span class="risk-badge rb-lo"><span class="ar">منخفض</span><span class="en">Low</span></span></td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="ar">شهادة NANS توفر حصناً قانونياً مسبقاً</span><span class="en">NANS certificate
|
||
provides preemptive legal fortress</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="ar">انهيار تقني تحت الضغط</span><span class="en">Technical Failure Under Load</span></td>
|
||
<td><span class="risk-badge rb-lo"><span class="ar">منخفض جداً</span><span class="en">Very
|
||
Low</span></span></td>
|
||
<td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
|
||
<td><span class="ar">WebSocket + Redis مُختبر + 3 قواعد بيانات مفصولة + أمان 9/10</span><span
|
||
class="en">Tested WebSocket + Redis + 3 isolated DBs + 9/10 security</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ TEAM ══ -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="eyebrow rv">09 · <span class="ar">الفريق</span><span class="en">Team</span></div>
|
||
<h2 class="stitle rv"><span class="ar">الفريق الذي <em>بنى المستحيل</em></span><span class="en">The Team That
|
||
<em>Built the Impossible</em></span></h2>
|
||
<div class="team-grid rv">
|
||
<div class="team-card">
|
||
<div class="team-av">HA</div>
|
||
<div class="team-name"><span class="ar">حمزة عايد</span><span class="en">Hamza Ayed</span></div>
|
||
<div class="team-title">Founder · CEO · CTO</div>
|
||
<div class="team-desc"><span class="ar">10+ سنوات خبرة. بنى Tripz في مصر. صمّم المنصة كاملة (تطبيقين + Backend
|
||
+ IntaleqMaps) من الصفر. خبير في نقل MENA.</span><span class="en">10+ years experience. Built Tripz in
|
||
Egypt. Designed the full platform (2 apps + Backend + IntaleqMaps) from scratch. MENA transport
|
||
expert.</span></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<!-- ══ CTA + CALENDLY ══ -->
|
||
<section id="contact" class="alt-bg">
|
||
<div class="container">
|
||
<div class="cta-wrap rv">
|
||
<div class="cta-split">
|
||
<div>
|
||
<div class="eyebrow" style="margin-bottom:1rem"><span class="ar">ابدأ رحلة الاستثمار</span><span
|
||
class="en">Start Your Investment Journey</span></div>
|
||
<h2 class="cta-title">
|
||
<span class="ar">المشروع جاهز ومرخص<br><span style="color:var(--goldb)">ويعمل على الأرض</span></span>
|
||
<span class="en">Ready, Licensed<br><span style="color:var(--goldb)">Operating on the Ground</span></span>
|
||
</h2>
|
||
<p class="cta-sub">
|
||
<span class="ar">كل ما نحتاجه هو الشريك المناسب. احجز مكالمة فيديو مع المؤسس مباشرةً — لا وسطاء، لا
|
||
انتظار، لا بيروقراطية.</span>
|
||
<span class="en">All we need is the right partner. Book a video call with the founder directly — no
|
||
middlemen, no waiting, no bureaucracy.</span>
|
||
</p>
|
||
<div class="cta-btns">
|
||
<a href="https://calendly.com/hamzaayed-tripz-egypt/new-meeting" target="_blank" class="calendly-btn">
|
||
<i class="fas fa-video"></i>
|
||
<span class="ar">احجز مكالمة فيديو عبر Calendly</span>
|
||
<span class="en">Book a Video Call via Calendly</span>
|
||
</a>
|
||
<a href="mailto:invest@intaleqapp.com" class="btn btn-ghost" style="justify-content:center">
|
||
<i class="fas fa-envelope"></i>
|
||
invest@intaleqapp.com
|
||
</a>
|
||
</div>
|
||
<div class="cta-info-grid" style="margin-top:1.5rem">
|
||
<div class="ci-item"><span class="ci-v">$200K</span><span class="ci-l"><span class="ar">حجم
|
||
الجولة</span><span class="en">Round Size</span></span></div>
|
||
<div class="ci-item"><span class="ci-v">22%</span><span class="ci-l"><span class="ar">حصة
|
||
الملكية</span><span class="en">Equity</span></span></div>
|
||
<div class="ci-item"><span class="ci-v">4.6x</span><span class="ci-l"><span class="ar">العائد
|
||
المتوقع</span><span class="en">Expected Return</span></span></div>
|
||
<div class="ci-item"><span class="ci-v">Pre-Seed</span><span class="ci-l"><span class="ar">نوع
|
||
الجولة</span><span class="en">Round Type</span></span></div>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center">
|
||
<div class="cta-device-logo">IN</div>
|
||
<h3 style="margin-bottom:.25rem">Intaleq Syria</h3>
|
||
<p style="color:var(--muted);font-size:.78rem;margin-bottom:.75rem">Damascus · NANS-INT-2026</p>
|
||
<div class="cta-stores">
|
||
<a href="https://play.google.com/store/apps/details?id=com.Intaleq.intaleq" target="_blank"
|
||
class="store-btn"><i class="fab fa-google-play"></i> Android</a>
|
||
<a href="https://apps.apple.com/app/id6748075179" target="_blank" class="store-btn"><i
|
||
class="fab fa-apple"></i> iOS</a>
|
||
<a href="https://intaleqapp.com" target="_blank" class="store-btn"><i class="fas fa-globe"></i> Web</a>
|
||
</div>
|
||
<!-- Calendly inline -->
|
||
<div style="margin-top:1.5rem;border-radius:12px;overflow:hidden;border:1px solid var(--border)">
|
||
<div class="calendly-inline-widget"
|
||
data-url="https://calendly.com/hamzaayed-tripz-egypt/new-meeting?hide_landing_page_details=1&hide_gdpr_banner=1&background_color=0B1628&text_color=C8D6F0&primary_color=F0A500"
|
||
style="min-width:280px;height:460px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ══ FOOTER ══ -->
|
||
<footer>
|
||
<div class="foot-logo">انطلق · Intaleq</div>
|
||
<div style="font-size:.7rem;color:var(--muted)">Damascus · Syria | NANS-INT-2026 | © 2026 Intaleq Smart Rides</div>
|
||
<div class="foot-links">
|
||
<a href="https://intaleqapp.com" target="_blank"><span class="ar">الموقع</span><span class="en">Website</span></a>
|
||
<a href="https://linkedin.com/in/hamza-ayed" target="_blank">LinkedIn</a>
|
||
<a href="https://play.google.com/store/apps/details?id=com.Intaleq.intaleq" target="_blank">Android</a>
|
||
<a href="https://apps.apple.com/app/id6748075179" target="_blank">iOS</a>
|
||
<a href="mailto:invest@intaleqapp.com"><span class="ar">البريد</span><span class="en">Email</span></a>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- ══ SCRIPTS ══ -->
|
||
<script>
|
||
/* PARTICLES */
|
||
const cv = document.getElementById('particles'), ctx = cv.getContext('2d');
|
||
let W, H; const pts = [];
|
||
function rs() { W = cv.width = innerWidth; H = cv.height = innerHeight } rs();
|
||
addEventListener('resize', rs, { passive: true });
|
||
class P { constructor() { this.reset() } reset() { this.x = Math.random() * W; this.y = Math.random() * H; this.s = Math.random() * 1.5 + .3; this.dx = (Math.random() - .5) * .2; this.dy = (Math.random() - .5) * .2; this.o = Math.random() * .25 + .06; const k = Math.random(); this.c = k < .5 ? '240,165,0' : k < .75 ? '0,229,204' : '140,170,255' } update() { this.x += this.dx; this.y += this.dy; if (this.x < 0 || this.x > W || this.y < 0 || this.y > H) this.reset() } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.s, 0, 6.28); ctx.fillStyle = `rgba(${this.c},${this.o})`; ctx.fill() } }
|
||
for (let i = 0; i < 90; i++)pts.push(new P);
|
||
(function loop() { ctx.clearRect(0, 0, W, H); for (let i = 0; i < pts.length; i++) { for (let j = i + 1; j < pts.length; j++) { const dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y, d = Math.sqrt(dx * dx + dy * dy); if (d < 100) { ctx.beginPath(); ctx.moveTo(pts[i].x, pts[i].y); ctx.lineTo(pts[j].x, pts[j].y); ctx.strokeStyle = `rgba(240,165,0,${(1 - d / 100) * .025})`; ctx.lineWidth = .5; ctx.stroke() } } pts[i].update(); pts[i].draw() } requestAnimationFrame(loop) })();
|
||
|
||
/* SCROLL */
|
||
addEventListener('scroll', () => {
|
||
const prog = (scrollY / (document.documentElement.scrollHeight - innerHeight) * 100);
|
||
document.getElementById('scrollProg').style.width = prog + '%';
|
||
document.getElementById('navbar').classList.toggle('scrolled', scrollY > 60);
|
||
}, { passive: true });
|
||
|
||
/* REVEAL */
|
||
const io = new IntersectionObserver(e => e.forEach(x => { if (x.isIntersecting) { x.target.classList.add('in'); x.target.querySelectorAll('.fund-bar-fill').forEach((b, i) => setTimeout(() => { b.style.width = (b.dataset.w || 0) + '%' }, i * 60)) } }), { threshold: .08 });
|
||
document.querySelectorAll('.rv').forEach(el => io.observe(el));
|
||
|
||
/* LANG */
|
||
function toggleLang() {
|
||
const isEn = document.documentElement.getAttribute('data-lang') === 'en';
|
||
const newLang = isEn ? 'ar' : 'en';
|
||
document.documentElement.setAttribute('data-lang', newLang);
|
||
document.documentElement.dir = isEn ? 'rtl' : 'ltr';
|
||
document.documentElement.lang = newLang;
|
||
document.querySelector('.lang-btn').textContent = isEn ? 'EN' : 'AR';
|
||
}
|
||
|
||
/* FEATURE TABS */
|
||
function switchF(id, btn) {
|
||
document.querySelectorAll('.ftb').forEach(b => b.classList.remove('on'));
|
||
document.querySelectorAll('.fc').forEach(c => c.classList.remove('on'));
|
||
btn.classList.add('on');
|
||
document.getElementById('f' + id).classList.add('on');
|
||
}
|
||
|
||
/* COUNTER */
|
||
function animN(el) {
|
||
const t = parseInt(el.dataset.count) || 0, pre = el.dataset.prefix || '', dur = 1600;
|
||
const s = performance.now();
|
||
(function step(n) {
|
||
const p = Math.min((n - s) / dur, 1), e = 1 - Math.pow(1 - p, 3);
|
||
el.textContent = pre + Math.floor(e * t).toLocaleString(); if (p < 1) requestAnimationFrame(step)
|
||
})(performance.now());
|
||
}
|
||
const hObs = new IntersectionObserver(e => { e.forEach(x => { if (x.isIntersecting) { document.querySelectorAll('[data-count]').forEach(animN); hObs.disconnect() } }) }, { threshold: .5 });
|
||
const kpisEl = document.querySelector('.hero-kpis-grid'); if (kpisEl) hObs.observe(kpisEl);
|
||
|
||
/* CHART DEFAULTS */
|
||
Chart.defaults.color = '#7A8A9A';
|
||
Chart.defaults.borderColor = 'rgba(255,255,255,.05)';
|
||
Chart.defaults.font.family = "'Cairo','Plus Jakarta Sans',sans-serif";
|
||
|
||
/* PIE */
|
||
new Chart(document.getElementById('pieChart'), {
|
||
type: 'doughnut', data: {
|
||
labels: ['Salaries $71.4K', 'Incentives $45K', 'Marketing $45.2K', 'Reserve $15.5K', 'Rent $8.4K', 'Billboards $8K', 'Servers $3.5K', 'Office $3K'],
|
||
datasets: [{
|
||
data: [71400, 45000, 45200, 15500, 8400, 8000, 3500, 3000],
|
||
backgroundColor: ['#F0A500', '#FFB830', '#FF8C00', '#00D97E', '#00E5CC', '#4DA3FF', '#8B5CF6', '#FF3D6B'],
|
||
borderWidth: 0, hoverOffset: 10
|
||
}]
|
||
},
|
||
options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { position: 'bottom', labels: { padding: 10, usePointStyle: true, pointStyle: 'circle', font: { size: 10, weight: 700 } } } } }
|
||
});
|
||
|
||
/* INCENTIVE BAR */
|
||
new Chart(document.getElementById('incentiveBar'), {
|
||
type: 'bar', data: {
|
||
labels: ['M1', 'M2', 'M3', 'M4', 'M5', 'M6'],
|
||
datasets: [{
|
||
label: '$', data: [10000, 10000, 8000, 7000, 5000, 5000],
|
||
backgroundColor: ['#F0A500', '#F0A500', '#FFB830', '#FFB830', '#00D97E', '#00D97E'],
|
||
borderRadius: 8, barThickness: 36
|
||
}]
|
||
},
|
||
options: {
|
||
responsive: true, maintainAspectRatio: true, plugins: { legend: { display: false } },
|
||
scales: { y: { beginAtZero: true, ticks: { callback: v => '$' + (v / 1000) + 'K' }, grid: { color: 'rgba(255,255,255,.04)' } }, x: { grid: { display: false } } }
|
||
}
|
||
});
|
||
|
||
/* LINE 36M */
|
||
const mo = Array.from({ length: 36 }, (_, i) => `M${i + 1}`);
|
||
const rv = [750, 750, 750, 3000, 3000, 3000, 6000, 6000, 6000, 11250, 11250, 11250, 15000, 18000, 21000, 24000, 27000, 30000, 30000, 30000, 30000, 30000, 30000, 30000, 40000, 45000, 50000, 55000, 60000, 65000, 70000, 72000, 74000, 76000, 78000, 80000];
|
||
const ex = [13100, 13100, 13100, 10600, 10600, 10600, 8100, 8100, 8100, 6100, 6100, 6100, 8000, 9000, 10000, 11000, 11500, 12000, 12000, 12500, 12500, 13000, 13000, 13000, 15000, 16000, 17000, 18000, 19000, 20000, 20000, 21000, 21000, 21000, 21000, 21000];
|
||
new Chart(document.getElementById('lineChart'), {
|
||
type: 'line', data: {
|
||
labels: mo,
|
||
datasets: [
|
||
{ label: 'Revenue', data: rv, borderColor: '#F0A500', backgroundColor: 'rgba(240,165,0,.07)', fill: true, tension: .35, pointRadius: 0, pointHoverRadius: 5, borderWidth: 2.5 },
|
||
{ label: 'Expenses', data: ex, borderColor: '#FF3D6B', backgroundColor: 'rgba(255,61,107,.05)', fill: true, tension: .35, pointRadius: 0, pointHoverRadius: 5, borderWidth: 2, borderDash: [6, 4] }
|
||
]
|
||
},
|
||
options: {
|
||
responsive: true, maintainAspectRatio: true, interaction: { mode: 'index', intersect: false },
|
||
plugins: {
|
||
legend: { position: 'top', labels: { usePointStyle: true, pointStyle: 'line', font: { size: 11, weight: 700 }, padding: 16 } },
|
||
tooltip: { callbacks: { label: c => ` ${c.dataset.label}: $${c.raw.toLocaleString()}` } }
|
||
},
|
||
scales: { y: { beginAtZero: true, ticks: { callback: v => '$' + (v >= 1000 ? (v / 1000) + 'K' : v) }, grid: { color: 'rgba(255,255,255,.04)' } }, x: { ticks: { maxTicksLimit: 12 }, grid: { display: false } } }
|
||
}
|
||
});
|
||
|
||
/* REV VS EXP */
|
||
new Chart(document.getElementById('revExpBar'), {
|
||
type: 'bar', data: {
|
||
labels: ['Y1', 'Y2', 'Y3'],
|
||
datasets: [
|
||
{ label: 'Revenue', data: [120000, 365000, 912500], backgroundColor: '#F0A500', borderRadius: 8, barThickness: 45 },
|
||
{ label: 'Expenses', data: [140000, 150000, 250000], backgroundColor: '#FF3D6B', borderRadius: 8, barThickness: 45 }
|
||
]
|
||
},
|
||
options: {
|
||
responsive: true, maintainAspectRatio: true,
|
||
plugins: { legend: { position: 'top', labels: { usePointStyle: true, pointStyle: 'rect', font: { size: 11, weight: 700 }, padding: 16 } }, tooltip: { callbacks: { label: c => ` ${c.dataset.label}: $${c.raw.toLocaleString()}` } } },
|
||
scales: { y: { beginAtZero: true, ticks: { callback: v => '$' + (v / 1000) + 'K' }, grid: { color: 'rgba(255,255,255,.04)' } }, x: { grid: { display: false } } }
|
||
}
|
||
});
|
||
|
||
/* ROI DOUGHNUT */
|
||
new Chart(document.getElementById('roiDoughnut'), {
|
||
type: 'doughnut', data: {
|
||
labels: ['Y1 (Build)', 'Y2 ($47.3K)', 'Y3 ($145.7K)'],
|
||
datasets: [{ data: [1, 47300, 145750], backgroundColor: ['#1A2840', '#00E5CC', '#F0A500'], borderWidth: 0, hoverOffset: 10 }]
|
||
},
|
||
options: {
|
||
responsive: true, maintainAspectRatio: true,
|
||
plugins: {
|
||
legend: { position: 'bottom', labels: { padding: 10, usePointStyle: true, pointStyle: 'circle', font: { size: 11, weight: 700 } } },
|
||
tooltip: { callbacks: { label: c => ` ${c.label}: $${c.raw.toLocaleString()}` } }
|
||
}
|
||
}
|
||
});
|
||
|
||
/* CALENDLY */
|
||
(function () { var s = document.createElement('script'); s.src = 'https://assets.calendly.com/assets/external/widget.js'; s.async = true; document.head.appendChild(s) })();
|
||
</script>
|
||
</body>
|
||
|
||
</html> |