Add football & martial arts sport pages + update nav sitewide

- football.html: green theme, pitch management, age groups, squad system
- martial-arts.html: red theme, belt progression, grading exams, multi-discipline
- Both include "this is just an example, fits any academy" notice
- Same notice added to swimming.html
- Nav updated on index, features, swimming, pricing, contact to include new pages
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/contact.html

@@ -30,6 +30,8 @@
         <a href="/" class="nav__link">الرئيسية</a>
         <a href="features.html" class="nav__link">المزايا</a>
         <a href="swimming.html" class="nav__link">السباحة</a>
+        <a href="football.html" class="nav__link">كرة القدم</a>
+        <a href="martial-arts.html" class="nav__link">الفنون القتالية</a>
         <a href="pricing.html" class="nav__link">التسعير</a>
         <a href="contact.html" class="nav__cta">تواصل معنا</a>
       </div>

public/features.html

@@ -24,6 +24,8 @@
         <a href="/" class="nav__link">الرئيسية</a>
         <a href="features.html" class="nav__link nav__link--active">المزايا</a>
         <a href="swimming.html" class="nav__link">السباحة</a>
+        <a href="football.html" class="nav__link">كرة القدم</a>
+        <a href="martial-arts.html" class="nav__link">الفنون القتالية</a>
         <a href="pricing.html" class="nav__link">التسعير</a>
         <a href="contact.html" class="nav__cta">تواصل معنا</a>
       </div>

public/football.html

@@ -796,6 +796,18 @@
     </div>
   </section>
 
+  <!-- "Fits Any Academy" Notice -->
+  <section class="section">
+    <div class="container">
+      <div class="sport-notice" data-reveal style="display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-xl); background: rgba(8, 145, 178, 0.06); border: 1px solid rgba(8, 145, 178, 0.15); border-radius: var(--radius-xl);">
+        <span style="font-size: 1.5rem; flex-shrink: 0;">💡</span>
+        <div style="font-size: var(--text-base); color: var(--ink-secondary); line-height: 1.8;">
+          <strong style="color: var(--ink-primary);">كرة القدم هنا مجرد مثال</strong> — النظام يناسب أي أكاديمية رياضية: سباحة، كاراتيه، جمباز، تنس، أو أي نشاط. إحنا بنفهم التحديات اللي بتواجه أكاديميتك ونقدملك حلول حقيقية مبنية على خبرتنا في السوق الرياضي.
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- CTA Section -->
   <section class="sport-cta">
     <div class="container" data-reveal>

public/index.html

@@ -22,6 +22,8 @@
         <a href="/" class="nav__link nav__link--active">الرئيسية</a>
         <a href="features.html" class="nav__link">المزايا</a>
         <a href="swimming.html" class="nav__link">السباحة</a>
+        <a href="football.html" class="nav__link">كرة القدم</a>
+        <a href="martial-arts.html" class="nav__link">الفنون القتالية</a>
         <a href="pricing.html" class="nav__link">التسعير</a>
         <a href="contact.html" class="nav__cta">تواصل معنا</a>
       </div>

public/martial-arts.html

@@ -798,6 +798,18 @@
     </div>
   </section>
 
+  <!-- "Fits Any Academy" Notice -->
+  <section class="section">
+    <div class="container">
+      <div class="sport-notice" data-reveal style="display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-xl); background: rgba(8, 145, 178, 0.06); border: 1px solid rgba(8, 145, 178, 0.15); border-radius: var(--radius-xl);">
+        <span style="font-size: 1.5rem; flex-shrink: 0;">💡</span>
+        <div style="font-size: var(--text-base); color: var(--ink-secondary); line-height: 1.8;">
+          <strong style="color: var(--ink-primary);">الفنون القتالية هنا مجرد مثال</strong> — النظام يناسب أي أكاديمية رياضية: سباحة، كرة قدم، جمباز، تنس، أو أي نشاط. إحنا بنفهم التحديات اللي بتواجه أكاديميتك ونقدملك حلول حقيقية مبنية على خبرتنا في السوق الرياضي.
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- CTA Section -->
   <section class="sport-cta">
     <div class="container" data-reveal>

public/pricing.html

@@ -439,6 +439,8 @@
         <a href="/" class="nav__link">الرئيسية</a>
         <a href="features.html" class="nav__link">المزايا</a>
         <a href="swimming.html" class="nav__link">السباحة</a>
+        <a href="football.html" class="nav__link">كرة القدم</a>
+        <a href="martial-arts.html" class="nav__link">الفنون القتالية</a>
         <a href="pricing.html" class="nav__link nav__link--active">التسعير</a>
         <a href="contact.html" class="nav__cta">تواصل معنا</a>
       </div>

public/swimming.html

@@ -1039,6 +1039,18 @@
     </div>
   </section>
 
+  <!-- "Fits Any Academy" Notice -->
+  <section class="section">
+    <div class="container">
+      <div class="sport-notice" data-reveal style="display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-xl); background: rgba(8, 145, 178, 0.06); border: 1px solid rgba(8, 145, 178, 0.15); border-radius: var(--radius-xl);">
+        <span style="font-size: 1.5rem; flex-shrink: 0;">💡</span>
+        <div style="font-size: var(--text-base); color: var(--ink-secondary); line-height: 1.8;">
+          <strong style="color: var(--ink-primary);">السباحة هنا مجرد مثال</strong> — النظام يناسب أي أكاديمية رياضية: كرة قدم، كاراتيه، جمباز، تنس، أو أي نشاط. إحنا بنفهم التحديات اللي بتواجه أكاديميتك ونقدملك حلول حقيقية مبنية على خبرتنا في السوق الرياضي.
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- CTA Section -->
   <section class="swim-cta">
     <div class="container" data-reveal>