@@ -12,29 +12,28 @@ class MilitaryCulturePitch
<head>
<head>
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مبادرة التمكين الأكاديمي ل مديرية الثقافة العسكرية — منصة صَقِل</title>
<title>ال مبادرة الاستراتيجية لتمكين مدارس مديرية الثقافة العسكرية — منصة صَقِل</title>
<!-- Google Fonts: Cairo -->
<!-- Google Fonts: Cairo -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<!-- Pure Self-Contained Luxury CSS (Military Heritage Dark Theme) -->
<!-- Executive Enterprise Luxury CSS -->
<style>
<style>
:root {
:root {
--bg-dark: #07101E;
--bg-dark: #07101E;
--bg-card: #111D33 ;
--bg-card: #0F1A2E ;
--bg-card-hover: #182845 ;
--bg-card-hover: #15243F ;
--border: #233759 ;
--border: #1E3152 ;
--border-gold: #FFD166 ;
--border-accent: #D4AF37 ;
--text-primary: #FFFFFF;
--text-primary: #FFFFFF;
--text-secondary: #CBD5E1 ;
--text-secondary: #E2E8F0 ;
--text-muted: #8E9F B8;
--text-muted: #94A3 B8;
--accent-gold : #FFD166;
--gold-primary : #FFD166;
--accent- gold-dark: #D97706 ;
--gold-dark: #D4AF37 ;
--accent-cyan : #00F5D4;
--cyan- accent: #00F5D4;
--accent-green : #10B981;
--green- accent: #10B981;
--accent-red: #EF4444 ;
--blue- accent: #3B82F6 ;
--military-badge: #1E3A8A;
}
}
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Cairo', system-ui, -apple-system, sans-serif; }
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Cairo', system-ui, -apple-system, sans-serif; }
@@ -45,8 +44,8 @@ class MilitaryCulturePitch
min-height: 100vh;
min-height: 100vh;
overflow-x: hidden;
overflow-x: hidden;
background-image:
background-image:
radial-gradient(circle at 20 % 15%, rgba(255, 209, 102 , 0.07 ) 0%, transparent 45%),
radial-gradient(circle at 15 % 15%, rgba(212, 175, 55 , 0.08 ) 0%, transparent 45%),
radial-gradient(circle at 80 % 35%, rgba(0, 245, 212, 0.05) 0%, transparent 45%),
radial-gradient(circle at 85 % 35%, rgba(0, 245, 212, 0.05) 0%, transparent 45%),
linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
background-size: 100% 100%, 100% 100%, 36px 36px, 36px 36px;
background-size: 100% 100%, 100% 100%, 36px 36px, 36px 36px;
@@ -57,66 +56,68 @@ class MilitaryCulturePitch
/* Header */
/* Header */
header {
header {
border-bottom: 1px solid var(--border);
border-bottom: 1px solid var(--border);
background-color: rgba(7, 16, 30, 0.95 );
background-color: rgba(7, 16, 30, 0.96 );
backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
position: sticky;
position: sticky;
top: 0;
top: 0;
z-index: 50;
z-index: 50;
}
}
.header-content { height: 72 px; display: flex; align-items: center; justify-content: space-between; }
.header-content { height: 74 px; display: flex; align-items: center; justify-content: space-between; }
.logo-area { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.logo-area { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.logo-badge {
.logo-badge {
width: 44px; height: 44px; border-radius: 12px;
width: 44px; height: 44px; border-radius: 12px;
background: linear-gradient(135deg, #FFD166, #D97706 );
background: linear-gradient(135deg, #FFD166, #D4AF37 );
display: flex; align-items: center; justify-content: center;
display: flex; align-items: center; justify-content: center;
color: #07101E; font-size: 22px; font-weight: 900;
color: #07101E; font-size: 22px; font-weight: 900;
box-shadow: 0 0 24px rgba(255, 209, 102 , 0.35 );
box-shadow: 0 0 24px rgba(212, 175, 55 , 0.4 );
}
}
.brand-title { font-size: 20 px; font-weight: 900; color: #FFFFFF; }
.brand-title { font-size: 21 px; font-weight: 900; color: #FFFFFF; }
.military-pill {
.military-pill {
font-size: 11.5px; font-weight: 800; padding: 3 px 12px; border-radius: 999px;
font-size: 11.5px; font-weight: 800; padding: 4 px 12px; border-radius: 999px;
background: rgba(255, 209, 102 , 0.12 ); color: var(--accent-gold );
background: rgba(212, 175, 55 , 0.15 ); color: var(--gold-primary );
border: 1px solid rgba(255, 209, 102 , 0.35 ); margin-right: 8px;
border: 1px solid rgba(212, 175, 55 , 0.4 ); margin-right: 8px;
}
}
.header-cta {
.header-cta {
padding: 8 px 20 px; font-size: 13.5px; font-weight: 8 00; border-radius: 10px; text-decoration: none;
padding: 10 px 22 px; font-size: 13.5px; font-weight: 9 00; border-radius: 10px; text-decoration: none;
background: linear-gradient(135deg, #FFD166, #D97706 ); color: #07101E;
background: linear-gradient(135deg, #FFD166, #D4AF37 ); color: #07101E !important ;
box-shadow: 0 4px 16px rgba(255, 209, 102 , 0.3); transition: 0.2s;
box-shadow: 0 4px 16px rgba(212, 175, 55 , 0.35 ); transition: 0.2s;
}
}
.header-cta:hover { transform: translateY(-1px); }
.header-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5); }
/* Executive Banner */
/* Executive Hero Section */
.exec-hero { padding: 60 px 0 50 px; text-align: center; }
.exec-hero { padding: 64 px 0 48 px; text-align: center; }
.flag-tag {
.flag-badge {
display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 900;
display: inline-flex; align-items: center; gap: 8px; font-size: 12.5 px; font-weight: 900;
background: rgba(255, 209, 102 , 0.1); border: 1px solid rgba(255, 209, 102 , 0.35 );
background: rgba(212, 175, 55 , 0.12 ); border: 1px solid rgba(212, 175, 55 , 0.4 );
color: var(--accent-gold ); padding: 6px 18 px; border-radius: 999px; margin-bottom: 24px;
color: var(--gold-primary ); padding: 6px 20 px; border-radius: 999px; margin-bottom: 24px;
}
}
.exec-title {
.exec-title {
font-size: clamp(28px, 4.5vw, 48 px); font-weight: 900; line-height: 1.3; color: #FFFFFF;
font-size: clamp(28px, 4.5vw, 46 px); font-weight: 900; line-height: 1.35 ; color: #FFFFFF;
max-width: 960px; margin: 0 auto 20px;
max-width: 960px; margin: 0 auto 20px;
}
}
.exec-title-gold {
.exec-title-gold {
background: linear-gradient(135deg, #FFD166, #F59E0B );
background: linear-gradient(135deg, #FFD166 0%, #D4AF37 100% );
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
}
.exec-desc {
.exec-desc {
font-size: clamp(15px, 2vw, 17.5 px); color: var(--text-secondary); max-width: 82 0px;
font-size: clamp(15px, 2vw, 18 px); color: var(--text-secondary); max-width: 84 0px;
margin: 0 auto 36px; line-height: 1.8;
margin: 0 auto 36px; line-height: 1.8; font-weight: 500;
}
}
.exec-cta-box {
.exec-cta-banner {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px ;
background: linear-gradient(135deg, #0F1A2E 0%, #15243F 100%) ;
padding: 24px; max-width: 700px; margin: 0 auto 50px; display: flex; align-items: center ;
border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 20px ;
justify-content: space-between; gap : 20px; flex-wrap: wrap; text-align: right ;
padding: 26px 32px; max-width : 8 20px; margin: 0 auto 56px; display: flex; align-items: center ;
justify-content: space-between; gap: 24px; flex-wrap: wrap; text-align: right;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}
}
.exec- cta-btn {
.cta-btn-gold {
padding: 12 px 28 px; font-size: 14. 5px; font-weight: 900; border-radius: 12px; text-decoration: none;
padding: 13 px 30 px; font-size: 15px; font-weight: 900; border-radius: 12px; text-decoration: none;
background: linear-gradient(135deg, var(--accent-cyan), var(--accent-cyan-dark) ); color: #07101E;
background: linear-gradient(135deg, #FFD166, #D4AF37 ); color: #07101E !important ;
box-shadow: 0 4 px 20 px rgba(0, 245, 212 , 0.3 ); transition: 0.2s; white-space: nowrap;
box-shadow: 0 6 px 24 px rgba(212, 175, 55 , 0.4 ); transition: 0.2s; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px;
}
}
.exec- cta-btn:hover { transform: translateY(-2px); }
.cta-btn-gold :hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(212, 175, 55, 0.55); }
/* Strategic Value Matrix */
/* Strategic Value Matrix */
.value-matrix {
.value-matrix {
@@ -124,77 +125,95 @@ class MilitaryCulturePitch
}
}
.matrix-card {
.matrix-card {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 28px;
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 28px;
transition: transform 0.2s, border-color 0.2s;
transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; position: relative ;
}
}
.matrix-card:hover { transform: translateY(-3px); border-color: var(--accent-gold); }
.matrix-card:hover {
.matrix-num { font-size: 32 px; font-weight: 900; color: var(--accent-gold); margin-bottom: 8px; }
transform: translateY(-3 px) ; border-color: var(--gold-dark);
.matrix-title { font-size: 17px; font-weight: 800; color: #FFF; margin-bottom: 8px; }
box-shadow: 0 14px 32px rgba(212, 175, 55, 0.12);
.matrix-desc { font-size: 13px; color: var(--text-muted); line-height: 1.65; }
}
.matrix-num { font-size: 34px; font-weight: 900; color: var(--gold-primary); margin-bottom: 6px; }
.matrix-title { font-size: 17px; font-weight: 800; color: #FFFFFF; margin-bottom: 8px; }
.matrix-desc { font-size: 13px; color: var(--text-muted); line-height: 1.65; font-weight: 500; }
/* Pillars Section */
/* Core Strategic Pillars */
.section-header { text-align: center; margin-bottom: 44px; }
.section-header { text-align: center; margin-bottom: 44px; }
.section-tag {
.section-tag {
font-size: 11.5px; font-weight: 800; color: var(--accent-cyan ); background: rgba(0,245,212,0.1);
font-size: 11.5px; font-weight: 800; color: var(--cyan- accent); background: rgba(0,245,212,0.1);
border: 1px solid rgba(0,245,212,0.3); padding: 4px 14 px; border-radius: 999px; display: inline-block; margin-bottom: 12px;
border: 1px solid rgba(0,245,212,0.3); padding: 4px 16 px; border-radius: 999px; display: inline-block; margin-bottom: 12px;
}
}
.section-title { font-size: 30 px; font-weight: 900; color: #FFFFFF; margin-bottom: 10px; }
.section-title { font-size: 32 px; font-weight: 900; color: #FFFFFF; margin-bottom: 10px; }
.section-subtitle { font-size: 14. 5px; color: var(--text-muted); max-width: 65 0px; margin: 0 auto; line-height: 1.6 ; }
.section-subtitle { font-size: 15px; color: var(--text-muted); max-width: 68 0px; margin: 0 auto; line-height: 1.7 ; }
.pillars-grid {
.pillars-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-bottom: 70px;
display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-bottom: 70px;
}
}
.pillar-card {
.pillar-card {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 32px;
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 32px;
position: relative; overflow: hidden ;
position: relative; transition: 0.2s ;
}
}
.pillar-card.gold-bord er { border-color: rgba(255, 209, 102, 0.4 ); }
.pillar-card:hov er { border-color: var(--cyan-accent ); }
.pillar-card.highlight-card { border-color: rgba(212, 175, 55, 0.5); background: linear-gradient(135deg, #0F1A2E, #14223A); }
.pillar-icon {
.pillar-icon {
width: 48 px; height: 48 px; border-radius: 12 px; background: rgba(255, 209, 102 , 0.12);
width: 50 px; height: 50 px; border-radius: 14 px; background: rgba(212, 175, 55 , 0.12);
border: 1px solid rgba(255, 209, 102 , 0.3); display: flex; align-items: center; justify-content: center;
border: 1px solid rgba(212, 175, 55 , 0.35 ); display: flex; align-items: center; justify-content: center;
font-size: 22px; margin-bottom: 18px; color: var(--accent-gold );
font-size: 22px; margin-bottom: 18px; color: var(--gold-primary );
}
}
.pillar-title { font-size: 18 px; font-weight: 900; color: #FFFFFF; margin-bottom: 10px; }
.pillar-title { font-size: 19 px; font-weight: 900; color: #FFFFFF; margin-bottom: 10px; }
.pillar-desc { font-size: 13.5px; color: var(--text-secondary); line-height: 1.7; }
.pillar-desc { font-size: 13.5px; color: var(--text-secondary); line-height: 1.75 ; }
.pillar-points { list-style: none; margin-top: 14 px; display: flex; flex-direction: column; gap: 8 px; font-size: 12.5 px; color: var(--text-muted); }
.pillar-points { list-style: none; margin-top: 16 px; display: flex; flex-direction: column; gap: 9 px; font-size: 13 px; color: var(--text-muted); }
.pillar-points li { display: flex; align-items: center ; gap: 8px; }
.pillar-points li { display: flex; align-items: flex-start ; gap: 8px; }
.pillar-points li::before { content: "• "; color: var(--accent-cyan ); font-weight: 900; font-size: 16 px; }
.pillar-points li::before { content: "✓ "; color: var(--cyan- accent); font-weight: 900; font-size: 14 px; flex-shrink: 0; }
/* Economics Comparison Box */
.economics-box {
background: linear-gradient(135deg, #0B132B 0%, #111E36 100%);
border: 1px solid var(--border); border-radius: 24px; padding: 40px; margin-bottom: 70px;
}
.economics-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 28px;
}
@media (max-width: 768px) { .economics-grid { grid-template-columns: 1fr; } }
.econ-col {
background: rgba(7, 16, 30, 0.7); border: 1px solid var(--border); border-radius: 18px; padding: 24px;
}
.econ-col.saqel-model { border-color: rgba(0, 245, 212, 0.5); background: rgba(0, 245, 212, 0.03); }
/* Roadmap Section */
/* Roadmap Section */
.roadmap-box {
.roadmap-box {
background: linear-gradient(135deg, #111D33 0%, #15243F 100%) ;
background: var(--bg-card); border: 1px solid var(--border); border-radius: 24px; padding: 40px; margin-bottom: 70px ;
border: 1px solid var(--border); border-radius: 24px; padding: 40px; margin-bottom: 70px;
}
}
.roadmap-grid {
.roadmap-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 28px;
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 28px;
}
}
.step-card {
.step-card {
background: rgba(7, 16, 30, 0.7 ); border: 1px solid var(--border); border-radius: 18px; padding: 24px;
background: rgba(7, 16, 30, 0.8 ); border: 1px solid var(--border); border-radius: 18px; padding: 24px;
}
}
.step-badge {
.step-badge {
font-size: 11px; font-weight: 900; color: var(--accent-cyan ); background: rgba(0,245,212,0.1);
font-size: 11.5 px; font-weight: 900; color: var(--cyan- accent); background: rgba(0,245,212,0.1);
padding: 3px 10 px; border-radius: 6px; display: inline-block; margin-bottom: 10px;
border: 1px solid rgba(0,245,212,0.3); padding: 3px 12 px; border-radius: 6px; display: inline-block; margin-bottom: 10px;
}
}
.step-title { font-size: 16px; font-weight: 800; color: #FFF; margin-bottom: 8px; }
.step-title { font-size: 16.5 px; font-weight: 800; color: #FFF; margin-bottom: 8px; }
.step-desc { font-size: 12.5 px; color: var(--text-muted); line-height: 1.6 ; }
.step-desc { font-size: 13 px; color: var(--text-muted); line-height: 1.7 ; }
/* Demo Request Form */
/* Demo Request Form */
.demo-section {
.demo-section {
background: var(--bg-card); border: 1px solid rgba(255, 209, 102, 0.4); border-radius: 24px ;
background: linear-gradient(135deg, #0F1A2E 0%, #15243F 100%) ;
padding: 44px; margin-bottom: 70px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) ;
border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 24px ;
padding: 44px; margin-bottom: 70px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
}
.demo-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 36 px; align-items: center; }
.demo-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40 px; align-items: center; }
@media (max-width: 860px) { .demo-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .demo-grid { grid-template-columns: 1fr; } }
.form-group { margin-bottom: 16 px; }
.form-group { margin-bottom: 18 px; }
.form-label { display: block; font-size: 12px; font-weight: 700; color: var(--text-secondary); margin-bottom: 6 px; }
.form-label { display: block; font-size: 12.5 px; font-weight: 700; color: var(--text-secondary); margin-bottom: 8 px; }
.input-text {
.input-text {
width: 100%; background: #07101E; border: 1px solid var(--border); border-radius: 10px;
width: 100%; background: #07101E; border: 1px solid var(--border); border-radius: 10px;
padding: 12 px 14 px; font-size: 13.5 px; color: #FFFFFF; outline: none; transition: 0.2s;
padding: 13 px 16 px; font-size: 14 px; color: #FFFFFF; outline: none; transition: 0.2s;
}
}
.input-text:focus { border-color: var(--accent-gold ); }
.input-text:focus { border-color: var(--gold-primary); box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2 ); }
footer {
footer {
border-top: 1px solid var(--border); background: #040912; padding: 36px 0 24px; color: var(--text-muted); font-size: 12.5 px;
border-top: 1px solid var(--border); background: #040912; padding: 36px 0 24px; color: var(--text-muted); font-size: 13 px;
}
}
.footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }
.footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }
</style>
</style>
@@ -213,36 +232,36 @@ class MilitaryCulturePitch
</div>
</div>
</a>
</a>
<div style="display: flex; align-items: center; gap: 12 px;">
<div style="display: flex; align-items: center; gap: 14 px;">
<a href="/" style="font-size: 13px; color: var(--text-secondary); text-decoration: none; margin-left: 10px; ">الرئيسية</a>
<a href="/" style="font-size: 13.5 px; color: var(--text-secondary); text-decoration: none;">الرئيسية</a>
<a href="#demo_request_form" class="header-cta">طلب عرض تنفيذي للقيادة ←</a>
<a href="#demo_request_form" class="header-cta">طلب ال عرض ال تنفيذي للقيادة ←</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
</header>
<!-- Hero -->
<!-- Executive Hero -->
<section class="exec-hero">
<section class="exec-hero">
<div class="container">
<div class="container">
<div class="flag-tag ">
<div class="flag-badge ">
<span>🇯🇴 مبادر ة استراتيجية لمدارس الجيش العربي والأجهزة الأمنية</span>
<span>🇯🇴 شراك ة استراتيجية لمدارس الجيش العربي والأجهزة الأمنية</span>
</div>
</div>
<h1 class="exec-title">
<h1 class="exec-title">
نحو تحقيق أعلى نسب تفوق وزاري لأبناء القوات المسلحة: <br>
نحو أعلى نسب تفوق وزاري لأبناء القوات المسلحة: <br>
<span class="exec-title-gold">نبيعكم الناتج والتمكين الأكاديمي </span> بأقل التكاليف التشغيلية
<span class="exec-title-gold">نبيعكم المخرجات الأكاديمية والإنتاج </span> بأقل التكاليف التشغيلية
</h1>
</h1>
<p class="exec-desc">
<p class="exec-desc">
عرض تقني وتربوي متكامل موجه لقيادة ومديرية التربية والتعليم والثقافة العسكرية، ل توحيد جودة تدريس التوجيهي عبر كافة مدارس المملكة و البادية، وتوفير غرفة قيادة وسيطرة مركزية تقيس مستوى تحصيل كل مدرسة وطالب لحظياً.
منظومة وطنية متكاملة موجهة لقيادة ومديرية التربية والتعليم والثقافة العسكرية، تضمن توحيد جودة تدريس التوجيهي عبر كافة المحافظات ومناطق البادية، مع غرفة قيادة وسيطرة مركزية تقيس مستوى تحصيل كل مدرسة وطالب لحظياً.
</p>
</p>
<div class="exec-cta-box ">
<div class="exec-cta-banner ">
<div>
<div>
<strong style="font-size: 15 px; color: #FFF; display: block;">عرض المنظومة والتجربة الميدانية المباشرة </strong>
<strong style="font-size: 16 px; color: #FFF; display: block; margin-bottom: 4px;">جاهزية كاملة لتقديم العرض التنفيذي المباشر (Live Demo) </strong>
<span style="font-size: 12.5 px; color: var(--text-muted);">جاهزون لتقديم عرض تنفيذي حي (Live Demo) في مبنى المديرية في أي وقت تحددونه .</span>
<span style="font-size: 13 px; color: var(--text-secondary);">است عرا حي لكافة إمكانيات المنظمة في مبنى المديرية في ال وقت المناسب لكم .</span>
</div>
</div>
<a href="#demo_request_form" class="exec- cta-btn">حجز موعد العرض التنفيذي 📅</a>
<a href="#demo_request_form" class="cta-btn-gold ">حجز موعد العرض التنفيذي 📅</a>
</div>
</div>
<!-- Value Matrix -->
<!-- Value Matrix -->
@@ -250,25 +269,25 @@ class MilitaryCulturePitch
<div class="matrix-card">
<div class="matrix-card">
<div class="matrix-num">100%</div>
<div class="matrix-num">100%</div>
<div class="matrix-title">عدالة تعليمية جغرافية</div>
<div class="matrix-title">عدالة تعليمية جغرافية</div>
<div class="matrix-desc">طالب مدرسة القويرة أو الصفاوي يتلقى نفس شرح وتدريب كبار معلمي العاص مة بدون عن اء ال تنقل.</div>
<div class="matrix-desc">طالب مدرسة القويرة أو الصفاوي يتلقى نفس شرح نخبة معلمي المملك ة بدون أعب اء تنقل أو نقص كوادر .</div>
</div>
</div>
<div class="matrix-card">
<div class="matrix-card">
<div class="matrix-num">80%</div>
<div class="matrix-num">80%</div>
<div class="matrix-title">توفير في النفقات الإثرائ ية</div>
<div class="matrix-title">خفض النفقات التشغيل ية</div>
<div class="matrix-desc">إلغاء تكاليف المراكز، المطبوعات الورقية، وباصات التنقل عبر بنية سحابية موحدة وذكي ة.</div>
<div class="matrix-desc">إلغاء تكاليف المراكز الإثرائية ، المطبوعات الورقية، وباصات التنقل بنظام سحابي موحد وفائق الكفاء ة.</div>
</div>
</div>
<div class="matrix-card">
<div class="matrix-card">
<div class="matrix-num">0s</div>
<div class="matrix-num">0s</div>
<div class="matrix-title">تقارير لحظية للقيادة</div>
<div class="matrix-title">تقارير لحظية للقيادة</div>
<div class="matrix-desc">غرفة عمليات مركزية لمدير التعليم والضباط لمتابعة نسب الإنجاز والمؤشر الوزاري لكل شعبة.</div>
<div class="matrix-desc">غرفة عمليات مركزية تتيح لمدير التعليم والضباط رصد نسب الإنجاز والمؤشر الوزاري لكل مدرسة و شعبة.</div>
</div>
</div>
<div class="matrix-card">
<div class="matrix-card">
<div class="matrix-num">100%</div>
<div class="matrix-num">100%</div>
<div class="matrix-title">سيادة رقمية وأمان عال ي</div>
<div class="matrix-title">سيادة وأمان رقم ي</div>
<div class="matrix-desc">استضافة محلية آمنة، تشفير بيانات الطلاب، ومنع تام لتسريب أو قرصنة المحتوى الدراسي .</div>
<div class="matrix-desc">استضافة محلية آمنة، تشفير بيانات الطلاب، ومنع تام لتسريب أو تصوير المواد التعليمية (DRM) .</div>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -278,145 +297,173 @@ class MilitaryCulturePitch
<section style="padding: 20px 0;">
<section style="padding: 20px 0;">
<div class="container">
<div class="container">
<div class="section-header">
<div class="section-header">
<span class="section-tag">أركان المبادرة الاستراتيجية</span>
<span class="section-tag">المحاور الاستراتيجية للمبادرة </span>
<h2 class="section-title">كيف تضمن منصة صَقِل تفوق طلبة الثقافة العسك رية؟</h2>
<h2 class="section-title">كيف تضمن صَقِل تحقيق القفزة النوعية لمدارس المدي رية؟</h2>
<p class="section-subtitle">
<p class="section-subtitle">
النموذج التقليدي يعتمد على المشاهدة السلبية. نحن نلزم الطالب بال اشتباك ال ذهني ونقيس استيعابه في كل ثانية .
نستبدل المشاهدة السلبية غير المقاسة بنظام اشتباك ذهني إجباري يضمن استيعاب كل مفهوم قبل الانتقال للذي يليه .
</p>
</p>
</div>
</div>
<div class="pillars-grid">
<div class="pillars-grid">
<!-- Pillar 1 -->
<!-- Pillar 1 -->
<div class="pillar-card gold-border ">
<div class="pillar-card highlight-card ">
<div class="pillar-icon">🎖️</div>
<div class="pillar-icon">🎖️</div>
<h3 class="pillar-title">1. غرفة القيادة والسيطرة التعليمية المركزية (Command Dashboard)</h3>
<h3 class="pillar-title">1. غرفة القيادة والسيطرة التعليمية (Command Dashboard)</h3>
<p class="pillar-desc">
<p class="pillar-desc">
لوحة تحكم تنفيذية مخصصة لمدير التعليم وضباط الإشراف التربوي بالمديرية لمتابعة الإنجاز اليومي :
لوحة تحكم تنفيذية مركزية مخصصة للقيادة وضباط الإشراف بالمديرية:
</p>
</p>
<ul class="pillar-points">
<ul class="pillar-points">
<li>نسبة مشاهدة وإكمال الحصص لكل مدرسة على مستوى المحافظات .</li>
<li>رصد فوري ل نسب مشاهدة وحل امتحانات الدروس لكل مدرسة وشعبة في المملكة .</li>
<li>كشف فوري للشعب والمدارس التي تواجه تعثراً في مواد محددة (كالفيزياء أو الرياضيات) .</li>
<li>اكتشاف مبكر للشعب التي تواجه صعوبة في مباحث علمية معينة للتدخل الاستباقي .</li>
<li>مؤشر الجاهزية للوزاري التراكمي (Tawjihi Readiness Index) .</li>
<li>مؤشر الجاهزية للوزاري التراكمي لجميع طلبة مدارس الثقافة العسكرية .</li>
</ul>
</ul>
</div>
</div>
<!-- Pillar 2 -->
<!-- Pillar 2 -->
<div class="pillar-card">
<div class="pillar-card">
<div class="pillar-icon">⏱️ </div>
<div class="pillar-icon">🧠 </div>
<h3 class="pillar-title">2. مشغل الكويزات الصدمية (Socratic Checkpoints )</h3>
<h3 class="pillar-title">2. تقنية التثبيت المعرفي السقراطي (Active Recall Engine )</h3>
<p class="pillar-desc">
<p class="pillar-desc">
الحل الحاسم ل مشكلة تشتت الطالب أو فتح الفيديو دون تركيز:
القضاء التام على مشكلة تشتت الطالب أو تشغيل الفيديو دون تركيز:
</p>
</p>
<ul class="pillar-points">
<ul class="pillar-points">
<li>ي توقف الفيديو إجبارياً عند الدقيقة المحددة (مثلاً 08:30) لسؤال الطالب حول المفهوم المشروح .</li>
<li>توقف الفيديو إجبارياً عند نقاط فحص الفهم لاختبار استيعاب الطالب .</li>
<li>إذا أخطأ: يعيده المشغل تلقائياً 45 ثانية للخلف لإعادة التركيز وفهم المفهو م.</li>
<li>إلزام الطالب بمراجعة المفهوم في حال عدم الدقة لضمان الإتقان التا م.</li>
<li>لا يُعتبر الدرس مكتملاً إلا بعد اجتياز كافة نقاط التوقف السقراطية .</li>
<li>لا يُسجل الدرس ك مكتمل إلا بعد اجتياز نقاط الفحص بنجاح .</li>
</ul>
</ul>
</div>
</div>
<!-- Pillar 3 -->
<!-- Pillar 3 -->
<div class="pillar-card">
<div class="pillar-card">
<div class="pillar-icon">📲</div>
<div class="pillar-icon">📲</div>
<h3 class="pillar-title">3. تقارير أولياء الأمور المؤتمتة عبر الواتساب</h3>
<h3 class="pillar-title">3. تقارير مؤتمتة ل أولياء الأمور عبر الواتساب</h3>
<p class="pillar-desc">
<p class="pillar-desc">
ربط مباشر مع أولياء الأمور من ضباط وضباط صف القوات المسلحة والأجهزة الأمني ة:
إبقاء أولياء الأمور من ضباط وضباط صف القوات المسلحة في قلب المتابع ة:
</p>
</p>
<ul class="pillar-points">
<ul class="pillar-points">
<li>إشعار دوري على الواتساب بنتائج ابنه وساعات دراسته ومستوى تقدم ه <li>إشعار دوري موجز بنسبة تقدم الطالب وساعات دراسته ونتائج امتحانات ه
<li>تنبيه استباقي فوري لولي الأمر في حال انخفاض مؤشر الجاهزية للوزا ري.</li>
<li>تنبيه استباقي عند وجود أي تراجع في مؤشر الفهم للمعالجة الفو رية .</li>
<li>تسهيل المتابعة الأسرية حتى أثناء فترات مناوبات الضباط في الميدان.</li>
<li>تسهيل المتابعة الأسرية أثناء فترات الخدمة وال مناوبات الميدانية .</li>
</ul>
</ul>
</div>
</div>
<!-- Pillar 4 -->
<!-- Pillar 4 -->
<div class="pillar-card">
<div class="pillar-card">
<div class="pillar-icon">🤖</div>
<div class="pillar-icon">🤖</div>
<h3 class="pillar-title">4. محرك الذ كاء الاصطناع ي لسد الثغرات المعرفية </h3>
<h3 class="pillar-title">4. التشخيص الأ كاديمي الذك ي لسد الثغرات</h3>
<p class="pillar-desc">
<p class="pillar-desc">
تشخيص دقيق ومخصص لكل طالب بدلاً من التعليم الجماعي الموحد :
معالجة الفروق الفردية وتمكين كل طالب من تدارك نقاط ضعفه :
</p>
</p>
<ul class="pillar-points">
<ul class="pillar-points">
<li>تحديد نقاط الضعف ا لدقيقة لكل طالب بناءً على أخطائه في ا لا متحانات.</li>
<li>تحليل دقيق لأخطاء الطالب في امتحانات الدروس والوحدات .</li>
<li>توليد امتحانات علاجية مخصصة ل سد الثغرات تلقائياً قبل الامتحانات الوزارية .</li>
<li>توليد نماذج امتحانية علاجية مخصصة ت سد الثغرات قبل الامتحان الوزاري.</li>
<li>تقارير تشخيصية توضح ل لمعلم أ ين تكمن المشكلة بالضبط .</li>
<li>تزويد ا لمعلمين والمشرفين بملخص مباشر حول المفاهيم الأكثر صعوبة .</li>
</ul>
</ul>
</div>
</div>
<!-- Pillar 5 -->
<!-- Pillar 5 -->
<div class="pillar-card">
<div class="pillar-card">
<div class="pillar-icon">📡</div>
<div class="pillar-icon">📡</div>
<h3 class="pillar-title">5. جاهزية العمل في البادية والمناطق النائية </h3>
<h3 class="pillar-title">5. ملاءمة بيئات البادية والاتصال المحدود </h3>
<p class="pillar-desc">
<p class="pillar-desc">
بنية تحتية مصممة خصيصاً للتعامل مع تحديات سرعة الإنترنت:
بنية تحتية مرنة تتكيف مع سرعات الإنترنت في مختلف مناطق المملكة :
</p>
</p>
<ul class="pillar-points">
<ul class="pillar-points">
<li>بث متكيف (Adaptive Bitrate Streaming) يعمل بسلاسة حتى على شبكات 3G/4G الضعيف ة.</li>
<li>بث مرن ذكي يعمل بسلاسة حتى م ع شبكات الاتصال البسيط ة.</li>
<li>إمكانية تحميل المحاضرات مسبقاً بشكل مشفر داخل معامل الحاسوب المدرسية.</li>
<li>إمكانية التشغيل السلس داخل معامل الحاسوب المدرسية في المدارس النائية .</li>
</ul>
</ul>
</div>
</div>
<!-- Pillar 6 -->
<!-- Pillar 6 -->
<div class="pillar-card">
<div class="pillar-card">
<div class="pillar-icon">🔒</div>
<div class="pillar-icon">🔒</div>
<h3 class="pillar-title">6. السياد ة الرقم ية والحماي ة الأمن ية (Zero-Trust)</h3>
<h3 class="pillar-title">6. الحماي ة العال ية والسياد ة الرقم ية (Zero-Trust)</h3>
<p class="pillar-desc">
<p class="pillar-desc">
أعلى معايير الأمن السيبراني ل حماية بيانات أبناء القوات المسلحة :
أعلى معايير حماية ال بيانات والخصوصية المعتمدة مؤسسياً :
</p>
</p>
<ul class="pillar-points">
<ul class="pillar-points">
<li>تشفير ك امل لقواعد ال بيانات و الاتصا لات السلكية واللاسلك ية.</li>
<li>تشفير ش امل لبيانات الطلبة ونتائجهم وسج لاتهم الأكاديم ية.</li>
<li>علامة مائية ديناميكية تمنع تصوير الشاشات أو تسريب المواد التعليمية .</li>
<li>علامة مائية أمنية ديناميكية تمنع تصوير الشاشات أو قرصنة المواد.</li>
<li>استضافة محلية تخضع للسيادة الأردنية الكاملة.</li>
<li>استضافة محلية تخضع للسيادة الأردنية الكاملة.</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<!-- Phased Implementation Pla n -->
<!-- Economics Compariso n -->
<div class="economics-box">
<div style="text-align: center;">
<span class="section-tag">الجدوى الاقتصادية والأثر المالي</span>
<h2 style="font-size: 26px; font-weight: 900; color: #FFF;">مقارنة نموذج النفقات التقليدي بنموذج صَقِل</h2>
</div>
<div class="economics-grid">
<div class="econ-col">
<strong style="font-size: 16px; color: #F87171; display: block; margin-bottom: 12px;">❌ النموذج التقليدي (نفقات متكررة ومخرجات غير مقاسة):</strong>
<ul class="pillar-points" style="color: var(--text-secondary);">
<li>تكاليف باهظة لطباعة الكراسات والملازم سنوياً.</li>
<li>أعباء استئجار مراكز وتسيير باصات للنقل في البرامج الإثرائية.</li>
<li>صعوبة رصد مستوى الطالب إلا بعد صدور النتائج النهائية.</li>
</ul>
</div>
<div class="econ-col saqel-model">
<strong style="font-size: 16px; color: var(--cyan-accent); display: block; margin-bottom: 12px;">✓ نموذج صَقِل (شراء الناتج والإنتاج بأعلى كفاءة):</strong>
<ul class="pillar-points" style="color: #FFFFFF;">
<li>توفير يصل إلى 80% من النفقات التشغيلية والمطبوعات.</li>
<li>رصد دقيق لحظي لمستوى كل مدرسة وطالب على مستوى المملكة.</li>
<li>تأثير مباشر ومثبت في رفع نسب التفوق لجميع أبناء القوات المسلحة.</li>
</ul>
</div>
</div>
</div>
<!-- Roadmap -->
<div class="roadmap-box">
<div class="roadmap-box">
<div style="text-align: center;">
<div style="text-align: center;">
<span class="section-tag">خطة التنفيذ والتشغيل المقترحة </span>
<span class="section-tag">مراحل الشراكة والتنفيذ </span>
<h2 style="font-size: 26px; font-weight: 900; color: #FFF;">مراحل تفعيل المنظومة مع مديرية الثقافة العسكري ة</h2>
<h2 style="font-size: 26px; font-weight: 900; color: #FFF;">خطة ال تفعيل المرحلية المقترح ة</h2>
</div>
</div>
<div class="roadmap-grid">
<div class="roadmap-grid">
<div class="step-card">
<div class="step-card">
<span class="step-badge">المرحلة الأولى (14 يوماً) </span>
<span class="step-badge">المرحلة الأولى</span>
<h4 class="step-title">الإطلاق التجريبي الاستطلاعي (Pilot Phase )</h4>
<h4 class="step-title">التشغيل التجريبي الاستطلاعي (Pilot)</h4>
<p class="step-desc">
<p class="step-desc">
اختيار 5 مدارس نموذجية تابعة للمديرية (شمال، وسط، جنوب، وبادية) لتطبيق النظام على طلاب التوجيهي وربط المعلمين بالاستوديو .
اختيار 5 مدارس نموذجية تابعة للمديرية (شمال، وسط، جنوب، وبادية) لتطبيق الم نظومة وربط طلاب التوجيهي بها .
</p>
</p>
</div>
</div>
<div class="step-card">
<div class="step-card">
<span class="step-badge">المرحلة الثانية (30 يوماً) </span>
<span class="step-badge">المرحلة الثانية</span>
<h4 class="step-title">قياس الأثر ومؤشر الجاهزية </h4>
<h4 class="step-title">قياس الأثر وتحليل المؤشرات </h4>
<p class="step-desc">
<p class="step-desc">
استعراض تقارير غرفة العمليات المركزية، وقياس نسبة تحسن الطلا تجريبية، وتدريب المشرفين التربويين .
استعراض تقارير غرفة القيادة والسيطرة وقياس نسبة تحسن الطلبة في الامتحانات و الجاهزية للوزاري .
</p>
</p>
</div>
</div>
<div class="step-card">
<div class="step-card">
<span class="step-badge">المرحلة الثالثة</span>
<span class="step-badge">المرحلة الثالثة</span>
<h4 class="step-title">التعميم الشامل والاعتماد المؤسسي </h4>
<h4 class="step-title">الاعتماد وال تعميم الشامل</h4>
<p class="step-desc">
<p class="step-desc">
تعميم المنظومة رسمياً على كافة مدارس و مديريات الثقافة العسكرية في المملكة لتصبح المنصة الرقمية المعتمدة لأبناء الجيش العربي .
تعميم المنظومة على كافة مدارس مديرية الثقافة العسكرية لتكون المنصة الرقمية المعتمدة رسمياً .
</p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Executive Demo Request Form -->
<!-- Demo Request -->
<div id="demo_request_form" class="demo-section">
<div id="demo_request_form" class="demo-section">
<div class="demo-grid">
<div class="demo-grid">
<div>
<div>
<span class="section-tag">التواصل والت نسيق التنفيذي </span>
<span class="section-tag">التنسيق المباشر </span>
<h2 style="font-size: 28px; font-weight: 900; color: #FFF; margin-bottom: 12px;">طلب جلسة تقديم العرض التنفيذي للقيادة</h2>
<h2 style="font-size: 28px; font-weight: 900; color: #FFF; margin-bottom: 12px;">طلب جلسة تقديم العرض التنفيذي للقيادة</h2>
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 20 px;">
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.75 ; margin-bottom: 24 px;">
يسعدنا تقديم عرض عملي مباشر لكافة مزايا المنظومة أمام عطوفة المدير وضباط التعليم، مع تقديم تقرير الجدوى الاقتصادية والأثر التربو ي.
يسعدنا تقديم عرض عملي وتوضيحي لكافة مزايا المنظومة أمام عطوفة المدير وضباط التعليم، ومناقشة تفاصيل التطبيق الميدان ي.
</p>
</p>
<div style="background: rgba(7, 16, 30, 0.8); border: 1px solid var(--border); border-radius: 14 px; padding: 18px; margin-bottom: 16 px;">
<div style="background: rgba(7, 16, 30, 0.85 ); border: 1px solid var(--border); border-radius: 16 px; padding: 20 px;">
<span style="font-size: 12px; color: var(--text-muted); display: block;">مسؤول التنسيق والتنفيذ المباشر:</span>
<span style="font-size: 12px; color: var(--text-muted); display: block;">مسؤول التنسيق والتنفيذ المباشر:</span>
<strong style="font-size: 16 px; color: var(--accent-gold ); display: block; margin-top: 2px;">الأستاذ حمزة النجار </strong>
<strong style="font-size: 17 px; color: var(--gold-primary ); display: block; margin-top: 2px;">الأستاذ حمزة الغويري </strong>
<span style="font-size: 13px; color: var(--text-secondary);">المؤسس والمعماري التقني لمنظومة صَقِل التعليمية</span>
<span style="font-size: 13px; color: var(--text-secondary);">المؤسس والمعماري التقني لمنظومة صَقِل التعليمية</span>
</div>
</div>
</div>
</div>
@@ -443,7 +490,7 @@ class MilitaryCulturePitch
<input type="text" placeholder="مثال: الثلاثاء القادم الساعة 10:00 صباحاً" class="input-text">
<input type="text" placeholder="مثال: الثلاثاء القادم الساعة 10:00 صباحاً" class="input-text">
</div>
</div>
<button type="submit" class="exec- cta-btn" style="width: 100%; padding: 14px; border: none; cursor: pointer; font-size: 15px;">
<button type="submit" class="cta-btn-gold " style="width: 100%; padding: 14px; border: none; cursor: pointer; justify-content: center; font-size: 15px;">
تأكيد طلب موعد العرض التنفيذي 🇯🇴
تأكيد طلب موعد العرض التنفيذي 🇯🇴
</button>
</button>
</form>
</form>
@@ -458,7 +505,7 @@ class MilitaryCulturePitch
<footer>
<footer>
<div class="container">
<div class="container">
<div class="footer-content">
<div class="footer-content">
<span>مبادرة التمكين الأكاديمي لمدارس مديرية التربية والتعليم والثقافة العسكرية — منصة صَقِل © 2026</span>
<span>ال مبادرة الاستراتيجية لمدارس مديرية التربية والتعليم والثقافة العسكرية — منصة صَقِل © 2026</span>
<div style="display: flex; gap: 18px;">
<div style="display: flex; gap: 18px;">
<a href="/" style="color: var(--text-muted); text-decoration: none;">الرئيسية</a>
<a href="/" style="color: var(--text-muted); text-decoration: none;">الرئيسية</a>
<a href="/student" style="color: var(--text-muted); text-decoration: none;">بوابة الطالب</a>
<a href="/student" style="color: var(--text-muted); text-decoration: none;">بوابة الطالب</a>
Hamza-Ayed