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

155
index.html
View File

@@ -4,20 +4,20 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>أكاديمية الكاف الرياضية — تدريب رياضي للأطفال في الرياض</title>
<meta name="description" content="أكاديمية الكاف الرياضية بحي القدس، الرياض. سبعة برامج رياضية للأطفال من 4 إلى 16 سنة: كرة القدم، السباحة، الكاراتيه والتايكوندو، الجمباز، الكيك بوكسينغ، وبرنامج ذوي الهمم، بإشراف مدربين متخصصين. احجز حصة تجريبية مجانية.">
<meta name="description" content="أكاديمية الكاف الرياضية بحي القدس، الرياض. أحد عشر برنامجًا رياضيًا للأطفال والشباب: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم، بإشراف مدربين متخصصين. احجز حصة تجريبية مجانية.">
<link rel="icon" type="image/png" href="caf-logo.png">
<meta property="og:type" content="website">
<meta property="og:locale" content="ar_SA">
<meta property="og:title" content="أكاديمية الكاف الرياضية — تدريب رياضي للأطفال في الرياض">
<meta property="og:description" content="أكاديمية الكاف الرياضية بحي القدس، الرياض. سبعة برامج رياضية للأطفال من 4 إلى 16 سنة: كرة القدم، السباحة، الكاراتيه والتايكوندو، الجمباز، الكيك بوكسينغ، وبرنامج ذوي الهمم، بإشراف مدربين متخصصين. احجز حصة تجريبية مجانية.">
<meta property="og:description" content="أكاديمية الكاف الرياضية بحي القدس، الرياض. أحد عشر برنامجًا رياضيًا للأطفال والشباب: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم، بإشراف مدربين متخصصين. احجز حصة تجريبية مجانية.">
<meta property="og:image" content="caf-logo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<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;}
@@ -93,7 +93,7 @@
position:relative;color:#fff;overflow:hidden;
background:
radial-gradient(1100px 500px at 85% -10%, rgba(184,146,62,.30), 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%);
background-size:cover; background-position:center;
padding:96px 0 110px;
}
@@ -122,15 +122,15 @@
.hero-meta .n{font-family:'Poppins';font-weight:800;font-size:26px;color:var(--gold);}
.hero-meta .l{font-size:12.5px;color:rgba(255,255,255,.65);}
/* Hero visual: signature element = the real crest, glowing, with a couple of orbiting sport marks */
.hero-visual{position:relative;height:420px;display:flex;align-items:center;justify-content:center;}
/* Hero visual: signature element = the real crest, glowing, with 10 orbiting sport marks */
.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center;}
.crest-glow{
position:absolute;width:360px;height:360px;border-radius:50%;
background:radial-gradient(circle, rgba(184,146,62,.30), transparent 68%);
filter:blur(4px);
}
.crest-main{
position:relative;width:300px;height:300px;object-fit:contain;
position:relative;width:260px;height:260px;object-fit:contain;
filter:drop-shadow(0 30px 50px rgba(0,0,0,.55));
animation:crestFloat 7s ease-in-out infinite;
}
@@ -138,22 +138,26 @@
@media (prefers-reduced-motion: reduce){.crest-main{animation:none;}}
.badge-orbit{position:absolute;inset:0;}
.sport-badge{
position:absolute;width:96px;height:96px;border-radius:26px;
position:absolute;width:62px;height:62px;border-radius:18px;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
backdrop-filter:blur(6px);
display:flex;align-items:center;justify-content:center;
box-shadow:0 20px 40px -18px rgba(0,0,0,.5);
animation:float 6s ease-in-out infinite;
box-shadow:0 16px 32px -16px rgba(0,0,0,.5);
animation:float 9s ease-in-out infinite;
transform:translate(50%,-50%);
}
.sport-badge svg{width:44px;height:44px;}
.sport-badge.b1{top:6%;right:8%;animation-delay:0s;background:rgba(255,107,53,.18);border-color:rgba(255,107,53,.4);}
.sport-badge.b2{top:34%;right:46%;animation-delay:.6s;background:rgba(255,193,69,.18);border-color:rgba(255,193,69,.4);width:120px;height:120px;}
.sport-badge.b2 svg{width:56px;height:56px;}
.sport-badge.b3{top:2%;right:52%;animation-delay:1.1s;}
.sport-badge.b4{bottom:12%;right:4%;animation-delay:1.6s;}
.sport-badge.b5{bottom:2%;right:38%;animation-delay:2.1s;}
.sport-badge.b6{top:52%;right:2%;animation-delay:2.6s;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.sport-badge svg{width:28px;height:28px;}
.sport-badge.b1{top:13%;right:50%;animation-delay:0s;background:rgba(255,107,53,.18);border-color:rgba(255,107,53,.4);}
.sport-badge.b2{top:20.1%;right:28.3%;animation-delay:.3s;background:rgba(255,193,69,.18);border-color:rgba(255,193,69,.4);}
.sport-badge.b3{top:38.6%;right:14.8%;animation-delay:.6s;}
.sport-badge.b4{top:61.4%;right:14.8%;animation-delay:.9s;}
.sport-badge.b5{top:79.9%;right:28.3%;animation-delay:1.2s;}
.sport-badge.b6{top:87%;right:50%;animation-delay:1.5s;}
.sport-badge.b7{top:79.9%;right:71.7%;animation-delay:1.8s;}
.sport-badge.b8{top:61.4%;right:85.2%;animation-delay:2.1s;}
.sport-badge.b9{top:38.6%;right:85.2%;animation-delay:2.4s;}
.sport-badge.b10{top:20.1%;right:71.7%;animation-delay:2.7s;}
@keyframes float{0%,100%{transform:translate(50%,-50%) translateY(0) scale(1)}50%{transform:translate(50%,-50%) translateY(-18px) scale(1.06)}}
@media (prefers-reduced-motion: reduce){.sport-badge{animation:none;}}
/* ===== TRUST BAR ===== */
@@ -171,7 +175,7 @@
aspect-ratio:1/1;border-radius:28px;
background:
linear-gradient(165deg, rgba(28,23,48,.72) 0%, rgba(52,43,74,.55) 100%),
url(images/gymnastics-1.jpg);
url(images/2.jpeg);
background-size:cover; background-position:center;
position:relative;overflow:hidden;
display:flex;align-items:center;justify-content:center;
@@ -252,6 +256,11 @@
/* ===== TESTIMONIALS ===== */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.achievements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:52px;}
.achievements-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);transition:transform .3s ease;}
.achievements-grid img:hover{transform:translateY(-6px);}
.review-shots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
.review-shots-grid img{width:100%;border-radius:14px;box-shadow:0 16px 32px -18px rgba(11,36,71,.35);border:1px solid rgba(11,36,71,.07);}
.testi-card{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid rgba(11,36,71,.07);}
.stars{color:var(--gold);font-size:15px;letter-spacing:2px;margin-bottom:14px;}
.testi-card p.txt{font-size:14.5px;color:var(--text);margin-bottom:20px;}
@@ -294,13 +303,15 @@
.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, .review-shots-grid{grid-template-columns:1fr 1fr;}
.achievements-grid{grid-template-columns:repeat(3,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, .review-shots-grid{grid-template-columns:1fr;}
.achievements-grid{grid-template-columns:repeat(2,1fr);}
.hero{padding:64px 0 80px;}
.final-cta{padding:44px 24px;margin:0;}
}
@@ -317,7 +328,7 @@
<header>
<div class="container nav-wrap">
<a href="#" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف</a>
<a href="#" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف الرياضية</a>
<nav>
<ul>
<li><a href="#programs">البرامج</a></li>
@@ -328,7 +339,7 @@
</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="#contact" class="btn btn-outline">اتصل بنا</a>
<a href="#trial" class="btn btn-primary">حجز حصة تجريبية</a>
</div>
</div>
@@ -339,13 +350,13 @@
<div>
<div class="hero-eyebrow"><span class="dot"></span> حي القدس، الرياض · تدريب معتمد للأعمار 4–16 سنة</div>
<h1>نصنع <em>أبطال الغد</em>،<br>بخطوة اليوم</h1>
<p class="lead">سبعة برامج رياضية لطفلك: كرة القدم، السباحة، الكاراتيه والتايكوندو، الجمباز، الكيك بوكسينغ، وبرنامج ذوي الهمم — بإشراف مدربين متخصصين وبيئة آمنة ومحفزة.</p>
<p class="lead">أحد عشر برنامجًا رياضيًا لطفلك وللعائلة: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم — بإشراف مدربين متخصصين وبيئة آمنة ومحفزة.</p>
<div class="hero-actions">
<a href="#trial" class="btn btn-primary">احجز حصة تجريبية مجانية</a>
<a href="#programs" class="btn btn-outline">تصفح البرامج</a>
</div>
<div class="hero-meta">
<div><span class="n">7</span><span class="l">برامج رياضية</span></div>
<div><span class="n">11</span><span class="l">برامج رياضية</span></div>
<div><span class="n">4–16</span><span class="l">الفئة العمرية</span></div>
<div><span class="n">3</span><span class="l">حصص أسبوعيًا</span></div>
</div>
@@ -354,9 +365,16 @@
<div class="crest-glow"></div>
<img class="crest-main" src="caf-logo.png" alt="شعار أكاديمية الكاف الرياضية">
<div class="badge-orbit">
<div class="sport-badge b1"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M12 6l3 2.2-1.1 3.6H10.1L9 8.2 12 6z"/><path d="M3.5 10.5L9 8.2M20.5 10.5L15 8.2M8.2 20.5l1.9-5.7M15.8 20.5l-1.9-5.7"/></svg></div>
<div class="sport-badge b4"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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 002-2 2 2 0 00-2-2"/></svg></div>
<div class="sport-badge b5"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b1" title="كرة القدم"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M12 6l3 2.2-1.1 3.6H10.1L9 8.2 12 6z"/><path d="M3.5 10.5L9 8.2M20.5 10.5L15 8.2M8.2 20.5l1.9-5.7M15.8 20.5l-1.9-5.7"/></svg></div>
<div class="sport-badge b2" title="السباحة"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b3" title="الكاراتيه / التايكوندو"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b4" title="الجمباز"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M12 3v3M12 18v3M3 12h3M18 12h3"/><circle cx="12" cy="12" r="6"/></svg></div>
<div class="sport-badge b5" title="الكيك بوكسينغ"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b6" title="ذوي الهمم"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b7" title="المواي تاي"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b8" title="كرة السلة"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><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>
<div class="sport-badge b9" title="التدريب الشخصي"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M6 7v10M18 7v10M2 10v4M22 10v4M6 12h12"/></svg></div>
<div class="sport-badge b10" title="باقة متعددة الأنشطة"><svg viewBox="0 0 24 24" fill="none" stroke="var(--orange)" stroke-width="1.6"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div>
</div>
</div>
</div>
@@ -392,7 +410,7 @@
<div class="container">
<div class="eyebrow">برامجنا التدريبية</div>
<h2 class="section-title">اختر رياضة طفلك</h2>
<p class="section-lead">سبعة برامج مصمَّمة حسب العمر والمستوى، كل برنامج يشمل تقييمًا دوريًا ونظام تدرّج واضح.</p>
<p class="section-lead">أحد عشر برنامجًا مصمَّمًا حسب العمر والمستوى، كل برنامج يشمل تقييمًا دوريًا ونظام تدرّج واضح.</p>
<div class="programs-grid">
<div class="program-card reveal" style="--accent:#B8923E">
@@ -403,7 +421,7 @@
<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>
<p>من أساسيات الطفو والتنفس حتى تقنيات السباحة المتقدمة.</p>
@@ -413,12 +431,20 @@
<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>
<p>انضباط ذاتي، احترام الآخرين، وثقة بالنفس عبر نظام أحزمة واضح.</p>
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60 دقيقة</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>
<p>قوة ومرونة وسرعة حركية عبر تقنيات الركل، ونظام أحزمة واضح.</p>
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60 دقيقة</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>
@@ -435,6 +461,30 @@
<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"/><path d="M10 10v3M13 10v3"/></svg></div>
<h3>المواي تاي</h3>
<p>الملاكمة التايلندية بأسلوب آمن يبني اللياقة والانضباط الذهني والثقة بالنفس.</p>
<div class="program-tags"><span class="tag">7–16 سنة</span><span class="tag">60 دقيقة</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>
<p>تمرير وتصويب ومراوغة وروح الفريق داخل الملعب عبر تمارين تدريجية.</p>
<div class="program-tags"><span class="tag">5–16 سنة</span><span class="tag">60–75 دقيقة</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>
<p>خطط تدريب فردية للرجال والنساء بإشراف مدربين ومدربات معتمدين حسب هدفك.</p>
<div class="program-tags"><span class="tag">12+ سنة</span><span class="tag">حصص فردية</span></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>
@@ -447,7 +497,7 @@
<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="program-tags"><span class="tag">من 249 ريال</span><span class="tag">شهريًا</span></div>
<div class="program-tags"><span class="tag">من 399 ريال</span><span class="tag">شهريًا</span></div>
<a href="#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>
@@ -496,7 +546,7 @@
<div class="stats-path" style="margin-top:50px;">
<div class="stat reveal">
<div class="stat-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><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>
<div class="n" data-count="7">0</div>
<div class="n" data-count="11">0</div>
<div class="l">برامج تدريبية</div>
</div>
<div class="stat reveal">
@@ -515,6 +565,13 @@
<div class="l">سنوات خبرة</div>
</div>
</div>
<div class="achievements-grid">
<img src="images/achievements/1.jpeg" alt="بطولة المملكة المفتوحة 2025 — المركز الأول" loading="lazy" class="reveal">
<img src="images/achievements/2.jpeg" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
<img src="images/achievements/3.jpeg" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
<img src="images/achievements/4.jpeg" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
<img src="images/achievements/5.jpeg" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
</div>
</div>
</section>
@@ -544,11 +601,19 @@
<div class="stars">★★★★★</div>
<p class="txt">"ابتدينا معاهم سباحة وكرة قدم، شاطرين وصراحة منظمين جدًا. وأحلى فكرة عجبتني موضوع التقرير اللي بيبعتوه، يبين ابنك مهاراته حلوة في إيه وعايز يتحسن في إيه."</p>
<div class="testi-person">
<div class="avatar" style="background:#4A3D66;">H.A</div>
<div class="avatar" style="background:#2E4468;">H.A</div>
<div><div class="name">Habeeb Ahmed</div><div class="role">ولي أمر — السباحة وكرة القدم</div></div>
</div>
</div>
</div>
<div class="review-shots-grid">
<img src="images/review/1.jpeg" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
<img src="images/review/2.jpeg" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
<img src="images/review/3.jpeg" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
<img src="images/review/4.jpeg" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
<img src="images/review/5.jpeg" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
<img src="images/review/6.jpeg" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
</div>
</div>
</section>
@@ -581,9 +646,13 @@
<option value="" selected disabled>اختر الرياضة</option>
<option value="كرة القدم">كرة القدم</option>
<option value="السباحة">السباحة</option>
<option value="الكاراتيه / التايكوندو">الكاراتيه / التايكوندو</option>
<option value="الكاراتيه">الكاراتيه</option>
<option value="التايكوندو">التايكوندو</option>
<option value="الجمباز">الجمباز</option>
<option value="الكيك بوكسينغ">الكيك بوكسينغ</option>
<option value="المواي تاي">المواي تاي</option>
<option value="كرة السلة">كرة السلة</option>
<option value="تدريب شخصي">تدريب شخصي</option>
<option value="باقة متعددة الأنشطة">باقة متعددة الأنشطة</option>
<option value="ذوي الهمم">ذوي الهمم</option>
</select>