mrmo/caf-academy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finall update Sq

Browse Source
This commit is contained in:
Line INK
2026-08-17 00:13:39 +03:00
parent 7ad4970ede
commit 38bbaba630
180 changed files with 3879 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
page-pricing.html
View File

@@ -16,8 +16,8 @@
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
:root{
--navy:#342B4A; /* deep purple — sampled from logo */
--navy-deep:#1C1730; /* deepest purple/black — from logo shadow tones */
--navy:#18253A; /* navy blue — sampled from the new logo */
--navy-deep:#071A38; /* deepest navy — from the new logo shield fill */
--orange:#B8923E; /* refined antique gold — brightened from logo for UI legibility */
--gold:#8F703A; /* raw brand gold — exact logo sample */
--gold-light:#E8D6A8; /* light gold tint for subtle fills */
@@ -70,20 +70,20 @@
/* ===== HEADER ===== */
header{
position:sticky;top:0;z-index:50;
background:rgba(247,249,252,.85);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(11,36,71,.08);
background:rgba(24,37,58,.82);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;color:var(--navy);}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;color:#fff;}
.logo-badge{
width:46px;height:46px;border-radius:10px;
background:var(--black);
width:60px;height:60px;border-radius:12px;
background:transparent;
display:flex;align-items:center;justify-content:center;overflow:hidden;
flex-shrink:0;
}
.logo-badge img{width:100%;height:100%;object-fit:contain;padding:2px;}
nav ul{display:flex;gap:34px;font-weight:600;font-size:15px;}
nav a{position:relative;color:var(--text);transition:color .2s;}
nav a{position:relative;color:#fff;transition:color .2s;}
nav a:hover{color:var(--orange);}
.header-cta{display:flex;align-items:center;gap:14px;}
.burger{display:none;}
@@ -94,7 +94,7 @@
background:
radial-gradient(1100px 500px at 85% -10%, rgba(255,107,53,.35), transparent 60%),
radial-gradient(900px 500px at -10% 110%, rgba(255,193,69,.22), transparent 60%),
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 55%, #4A3D66 100%);
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 55%, #2E4468 100%);
padding:96px 0 110px;
}
.hero::after{
@@ -168,7 +168,7 @@
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.about-visual{
aspect-ratio:1/1;border-radius:28px;
background:linear-gradient(160deg,var(--navy) 0%, #4A3D66 100%);
background:linear-gradient(160deg,var(--navy) 0%, #2E4468 100%);
position:relative;overflow:hidden;
display:flex;align-items:center;justify-content:center;
}
@@ -188,6 +188,25 @@
/* ===== PROGRAMS ===== */
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.package-card{
background:#fff;border-radius:var(--radius);padding:28px 24px;
border:1px solid rgba(11,36,71,.07);display:flex;flex-direction:column;
position:relative;overflow:hidden;
}
.package-card::before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:var(--accent,var(--orange));}
.package-card.featured{border-color:var(--orange);box-shadow:0 22px 44px -26px rgba(184,146,62,.5);}
.package-badge{position:absolute;top:14px;left:14px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:100px;}
.package-duration{font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;}
.package-card h3{font-size:18px;margin-bottom:10px;min-height:46px;}
.package-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;}
.package-price .amt{font-family:'Poppins';font-weight:800;font-size:26px;color:var(--navy);}
.package-price .per{font-size:12.5px;color:var(--gray);}
.package-effective{font-size:12px;color:var(--gray);margin-bottom:16px;}
.package-features{display:grid;gap:9px;margin-bottom:16px;flex:1;}
.package-features li{display:flex;gap:8px;align-items:flex-start;font-size:12.8px;color:var(--text);list-style:none;}
.package-features svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:2px;}
.package-tagline{font-size:12.5px;color:var(--gray);font-style:normal;border-top:1px solid rgba(11,36,71,.08);padding-top:12px;}
.program-card{
background:#fff;border-radius:var(--radius);padding:30px 26px;
border:1px solid rgba(11,36,71,.07);
@@ -290,13 +309,13 @@
.hero-grid{grid-template-columns:1fr;}
.hero-visual{height:260px;}
.about-grid{grid-template-columns:1fr;}
.programs-grid, .why-grid, .testi-grid{grid-template-columns:1fr 1fr;}
.programs-grid, .why-grid, .testi-grid, .packages-grid{grid-template-columns:1fr 1fr;}
.footer-grid{grid-template-columns:1fr 1fr;}
.stats-path{flex-wrap:wrap;gap:26px;}
.stats-path::before{display:none;}
}
@media (max-width:600px){
.programs-grid, .why-grid, .testi-grid, .footer-grid{grid-template-columns:1fr;}
.programs-grid, .why-grid, .testi-grid, .footer-grid, .packages-grid{grid-template-columns:1fr;}
.hero{padding:64px 0 80px;}
.final-cta{padding:44px 24px;margin:0;}
}
@@ -353,7 +372,7 @@
.desc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;}
.desc-visual{
aspect-ratio:4/3;border-radius:24px;
background:linear-gradient(150deg, var(--navy) 0%, #4A3D66 100%);
background:linear-gradient(150deg, var(--navy) 0%, #2E4468 100%);
display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
}
.desc-visual svg{width:34%;height:34%;color:rgba(255,255,255,.4);}
@@ -402,7 +421,7 @@
}
.coach-avatar{
width:100px;height:100px;border-radius:20px;flex-shrink:0;
background:linear-gradient(150deg,var(--navy),#4A3D66);
background:linear-gradient(150deg,var(--navy),#2E4468);
display:flex;align-items:center;justify-content:center;color:var(--orange);font-family:'Poppins';font-weight:800;font-size:26px;
}
.coach-card h4{font-size:19px;margin-bottom:4px;color:var(--navy);}
@@ -448,26 +467,26 @@
<header>
<div class="container nav-wrap">
<a href="homepage-prototype.html" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف</a>
<a href="index.html" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف الرياضية</a>
<nav>
<ul>
<li><a href="homepage-prototype.html#programs">البرامج</a></li>
<li><a href="index.html#programs">البرامج</a></li>
<li><a href="page-about.html">من نحن</a></li>
<li><a href="homepage-prototype.html#stats">إنجازاتنا</a></li>
<li><a href="homepage-prototype.html#testimonials">آراء الأهالي</a></li>
<li><a href="index.html#stats">إنجازاتنا</a></li>
<li><a href="index.html#testimonials">آراء الأهالي</a></li>
<li><a href="#contact">تواصل</a></li>
</ul>
</nav>
<div class="header-cta">
<a href="#contact" class="btn btn-outline" style="color:var(--navy);border-color:rgba(11,36,71,.3);">اتصل بنا</a>
<a href="homepage-prototype.html#trial" class="btn btn-primary">حجز حصة تجريبية</a>
<a href="#contact" class="btn btn-outline">اتصل بنا</a>
<a href="index.html#trial" class="btn btn-primary">حجز حصة تجريبية</a>
</div>
</div>
</header>
<div class="breadcrumb">
<div class="container">
<a href="homepage-prototype.html">الرئيسية</a><span class="sep">/</span><span class="current">الباقات والأسعار</span>
<a href="index.html">الرئيسية</a><span class="sep">/</span><span class="current">الباقات والأسعار</span>
</div>
</div>
<section class="program-banner">
@@ -487,40 +506,119 @@
<section>
<div class="container">
<div class="eyebrow">باقات الرياضة الواحدة</div>
<h2 class="section-title">اختر رياضة طفلك</h2>
<p class="section-lead">كل باقة تشمل حصتين إلى ثلاث حصص أسبوعيًا بإشراف مدرب متخصص، بالإضافة إلى تقييم دوري لمستوى الطفل.</p>
<div class="eyebrow">باقات الالتزام</div>
<h2 class="section-title">كل ما تلتزم أكتر، توفّر أكتر وتاخذ مميزات أكتر</h2>
<p class="section-lead">باقات مدة لأي رياضة واحدة تختارها — السعر الشهري الفعلي بينزل كل ما زودت مدة الالتزام، مع مميزات تدريبية إضافية في كل مستوى.</p>
<div class="packages-grid">
<div class="package-card reveal" style="--accent:#B8923E">
<div class="package-duration">شهر واحد</div>
<h3>باقة التجربة والتأسيس</h3>
<div class="package-price"><span class="amt">399</span><span class="per">ريال</span></div>
<div class="package-effective">&nbsp;</div>
<ul class="package-features">
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> رياضة واحدة من اختيارك</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> تقييم مستوى عند الانضمام</li>
</ul>
<p class="package-tagline">باقة التجربة والتأسيس لابنك.</p>
</div>
<div class="package-card reveal" style="--accent:#2E7D8C">
<div class="package-duration">3 شهور</div>
<h3>باقة التطوير الواضح</h3>
<div class="package-price"><span class="amt">897</span><span class="per">ريال</span></div>
<div class="package-effective">يعادل 299 ريال / شهريًا</div>
<ul class="package-features">
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> خطة تطوير متوسطة المدى</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> جلسة استشارية مع المدرب</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> متابعة واتصالات أسبوعية</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> تقييم مستوى عند الانضمام</li>
</ul>
<p class="package-tagline">لمن يرى في ابنه موهبة.</p>
</div>
<div class="package-card reveal" style="--accent:#A63A2E">
<div class="package-duration">6 شهور</div>
<h3>باقة الجادين والتطوير الحقيقي</h3>
<div class="package-price"><span class="amt">1494</span><span class="per">ريال</span></div>
<div class="package-effective">يعادل 249 ريال / شهريًا</div>
<ul class="package-features">
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> تحليل أداء مرتين (فيديو أو تقييم فني)</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> متابعة مستمرة من المدرب</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> تحليل فني للتجهيز للبطولات</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> برنامج تطوير واضح يُرسل لولي الأمر</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> متابعة واتصالات أسبوعية</li>
</ul>
<p class="package-tagline">مستوى مختلف تمامًا في اللعبة.</p>
</div>
<div class="package-card featured reveal" style="--accent:#18253A">
<div class="package-badge">أفضل قيمة</div>
<div class="package-duration">سنويًا</div>
<h3>مشروع لاعب متكامل</h3>
<div class="package-price"><span class="amt">2388</span><span class="per">ريال</span></div>
<div class="package-effective">يعادل 199 ريال / شهريًا</div>
<ul class="package-features">
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> أولوية في البطولات</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> متابعة مستمرة</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> تحليلات أداء دورية</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> جلسات تغذية</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> زي الأكاديمية مجانًا</li>
<li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> دعم نفسي</li>
</ul>
<p class="package-tagline">لو ناوي تستثمر في مستقبل ابنك الرياضي بشكل جدي.</p>
</div>
</div>
<p style="font-size:12.5px;color:var(--gray);margin-top:26px;">* باقات الالتزام متاحة لرياضة واحدة من اختيارك. لو حابب أكتر من نشاط في نفس الوقت من غير التزام مدة، شوف الاشتراك الشهري المرن تحت.</p>
</div>
</section>
<section class="alt">
<div class="container">
<div class="eyebrow">اشتراك شهري مرن</div>
<h2 class="section-title">أو اختر رياضة طفلك شهر بشهر بدون التزام</h2>
<p class="section-lead">مناسب لو حابب تجرّب أو تختار أكتر من نشاط في نفس الوقت. كل باقة تشمل حصتين إلى ثلاث حصص أسبوعيًا بإشراف مدرب متخصص، بالإضافة إلى تقييم دوري لمستوى الطفل.</p>
<div class="programs-grid">
<div class="program-card reveal" style="--accent:#B8923E">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="9"/><path d="M12 6l3 2.2-1.1 3.6H10.1L9 8.2 12 6z"/></svg></div>
<h3>كرة القدم</h3>
<div class="program-tags"><span class="tag">4–16 سنة</span><span class="tag">60–90 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">249</span><span class="per">ريال / شهريًا</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-football.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#4A3D66">
<div class="program-card reveal" style="--accent:#2E4468">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M2 15c2-2 4-2 6 0s4 2 6 0 4-2 6 0"/><circle cx="17" cy="6" r="2.4"/></svg></div>
<h3>السباحة</h3>
<div class="program-tags"><span class="tag">4–16 سنة</span><span class="tag">45–60 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<div class="price-chip" style="margin-bottom:10px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<p style="font-size:12px;color:var(--gray);margin-bottom:16px;">+ أي نشاط آخر معها: 599 ريال إجمالاً.</p>
<a href="program-swimming.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#8F703A">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="5" r="2"/><path d="M5 21l3-7 4-2 4 2 3 7M9 12l1.5-5M15 12l-1.5-5"/></svg></div>
<h3>الكاراتيه / التايكواندو</h3>
<h3>الكاراتيه</h3>
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">249</span><span class="per">ريال / شهريًا</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-karate.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#C9772E">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="5" r="2"/><path d="M12 7v4l5 3-1.2 4-4.8-2-3 3-2-3 3-3-2-4 3-2z"/></svg></div>
<h3>التايكوندو</h3>
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-taekwondo.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#5B4B79">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 3v3M12 18v3M3 12h3M18 12h3"/><circle cx="12" cy="12" r="6"/></svg></div>
<h3>الجمباز</h3>
<div class="program-tags"><span class="tag">4–12 سنة</span><span class="tag">45–60 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">249</span><span class="per">ريال / شهريًا</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-gymnastics.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
@@ -528,24 +626,60 @@
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 8V6a2 2 0 012-2h3a2 2 0 012 2v2M4 8h9a2 2 0 012 2v2a4 4 0 01-4 4H8a4 4 0 01-4-4V8z"/><path d="M15 12h3a2 2 0 000-4"/></svg></div>
<h3>الكيك بوكسينغ</h3>
<div class="program-tags"><span class="tag">7–16 سنة</span><span class="tag">60 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">249</span><span class="per">ريال / شهريًا</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-kickboxing.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#A63A2E">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M7 10V7a3 3 0 013-3h1a3 3 0 013 3v1"/><path d="M7 10h9a3 3 0 013 3v2a5 5 0 01-5 5h-2a5 5 0 01-5-5v-3a2 2 0 012-2z"/></svg></div>
<h3>المواي تاي</h3>
<div class="program-tags"><span class="tag">7–16 سنة</span><span class="tag">60 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-muaythai.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#2E7D8C">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a13 13 0 010 18M4.5 6.5a13 13 0 0015 0M4.5 17.5a13 13 0 0115 0"/></svg></div>
<h3>كرة السلة</h3>
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60–75 دقيقة</span></div>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">399</span><span class="per">ريال / شهريًا</span></div>
<a href="program-basketball.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#4A5568">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 7v10M18 7v10M2 10v4M22 10v4M6 12h12"/></svg></div>
<h3>التدريب الشخصي</h3>
<div class="program-tags"><span class="tag">12+ سنة</span><span class="tag">12 حصة فردية</span></div>
<div style="background:var(--surface);border-radius:14px;padding:14px 18px;margin-bottom:16px;display:grid;gap:6px;">
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>شهر واحد</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">1999 ريال</strong></div>
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>3 شهور</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">4497 ريال</strong></div>
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>6 شهور</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">5994 ريال</strong></div>
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>سنويًا</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">9588 ريال</strong></div>
</div>
<a href="program-personal-training.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#2E8B57">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
<h3>ذوي الهمم</h3>
<div class="program-tags"><span class="tag">6–16 سنة</span><span class="tag">4 حصص أسبوعيًا</span></div>
<p style="margin-bottom:16px;">كيك بوكسينغ، كاراتيه، مواي تاي، وتايكوندو ضمن برنامج واحد. تواصل معنا لمناقشة حالة طفلك ومعرفة السعر المناسب.</p>
<div class="program-tags"><span class="tag">6–16 سنة</span><span class="tag">12 حصة شهريًا</span></div>
<div style="background:var(--surface);border-radius:14px;padding:14px 18px;margin-bottom:10px;display:grid;gap:6px;">
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>نشاط واحد</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">1999 ريال</strong></div>
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>نشاطين</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">3499 ريال</strong></div>
</div>
<p style="font-size:12px;color:var(--gray);margin-bottom:16px;">كيك بوكسينغ، كاراتيه، مواي تاي، وتايكوندو ضمن برنامج واحد + المشاركة في بطولات المملكة.</p>
<a href="program-special-needs.html" class="program-link">تفاصيل البرنامج <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
<div class="program-card reveal" style="--accent:#C9A227">
<div class="program-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 2l2.6 6.4L21 9l-5 4.4L17.4 21 12 17.3 6.6 21 8 13.4 3 9l6.4-.6z"/></svg></div>
<h3>باقة متعددة الأنشطة</h3>
<p>اختر 2–3 رياضات ضمن اشتراك واحد بإشراف مدربين متعددي التخصصات.</p>
<div class="price-chip" style="margin-bottom:16px;"><span class="amt">249</span><span class="per">ريال / شهريًا</span></div>
<a href="homepage-prototype.html#trial" class="program-link">احجز حصة تجريبية <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
<p style="font-size:13px;">اختر 2–3 رياضات ضمن اشتراك واحد بإشراف مدربين متعددي التخصصات.</p>
<div style="background:var(--surface);border-radius:14px;padding:14px 18px;margin-bottom:16px;display:grid;gap:6px;">
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>نشاطين</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">698 ريال</strong></div>
<div style="display:flex;justify-content:space-between;font-size:13px;color:var(--gray);"><span>3 أنشطة</span><strong style="color:var(--navy);font-family:'Poppins';font-size:15px;">897 ريال</strong></div>
</div>
<a href="index.html#trial" class="program-link">احجز حصة تجريبية <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 5l-7 7 7 7"/></svg></a>
</div>
</div>
@@ -579,7 +713,7 @@
<div class="final-cta reveal">
<h2>مو متأكد أي رياضة تناسب طفلك؟</h2>
<p>احجز حصة تجريبية مجانية وخلّي فريقنا يساعدك تختار الأنسب.</p>
<a href="homepage-prototype.html#trial" class="btn btn-navy" style="background:#fff;color:var(--orange);">احجز حصة تجريبية مجانية ←</a>
<a href="index.html#trial" class="btn btn-navy" style="background:#fff;color:var(--orange);">احجز حصة تجريبية مجانية ←</a>
</div>
</div>
</section>
@@ -595,7 +729,7 @@
<div class="footer-col">
<h5>روابط سريعة</h5>
<ul>
<li><a href="homepage-prototype.html#programs">البرامج التدريبية</a></li>
<li><a href="index.html#programs">البرامج التدريبية</a></li>
<li><a href="page-about.html">من نحن</a></li>
<li><a href="page-pricing.html">الباقات والأسعار</a></li>
<li><a href="page-blog.html">المدونة</a></li>
@@ -634,7 +768,7 @@
</footer>
<div class="mobile-sticky">
<a href="homepage-prototype.html#trial" class="btn btn-primary">احجز حصة تجريبية مجانية</a>
<a href="index.html#trial" class="btn btn-primary">احجز حصة تجريبية مجانية</a>
</div>
<script>