@@ -12,29 +12,28 @@ class MilitaryCulturePitch
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مبادرة التمكين الأكاديمي ل مديرية الثقافة العسكرية — منصة صَقِل</title>
<title>ال مبادرة الاستراتيجية لتمكين مدارس مديرية الثقافة العسكرية — منصة صَقِل</title>
<!-- Google Fonts: Cairo -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<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">
<!-- Pure Self-Contained Luxury CSS (Military Heritage Dark Theme) -->
<!-- Executive Enterprise Luxury CSS -->
<style>
:root {
--bg-dark: #07101E;
--bg-card: #111D33 ;
--bg-card-hover: #182845 ;
--border: #233759 ;
--border-gold: #FFD166 ;
--bg-card: #0F1A2E ;
--bg-card-hover: #15243F ;
--border: #1E3152 ;
--border-accent: #D4AF37 ;
--text-primary: #FFFFFF;
--text-secondary: #CBD5E1 ;
--text-muted: #8E9F B8;
--accent-gold : #FFD166;
--accent- gold-dark: #D97706 ;
--accent-cyan : #00F5D4;
--accent-green : #10B981;
--accent-red: #EF4444 ;
--military-badge: #1E3A8A;
--text-secondary: #E2E8F0 ;
--text-muted: #94A3 B8;
--gold-primary : #FFD166;
--gold-dark: #D4AF37 ;
--cyan- accent: #00F5D4;
--green- accent: #10B981;
--blue- accent: #3B82F6 ;
}
* { 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;
overflow-x: hidden;
background-image:
radial-gradient(circle at 20 % 15%, rgba(255, 209, 102 , 0.07 ) 0%, transparent 45%),
radial-gradient(circle at 80 % 35%, rgba(0, 245, 212, 0.05) 0%, transparent 45%),
radial-gradient(circle at 15 % 15%, rgba(212, 175, 55 , 0.08 ) 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 bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
background-size: 100% 100%, 100% 100%, 36px 36px, 36px 36px;
@@ -57,66 +56,68 @@ class MilitaryCulturePitch
/* Header */
header {
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);
position: sticky;
top: 0;
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-badge {
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;
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 {
font-size: 11.5px; font-weight: 800; padding: 3 px 12px; border-radius: 999px;
background: rgba(255, 209, 102 , 0.12 ); color: var(--accent-gold );
border: 1px solid rgba(255, 209, 102 , 0.35 ); margin-right: 8px;
font-size: 11.5px; font-weight: 800; padding: 4 px 12px; border-radius: 999px;
background: rgba(212, 175, 55 , 0.15 ); color: var(--gold-primary );
border: 1px solid rgba(212, 175, 55 , 0.4 ); margin-right: 8px;
}
.header-cta {
padding: 8 px 20 px; font-size: 13.5px; font-weight: 8 00; border-radius: 10px; text-decoration: none;
background: linear-gradient(135deg, #FFD166, #D97706 ); color: #07101E;
box-shadow: 0 4px 16px rgba(255, 209, 102 , 0.3); transition: 0.2s;
padding: 10 px 22 px; font-size: 13.5px; font-weight: 9 00; border-radius: 10px; text-decoration: none;
background: linear-gradient(135deg, #FFD166, #D4AF37 ); color: #07101E !important ;
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 */
.exec-hero { padding: 60 px 0 50 px; text-align: center; }
.flag-tag {
display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 900;
background: rgba(255, 209, 102 , 0.1); border: 1px solid rgba(255, 209, 102 , 0.35 );
color: var(--accent-gold ); padding: 6px 18 px; border-radius: 999px; margin-bottom: 24px;
/* Executive Hero Section */
.exec-hero { padding: 64 px 0 48 px; text-align: center; }
.flag-badge {
display: inline-flex; align-items: center; gap: 8px; font-size: 12.5 px; font-weight: 900;
background: rgba(212, 175, 55 , 0.12 ); border: 1px solid rgba(212, 175, 55 , 0.4 );
color: var(--gold-primary ); padding: 6px 20 px; border-radius: 999px; margin-bottom: 24px;
}
.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;
}
.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;
}
.exec-desc {
font-size: clamp(15px, 2vw, 17.5 px); color: var(--text-secondary); max-width: 82 0px;
margin: 0 auto 36px; line-height: 1.8;
font-size: clamp(15px, 2vw, 18 px); color: var(--text-secondary); max-width: 84 0px;
margin: 0 auto 36px; line-height: 1.8; font-weight: 500;
}
.exec-cta-box {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px ;
padding: 24px; max-width: 700px; margin: 0 auto 50px; display: flex; align-items: center ;
justify-content: space-between; gap : 20px; flex-wrap: wrap; text-align: right ;
.exec-cta-banner {
background: linear-gradient(135deg, #0F1A2E 0%, #15243F 100%) ;
border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 20px ;
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 {
padding: 12 px 28 px; font-size: 14. 5px; font-weight: 900; border-radius: 12px; text-decoration: none;
background: linear-gradient(135deg, var(--accent-cyan), var(--accent-cyan-dark) ); color: #07101E;
box-shadow: 0 4 px 20 px rgba(0, 245, 212 , 0.3 ); transition: 0.2s; white-space: nowrap;
.cta-btn-gold {
padding: 13 px 30 px; font-size: 15px; font-weight: 900; border-radius: 12px; text-decoration: none;
background: linear-gradient(135deg, #FFD166, #D4AF37 ); color: #07101E !important ;
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 */
.value-matrix {
@@ -124,77 +125,95 @@ class MilitaryCulturePitch
}
.matrix-card {
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-num { font-size: 32 px; font-weight: 900; color: var(--accent-gold); margin-bottom: 8px; }
.matrix-title { font-size: 17px; font-weight: 800; color: #FFF; margin-bottom: 8px; }
.matrix-desc { font-size: 13px; color: var(--text-muted); line-height: 1.65; }
.matrix-card:hover {
transform: translateY(-3 px) ; border-color: var(--gold-dark);
box-shadow: 0 14px 32px rgba(212, 175, 55, 0.12);
}
.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-tag {
font-size: 11.5px; font-weight: 800; color: var(--accent-cyan ); 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;
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 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-subtitle { font-size: 14. 5px; color: var(--text-muted); max-width: 65 0px; margin: 0 auto; line-height: 1.6 ; }
.section-title { font-size: 32 px; font-weight: 900; color: #FFFFFF; margin-bottom: 10px; }
.section-subtitle { font-size: 15px; color: var(--text-muted); max-width: 68 0px; margin: 0 auto; line-height: 1.7 ; }
.pillars-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-bottom: 70px;
}
.pillar-card {
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 {
width: 48 px; height: 48 px; border-radius: 12 px; background: rgba(255, 209, 102 , 0.12);
border: 1px solid rgba(255, 209, 102 , 0.3); display: flex; align-items: center; justify-content: center;
font-size: 22px; margin-bottom: 18px; color: var(--accent-gold );
width: 50 px; height: 50 px; border-radius: 14 px; background: rgba(212, 175, 55 , 0.12);
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(--gold-primary );
}
.pillar-title { font-size: 18 px; font-weight: 900; color: #FFFFFF; margin-bottom: 10px; }
.pillar-desc { font-size: 13.5px; color: var(--text-secondary); line-height: 1.7; }
.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 li { display: flex; align-items: center ; gap: 8px; }
.pillar-points li::before { content: "• "; color: var(--accent-cyan ); font-weight: 900; font-size: 16 px; }
.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.75 ; }
.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: flex-start ; gap: 8px; }
.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-box {
background: linear-gradient(135deg, #111D33 0%, #15243F 100%) ;
border: 1px solid var(--border); border-radius: 24px; padding: 40px; margin-bottom: 70px;
background: var(--bg-card); border: 1px solid var(--border); border-radius: 24px; padding: 40px; margin-bottom: 70px ;
}
.roadmap-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 28px;
}
.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 {
font-size: 11px; font-weight: 900; color: var(--accent-cyan ); background: rgba(0,245,212,0.1);
padding: 3px 10 px; border-radius: 6px; display: inline-block; margin-bottom: 10px;
font-size: 11.5 px; font-weight: 900; color: var(--cyan- accent); background: rgba(0,245,212,0.1);
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-desc { font-size: 12.5 px; color: var(--text-muted); line-height: 1.6 ; }
.step-title { font-size: 16.5 px; font-weight: 800; color: #FFF; margin-bottom: 8px; }
.step-desc { font-size: 13 px; color: var(--text-muted); line-height: 1.7 ; }
/* Demo Request Form */
.demo-section {
background: var(--bg-card); border: 1px solid rgba(255, 209, 102, 0.4); border-radius: 24px ;
padding: 44px; margin-bottom: 70px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) ;
background: linear-gradient(135deg, #0F1A2E 0%, #15243F 100%) ;
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; } }
.form-group { margin-bottom: 16 px; }
.form-label { display: block; font-size: 12px; font-weight: 700; color: var(--text-secondary); margin-bottom: 6 px; }
.form-group { margin-bottom: 18 px; }
.form-label { display: block; font-size: 12.5 px; font-weight: 700; color: var(--text-secondary); margin-bottom: 8 px; }
.input-text {
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 {
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; }
</style>
@@ -213,36 +232,36 @@ class MilitaryCulturePitch
</div>
</a>
<div style="display: flex; align-items: center; gap: 12 px;">
<a href="/" style="font-size: 13px; color: var(--text-secondary); text-decoration: none; margin-left: 10px; ">الرئيسية</a>
<a href="#demo_request_form" class="header-cta">طلب عرض تنفيذي للقيادة ←</a>
<div style="display: flex; align-items: center; gap: 14 px;">
<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>
</div>
</div>
</div>
</header>
<!-- Hero -->
<!-- Executive Hero -->
<section class="exec-hero">
<div class="container">
<div class="flag-tag ">
<span>🇯🇴 مبادر ة استراتيجية لمدارس الجيش العربي والأجهزة الأمنية</span>
<div class="flag-badge ">
<span>🇯🇴 شراك ة استراتيجية لمدارس الجيش العربي والأجهزة الأمنية</span>
</div>
<h1 class="exec-title">
نحو تحقيق أعلى نسب تفوق وزاري لأبناء القوات المسلحة: <br>
<span class="exec-title-gold">نبيعكم الناتج والتمكين الأكاديمي </span> بأقل التكاليف التشغيلية
نحو أعلى نسب تفوق وزاري لأبناء القوات المسلحة: <br>
<span class="exec-title-gold">نبيعكم المخرجات الأكاديمية والإنتاج </span> بأقل التكاليف التشغيلية
</h1>
<p class="exec-desc">
عرض تقني وتربوي متكامل موجه لقيادة ومديرية التربية والتعليم والثقافة العسكرية، ل توحيد جودة تدريس التوجيهي عبر كافة مدارس المملكة و البادية، وتوفير غرفة قيادة وسيطرة مركزية تقيس مستوى تحصيل كل مدرسة وطالب لحظياً.
منظومة وطنية متكاملة موجهة لقيادة ومديرية التربية والتعليم والثقافة العسكرية، تضمن توحيد جودة تدريس التوجيهي عبر كافة المحافظات ومناطق البادية، مع غرفة قيادة وسيطرة مركزية تقيس مستوى تحصيل كل مدرسة وطالب لحظياً.
</p>
<div class="exec-cta-box ">
<div class="exec-cta-banner ">
<div>
<strong style="font-size: 15 px; color: #FFF; display: block;">عرض المنظومة والتجربة الميدانية المباشرة </strong>
<span style="font-size: 12.5 px; color: var(--text-muted);">جاهزون لتقديم عرض تنفيذي حي (Live Demo) في مبنى المديرية في أي وقت تحددونه .</span>
<strong style="font-size: 16 px; color: #FFF; display: block; margin-bottom: 4px;">جاهزية كاملة لتقديم العرض التنفيذي المباشر (Live Demo) </strong>
<span style="font-size: 13 px; color: var(--text-secondary);">است عرا حي لكافة إمكانيات المنظمة في مبنى المديرية في ال وقت المناسب لكم .</span>
</div>
<a href="#demo_request_form" class="exec- cta-btn">حجز موعد العرض التنفيذي 📅</a>
<a href="#demo_request_form" class="cta-btn-gold ">حجز موعد العرض التنفيذي 📅</a>
</div>
<!-- Value Matrix -->
@@ -250,25 +269,25 @@ class MilitaryCulturePitch
<div class="matrix-card">
<div class="matrix-num">100%</div>
<div class="matrix-title">عدالة تعليمية جغرافية</div>
<div class="matrix-desc">طالب مدرسة القويرة أو الصفاوي يتلقى نفس شرح وتدريب كبار معلمي العاص مة بدون عن اء ال تنقل.</div>
<div class="matrix-desc">طالب مدرسة القويرة أو الصفاوي يتلقى نفس شرح نخبة معلمي المملك ة بدون أعب اء تنقل أو نقص كوادر .</div>
</div>
<div class="matrix-card">
<div class="matrix-num">80%</div>
<div class="matrix-title">توفير في النفقات الإثرائ ية</div>
<div class="matrix-desc">إلغاء تكاليف المراكز، المطبوعات الورقية، وباصات التنقل عبر بنية سحابية موحدة وذكي ة.</div>
<div class="matrix-title">خفض النفقات التشغيل ية</div>
<div class="matrix-desc">إلغاء تكاليف المراكز الإثرائية ، المطبوعات الورقية، وباصات التنقل بنظام سحابي موحد وفائق الكفاء ة.</div>
</div>
<div class="matrix-card">
<div class="matrix-num">0s</div>
<div class="matrix-title">تقارير لحظية للقيادة</div>
<div class="matrix-desc">غرفة عمليات مركزية لمدير التعليم والضباط لمتابعة نسب الإنجاز والمؤشر الوزاري لكل شعبة.</div>
<div class="matrix-desc">غرفة عمليات مركزية تتيح لمدير التعليم والضباط رصد نسب الإنجاز والمؤشر الوزاري لكل مدرسة و شعبة.</div>
</div>
<div class="matrix-card">
<div class="matrix-num">100%</div>
<div class="matrix-title">سيادة رقمية وأمان عال ي</div>
<div class="matrix-desc">استضافة محلية آمنة، تشفير بيانات الطلاب، ومنع تام لتسريب أو قرصنة المحتوى الدراسي .</div>
<div class="matrix-title">سيادة وأمان رقم ي</div>
<div class="matrix-desc">استضافة محلية آمنة، تشفير بيانات الطلاب، ومنع تام لتسريب أو تصوير المواد التعليمية (DRM) .</div>
</div>
</div>
</div>
@@ -278,145 +297,173 @@ class MilitaryCulturePitch
<section style="padding: 20px 0;">
<div class="container">
<div class="section-header">
<span class="section-tag">أركان المبادرة الاستراتيجية</span>
<h2 class="section-title">كيف تضمن منصة صَقِل تفوق طلبة الثقافة العسك رية؟</h2>
<span class="section-tag">المحاور الاستراتيجية للمبادرة </span>
<h2 class="section-title">كيف تضمن صَقِل تحقيق القفزة النوعية لمدارس المدي رية؟</h2>
<p class="section-subtitle">
النموذج التقليدي يعتمد على المشاهدة السلبية. نحن نلزم الطالب بال اشتباك ال ذهني ونقيس استيعابه في كل ثانية .
نستبدل المشاهدة السلبية غير المقاسة بنظام اشتباك ذهني إجباري يضمن استيعاب كل مفهوم قبل الانتقال للذي يليه .
</p>
</div>
<div class="pillars-grid">
<!-- Pillar 1 -->
<div class="pillar-card gold-border ">
<div class="pillar-card highlight-card ">
<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>
<ul class="pillar-points">
<li>نسبة مشاهدة وإكمال الحصص لكل مدرسة على مستوى المحافظات .</li>
<li>كشف فوري للشعب والمدارس التي تواجه تعثراً في مواد محددة (كالفيزياء أو الرياضيات) .</li>
<li>مؤشر الجاهزية للوزاري التراكمي (Tawjihi Readiness Index) .</li>
<li>رصد فوري ل نسب مشاهدة وحل امتحانات الدروس لكل مدرسة وشعبة في المملكة .</li>
<li>اكتشاف مبكر للشعب التي تواجه صعوبة في مباحث علمية معينة للتدخل الاستباقي .</li>
<li>مؤشر الجاهزية للوزاري التراكمي لجميع طلبة مدارس الثقافة العسكرية .</li>
</ul>
</div>
<!-- Pillar 2 -->
<div class="pillar-card">
<div class="pillar-icon">⏱️ </div>
<h3 class="pillar-title">2. مشغل الكويزات الصدمية (Socratic Checkpoints )</h3>
<div class="pillar-icon">🧠 </div>
<h3 class="pillar-title">2. تقنية التثبيت المعرفي السقراطي (Active Recall Engine )</h3>
<p class="pillar-desc">
الحل الحاسم ل مشكلة تشتت الطالب أو فتح الفيديو دون تركيز:
القضاء التام على مشكلة تشتت الطالب أو تشغيل الفيديو دون تركيز:
</p>
<ul class="pillar-points">
<li>ي توقف الفيديو إجبارياً عند الدقيقة المحددة (مثلاً 08:30) لسؤال الطالب حول المفهوم المشروح .</li>
<li>إذا أخطأ: يعيده المشغل تلقائياً 45 ثانية للخلف لإعادة التركيز وفهم المفهو م.</li>
<li>لا يُعتبر الدرس مكتملاً إلا بعد اجتياز كافة نقاط التوقف السقراطية .</li>
<li>توقف الفيديو إجبارياً عند نقاط فحص الفهم لاختبار استيعاب الطالب .</li>
<li>إلزام الطالب بمراجعة المفهوم في حال عدم الدقة لضمان الإتقان التا م.</li>
<li>لا يُسجل الدرس ك مكتمل إلا بعد اجتياز نقاط الفحص بنجاح .</li>
</ul>
</div>
<!-- Pillar 3 -->
<div class="pillar-card">
<div class="pillar-icon">📲</div>
<h3 class="pillar-title">3. تقارير أولياء الأمور المؤتمتة عبر الواتساب</h3>
<h3 class="pillar-title">3. تقارير مؤتمتة ل أولياء الأمور عبر الواتساب</h3>
<p class="pillar-desc">
ربط مباشر مع أولياء الأمور من ضباط وضباط صف القوات المسلحة والأجهزة الأمني ة:
إبقاء أولياء الأمور من ضباط وضباط صف القوات المسلحة في قلب المتابع ة:
</p>
<ul class="pillar-points">
<li>إشعار دوري على الواتساب بنتائج ابنه وساعات دراسته ومستوى تقدم ه
<li>تنبيه استباقي فوري لولي الأمر في حال انخفاض مؤشر الجاهزية للوزا ري.</li>
<li>تسهيل المتابعة الأسرية حتى أثناء فترات مناوبات الضباط في الميدان.</li>
<li>إشعار دوري موجز بنسبة تقدم الطالب وساعات دراسته ونتائج امتحانات ه
<li>تنبيه استباقي عند وجود أي تراجع في مؤشر الفهم للمعالجة الفو رية .</li>
<li>تسهيل المتابعة الأسرية أثناء فترات الخدمة وال مناوبات الميدانية .</li>
</ul>
</div>
<!-- Pillar 4 -->
<div class="pillar-card">
<div class="pillar-icon">🤖</div>
<h3 class="pillar-title">4. محرك الذ كاء الاصطناع ي لسد الثغرات المعرفية </h3>
<h3 class="pillar-title">4. التشخيص الأ كاديمي الذك ي لسد الثغرات</h3>
<p class="pillar-desc">
تشخيص دقيق ومخصص لكل طالب بدلاً من التعليم الجماعي الموحد :
معالجة الفروق الفردية وتمكين كل طالب من تدارك نقاط ضعفه :
</p>
<ul class="pillar-points">
<li>تحديد نقاط الضعف ا لدقيقة لكل طالب بناءً على أخطائه في ا لا متحانات.</li>
<li>توليد امتحانات علاجية مخصصة ل سد الثغرات تلقائياً قبل الامتحانات الوزارية .</li>
<li>تقارير تشخيصية توضح ل لمعلم أ ين تكمن المشكلة بالضبط .</li>
<li>تحليل دقيق لأخطاء الطالب في امتحانات الدروس والوحدات .</li>
<li>توليد نماذج امتحانية علاجية مخصصة ت سد الثغرات قبل الامتحان الوزاري.</li>
<li>تزويد ا لمعلمين والمشرفين بملخص مباشر حول المفاهيم الأكثر صعوبة .</li>
</ul>
</div>
<!-- Pillar 5 -->
<div class="pillar-card">
<div class="pillar-icon">📡</div>
<h3 class="pillar-title">5. جاهزية العمل في البادية والمناطق النائية </h3>
<h3 class="pillar-title">5. ملاءمة بيئات البادية والاتصال المحدود </h3>
<p class="pillar-desc">
بنية تحتية مصممة خصيصاً للتعامل مع تحديات سرعة الإنترنت:
بنية تحتية مرنة تتكيف مع سرعات الإنترنت في مختلف مناطق المملكة :
</p>
<ul class="pillar-points">
<li>بث متكيف (Adaptive Bitrate Streaming) يعمل بسلاسة حتى على شبكات 3G/4G الضعيف ة.</li>
<li>إمكانية تحميل المحاضرات مسبقاً بشكل مشفر داخل معامل الحاسوب المدرسية.</li>
<li>بث مرن ذكي يعمل بسلاسة حتى م ع شبكات الاتصال البسيط ة.</li>
<li>إمكانية التشغيل السلس داخل معامل الحاسوب المدرسية في المدارس النائية .</li>
</ul>
</div>
<!-- Pillar 6 -->
<div class="pillar-card">
<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>
<ul class="pillar-points">
<li>تشفير ك امل لقواعد ال بيانات و الاتصا لات السلكية واللاسلك ية.</li>
<li>علامة مائية ديناميكية تمنع تصوير الشاشات أو تسريب المواد التعليمية .</li>
<li>تشفير ش امل لبيانات الطلبة ونتائجهم وسج لاتهم الأكاديم ية.</li>
<li>علامة مائية أمنية ديناميكية تمنع تصوير الشاشات أو قرصنة المواد.</li>
<li>استضافة محلية تخضع للسيادة الأردنية الكاملة.</li>
</ul>
</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 style="text-align: center;">
<span class="section-tag">خطة التنفيذ والتشغيل المقترحة </span>
<h2 style="font-size: 26px; font-weight: 900; color: #FFF;">مراحل تفعيل المنظومة مع مديرية الثقافة العسكري ة</h2>
<span class="section-tag">مراحل الشراكة والتنفيذ </span>
<h2 style="font-size: 26px; font-weight: 900; color: #FFF;">خطة ال تفعيل المرحلية المقترح ة</h2>
</div>
<div class="roadmap-grid">
<div class="step-card">
<span class="step-badge">المرحلة الأولى (14 يوماً) </span>
<h4 class="step-title">الإطلاق التجريبي الاستطلاعي (Pilot Phase )</h4>
<span class="step-badge">المرحلة الأولى</span>
<h4 class="step-title">التشغيل التجريبي الاستطلاعي (Pilot)</h4>
<p class="step-desc">
اختيار 5 مدارس نموذجية تابعة للمديرية (شمال، وسط، جنوب، وبادية) لتطبيق النظام على طلاب التوجيهي وربط المعلمين بالاستوديو .
اختيار 5 مدارس نموذجية تابعة للمديرية (شمال، وسط، جنوب، وبادية) لتطبيق الم نظومة وربط طلاب التوجيهي بها .
</p>
</div>
<div class="step-card">
<span class="step-badge">المرحلة الثانية (30 يوماً) </span>
<h4 class="step-title">قياس الأثر ومؤشر الجاهزية </h4>
<span class="step-badge">المرحلة الثانية</span>
<h4 class="step-title">قياس الأثر وتحليل المؤشرات </h4>
<p class="step-desc">
استعراض تقارير غرفة العمليات المركزية، وقياس نسبة تحسن الطلا تجريبية، وتدريب المشرفين التربويين .
استعراض تقارير غرفة القيادة والسيطرة وقياس نسبة تحسن الطلبة في الامتحانات و الجاهزية للوزاري .
</p>
</div>
<div class="step-card">
<span class="step-badge">المرحلة الثالثة</span>
<h4 class="step-title">التعميم الشامل والاعتماد المؤسسي </h4>
<h4 class="step-title">الاعتماد وال تعميم الشامل</h4>
<p class="step-desc">
تعميم المنظومة رسمياً على كافة مدارس و مديريات الثقافة العسكرية في المملكة لتصبح المنصة الرقمية المعتمدة لأبناء الجيش العربي .
تعميم المنظومة على كافة مدارس مديرية الثقافة العسكرية لتكون المنصة الرقمية المعتمدة رسمياً .
</p>
</div>
</div>
</div>
<!-- Executive Demo Request Form -->
<!-- Demo Request -->
<div id="demo_request_form" class="demo-section">
<div class="demo-grid">
<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>
<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>
<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>
<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>
</div>
</div>
@@ -443,7 +490,7 @@ class MilitaryCulturePitch
<input type="text" placeholder="مثال: الثلاثاء القادم الساعة 10:00 صباحاً" class="input-text">
</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>
</form>
@@ -458,7 +505,7 @@ class MilitaryCulturePitch
<footer>
<div class="container">
<div class="footer-content">
<span>مبادرة التمكين الأكاديمي لمدارس مديرية التربية والتعليم والثقافة العسكرية — منصة صَقِل © 2026</span>
<span>ال مبادرة الاستراتيجية لمدارس مديرية التربية والتعليم والثقافة العسكرية — منصة صَقِل © 2026</span>
<div style="display: flex; gap: 18px;">
<a href="/" style="color: var(--text-muted); text-decoration: none;">الرئيسية</a>
<a href="/student" style="color: var(--text-muted); text-decoration: none;">بوابة الطالب</a>
Hamza-Ayed