From bcd5f2b5b3e484aa80d9098d43af70ad94d9ec1a Mon Sep 17 00:00:00 2001
From: Line INK <4line.ink1@gmail.com>
Date: Thu, 27 Aug 2026 22:43:02 +0300
Subject: [PATCH] Add Champion Path, Training Method, Extra Services sections
and program skill bars
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Continuing the competitor-inspired additions:
- Champion Path: U4-U18 development roadmap with a connecting timeline, styled after the existing stats-path visual language
- Training Method: 3-card section on warm-up safety, fitness tracking, and growth-stage-aware planning (kept generic/honest, no trademarked-protocol claims)
- Extra Services: private coaching, seasonal camps, sports birthdays, facility rental — each links to a pre-filled WhatsApp inquiry since these aren't yet fixed bookable products
- Skill bars: added 3 illustrative stat bars (e.g. technique/fitness/discipline) to each of the 9 sport program cards
---
index.html | 217 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 217 insertions(+)
diff --git a/index.html b/index.html
index e0dc113..dee3cc6 100644
--- a/index.html
+++ b/index.html
@@ -267,6 +267,86 @@
.join-arrow{display:none;}
}
+ /* ===== SKILL BARS (on program cards) ===== */
+ .skill-bars{margin:14px 0 18px;display:grid;gap:9px;}
+ .skill-bar-row{display:flex;align-items:center;gap:10px;}
+ .skill-bar-row .skill-label{font-size:11px;color:var(--gray);width:52px;flex-shrink:0;}
+ .skill-bar-track{flex:1;height:5px;border-radius:3px;background:rgba(11,36,71,.08);overflow:hidden;}
+ .skill-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent,var(--orange)),var(--gold));width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1);}
+ .skill-bar-row .skill-val{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;color:var(--navy);width:22px;text-align:end;flex-shrink:0;}
+
+ /* ===== CHAMPION PATH ===== */
+ #champion-path{background:var(--surface);}
+ .path-track{position:relative;margin-top:64px;}
+ .path-line{
+ position:absolute;top:34px;inset-inline-start:5%;inset-inline-end:5%;height:3px;
+ background:repeating-linear-gradient(90deg, var(--orange) 0 10px, transparent 10px 20px);
+ z-index:0;
+ }
+ .path-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1;}
+ .path-stage{text-align:center;}
+ .path-marker{
+ width:68px;height:68px;border-radius:50%;margin:0 auto 22px;
+ background:linear-gradient(150deg,var(--navy),var(--navy-deep));
+ border:3px solid var(--orange);
+ display:flex;align-items:center;justify-content:center;
+ box-shadow:0 12px 26px -12px rgba(11,36,71,.4);
+ transition:transform .3s ease;
+ }
+ .path-stage:hover .path-marker{transform:translateY(-6px) scale(1.05);}
+ .path-marker svg{width:28px;height:28px;color:var(--gold-light);}
+ .path-age{
+ display:inline-block;font-family:'Poppins',sans-serif;font-weight:800;font-size:13px;
+ color:#fff;background:var(--orange);padding:4px 14px;border-radius:100px;margin-bottom:12px;
+ }
+ .path-stage h4{font-size:16.5px;color:var(--navy);margin-bottom:8px;}
+ .path-stage p{font-size:13.3px;color:var(--gray);}
+ @media(max-width:900px){
+ .path-line{display:none;}
+ .path-stages{grid-template-columns:1fr 1fr;gap:36px 20px;}
+ }
+ @media(max-width:560px){ .path-stages{grid-template-columns:1fr;} }
+
+ /* ===== SCIENTIFIC METHOD ===== */
+ .method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px;}
+ .method-card{
+ background:linear-gradient(165deg, var(--navy-deep) 0%, var(--navy) 100%);
+ border-radius:var(--radius);padding:34px 28px;position:relative;overflow:hidden;
+ border:1px solid rgba(184,146,62,.25);
+ }
+ .method-card::before{
+ content:attr(data-step);position:absolute;top:-16px;inset-inline-end:8px;
+ font-family:'Poppins',sans-serif;font-weight:800;font-size:80px;color:rgba(255,255,255,.05);
+ line-height:1;pointer-events:none;
+ }
+ .method-icon{
+ width:56px;height:56px;border-radius:14px;margin-bottom:20px;position:relative;z-index:1;
+ background:rgba(184,146,62,.16);border:1px solid rgba(184,146,62,.4);
+ display:flex;align-items:center;justify-content:center;
+ }
+ .method-icon svg{width:26px;height:26px;color:var(--gold-light);}
+ .method-card h4{color:#fff;font-size:17px;margin-bottom:10px;position:relative;z-index:1;}
+ .method-card p{color:rgba(255,255,255,.65);font-size:13.5px;position:relative;z-index:1;}
+ @media(max-width:900px){ .method-grid{grid-template-columns:1fr;} }
+
+ /* ===== EXTRA SERVICES ===== */
+ .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px;}
+ .service-card{
+ background:#fff;border-radius:var(--radius);padding:30px 24px;text-align:center;
+ border:1px solid rgba(11,36,71,.07);transition:transform .3s ease,box-shadow .3s ease;
+ }
+ .service-card:hover{transform:translateY(-8px);box-shadow:0 24px 44px -24px rgba(11,36,71,.35);}
+ .service-icon{
+ width:60px;height:60px;border-radius:50%;margin:0 auto 18px;
+ background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--orange) 65%);
+ display:flex;align-items:center;justify-content:center;
+ }
+ .service-icon svg{width:28px;height:28px;color:var(--navy-deep);}
+ .service-card h4{font-size:15.5px;color:var(--navy);margin-bottom:8px;}
+ .service-card p{font-size:12.8px;color:var(--gray);}
+ @media(max-width:900px){ .services-grid{grid-template-columns:1fr 1fr;} }
+ @media(max-width:560px){ .services-grid{grid-template-columns:1fr;} }
+
/* ===== STATS (signature: badge path) ===== */
.stats-section{
background:linear-gradient(160deg,var(--navy-deep), var(--navy));
@@ -515,6 +595,11 @@
كرة القدم
تطوير المهارات الفردية والتكتيكية وروح الفريق داخل الملعب.
+
4–16 سنة60–90 دقيقة
التفاصيل
@@ -523,6 +608,11 @@
السباحة
من أساسيات الطفو والتنفس حتى تقنيات السباحة المتقدمة.
+
4–16 سنة45–60 دقيقة
التفاصيل
@@ -531,6 +621,11 @@
الكاراتيه
انضباط ذاتي، احترام الآخرين، وثقة بالنفس عبر نظام أحزمة واضح.
+
5–16 سنة60 دقيقة
التفاصيل
@@ -539,6 +634,11 @@
التايكوندو
قوة ومرونة وسرعة حركية عبر تقنيات الركل، ونظام أحزمة واضح.
+
5–16 سنة60 دقيقة
التفاصيل
@@ -547,6 +647,11 @@
الجمباز
مرونة، توازن، وقوة الجسم من سن مبكرة بإشراف مدربات متخصصات.
+
4–12 سنة45–60 دقيقة
التفاصيل
@@ -555,6 +660,11 @@
الكيك بوكسينغ
قوة ذهنية وبدنية، تركيز، وأساسيات دفاع عن النفس بشكل آمن.
+
7–16 سنة60 دقيقة
التفاصيل
@@ -563,6 +673,11 @@
المواي تاي
الملاكمة التايلندية بأسلوب آمن يبني اللياقة والانضباط الذهني والثقة بالنفس.
+
7–16 سنة60 دقيقة
التفاصيل
@@ -571,6 +686,11 @@
كرة السلة
تمرير وتصويب ومراوغة وروح الفريق داخل الملعب عبر تمارين تدريجية.
+
5–16 سنة60–75 دقيقة
التفاصيل
@@ -579,6 +699,11 @@
التدريب الشخصي
خطط تدريب فردية للرجال والنساء بإشراف مدربين ومدربات معتمدين حسب هدفك.
+
12+ سنةحصص فردية
التفاصيل
@@ -603,6 +728,68 @@
+
+
+
مسار البطل
+
من أول خطوة، لحد المستوى الاحترافي
+
خطة واضحة ومتدرّجة تواكب طفلك من أول لمسة للكرة أو الحزام الأبيض، لحد ما يبقى جاهز للمنافسة.
+
+
+
+
+
+
٤–٦ سنوات
+
التأسيس الحركي
+
بناء الوعي الحركي والتناسق بين العين واليد، وتعويد الطفل على أجواء التدريب المنظّم بأسلوب ممتع.
+
+
+
+
٧–١٠ سنوات
+
المهارات الأساسية
+
بناء المهارات الفنية الخاصة بكل رياضة تدريجيًا، مع تحديات بدنية مدروسة تناسب عمر الطفل.
+
+
+
+
١١–١٤ سنة
+
التكتيك والقوة
+
قراءة اللعب أو المباراة، بناء القوة الوظيفية، والتحضير للمشاركة في البطولات الرسمية.
+
+
+
+
١٥–١٨ سنة
+
الأداء والمسار الاحترافي
+
منافسات ومعسكرات نخبة، وتوثيق مستوى الأداء لفتح الطريق أمام المسار الاحترافي.
+
+
+
+
+
منهجنا التدريبي
+
أسلوب مدروس، مش تخمين
+
كل حصة مبنية على أساس علمي وسلامة الطفل أولًا، مش مجرد تمارين عشوائية.
+
+
+
+
إحماء وتهيئة قبل كل حصة
+
روتين إحماء ثابت في بداية كل حصة يهيّئ عضلات ومفاصل الطفل، ويقلل من فرص الإصابة أثناء التدريب.
+
+
+
+
متابعة مستوى اللياقة
+
نراقب تقدّم كل طفل في اللياقة والمهارة تدريجيًا، ونضبط شدة التدريب بما يناسب عمره وقدراته — من غير إفراط.
+
+
+
+
مراعاة مرحلة النمو
+
خطط التدريب تراعي المرحلة العمرية والجسدية الفعلية للطفل، مش بس تاريخ ميلاده — عشان يقوى من غير أي ضرر على المدى الطويل.
+
+
+
لماذا أكاديمية الكاف
@@ -845,6 +1032,36 @@
+
+