Update: 2026-05-09 01:29:39
This commit is contained in:
Hamza-Ayed
@@ -39,6 +39,10 @@
|
|||||||
<string>تطبيق مُصادَق يحتاج للوصول إلى الميكروفون لاستخدام المساعد الصوتي وتسجيل الملاحظات.</string>
|
<string>تطبيق مُصادَق يحتاج للوصول إلى الميكروفون لاستخدام المساعد الصوتي وتسجيل الملاحظات.</string>
|
||||||
<key>NSPhotoLibraryUsageDescription</key>
|
<key>NSPhotoLibraryUsageDescription</key>
|
||||||
<string>تطبيق مُصادَق يحتاج للوصول إلى الصور لاختيار فواتير محفوظة مسبقاً في معرض الصور.</string>
|
<string>تطبيق مُصادَق يحتاج للوصول إلى الصور لاختيار فواتير محفوظة مسبقاً في معرض الصور.</string>
|
||||||
|
<key>NSSpeechRecognitionUsageDescription</key>
|
||||||
|
<string>تطبيق مُصادَق يحتاج لإذن التعرف على الكلام لتحويل أوامرك الصوتية إلى أفعال داخل النظام.</string>
|
||||||
|
<key>NSLocationWhenInUseUsageDescription</key>
|
||||||
|
<string>تطبيق مُصادَق قد يحتاج للوصول إلى الموقع الجغرافي لتحسين تجربة المستخدم وتوفير خدمات مخصصة حسب المنطقة.</string>
|
||||||
<key>NSSupportsLiveActivities</key>
|
<key>NSSupportsLiveActivities</key>
|
||||||
<true/>
|
<true/>
|
||||||
<key>UIApplicationSceneManifest</key>
|
<key>UIApplicationSceneManifest</key>
|
||||||
@@ -81,8 +85,6 @@
|
|||||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||||
</array>
|
</array>
|
||||||
<key>NSSupportsLiveActivities</key>
|
|
||||||
<true/>
|
|
||||||
<key>NSSupportsLiveActivitiesFrequentUpdates</key>
|
<key>NSSupportsLiveActivitiesFrequentUpdates</key>
|
||||||
<true/>
|
<true/>
|
||||||
</dict>
|
</dict>
|
||||||
|
|||||||
423
public/assets/css/landing.css
Normal file
423
public/assets/css/landing.css
Normal file
@@ -0,0 +1,423 @@
|
|||||||
|
/* === MUSADAQ LANDING PAGES — SHARED STYLES === */
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Kufi+Arabic:wght@300;400;500;600;700;800&display=swap');
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--emerald: #10b981;
|
||||||
|
--emerald-light: #d1fae5;
|
||||||
|
--emerald-dark: #059669;
|
||||||
|
--emerald-glow: rgba(16,185,129,0.15);
|
||||||
|
--navy: #0f172a;
|
||||||
|
--navy-light: #1e293b;
|
||||||
|
--gold: #f59e0b;
|
||||||
|
--gold-light: #fef3c7;
|
||||||
|
--bg-primary: #ffffff;
|
||||||
|
--bg-secondary: #f8fafc;
|
||||||
|
--bg-accent: #f1f5f9;
|
||||||
|
--text-primary: #0f172a;
|
||||||
|
--text-secondary: #475569;
|
||||||
|
--text-light: #94a3b8;
|
||||||
|
--border-color: #e2e8f0;
|
||||||
|
--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
|
||||||
|
--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);
|
||||||
|
--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
|
||||||
|
--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1);
|
||||||
|
--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);
|
||||||
|
--radius-sm: 8px;
|
||||||
|
--radius-md: 12px;
|
||||||
|
--radius-lg: 20px;
|
||||||
|
--radius-xl: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Kufi Arabic', 'Outfit', sans-serif;
|
||||||
|
background: var(--bg-primary);
|
||||||
|
color: var(--text-primary);
|
||||||
|
line-height: 1.7;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
a { color: var(--emerald-dark); text-decoration: none; transition: color 0.2s; }
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
|
||||||
|
/* === UTILITIES === */
|
||||||
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
|
||||||
|
.section-padding { padding: 6rem 0; }
|
||||||
|
.text-center { text-align: center; }
|
||||||
|
.text-gradient {
|
||||||
|
background: linear-gradient(135deg, var(--emerald), #0ea5e9);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === ANIMATIONS === */
|
||||||
|
@keyframes fadeInUp {
|
||||||
|
from { opacity: 0; transform: translateY(30px); }
|
||||||
|
to { opacity: 1; transform: translateY(0); }
|
||||||
|
}
|
||||||
|
@keyframes float {
|
||||||
|
0%, 100% { transform: translateY(0); }
|
||||||
|
50% { transform: translateY(-10px); }
|
||||||
|
}
|
||||||
|
@keyframes pulse-glow {
|
||||||
|
0%, 100% { box-shadow: 0 0 20px var(--emerald-glow); }
|
||||||
|
50% { box-shadow: 0 0 40px rgba(16,185,129,0.3); }
|
||||||
|
}
|
||||||
|
@keyframes counter { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }
|
||||||
|
.animate-in { animation: fadeInUp 0.6s ease-out both; }
|
||||||
|
.delay-1 { animation-delay: 0.1s; }
|
||||||
|
.delay-2 { animation-delay: 0.2s; }
|
||||||
|
.delay-3 { animation-delay: 0.3s; }
|
||||||
|
.delay-4 { animation-delay: 0.4s; }
|
||||||
|
|
||||||
|
/* === NAV === */
|
||||||
|
.nav {
|
||||||
|
position: fixed; top: 0; width: 100%; z-index: 100;
|
||||||
|
padding: 0.75rem 5%;
|
||||||
|
display: flex; justify-content: space-between; align-items: center;
|
||||||
|
backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
|
||||||
|
background: rgba(255,255,255,0.88);
|
||||||
|
border-bottom: 1px solid var(--border-color);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
.nav.scrolled { box-shadow: var(--shadow-md); background: rgba(255,255,255,0.95); }
|
||||||
|
.nav-logo {
|
||||||
|
font-size: 1.6rem; font-weight: 800; color: var(--emerald-dark);
|
||||||
|
display: flex; align-items: center; gap: 0.5rem;
|
||||||
|
}
|
||||||
|
.nav-logo-icon {
|
||||||
|
background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
|
||||||
|
color: white; width: 42px; height: 42px;
|
||||||
|
display: flex; align-items: center; justify-content: center;
|
||||||
|
border-radius: 12px; font-weight: 800; font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
.nav-links { display: flex; gap: 2rem; align-items: center; }
|
||||||
|
.nav-links a { color: var(--text-secondary); font-size: 0.9rem; font-weight: 500; }
|
||||||
|
.nav-links a:hover { color: var(--emerald-dark); }
|
||||||
|
.mobile-menu-btn {
|
||||||
|
display: none; background: none; border: none;
|
||||||
|
font-size: 1.5rem; cursor: pointer; color: var(--text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === BUTTONS === */
|
||||||
|
.btn {
|
||||||
|
display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
|
||||||
|
padding: 0.75rem 1.75rem; border-radius: var(--radius-md);
|
||||||
|
font-weight: 600; font-size: 0.95rem; font-family: inherit;
|
||||||
|
transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
|
||||||
|
cursor: pointer; border: none; text-decoration: none;
|
||||||
|
}
|
||||||
|
.btn-primary {
|
||||||
|
background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
|
||||||
|
color: white; box-shadow: 0 4px 14px rgba(16,185,129,0.35);
|
||||||
|
}
|
||||||
|
.btn-primary:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 8px 25px rgba(16,185,129,0.4);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.btn-outline {
|
||||||
|
border: 2px solid var(--emerald); color: var(--emerald-dark); background: transparent;
|
||||||
|
}
|
||||||
|
.btn-outline:hover { background: var(--emerald-light); }
|
||||||
|
.btn-white { background: white; color: var(--emerald-dark); box-shadow: var(--shadow-md); }
|
||||||
|
.btn-white:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
|
||||||
|
.btn-lg { padding: 1rem 2.5rem; font-size: 1.05rem; border-radius: var(--radius-md); }
|
||||||
|
|
||||||
|
/* === SECTION TITLES === */
|
||||||
|
.section-header { text-align: center; margin-bottom: 4rem; }
|
||||||
|
.section-header h2 { font-size: 2.5rem; font-weight: 800; margin-bottom: 1rem; }
|
||||||
|
.section-header p { color: var(--text-secondary); font-size: 1.1rem; max-width: 600px; margin: 0 auto; }
|
||||||
|
.section-badge {
|
||||||
|
display: inline-flex; align-items: center; gap: 0.5rem;
|
||||||
|
padding: 0.4rem 1.2rem; background: var(--emerald-light);
|
||||||
|
border: 1px solid rgba(16,185,129,0.2); border-radius: 50px;
|
||||||
|
font-size: 0.8rem; font-weight: 600; color: var(--emerald-dark);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === HERO === */
|
||||||
|
.hero {
|
||||||
|
min-height: 100vh; display: flex; align-items: center;
|
||||||
|
padding: 7rem 5% 4rem; position: relative;
|
||||||
|
background: radial-gradient(ellipse at top right, var(--emerald-light) 0%, var(--bg-primary) 55%);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: ''; position: absolute; width: 500px; height: 500px;
|
||||||
|
background: radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 70%);
|
||||||
|
top: -100px; left: -100px; border-radius: 50%;
|
||||||
|
}
|
||||||
|
.hero-content { flex: 1; max-width: 620px; z-index: 2; }
|
||||||
|
.hero-badge {
|
||||||
|
display: inline-flex; align-items: center; gap: 0.5rem;
|
||||||
|
padding: 0.4rem 1rem; background: white;
|
||||||
|
border: 1px solid var(--emerald-light); border-radius: 50px;
|
||||||
|
font-size: 0.85rem; font-weight: 600; color: var(--emerald-dark);
|
||||||
|
margin-bottom: 2rem; box-shadow: var(--shadow-sm);
|
||||||
|
animation: pulse-glow 3s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
.hero h1 {
|
||||||
|
font-size: clamp(2.2rem, 4.5vw, 3.5rem);
|
||||||
|
font-weight: 800; line-height: 1.25; margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
.hero p { font-size: 1.15rem; color: var(--text-secondary); margin-bottom: 2.5rem; max-width: 540px; }
|
||||||
|
.hero-cta { display: flex; gap: 1rem; flex-wrap: wrap; }
|
||||||
|
.hero-visual { flex: 1; position: relative; z-index: 1; display: flex; justify-content: center; }
|
||||||
|
.hero-visual img {
|
||||||
|
width: 100%; max-width: 560px; border-radius: 20px;
|
||||||
|
box-shadow: var(--shadow-2xl); animation: float 6s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
.hero-stats {
|
||||||
|
display: flex; gap: 2.5rem; margin-top: 3.5rem;
|
||||||
|
padding-top: 2rem; border-top: 1px solid var(--border-color);
|
||||||
|
}
|
||||||
|
.hero-stat-num { font-size: 2rem; font-weight: 800; color: var(--emerald-dark); }
|
||||||
|
.hero-stat-label { font-size: 0.85rem; color: var(--text-secondary); font-weight: 500; margin-top: 0.2rem; }
|
||||||
|
|
||||||
|
/* === TRUST BAR === */
|
||||||
|
.trust-bar {
|
||||||
|
background: var(--bg-secondary); border-top: 1px solid var(--border-color);
|
||||||
|
border-bottom: 1px solid var(--border-color); padding: 2rem 0;
|
||||||
|
}
|
||||||
|
.trust-bar-inner {
|
||||||
|
display: flex; align-items: center; justify-content: center;
|
||||||
|
gap: 3rem; flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.trust-item {
|
||||||
|
display: flex; align-items: center; gap: 0.75rem;
|
||||||
|
color: var(--text-secondary); font-size: 0.9rem; font-weight: 500;
|
||||||
|
}
|
||||||
|
.trust-item .icon { font-size: 1.5rem; }
|
||||||
|
|
||||||
|
/* === FEATURES === */
|
||||||
|
.features-grid {
|
||||||
|
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;
|
||||||
|
}
|
||||||
|
.feature-card {
|
||||||
|
background: white; border: 1px solid var(--border-color);
|
||||||
|
border-radius: var(--radius-lg); padding: 2.5rem;
|
||||||
|
transition: all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
|
||||||
|
box-shadow: var(--shadow-sm); position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.feature-card::before {
|
||||||
|
content: ''; position: absolute; top: 0; right: 0;
|
||||||
|
width: 100px; height: 100px;
|
||||||
|
background: radial-gradient(circle, var(--emerald-glow) 0%, transparent 70%);
|
||||||
|
opacity: 0; transition: opacity 0.4s;
|
||||||
|
}
|
||||||
|
.feature-card:hover { border-color: var(--emerald-light); transform: translateY(-6px); box-shadow: var(--shadow-xl); }
|
||||||
|
.feature-card:hover::before { opacity: 1; }
|
||||||
|
.feature-icon {
|
||||||
|
width: 56px; height: 56px; background: var(--emerald-light);
|
||||||
|
color: var(--emerald-dark); border-radius: 14px;
|
||||||
|
display: flex; align-items: center; justify-content: center;
|
||||||
|
font-size: 1.5rem; margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
.feature-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 0.75rem; }
|
||||||
|
.feature-card p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.65; }
|
||||||
|
|
||||||
|
/* === JOFOTARA SECTION === */
|
||||||
|
.jofotara-section {
|
||||||
|
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
|
||||||
|
color: white; border-radius: var(--radius-xl);
|
||||||
|
padding: 4rem 3rem; display: flex; align-items: center; gap: 3rem;
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.jofotara-section::before {
|
||||||
|
content: ''; position: absolute; width: 400px; height: 400px;
|
||||||
|
background: rgba(16,185,129,0.1); border-radius: 50%;
|
||||||
|
top: -150px; left: -150px;
|
||||||
|
}
|
||||||
|
.jofotara-content { flex: 1; z-index: 2; }
|
||||||
|
.jofotara-content h2 { font-size: 2.2rem; font-weight: 800; margin-bottom: 1rem; }
|
||||||
|
.jofotara-content p { opacity: 0.85; font-size: 1.05rem; margin-bottom: 2rem; max-width: 500px; }
|
||||||
|
.jofotara-logo-box {
|
||||||
|
flex: 0 0 auto; z-index: 2; background: white; border-radius: var(--radius-lg);
|
||||||
|
padding: 2rem 3rem; display: flex; flex-direction: column; align-items: center;
|
||||||
|
gap: 1rem; box-shadow: var(--shadow-2xl);
|
||||||
|
}
|
||||||
|
.jofotara-logo-box img { max-width: 180px; }
|
||||||
|
.jofotara-logo-box .badge {
|
||||||
|
background: var(--emerald-light); color: var(--emerald-dark);
|
||||||
|
padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700;
|
||||||
|
}
|
||||||
|
.jofotara-features { list-style: none; margin-top: 1rem; }
|
||||||
|
.jofotara-features li {
|
||||||
|
padding: 0.5rem 0; display: flex; align-items: center; gap: 0.75rem;
|
||||||
|
font-size: 0.95rem; opacity: 0.9;
|
||||||
|
}
|
||||||
|
.jofotara-features li::before { content: '✓'; color: var(--emerald); font-weight: 700; }
|
||||||
|
|
||||||
|
/* === APP DOWNLOAD === */
|
||||||
|
.app-section {
|
||||||
|
background: linear-gradient(135deg, var(--emerald-dark), var(--emerald), #0ea5e9);
|
||||||
|
border-radius: var(--radius-xl); padding: 4rem 3rem;
|
||||||
|
display: flex; align-items: center; gap: 3rem;
|
||||||
|
color: white; position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.app-section::before {
|
||||||
|
content: ''; position: absolute; width: 600px; height: 600px;
|
||||||
|
background: rgba(255,255,255,0.08); border-radius: 50%;
|
||||||
|
top: -200px; right: -200px;
|
||||||
|
}
|
||||||
|
.app-content { flex: 1; z-index: 2; }
|
||||||
|
.app-content h2 { font-size: 2.2rem; font-weight: 800; margin-bottom: 1rem; }
|
||||||
|
.app-content p { font-size: 1.05rem; opacity: 0.9; margin-bottom: 2rem; }
|
||||||
|
.store-buttons { display: flex; gap: 1rem; flex-wrap: wrap; }
|
||||||
|
.store-btn {
|
||||||
|
background: rgba(0,0,0,0.85); color: white; border-radius: var(--radius-md);
|
||||||
|
padding: 0.7rem 1.3rem; display: flex; align-items: center; gap: 0.7rem;
|
||||||
|
transition: all 0.3s; backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
.store-btn:hover { transform: translateY(-3px); background: #000; color: white; box-shadow: var(--shadow-lg); }
|
||||||
|
.store-btn svg { width: 28px; height: 28px; fill: white; }
|
||||||
|
.store-text { display: flex; flex-direction: column; text-align: right; }
|
||||||
|
.store-text small { font-size: 0.65rem; opacity: 0.8; }
|
||||||
|
.store-text strong { font-size: 1rem; font-weight: 600; letter-spacing: 0.3px; }
|
||||||
|
.app-visual { flex: 1; z-index: 2; display: flex; justify-content: center; }
|
||||||
|
.app-visual img { max-width: 320px; border-radius: var(--radius-xl); box-shadow: 0 25px 50px rgba(0,0,0,0.3); transform: rotate(-3deg); }
|
||||||
|
|
||||||
|
/* === PRICING === */
|
||||||
|
.pricing-grid {
|
||||||
|
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem;
|
||||||
|
}
|
||||||
|
.price-card {
|
||||||
|
background: white; border: 1px solid var(--border-color);
|
||||||
|
border-radius: var(--radius-lg); padding: 2.5rem 1.75rem;
|
||||||
|
text-align: center; position: relative;
|
||||||
|
transition: all 0.3s ease; box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
.price-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
|
||||||
|
.price-card.popular {
|
||||||
|
border: 2px solid var(--emerald);
|
||||||
|
box-shadow: 0 10px 40px var(--emerald-glow);
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
.price-card.popular:hover { transform: scale(1.03) translateY(-5px); }
|
||||||
|
.popular-badge {
|
||||||
|
position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
|
||||||
|
background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
|
||||||
|
color: white; padding: 0.4rem 1.3rem; border-radius: 50px;
|
||||||
|
font-size: 0.8rem; font-weight: 700;
|
||||||
|
}
|
||||||
|
.price-name { font-size: 1.1rem; font-weight: 700; color: var(--text-secondary); margin-bottom: 0.5rem; }
|
||||||
|
.price-amount {
|
||||||
|
font-size: 2.5rem; font-weight: 800; color: var(--text-primary);
|
||||||
|
margin: 1rem 0; display: flex; justify-content: center; align-items: baseline; gap: 0.25rem;
|
||||||
|
}
|
||||||
|
.price-amount span { font-size: 0.85rem; color: var(--text-light); font-weight: 500; }
|
||||||
|
.price-desc { font-size: 0.8rem; color: var(--text-light); margin-bottom: 1.5rem; }
|
||||||
|
.price-features {
|
||||||
|
list-style: none; text-align: right; margin: 1.5rem 0;
|
||||||
|
padding-top: 1.5rem; border-top: 1px solid var(--border-color);
|
||||||
|
}
|
||||||
|
.price-features li {
|
||||||
|
padding: 0.45rem 0; font-size: 0.88rem; color: var(--text-secondary);
|
||||||
|
display: flex; align-items: center; gap: 0.6rem;
|
||||||
|
}
|
||||||
|
.feature-check {
|
||||||
|
color: var(--emerald); background: var(--emerald-light);
|
||||||
|
border-radius: 50%; width: 22px; height: 22px; min-width: 22px;
|
||||||
|
display: flex; align-items: center; justify-content: center; font-size: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === TESTIMONIALS === */
|
||||||
|
.testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
|
||||||
|
.testimonial-card {
|
||||||
|
background: white; border: 1px solid var(--border-color);
|
||||||
|
border-radius: var(--radius-lg); padding: 2rem;
|
||||||
|
box-shadow: var(--shadow-sm); transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.testimonial-card:hover { transform: translateY(-4px); }
|
||||||
|
.testimonial-stars { color: var(--gold); font-size: 1.1rem; margin-bottom: 1rem; letter-spacing: 2px; }
|
||||||
|
.testimonial-text { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.5rem; font-style: italic; }
|
||||||
|
.testimonial-author { display: flex; align-items: center; gap: 0.75rem; }
|
||||||
|
.testimonial-avatar {
|
||||||
|
width: 44px; height: 44px; border-radius: 50%;
|
||||||
|
background: var(--emerald-light); color: var(--emerald-dark);
|
||||||
|
display: flex; align-items: center; justify-content: center;
|
||||||
|
font-weight: 700; font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
.testimonial-name { font-weight: 700; font-size: 0.9rem; }
|
||||||
|
.testimonial-role { font-size: 0.8rem; color: var(--text-light); }
|
||||||
|
|
||||||
|
/* === FAQ === */
|
||||||
|
.faq-list { max-width: 750px; margin: 0 auto; }
|
||||||
|
.faq-item {
|
||||||
|
border: 1px solid var(--border-color); border-radius: var(--radius-md);
|
||||||
|
margin-bottom: 1rem; overflow: hidden; background: white;
|
||||||
|
}
|
||||||
|
.faq-question {
|
||||||
|
width: 100%; padding: 1.25rem 1.5rem; background: none; border: none;
|
||||||
|
font-family: inherit; font-size: 1rem; font-weight: 600;
|
||||||
|
color: var(--text-primary); cursor: pointer; text-align: right;
|
||||||
|
display: flex; justify-content: space-between; align-items: center;
|
||||||
|
transition: background 0.2s;
|
||||||
|
}
|
||||||
|
.faq-question:hover { background: var(--bg-secondary); }
|
||||||
|
.faq-question .arrow { transition: transform 0.3s; font-size: 0.8rem; color: var(--text-light); }
|
||||||
|
.faq-item.active .arrow { transform: rotate(180deg); }
|
||||||
|
.faq-answer {
|
||||||
|
max-height: 0; overflow: hidden; transition: max-height 0.3s ease;
|
||||||
|
padding: 0 1.5rem; color: var(--text-secondary); font-size: 0.92rem; line-height: 1.7;
|
||||||
|
}
|
||||||
|
.faq-item.active .faq-answer { max-height: 200px; padding-bottom: 1.25rem; }
|
||||||
|
|
||||||
|
/* === CTA === */
|
||||||
|
.cta-section {
|
||||||
|
background: var(--bg-secondary); text-align: center;
|
||||||
|
padding: 4rem 2rem; border-radius: var(--radius-xl);
|
||||||
|
}
|
||||||
|
.cta-section h2 { font-size: 2.2rem; font-weight: 800; margin-bottom: 1rem; }
|
||||||
|
.cta-section p { color: var(--text-secondary); font-size: 1.05rem; margin-bottom: 2.5rem; max-width: 550px; margin-left: auto; margin-right: auto; }
|
||||||
|
|
||||||
|
/* === FOOTER === */
|
||||||
|
.footer {
|
||||||
|
background: var(--navy); color: rgba(255,255,255,0.7);
|
||||||
|
padding: 4rem 0 2rem;
|
||||||
|
}
|
||||||
|
.footer-grid {
|
||||||
|
display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
|
||||||
|
gap: 3rem; margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
.footer-brand h3 { color: var(--emerald); font-size: 1.5rem; margin-bottom: 1rem; }
|
||||||
|
.footer-brand p { font-size: 0.9rem; line-height: 1.7; max-width: 300px; }
|
||||||
|
.footer-links h4 { color: white; margin-bottom: 1.2rem; font-size: 1rem; }
|
||||||
|
.footer-links ul { list-style: none; }
|
||||||
|
.footer-links li { margin-bottom: 0.6rem; }
|
||||||
|
.footer-links a { color: rgba(255,255,255,0.6); font-size: 0.9rem; }
|
||||||
|
.footer-links a:hover { color: var(--emerald); }
|
||||||
|
.footer-bottom {
|
||||||
|
text-align: center; padding-top: 2rem;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === RESPONSIVE === */
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
.hero { flex-direction: column; text-align: center; padding-top: 7rem; gap: 3rem; }
|
||||||
|
.hero-content { max-width: 100%; }
|
||||||
|
.hero p { margin-left: auto; margin-right: auto; }
|
||||||
|
.hero-cta, .hero-stats { justify-content: center; }
|
||||||
|
.jofotara-section, .app-section { flex-direction: column; text-align: center; }
|
||||||
|
.jofotara-content p, .app-content p { margin-left: auto; margin-right: auto; }
|
||||||
|
.jofotara-features { text-align: right; }
|
||||||
|
.store-buttons { justify-content: center; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr 1fr; }
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.nav-links { display: none; }
|
||||||
|
.mobile-menu-btn { display: block; }
|
||||||
|
.hero h1 { font-size: 2rem; }
|
||||||
|
.section-header h2 { font-size: 1.8rem; }
|
||||||
|
.features-grid { grid-template-columns: 1fr; }
|
||||||
|
.pricing-grid { grid-template-columns: 1fr 1fr; }
|
||||||
|
.footer-grid { grid-template-columns: 1fr; }
|
||||||
|
.hero-stats { gap: 1.5rem; }
|
||||||
|
.app-visual img { max-width: 240px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.pricing-grid { grid-template-columns: 1fr; }
|
||||||
|
.hero-stats { flex-direction: column; gap: 1rem; align-items: center; }
|
||||||
|
}
|
||||||
250
public/investors.php
Normal file
250
public/investors.php
Normal file
@@ -0,0 +1,250 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ar" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>مُصادَق — فرصة استثمارية | منصة الفوترة الإلكترونية بالذكاء الاصطناعي</title>
|
||||||
|
<meta name="description" content="فرصة استثمارية في منصة مُصادَق: أول منصة أردنية لأتمتة الفوترة الإلكترونية بالذكاء الاصطناعي. سوق متنامٍ وتوسع إقليمي مخطط.">
|
||||||
|
<meta name="robots" content="noindex, nofollow">
|
||||||
|
<link rel="stylesheet" href="/assets/css/landing.css">
|
||||||
|
<style>
|
||||||
|
.inv-hero{min-height:100vh;background:linear-gradient(135deg,var(--navy) 0%,#0c1222 100%);color:white;display:flex;align-items:center;padding:7rem 5% 4rem;position:relative;overflow:hidden}
|
||||||
|
.inv-hero::before{content:'';position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(16,185,129,0.12) 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%}
|
||||||
|
.inv-hero::after{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,0.08) 0%,transparent 70%);bottom:-200px;left:-100px;border-radius:50%}
|
||||||
|
.inv-hero-content{max-width:700px;z-index:2}
|
||||||
|
.inv-hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.3;margin-bottom:1.5rem}
|
||||||
|
.inv-hero p{font-size:1.1rem;opacity:0.8;margin-bottom:2.5rem;max-width:550px}
|
||||||
|
.inv-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 1rem;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);border-radius:50px;font-size:0.8rem;font-weight:600;color:var(--emerald);margin-bottom:2rem}
|
||||||
|
.metric-strip{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1)}
|
||||||
|
.metric-item .num{font-size:2.2rem;font-weight:800;color:var(--emerald)}
|
||||||
|
.metric-item .label{font-size:0.85rem;opacity:0.6;margin-top:0.2rem}
|
||||||
|
.inv-section{padding:5rem 0}
|
||||||
|
.inv-section-dark{background:var(--navy);color:white}
|
||||||
|
.inv-section-dark .section-header h2{color:white}
|
||||||
|
.inv-section-dark .section-header p{color:rgba(255,255,255,0.7)}
|
||||||
|
.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
|
||||||
|
.market-card{background:white;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;transition:transform 0.3s}
|
||||||
|
.market-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
|
||||||
|
.market-card h3{font-size:1.15rem;font-weight:700;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}
|
||||||
|
.market-card p{color:var(--text-secondary);font-size:0.92rem;line-height:1.65}
|
||||||
|
.market-card .tag{display:inline-block;padding:0.2rem 0.7rem;border-radius:50px;font-size:0.75rem;font-weight:600;margin-top:1rem}
|
||||||
|
.tag-hot{background:#fef2f2;color:#dc2626}
|
||||||
|
.tag-ready{background:var(--emerald-light);color:var(--emerald-dark)}
|
||||||
|
.tag-soon{background:var(--gold-light);color:#b45309}
|
||||||
|
.tag-explore{background:#ede9fe;color:#7c3aed}
|
||||||
|
.tam-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:3rem;margin-top:2rem}
|
||||||
|
.tam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}
|
||||||
|
.tam-item{padding:2rem;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
|
||||||
|
.tam-item .circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:800}
|
||||||
|
.tam-item:nth-child(1) .circle{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1d4ed8}
|
||||||
|
.tam-item:nth-child(2) .circle{background:linear-gradient(135deg,var(--emerald-light),#6ee7b7);color:var(--emerald-dark)}
|
||||||
|
.tam-item:nth-child(3) .circle{background:linear-gradient(135deg,var(--gold-light),#fcd34d);color:#92400e}
|
||||||
|
.tam-item h4{font-size:1rem;font-weight:700;margin-bottom:0.3rem}
|
||||||
|
.tam-item p{font-size:0.85rem;color:var(--text-secondary)}
|
||||||
|
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
|
||||||
|
.tech-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all 0.3s}
|
||||||
|
.tech-card:hover{background:rgba(255,255,255,0.08);border-color:var(--emerald);transform:translateY(-4px)}
|
||||||
|
.tech-card .icon{font-size:2.5rem;margin-bottom:1rem}
|
||||||
|
.tech-card h3{font-size:1rem;font-weight:700;margin-bottom:0.5rem}
|
||||||
|
.tech-card p{font-size:0.85rem;opacity:0.7;line-height:1.6}
|
||||||
|
.timeline{max-width:700px;margin:0 auto;position:relative}
|
||||||
|
.timeline::before{content:'';position:absolute;right:20px;top:0;bottom:0;width:3px;background:var(--emerald-light)}
|
||||||
|
.timeline-item{padding:0 3.5rem 2.5rem 0;position:relative}
|
||||||
|
.timeline-item::before{content:'';position:absolute;right:12px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--emerald);border:4px solid var(--emerald-light);z-index:1}
|
||||||
|
.timeline-item h4{font-size:1rem;font-weight:700;margin-bottom:0.3rem;color:var(--emerald-dark)}
|
||||||
|
.timeline-item p{font-size:0.9rem;color:var(--text-secondary);line-height:1.6}
|
||||||
|
.timeline-item .date{font-size:0.8rem;color:var(--text-light);font-weight:600}
|
||||||
|
.inv-cta{background:linear-gradient(135deg,var(--emerald-dark),var(--emerald));border-radius:var(--radius-xl);padding:4rem 3rem;text-align:center;color:white}
|
||||||
|
.inv-cta h2{font-size:2rem;font-weight:800;margin-bottom:1rem}
|
||||||
|
.inv-cta p{opacity:0.9;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}
|
||||||
|
@media(max-width:768px){.market-grid,.tam-grid{grid-template-columns:1fr}.metric-strip{gap:1.5rem}}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<nav class="nav" id="main-nav">
|
||||||
|
<div class="nav-logo"><div class="nav-logo-icon">م</div> مُصادَق</div>
|
||||||
|
<div class="nav-links">
|
||||||
|
<a href="#opportunity">الفرصة</a>
|
||||||
|
<a href="#market">السوق</a>
|
||||||
|
<a href="#technology">التقنية</a>
|
||||||
|
<a href="#expansion">التوسع</a>
|
||||||
|
<a href="/landing.php">صفحة المنتج</a>
|
||||||
|
<a href="#contact" class="btn btn-primary">تواصل معنا</a>
|
||||||
|
</div>
|
||||||
|
<button class="mobile-menu-btn" onclick="document.querySelector('.nav-links').classList.toggle('show')" aria-label="القائمة">☰</button>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- HERO -->
|
||||||
|
<section class="inv-hero">
|
||||||
|
<div class="inv-hero-content animate-in">
|
||||||
|
<div class="inv-badge">📊 فرصة استثمارية — جولة تمويلية</div>
|
||||||
|
<h1>أوّل منصة عربية لأتمتة<br><span class="text-gradient">الفوترة الإلكترونية بالذكاء الاصطناعي</span></h1>
|
||||||
|
<p>نبني البنية التحتية المالية الذكية للأسواق العربية التي تتحول إلزامياً للفوترة الإلكترونية — بدءاً من الأردن وتوسعاً نحو 8 أسواق عربية خلال 3 سنوات.</p>
|
||||||
|
<a href="#contact" class="btn btn-primary btn-lg">احجز اجتماعاً</a>
|
||||||
|
<div class="metric-strip">
|
||||||
|
<div class="metric-item"><div class="num">$2.1B</div><div class="label">TAM — السوق العربي الكلي</div></div>
|
||||||
|
<div class="metric-item"><div class="num">$180M</div><div class="label">SAM — الأسواق المستهدفة</div></div>
|
||||||
|
<div class="metric-item"><div class="num">8+</div><div class="label">أسواق عربية مستهدفة</div></div>
|
||||||
|
<div class="metric-item"><div class="num">SaaS</div><div class="label">نموذج إيرادات متكررة</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- THE OPPORTUNITY -->
|
||||||
|
<section id="opportunity" class="inv-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-badge">🎯 الفرصة</div>
|
||||||
|
<h2>لماذا الفوترة الإلكترونية العربية الآن؟</h2>
|
||||||
|
<p>موجة تنظيمية إلزامية تجتاح المنطقة العربية — والحل الذكي غير موجود بعد.</p>
|
||||||
|
</div>
|
||||||
|
<div class="market-grid">
|
||||||
|
<div class="market-card">
|
||||||
|
<h3>📋 الإلزام الحكومي</h3>
|
||||||
|
<p>الحكومات العربية تفرض الفوترة الإلكترونية بشكل إلزامي. الأردن (جوفوترة)، السعودية (فاتورة)، الإمارات (2027)، عُمان (2026)، مصر، والمغرب — كلها تتحول. هذا يخلق طلباً هائلاً وحتمياً على حلول الامتثال.</p>
|
||||||
|
<span class="tag tag-hot">طلب إلزامي متسارع</span>
|
||||||
|
</div>
|
||||||
|
<div class="market-card">
|
||||||
|
<h3>🤖 الفجوة التقنية</h3>
|
||||||
|
<p>الحلول الموجودة حالياً هي أنظمة إدخال يدوي تقليدية. لا يوجد منافس عربي يستخدم الذكاء الاصطناعي لأتمتة الاستخراج والتدقيق. مُصادَق يسد هذه الفجوة بتقنية متقدمة.</p>
|
||||||
|
<span class="tag tag-ready">ميزة المُبادر الأول</span>
|
||||||
|
</div>
|
||||||
|
<div class="market-card">
|
||||||
|
<h3>👨💼 السوق المستهدف</h3>
|
||||||
|
<p>آلاف مكاتب المحاسبة والشركات الملزمة بنظام جوفوترة في الأردن وحده. كل مكتب محاسبة يدير 5-50 شركة — مما يعني تأثير مضاعف لكل عميل نكتسبه.</p>
|
||||||
|
<span class="tag tag-ready">عائد مضاعف لكل عميل</span>
|
||||||
|
</div>
|
||||||
|
<div class="market-card">
|
||||||
|
<h3>💰 نموذج SaaS متكرر</h3>
|
||||||
|
<p>إيرادات شهرية متكررة (MRR) من 5 باقات اشتراك تتراوح بين 0-249 دينار. معدل الاحتفاظ مرتفع لأن النظام إلزامي — العميل لا يستطيع الاستغناء عن الحل.</p>
|
||||||
|
<span class="tag tag-hot">Retention طبيعي عالي</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- TAM SAM SOM -->
|
||||||
|
<section class="inv-section" style="background:var(--bg-secondary)">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-badge">📈 حجم السوق</div>
|
||||||
|
<h2>TAM · SAM · SOM</h2>
|
||||||
|
</div>
|
||||||
|
<div class="tam-grid">
|
||||||
|
<div class="tam-item">
|
||||||
|
<div class="circle">TAM</div>
|
||||||
|
<h4>$2.1 مليار</h4>
|
||||||
|
<p>سوق الفوترة الإلكترونية في المنطقة العربية كاملة (الأردن، السعودية، الإمارات، مصر، عُمان، المغرب، البحرين، الكويت، قطر، سوريا)</p>
|
||||||
|
</div>
|
||||||
|
<div class="tam-item">
|
||||||
|
<div class="circle">SAM</div>
|
||||||
|
<h4>$180 مليون</h4>
|
||||||
|
<p>الأسواق ذات الإلزام النشط أو القريب: الأردن، السعودية، مصر، الإمارات، عُمان، المغرب — حيث يمكننا تقديم خدماتنا فوراً</p>
|
||||||
|
</div>
|
||||||
|
<div class="tam-item">
|
||||||
|
<div class="circle">SOM</div>
|
||||||
|
<h4>$8 مليون</h4>
|
||||||
|
<p>الحصة المستهدفة في 3 سنوات: 5% من السوق الأردني + 1-2% من السعودية والإمارات عبر شراكات محلية</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- TECHNOLOGY -->
|
||||||
|
<section id="technology" class="inv-section inv-section-dark">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-badge">⚡ القدرات التقنية</div>
|
||||||
|
<h2>تقنيات متقدمة يصعب تقليدها</h2>
|
||||||
|
<p>بنية تحتية مبنية بأحدث التقنيات مع حماية على مستوى البنوك.</p>
|
||||||
|
</div>
|
||||||
|
<div class="tech-grid">
|
||||||
|
<div class="tech-card"><div class="icon">🧠</div><h3>ذكاء اصطناعي متقدم</h3><p>محرك استخراج بيانات بدقة 99% يقرأ أي فاتورة (صورة أو PDF) ويحولها لبيانات منظمة في ثوانٍ</p></div>
|
||||||
|
<div class="tech-card"><div class="icon">🔒</div><h3>تشفير AES-256-GCM</h3><p>نفس مستوى تشفير البنوك العالمية. بيانات العملاء مشفرة بالكامل حتى على مستوى قاعدة البيانات</p></div>
|
||||||
|
<div class="tech-card"><div class="icon">🏗️</div><h3>بنية Multi-Tenant</h3><p>عزل كامل للبيانات بين المستأجرين مع قابلية توسع أفقي لملايين الفواتير شهرياً</p></div>
|
||||||
|
<div class="tech-card"><div class="icon">📱</div><h3>تطبيقات iOS و Android</h3><p>تطبيقات أصلية منشورة على App Store و Google Play مع دعم العمل بدون إنترنت</p></div>
|
||||||
|
<div class="tech-card"><div class="icon">🔗</div><h3>API تكاملي</h3><p>واجهة برمجية كاملة تسمح بالتكامل مع أنظمة ERP و أنظمة المحاسبة الأخرى</p></div>
|
||||||
|
<div class="tech-card"><div class="icon">✅</div><h3>تدقيق ضريبي ذكي</h3><p>مطابقة تلقائية مع جداول الضرائب المحلية ومنع الأخطاء قبل الإرسال للجهات الحكومية</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- EXPANSION MARKETS -->
|
||||||
|
<section id="expansion" class="inv-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-badge">🌍 التوسع الإقليمي</div>
|
||||||
|
<h2>خارطة التوسع للأسواق العربية</h2>
|
||||||
|
<p>أسواق عربية تتحول إلزامياً للفوترة الإلكترونية — ونحن سبّاقون بالحل.</p>
|
||||||
|
</div>
|
||||||
|
<div class="market-grid">
|
||||||
|
<div class="market-card"><h3>🇯🇴 الأردن (السوق الأساسي)</h3><p>نظام جوفوترة أصبح إلزامياً منذ أبريل 2025 لجميع الأعمال فوق 75,000 دينار. المنصة جاهزة ومنشورة على المتاجر. نستهدف 500+ مكتب محاسبة في السنة الأولى.</p><span class="tag tag-ready">✅ جاهز ومُطلق</span></div>
|
||||||
|
<div class="market-card"><h3>🇸🇦 السعودية</h3><p>نظام FATOORAH مفعّل بالكامل مع موجات إلزامية مستمرة. أكبر سوق عربي للفوترة الإلكترونية. التوسع عبر شراكة محلية مع مزوّد معتمد من ZATCA.</p><span class="tag tag-hot">🔴 أولوية عالية — 2026</span></div>
|
||||||
|
<div class="market-card"><h3>🇦🇪 الإمارات</h3><p>اعتمدت نموذج PEPPOL. اختيار مزوّدي الخدمة يبدأ يوليو 2026 والإلزام يناير 2027. فرصة دخول مبكر قبل المنافسين. سوق عالي القيمة.</p><span class="tag tag-soon">🟡 دخول مبكر — 2027</span></div>
|
||||||
|
<div class="market-card"><h3>🇴🇲 عُمان</h3><p>برنامج "فوتره" يعتمد PEPPOL. المرحلة التجريبية تبدأ أغسطس 2026. سوق ناشئ بمنافسة محدودة.</p><span class="tag tag-soon">🟡 تجريبي — 2026</span></div>
|
||||||
|
<div class="market-card"><h3>🇪🇬 مصر</h3><p>نظام فوترة إلكترونية ناضج يغطي جميع الأعمال المسجلة ضريبياً. سوق ضخم (100M+ نسمة). التوسع عبر تخصيص المنصة للمعايير المصرية.</p><span class="tag tag-hot">🔴 سوق ضخم — 2027</span></div>
|
||||||
|
<div class="market-card"><h3>🇲🇦 المغرب</h3><p>الإلزام يبدأ 2026 بشكل تدريجي. سوق فرانكوفوني يتطلب تخصيص لغوي. فرصة لدخول سوق شمال أفريقيا.</p><span class="tag tag-soon">🟡 بداية — 2027</span></div>
|
||||||
|
<div class="market-card"><h3>🇸🇾 سوريا</h3><p><strong>فرصة استراتيجية فريدة:</strong> الحكومة الانتقالية تنفذ استراتيجية تحول رقمي 2025-2030 تشمل الفوترة الإلكترونية الإلزامية. وقّعت اتفاقيات مع ELM و Visa لرقمنة العمليات المالية. سوق بلا منافسة مع حاجة ماسة لحلول جاهزة.</p><span class="tag tag-explore">🟣 فرصة استراتيجية — 2027-2028</span></div>
|
||||||
|
<div class="market-card"><h3>🇧🇭🇰🇼🇶🇦 الخليج</h3><p>البحرين والكويت وقطر في مراحل مبكرة لتطوير أنظمة الفوترة الإلكترونية. الدخول المبكر يضمن موقعاً تنافسياً عند الإلزام.</p><span class="tag tag-explore">🟣 مراقبة — 2028+</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- SYRIA DEEP DIVE -->
|
||||||
|
<section class="inv-section" style="background:var(--bg-secondary)">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-badge">🇸🇾 تقرير خاص</div>
|
||||||
|
<h2>الفرصة السورية: سوق بلا منافسة</h2>
|
||||||
|
<p>سوريا تمر بتحول رقمي تاريخي يفتح فرصاً غير مسبوقة.</p>
|
||||||
|
</div>
|
||||||
|
<div class="market-grid">
|
||||||
|
<div class="market-card"><h3>🏛️ الدعم الحكومي</h3><p>وزارة الاتصالات تنفذ استراتيجية تحول رقمي من 3 مراحل حتى 2030. المرحلة الانتقالية (2025-2027) تركز على رقمنة الخدمات المالية والضريبية.</p></div>
|
||||||
|
<div class="market-card"><h3>🤝 شراكات دولية</h3><p>اتفاقيات مع ELM السعودية لرقمنة العمليات المالية، ومع Visa لتطوير البنية التحتية المالية، ومع Türksat التركية للبنية الرقمية.</p></div>
|
||||||
|
<div class="market-card"><h3>📊 حجم السوق</h3><p>22 مليون نسمة، اقتصاد في مرحلة إعادة بناء. الحاجة ماسة لأنظمة فوترة حديثة. عدم وجود منافسين محليين يعني فرصة احتكار مبكر.</p></div>
|
||||||
|
<div class="market-card"><h3>🎯 استراتيجية الدخول</h3><p>التواصل مع وزارة المالية ودائرة الضرائب لتقديم مُصادَق كحل جاهز ومُجرّب. بناء شراكة مع القطاع الخاص السوري عبر مكتب تمثيلي في دمشق.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ROADMAP -->
|
||||||
|
<section class="inv-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<div class="section-badge">🗺️ خارطة الطريق</div>
|
||||||
|
<h2>خطة النمو — 3 سنوات</h2>
|
||||||
|
</div>
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item"><div class="date">الربع الثاني 2026</div><h4>الإطلاق والتثبيت — الأردن</h4><p>إطلاق التطبيق على المتاجر، اكتساب أول 200 مكتب محاسبة، تفعيل نظام الإحالة والنمو العضوي.</p></div>
|
||||||
|
<div class="timeline-item"><div class="date">الربع الرابع 2026</div><h4>التوسع — السعودية</h4><p>شراكة مع مزوّد معتمد من ZATCA، تخصيص المنصة للمعايير السعودية، إطلاق تجريبي.</p></div>
|
||||||
|
<div class="timeline-item"><div class="date">الربع الأول 2027</div><h4>دخول الإمارات وعُمان</h4><p>استغلال توقيت الإلزام في الإمارات (يناير 2027) وعُمان للدخول المبكر.</p></div>
|
||||||
|
<div class="timeline-item"><div class="date">الربع الثالث 2027</div><h4>مصر والمغرب</h4><p>تخصيص المنصة للمعايير المصرية والمغربية. دخول أكبر سوقين عربيين بعد الخليج.</p></div>
|
||||||
|
<div class="timeline-item"><div class="date">2028</div><h4>سوريا والخليج</h4><p>دخول السوق السوري عبر شراكة حكومية. استكشاف البحرين والكويت وقطر.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA -->
|
||||||
|
<section class="inv-section" id="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="inv-cta">
|
||||||
|
<h2>مهتم بالاستثمار في مُصادَق؟</h2>
|
||||||
|
<p>نرحب بالتواصل مع المستثمرين الاستراتيجيين. احجز اجتماعاً لمناقشة الفرصة بالتفصيل.</p>
|
||||||
|
<a href="mailto:invest@musadaq.com" class="btn btn-white btn-lg">📧 invest@musadaq.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-bottom" style="border:none;padding:2rem 0">
|
||||||
|
<p>مُصادَق — صُنع بفخر في الأردن 🇯🇴 | © 2026 جميع الحقوق محفوظة | <a href="/landing.php" style="color:var(--emerald)">صفحة المنتج</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>window.addEventListener('scroll',()=>{document.getElementById('main-nav').classList.toggle('scrolled',window.scrollY>50)})</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1213
public/landing.php
1213
public/landing.php
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user