Files
saqel/backend/app/Views/VocationalTrainingPitch.php
T

589 lines
34 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
namespace App\Views;
class VocationalTrainingPitch
{
public static function render(): string
{
return <<<'HTML'
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>المبادرة الوطنية لرقمنة منظومة التدريب المهني والتقني (TVET 2.0) — منصة صَقِل × مؤسسة التدريب المهني</title>
<link rel="icon" type="image/jpeg" href="/assets/images/saqel_logo.jpg">
<link rel="apple-touch-icon" href="/assets/images/saqel_logo.jpg">
<!-- Apple SF Pro & Alexandria Arabic Web Fonts -->
<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=Alexandria:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- Luxury Institutional Dark Styling -->
<style>
:root {
--bg-dark: #060B14;
--bg-card: #0D1627;
--bg-card-hover: #13213D;
--border: #1C2D4A;
--border-accent: #FF7A00;
--text-primary: #FFFFFF;
--text-secondary: #CBD5E1;
--text-muted: #64748B;
--gold-primary: #FFD166;
--orange-primary: #FF7A00;
--cyan-accent: #00F5D4;
--green-accent: #10B981;
--blue-accent: #38BDF8;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Alexandria", "SF Pro Display", "SF Arabic", "Segoe UI", Roboto, sans-serif;
-webkit-font-smoothing: antialiased;
}
body {
background-color: var(--bg-dark);
color: var(--text-primary);
min-height: 100vh;
overflow-x: hidden;
background-image:
radial-gradient(circle at 15% 15%, rgba(255, 122, 0, 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;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; }
/* Header */
header {
border-bottom: 1px solid var(--border);
background-color: rgba(6, 11, 20, 0.96);
backdrop-filter: blur(16px);
position: sticky;
top: 0;
z-index: 50;
}
.header-content { height: 76px; 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, #FF7A00, #E65100);
display: flex; align-items: center; justify-content: center;
color: #FFFFFF; font-size: 22px; font-weight: 900;
box-shadow: 0 0 24px rgba(255, 122, 0, 0.4);
}
.brand-title { font-size: 20px; font-weight: 900; color: #FFFFFF; }
.vtc-pill {
font-size: 11.5px; font-weight: 800; padding: 4px 12px; border-radius: 999px;
background: rgba(255, 122, 0, 0.15); color: var(--orange-primary);
border: 1px solid rgba(255, 122, 0, 0.4); margin-right: 8px;
}
.header-cta {
padding: 10px 22px; font-size: 13.5px; font-weight: 900; border-radius: 10px; text-decoration: none;
background: linear-gradient(135deg, #FF7A00, #E65100); color: #FFFFFF !important;
box-shadow: 0 4px 16px rgba(255, 122, 0, 0.35); transition: 0.2s;
}
.header-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(255, 122, 0, 0.5); }
/* Executive Hero */
.exec-hero { padding: 60px 0 40px; text-align: center; }
.flag-badge {
display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 900;
background: rgba(255, 122, 0, 0.12); border: 1px solid rgba(255, 122, 0, 0.4);
color: var(--orange-primary); padding: 6px 22px; border-radius: 999px; margin-bottom: 24px;
}
.exec-title {
font-size: clamp(28px, 4.5vw, 44px); font-weight: 900; line-height: 1.35; color: #FFFFFF;
max-width: 1020px; margin: 0 auto 20px;
}
.exec-title-accent {
background: linear-gradient(135deg, #FF7A00 0%, #FFD166 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.exec-desc {
font-size: clamp(15px, 2vw, 17.5px); color: var(--text-secondary); max-width: 880px;
margin: 0 auto 36px; line-height: 1.8; font-weight: 500;
}
/* Banner CTA Box */
.exec-cta-banner {
background: linear-gradient(135deg, #0D1627 0%, #13213D 100%);
border: 1px solid rgba(255, 122, 0, 0.45); border-radius: 20px;
padding: 26px 32px; max-width: 900px; 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);
}
.cta-btn-orange {
padding: 13px 30px; font-size: 15px; font-weight: 900; border-radius: 12px; text-decoration: none;
background: linear-gradient(135deg, #FF7A00, #E65100); color: #FFFFFF !important;
box-shadow: 0 6px 24px rgba(255, 122, 0, 0.4); transition: 0.2s; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px;
}
.cta-btn-orange:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(255, 122, 0, 0.55); }
/* Strategic Value Matrix */
.value-matrix {
display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 60px;
}
.matrix-card {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 28px;
transition: transform 0.2s, border-color 0.2s; position: relative;
}
.matrix-card:hover {
transform: translateY(-3px); border-color: var(--orange-primary);
box-shadow: 0 12px 30px rgba(255, 122, 0, 0.15);
}
.matrix-icon {
font-size: 32px; margin-bottom: 16px; display: inline-block;
background: rgba(255, 122, 0, 0.1); padding: 12px; border-radius: 14px;
border: 1px solid rgba(255, 122, 0, 0.2);
}
.matrix-title { font-size: 17px; font-weight: 800; color: #FFFFFF; margin-bottom: 10px; }
.matrix-desc { font-size: 13.5px; color: var(--text-secondary); line-height: 1.7; }
/* Simulator Embed Frame */
.sim-section {
background: #090F1D; border: 1px solid #1E2E4E; border-radius: 24px; padding: 32px;
margin-bottom: 64px; box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
.sim-header {
display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 12px;
}
.sim-badge {
background: rgba(0, 245, 212, 0.12); color: var(--cyan-accent); border: 1px solid rgba(0, 245, 212, 0.4);
padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 800;
}
.sim-iframe-container {
width: 100%; height: 780px; border-radius: 16px; overflow: hidden; border: 1px solid #233559;
box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}
.sim-iframe { width: 100%; height: 100%; border: none; }
/* Module Accordion / Grid */
.modules-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 20px; margin-bottom: 64px;
}
.module-box {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 24px;
display: flex; flex-direction: column; gap: 12px;
}
.module-num {
font-size: 12px; font-weight: 900; color: var(--orange-primary); background: rgba(255, 122, 0, 0.1);
padding: 3px 10px; border-radius: 6px; align-self: flex-start;
}
.module-title { font-size: 16px; font-weight: 800; color: #FFFFFF; }
.module-p { font-size: 13px; color: var(--text-secondary); line-height: 1.6; }
.module-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.module-tag {
font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 6px;
background: #15223A; color: #94A3B8; border: 1px solid #233454;
}
/* Roadmap Table */
.table-wrap {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px;
overflow: hidden; margin-bottom: 64px;
}
table { width: 100%; border-collapse: collapse; text-align: right; }
th {
background: #111C33; padding: 16px 20px; font-size: 13.5px; font-weight: 800; color: #FFD166;
border-bottom: 1px solid var(--border);
}
td { padding: 16px 20px; font-size: 13.5px; color: var(--text-secondary); border-bottom: 1px solid #16243F; }
tr:last-child td { border-bottom: none; }
tr:hover td { background: rgba(255, 122, 0, 0.04); }
/* Roadmap 90 Days */
.phases-row {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 64px;
}
.phase-card {
background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; padding: 24px;
position: relative;
}
.phase-badge {
position: absolute; top: -12px; right: 20px; background: linear-gradient(135deg, #FF7A00, #E65100);
color: #FFFFFF; font-size: 11.5px; font-weight: 900; padding: 3px 12px; border-radius: 999px;
}
/* Section Titles */
.section-header { text-align: center; margin-bottom: 36px; }
.section-tag {
display: inline-block; font-size: 12px; font-weight: 800; color: var(--orange-primary);
letter-spacing: 0.5px; margin-bottom: 8px;
}
.section-title { font-size: clamp(22px, 3.5vw, 32px); font-weight: 900; color: #FFFFFF; }
/* Footer */
footer {
border-top: 1px solid var(--border); padding: 40px 0; text-align: center;
color: var(--text-muted); font-size: 13px;
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="container header-content">
<a href="/" class="logo-area">
<div class="logo-badge">ص</div>
<div>
<span class="brand-title">منصة صَقِل</span>
<span class="vtc-pill">مؤسسة التدريب المهني (VTC)</span>
</div>
</a>
<div style="display: flex; align-items: center; gap: 14px;">
<a href="#demo" style="color: var(--text-secondary); text-decoration: none; font-size: 13.5px; font-weight: 700;">المختبر الافتراضي الحي</a>
<a href="#roadmap" style="color: var(--text-secondary); text-decoration: none; font-size: 13.5px; font-weight: 700;">خطة الـ 140 تخصصاً</a>
<a href="#contact" class="header-cta">طلب مذكرة التفاهم الرسمية</a>
</div>
</div>
</header>
<main class="container">
<!-- Executive Hero -->
<section class="exec-hero">
<div class="flag-badge">
🇯🇴 المبادرة الوطنية الكبرى للتحول الرقمي في التعليم والتدريب المهني والتقني (TVET 2.0)
</div>
<h1 class="exec-title">
تمكين جيل المهنيين الأردنيين عبر <span class="exec-title-accent">المختبرات التفاعلية والذكاء الاصطناعي التكيفي</span>
</h1>
<p class="exec-desc">
عرض الشراكة الاستراتيجية الموجه إلى <strong>عطوفة مدير عام مؤسسة التدريب المهني</strong> و<strong>هيئة تنمية وتطوير المهارات المهنية والتقنية (TVSDC)</strong>: رقمنة شاملة للمناهج المبنية على الكفايات (CBT)، وتوفير ما يصل إلى 180,000 دينار لكل مشغل تدريبي، وتصفير مخاطر حوادث العمل القاتلة عبر محاكاة متطورة لنظم الجهد العالي والتكنولوجيا الخضراء.
</p>
<!-- Executive Quick Action Box -->
<div class="exec-cta-banner">
<div>
<h3 style="font-size: 18px; font-weight: 900; color: #FFFFFF; margin-bottom: 4px;">
ملف الشراكة التنفيذية المعتمد (جاهز للتطبيق الفوري)
</h3>
<p style="font-size: 13.5px; color: var(--text-secondary);">
برنامج تجريبي مجاني لـ 90 يوماً في 3 معاهد تميز مع تمويل منحة دولية مقترحة (GIZ / YTJ) بلا كلفة حكومية.
</p>
</div>
<a href="#demo" class="cta-btn-orange">
⚡ تجربة المحاكي التفاعلي الآن
</a>
</div>
</section>
<!-- The Strategic Value Matrix (Why VTC + Saqel) -->
<section style="margin-bottom: 64px;">
<div class="section-header">
<span class="section-tag">الأثر الاقتصادي والميداني</span>
<h2 class="section-title">أربعة محاور جوهرية تحل أكبر تحديات التدريب المهني في الأردن</h2>
</div>
<div class="value-matrix">
<div class="matrix-card">
<div class="matrix-icon">📉</div>
<h3 class="matrix-title">توفير 60% من كلفة المشاغل العتادية</h3>
<p class="matrix-desc">
تجهيز مشغل واحد لصيانة مركبات الهايبرد والكهرباء يكلف أكثر من 180 ألف دينار (مركبات حديثة، بطاريات، محطات شحن). تتيح المنصة تدريب آلاف المتدربين على محاكاة رقمية متطابقة مع الواقع بكلفة حدية تقارب الصفر.
</p>
</div>
<div class="matrix-card">
<div class="matrix-icon">🛡️</div>
<h3 class="matrix-title">تصفير حوادث العمل والجهد العالي</h3>
<p class="matrix-desc">
فحص أنظمة الـ 400 إلى 800 فولت يشكل خطراً مميتاً على المتدرب المستجد. نظام "حارس السلامة السقراطي" يمنع المتدرب من الدخول إلى الورشة الحقيقية إلا بعد اجتياز بروتوكول عزل الجهد (Lockout/Tagout) واختبار الميجاوأوم بنسبة 100%.
</p>
</div>
<div class="matrix-card">
<div class="matrix-icon">🎯</div>
<h3 class="matrix-title">90+ محطة تقييم تكيفية للتخصص</h3>
<p class="matrix-desc">
تحويل المشاهدة السلبية إلى تدريب نشط: 60 فحصاً سقراطياً مدمجاً داخل الفيديو، و15 محاكاة تشخيص أعطال عملية، وفحوص أمان مانعة، ومحاكاة دقيقة لامتحان مزاولة المهنة الرسمي لوزارة العمل.
</p>
</div>
<div class="matrix-card">
<div class="matrix-icon">💼</div>
<h3 class="matrix-title">جواز المهارات الرقمي المشفر</h3>
<p class="matrix-desc">
إصدار كفاءة رقمية موثقة برمز QR لكل مهارة عملية يتقنها المتدرب، ليتمكن أصحاب العمل وشركات الصيانة في الأردن ودول الخليج من التحقق الفوري من إتقان الفني للمهارات المعتمدة.
</p>
</div>
</div>
</section>
<!-- Live Interactive Simulator Showcase -->
<section class="sim-section" id="demo">
<div class="sim-header">
<div>
<span class="sim-badge">العرض الحي المباشر للتخصص التجريبي</span>
<h2 style="font-size: 22px; font-weight: 900; color: #FFFFFF; margin-top: 6px;">
المختبر الافتراضي: مقعد تشخيص أعطال مركبات الهايبرد وعزل الجهد العالي
</h2>
<p style="font-size: 13.5px; color: var(--text-secondary); margin-top: 4px;">
جرّب بنفسك: ارتدِ قفازات العزل 1000V، اسحب مفتاح الخدمة MSD، وقس هبوط الجهد للصفر عبر الملتيميتر قبل فحص تسريب العزل (P0AA6).
</p>
</div>
<a href="/assets/labs/ev_diagnostic_lab.html" target="_blank" class="cta-btn-orange" style="font-size: 13px; padding: 10px 20px;">
↗ فتح المختبر في شاشة كاملة
</a>
</div>
<div class="sim-iframe-container">
<iframe src="/assets/labs/ev_diagnostic_lab.html" class="sim-iframe" title="EV Diagnostic Laboratory"></iframe>
</div>
</section>
<!-- The 6 Modules of the Pilot Specialization -->
<section style="margin-bottom: 64px;">
<div class="section-header">
<span class="section-tag">التخصص التجريبي المعتمد (Pilot Trade)</span>
<h2 class="section-title">تشخيص وصيانة المركبات الكهربائية والهجينة (6 وحدات نمطية CBT)</h2>
</div>
<div class="modules-grid">
<div class="module-box">
<span class="module-num">الوحدة 1 (60 ساعة)</span>
<h3 class="module-title">السلامة المهنية وبروتوكول عزل الجهد العالي (HV Safety)</h3>
<p class="module-p">
فحص قفازات الفئة الصفرية بالهواء، تطبيق قفل الأمان بمفتاح الخدمة (MSD Lockout/Tagout)، تفريغ مكثفات العاكس، وفحص الجهد الصفري بأجهزة CAT-III/IV.
</p>
<div class="module-tags">
<span class="module-tag">بطاقتا عمل JS</span>
<span class="module-tag">فحص أمان مانع</span>
<span class="module-tag">محاكي تفاعلي</span>
</div>
</div>
<div class="module-box">
<span class="module-num">الوحدة 2 (140 ساعة)</span>
<h3 class="module-title">حزم البطاريات ونظام الإدارة الإلكتروني (BMS Diagnostics)</h3>
<p class="module-p">
تشخيص خلايا الليثيوم، موازنة الجهد بين الوحدات، قياس مقاومة العزل بالميجاوأوم، وفحص كود العطل P0AA6 وقواطع الاتصال الرئيسية (SMR Contactors).
</p>
<div class="module-tags">
<span class="module-tag">تحليل كود P0AA6</span>
<span class="module-tag">جهاز Megohmmeter</span>
<span class="module-tag">Cell Delta</span>
</div>
</div>
<div class="module-box">
<span class="module-num">الوحدة 3 (140 ساعة)</span>
<h3 class="module-title">محول القدرة والعاكس والمحرك المتزامن (Inverter & Motor)</h3>
<p class="module-p">
مبدأ عمل ترانزستورات القدرة IGBTs، فحص وموازنة ملفات أطوار المحرك (U-V-W) بجهاز الميلي أوم، ومعايرة مستشعر موضع الدوار (Resolver Calibration).
</p>
<div class="module-tags">
<span class="module-tag">قياس الملفات (Milli-Ω)</span>
<span class="module-tag">مستشعر Resolver</span>
<span class="module-tag">راسم الذبذبات</span>
</div>
</div>
<div class="module-box">
<span class="module-num">الوحدة 4 (100 ساعة)</span>
<h3 class="module-title">منظومة التبريد الحراري المتطور (Thermal Management)</h3>
<p class="module-p">
دوائر التبريد السائل متعددة الحلقات، مضخات الجهد العالي الكهربائية، مبرد غاز التكييف Chiller، واستخدام سوائل التبريد المخصصة عديمة الناقلية.
</p>
<div class="module-tags">
<span class="module-tag">سوائل عازلة</span>
<span class="module-tag">نزف الهواء الفراغي</span>
<span class="module-tag">PTC Heaters</span>
</div>
</div>
<div class="module-box">
<span class="module-num">الوحدة 5 (100 ساعة)</span>
<h3 class="module-title">الفرملة التجديدية والتحكم بالثبات (Regenerative Braking)</h3>
<p class="module-p">
تنسيق قوى الكبح بين التوليد العكسي والاحتكاك الهيدروليكي، وحدة التعزيز i-Booster، ومعايرة حساس شوط دواسة الفرامل عند امتلاء البطارية.
</p>
<div class="module-tags">
<span class="module-tag">حساس Stroke Sensor</span>
<span class="module-tag">i-Booster</span>
<span class="module-tag">معايرة ABS/ESP</span>
</div>
</div>
<div class="module-box">
<span class="module-num">الوحدة 6 (140 ساعة)</span>
<h3 class="module-title">شبكات الاتصال الرقمي وتشخيص الأعطال (CAN-Bus Diagnostics)</h3>
<p class="module-p">
قياس مقاومة النهاية لشبكة CAN (60 أوم بين المنفذين 6 و14)، فحص خطوط LIN-Bus، وتحليل إشارات راسم الإشارة الرقمي لاكتشاف التشويش الأرضي.
</p>
<div class="module-tags">
<span class="module-tag">OBD-II Breakout</span>
<span class="module-tag">Oscilloscope</span>
<span class="module-tag">مقاومة 60 أوم</span>
</div>
</div>
</div>
</section>
<!-- Roadmap to 140 Trades -->
<section style="margin-bottom: 64px;" id="roadmap">
<div class="section-header">
<span class="section-tag">الرؤية الوطنية الشاملة</span>
<h2 class="section-title">خطة رقمنة الـ 140 تخصصاً على أربعة أفواج استراتيجية</h2>
</div>
<div class="table-wrap">
<table>
<thead>
<tr>
<th>الفوج / المرحلة</th>
<th>القطاع المستهدف</th>
<th>عدد التخصصات</th>
<th>المختبرات الافتراضية المقترحة</th>
<th>الأثر الميداني المتوقع</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>الفوج الأول (الريادي)</strong></td>
<td>المركبات والتنقل الذكي (Mobility & EV)</td>
<td>16 تخصصاً</td>
<td>مقعد تشخيص الجهد العالي، راسم الإشارة، عزل MSD</td>
<td>تغطية 70%+ من احتياج سوق صيانة السيارات بالأردن</td>
</tr>
<tr>
<td><strong>الفوج الثاني</strong></td>
<td>الطاقة النظيفة والتكييف (Solar & HVAC)</td>
<td>26 تخصصاً</td>
<td>محاكي الخلايا الكهروضوئية، دارات التبريد التجاري</td>
<td>دعم مستهدفات الاستراتيجية الوطنية لقطاع الطاقة</td>
</tr>
<tr>
<td><strong>الفوج الثالث</strong></td>
<td>التحكم الصناعي والميكاترونكس (PLC & Mechatronics)</td>
<td>22 تخصصاً</td>
<td>محاكي برمجة الـ PLC، الهيدروليك والنيوماتيك</td>
<td>تأهيل الفنيين للمصانع والمدن الصناعية المؤهلة</td>
</tr>
<tr>
<td><strong>الفوج الرابع</strong></td>
<td>الاتصالات، إنترنت الأشياء والمهن الصحية</td>
<td>76 تخصصاً</td>
<td>تمديدات الألياف الضوئية، السلامة المهنية الشاملة</td>
<td>استكمال التغطية الكاملة لكافة معاهد المملكة الـ 33</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Grant Funding Architecture (Zero Budget Impact) -->
<section style="margin-bottom: 64px;">
<div class="section-header">
<span class="section-tag">المعمارية التمويلية الذكية</span>
<h2 class="section-title">تمويل المشروع عبر المنح الدولية دون تكبيد موازنة المؤسسة</h2>
</div>
<div class="value-matrix">
<div class="matrix-card" style="border-color: rgba(56, 189, 248, 0.4);">
<div class="matrix-icon">🇩🇪</div>
<h3 class="matrix-title">الوكالة الألمانية للتعاون الدولي (GIZ - TVET)</h3>
<p class="matrix-desc">
برنامج ترويج التدريب والتعليم المهني والتقني يخصص منحاً دورية للرقمنة والمختبرات الافتراضية المنسجمة مع المعايير المهنية الوطنية (NOS).
</p>
</div>
<div class="matrix-card" style="border-color: rgba(16, 185, 129, 0.4);">
<div class="matrix-icon">🇺🇳</div>
<h3 class="matrix-title">البنك الدولي ووزارة الاقتصاد الرقمي (مشروع YTJ)</h3>
<p class="matrix-desc">
مشروع "الشباب والتكنولوجيا والوظائف" يقدم حوافز تشغيلية وتغطية تصل إلى 50% من كلف التدريب التقني والحلول الرقمية التي ترفع قابلية التوظيف.
</p>
</div>
<div class="matrix-card" style="border-color: rgba(255, 209, 102, 0.4);">
<div class="matrix-icon">🇺🇸</div>
<h3 class="matrix-title">الوكالة الأمريكية للتنمية الدولية (USAID ERA)</h3>
<p class="matrix-desc">
برامج تطوير القوى العاملة ودعم الإصلاح الاقتصادي تدعم رقمنة المناهج الحكومية لتقليص معدلات البطالة بين الشباب الأردنيين في المحافظات.
</p>
</div>
</div>
</section>
<!-- 90-Day Pilot Execution Plan -->
<section style="margin-bottom: 64px;">
<div class="section-header">
<span class="section-tag">بروتوكول التنفيذ الميداني</span>
<h2 class="section-title">خارطة طريق التجربة التجريبية لـ 90 يوماً (The 90-Day Pilot)</h2>
</div>
<div class="phases-row">
<div class="phase-card">
<span class="phase-badge">الشهر الأول (الأيام 1–30)</span>
<h3 style="font-size: 16px; font-weight: 800; color: #FFFFFF; margin-bottom: 8px;">توقيع مذكرة التفاهم والتهيئة</h3>
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">
توقيع اتفاقية الشراكة التجريبية، وتحديد 3 معاهد رائدة: <strong>معهد التميز للمركبات (ماركا)، معهد تدريب مهني إربد، ومعهد تدريب مهني الزرقاء</strong>، وتدريب 12 مدرباً معتمداً على المنظومة.
</p>
</div>
<div class="phase-card">
<span class="phase-badge">الشهر الثاني (الأيام 31–60)</span>
<h3 style="font-size: 16px; font-weight: 800; color: #FFFFFF; margin-bottom: 8px;">التطبيق العملي مع 60 متدرباً</h3>
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">
بدء المتدربين بحل سيناريوهات المختبر الافتراضي، وإجراء الفحوص السقراطية اليومية، وتطبيق بروتوكولات السلامة في مشاغل المعاهد تحت إشراف المدربين.
</p>
</div>
<div class="phase-card">
<span class="phase-badge">الشهر الثالث (الأيام 61–90)</span>
<h3 style="font-size: 16px; font-weight: 800; color: #FFFFFF; margin-bottom: 8px;">قياس الأثر واعتماد التوسع</h3>
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">
إصدار التقرير الإحصائي القياسي المشترك: إثبات تسارع اكتساب المهارة بنسبة 50% وتصفير الأخطاء الخطرة، ورفع الملف لمجلس الإدارة والمانحين لرقمنة باقي التخصصات.
</p>
</div>
</div>
</section>
<!-- Official Contact & Call to Action -->
<section class="exec-cta-banner" style="margin-bottom: 60px;" id="contact">
<div>
<h3 style="font-size: 20px; font-weight: 900; color: #FFFFFF; margin-bottom: 6px;">
جاهزون لتقديم العرض الحي المباشر بمقر الإدارة العامة للمؤسسة
</h3>
<p style="font-size: 14px; color: var(--text-secondary);">
يسر فريق المعمارية التقنية لمنصة صَقِل التنسيق المباشر مع عطوفة المدير العام واللجنة الفنية المختصة لتوقيع مذكرة التفاهم وبدء التجربة فوراً.
</p>
</div>
<div style="display: flex; gap: 12px; flex-wrap: wrap;">
<a href="mailto:info@saqel.app?subject=طلب شراكة مؤسسة التدريب المهني" class="cta-btn-orange">
📩 التواصل الرسمي وتنسيق الجلسة
</a>
<a href="/assets/labs/ev_diagnostic_lab.html" target="_blank" style="padding: 13px 24px; border-radius: 12px; background: #15243F; color: #FFFFFF; text-decoration: none; font-size: 14px; font-weight: 800; border: 1px solid #283F66;">
تشغيل المختبر الافتراضي ↗
</a>
</div>
</section>
</main>
<footer>
<div class="container">
<p>منصة صَقِل التعليمية والمهنية (Saqel Platform) — معمارية التعليم والتدريب التكيفي المتقدم</p>
<p style="margin-top: 6px; font-size: 12px; color: #475569;">
كافة حقوق التصميم والمحاكاة محفوظة © 2026. متوافق مع معايير هيئة تنمية وتطوير المهارات المهنية والتقنية (TVSDC).
</p>
</div>
</footer>
</body>
</html>
HTML;
}
}