diff --git a/templates/club-layout.html b/templates/club-layout.html
index 7563152..efa24d9 100644
--- a/templates/club-layout.html
+++ b/templates/club-layout.html
@@ -89,6 +89,7 @@
             display: flex;
             gap: 50px;
             margin-top: 35px;
+            flex-wrap: wrap;
         }
 
         .stat-item {
@@ -111,6 +112,23 @@
             font-weight: 700;
         }
 
+        .stat-pill {
+            border-radius: 999px;
+            background: rgba(15, 23, 42, 0.8);
+            color: #e5e7eb;
+            padding: 8px 16px;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            font-size: 12px;
+            margin-top: 10px;
+            border: 1px solid rgba(148, 163, 184, 0.5);
+        }
+
+        .stat-pill i {
+            color: #facc15;
+        }
+
         .content-card {
             background: white;
             margin-top: -65px;
@@ -305,7 +323,6 @@
             border: 1px solid #e2e8f0;
         }
 
-        /* TODAY CLASSES */
         .class-card {
             border-radius: 18px;
             border: 1px solid #e2e8f0;
@@ -378,7 +395,6 @@
             color: #475569;
         }
 
-        /* NEWS FEED */
         .news-timeline {
             position: relative;
             padding-left: 30px;
@@ -484,7 +500,6 @@
             color: var(--primary);
         }
 
-        /* EVENTS */
         .events-lane {
             position: relative;
             padding-left: 34px;
@@ -591,7 +606,7 @@
             font-size: 10px;
             border-radius: 999px;
             padding: 4px 9px;
-            border: 1px solid #e5e7eb;
+            border: 1px solid #e2e8f0;
             background: #f9fafb;
             color: #475569;
             display: inline-flex;
@@ -600,7 +615,7 @@
         }
 
         .event-footer {
-            border-top: 1px dashed #e5e7eb;
+            border-top: 1px dashed #e2e8f0;
             padding: 10px 16px 14px;
             display: flex;
             align-items: center;
@@ -619,7 +634,7 @@
         .capacity-bar {
             height: 6px;
             border-radius: 999px;
-            background: #e5e7eb;
+            background: #e2e8f0;
             width: 110px;
             overflow: hidden;
         }
@@ -651,7 +666,7 @@
             font-size: 12px;
             border-radius: 999px;
             padding: 6px 14px;
-            border: 1px solid #e5e7eb;
+            border: 1px solid #e2e8f0;
             background: white;
             color: #6b7280;
             font-weight: 700;
@@ -690,6 +705,158 @@
                 align-items: flex-start;
             }
         }
+
+        .stat-card {
+            border-radius: 20px;
+            background: #f8fafc;
+            border: 1px solid #e2e8f0;
+            padding: 18px 18px 16px;
+            height: 100%;
+        }
+
+        .stat-card h6 {
+            font-size: 13px;
+            font-weight: 700;
+        }
+
+        .stat-legend {
+            list-style: none;
+            padding: 0;
+            margin: 8px 0 0;
+            font-size: 11px;
+        }
+
+        .stat-legend li {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 4px;
+            gap: 6px;
+        }
+
+        .legend-dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            margin-right: 6px;
+        }
+
+        .flag-pill {
+            border-radius: 999px;
+            padding: 2px 8px;
+            font-size: 11px;
+            background: white;
+            border: 1px solid #e2e8f0;
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .flag-pill span.flag {
+            font-size: 15px;
+        }
+
+        .rating-breakdown-card {
+            border-radius: 20px;
+            background: #f9fafb;
+            color: #111827;
+            padding: 18px 20px;
+            margin-top: 24px;
+            border: 1px solid #e5e7eb;
+        }
+
+        .rating-main-score {
+            font-size: 32px;
+            font-weight: 800;
+            line-height: 1;
+        }
+
+        .rating-stars {
+            color: #facc15;
+            font-size: 14px;
+        }
+
+        .rating-subtext {
+            font-size: 11px;
+            color: #6b7280;
+        }
+
+        .aspect-row {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 8px;
+        }
+
+        .aspect-label {
+            width: 150px;
+            font-size: 11px;
+            color: #111827;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .aspect-bar {
+            flex: 1;
+            height: 6px;
+            border-radius: 999px;
+            background: #e5e7eb;
+            overflow: hidden;
+        }
+
+        .aspect-fill {
+            height: 100%;
+            border-radius: inherit;
+            background: linear-gradient(to right, #22c55e, #a3e635);
+        }
+
+        .aspect-score {
+            width: 40px;
+            text-align: right;
+            font-size: 11px;
+            color: #111827;
+        }
+
+        .rating-badge-row {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            margin-top: 8px;
+        }
+
+        .rating-badge {
+            border-radius: 999px;
+            padding: 4px 10px;
+            background: white;
+            color: #111827;
+            font-size: 11px;
+            border: 1px solid #e5e7eb;
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .rating-trend {
+            font-size: 12px;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            color: #16a34a;
+            margin-top: 4px;
+        }
+
+        .rating-trend i {
+            color: #16a34a;
+        }
+
+        .bar-wrapper-fixed {
+            position: relative;
+            width: 100%;
+            max-width: 100%;
+            height: 220px;
+            max-height: 220px;
+        }
     </style>
 
 </head>
@@ -699,8 +866,14 @@
     <div class="page-container">
         <div class="hero-banner">
             <div class="banner-top">
-                <div class="club-logo-wrapper">
-                    <img src="https://zcwfreuywtlrrgevhtmo.supabase.co/storage/v1/object/public/avatars/3f9a5abf-a9c8-46de-ad7f-0466a8c1e054/club-bbcc719f-7fd5-41b6-b2c0-3834a4e94018-logo-1760529898182.png" style="width:100%">
+                <div>
+                    <div class="club-logo-wrapper">
+                        <img src="https://zcwfreuywtlrrgevhtmo.supabase.co/storage/v1/object/public/avatars/3f9a5abf-a9c8-46de-ad7f-0466a8c1e054/club-bbcc719f-7fd5-41b6-b2c0-3834a4e94018-logo-1760529898182.png" style="width:100%">
+                    </div>
+                    <div class="stat-pill">
+                        <i class="fa-solid fa-fire-flame-curved"></i>
+                        <span>Since 2012 · 14 years of champions</span>
+                    </div>
                 </div>
                 <div class="glass-hub">
                     <a href="#" class="hub-link"><i class="fa-brands fa-whatsapp"></i></a>
@@ -710,7 +883,9 @@
             </div>
             <div class="banner-bottom">
                 <h1 class="h2 fw-bold text-white mb-2">EMPEROR TAEKWONDO ACADEMY</h1>
-                <p class="text-white-50 fs-5"><i class="fa-solid fa-location-dot me-2 text-danger"></i>Seef District, Bahrain</p>
+                <p class="text-white-50 fs-5">
+                    <i class="fa-solid fa-location-dot me-2 text-danger"></i>Seef District, Bahrain
+                </p>
                 <div class="stats-row">
                     <div class="stat-item">
                         <h3>4.9/5</h3><span>Rating</span>
@@ -721,17 +896,22 @@
                     <div class="stat-item">
                         <h3>35+</h3><span>Classes</span>
                     </div>
+                    <div class="stat-item">
+                        <h3>450+</h3><span>Active Members</span>
+                    </div>
                 </div>
             </div>
         </div>
 
         <div class="content-card">
+            <!-- TAB ORDER: Overview, Packages, Schedule, Events, Statistics, Timeline -->
             <ul class="nav nav-pills nav-fill mb-5" id="mainTabs">
                 <li class="nav-item"><button class="nav-link active" data-bs-toggle="pill" data-bs-target="#tab-overview">Overview</button></li>
-                <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-feeds">News</button></li>
                 <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-packages">Packages</button></li>
-                <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-scheduled">Scheduled</button></li>
+                <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-scheduled">Schedule</button></li>
                 <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-events">Events</button></li>
+                <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-stats">Statistics</button></li>
+                <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tab-timeline">Timeline</button></li>
             </ul>
 
             <div class="tab-content">
@@ -790,21 +970,46 @@
                                     <p class="text-muted small mb-0">Best Trainers With Exceptional Experties</p>
                                 </div>
                             </div>
+
                             <div class="mini-trainer mb-3">
                                 <img src="https://zcwfreuywtlrrgevhtmo.supabase.co/storage/v1/object/public/avatars/3f9a5abf-a9c8-46de-ad7f-0466a8c1e054/profile-1760528371681.jpg" class="mini-pfp">
                                 <div>
                                     <h6 class="fw-bold mb-1">Master Sami Al-Mane</h6>
+                                    <div class="d-flex align-items-center mb-1" style="font-size:11px;">
+                                        <span class="me-1 text-warning">
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-regular fa-star"></i>
+                                        </span>
+                                        <span class="text-muted">4.8 · 126 reviews</span>
+                                    </div>
                                     <p class="text-muted small mb-0">IFBB Pro & Body Transformation Specialist.</p>
                                 </div>
                             </div>
+
                             <div class="mini-trainer">
                                 <img src="https://zcwfreuywtlrrgevhtmo.supabase.co/storage/v1/object/public/avatars/3f9a5abf-a9c8-46de-ad7f-0466a8c1e054/instructor-bbcc719f-7fd5-41b6-b2c0-3834a4e94018-1760759255222.jpg" class="mini-pfp">
                                 <div>
                                     <h6 class="fw-bold mb-1">Sulaiman Al-Khalifa</h6>
+                                    <div class="d-flex align-items-center mb-1" style="font-size:11px;">
+                                        <span class="me-1 text-warning">
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star"></i>
+                                            <i class="fa-solid fa-star-half-stroke"></i>
+                                        </span>
+                                        <span class="text-muted">4.9 · 89 reviews</span>
+                                    </div>
                                     <p class="text-muted small mb-0">Black Belt Taekwondo Specialist & Youth Mentor.</p>
                                 </div>
                             </div>
-                            <button class="btn btn-link text-danger fw-bold p-0 mt-3 text-decoration-none small" onclick="document.querySelector('[data-bs-target=\\'#tab-pro\\']').click()">View all 12 coaches <i class="fa-solid fa-arrow-right ms-1"></i></button>
+
+                            <button class="btn btn-link text-danger fw-bold p-0 mt-3 text-decoration-none small" onclick="document.querySelector('[data-bs-target=\\'#tab-pro\\']').click()">
+                                View all 12 coaches <i class="fa-solid fa-arrow-right ms-1"></i>
+                            </button>
                         </div>
 
                         <div class="col-lg-6">
@@ -874,278 +1079,6 @@
 
                 </div>
 
-                <!-- NEWS TAB -->
-                <div class="tab-pane fade" id="tab-feeds">
-                    <div class="d-flex justify-content-between align-items-center mb-4">
-                        <div>
-                            <h4 class="fw-800 mb-1">Latest News</h4>
-                            <p class="text-muted small mb-0">Updates, moments, and stories from our community.</p>
-                        </div>
-                    </div>
-
-                    <div class="news-timeline">
-                        <div class="row">
-                            <div class="col-12">
-
-                                <!-- 15 Feb 2026 -->
-                                <div class="timeline-date"><span>15 Feb 2026</span></div>
-
-                                <!-- 1: Just now -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>Just now · Seef District</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1603988363607-41a96cdcd875?auto=format&fit=crop&w=900&q=80" alt="Tournament">
-                                        <p class="mb-2 small">
-                                            What a night! Our juniors brought home 6 gold and 4 silver medals from the Bahrain Inter-Club Championship. Proud of every athlete who stepped on the mats.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 142</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 18</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 2: 1 hour ago -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>1 hour ago · Announcement</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80" alt="New program">
-                                        <p class="mb-2 small">
-                                            New “Parents & Kids” fundamentals class launching next week. Build confidence, discipline, and quality time together on the mats.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 96</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 12</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 3: 3 hours ago -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>3 hours ago · Highlight</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=900&q=80" alt="Black belt">
-                                        <p class="mb-2 small">
-                                            Congratulations to our newest black belt, Ahmed, for passing his Dan exam with distinction. Years of hard work and consistency paying off.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 210</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 34</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 14 Feb 2026 -->
-                                <div class="timeline-date"><span>14 Feb 2026</span></div>
-
-                                <!-- 4: Yesterday -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>Yesterday · Event</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1528825871115-3581a5387919?auto=format&fit=crop&w=900&q=80" alt="Seminar">
-                                        <p class="mb-2 small">
-                                            Thank you Master Lee for an incredible sparring seminar. Over 60 students from around Bahrain joined us for three hours of high-level training.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 173</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 27</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 13 Feb 2026 -->
-                                <div class="timeline-date"><span>13 Feb 2026</span></div>
-
-                                <!-- 5: 2 days ago -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>2 days ago · Community</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1601650680065-3f8c8a3a0205?auto=format&fit=crop&w=900&q=80" alt="Parents night">
-                                        <p class="mb-2 small">
-                                            Parents’ Open Night recap: Q&A with coaches, live demos from our juniors, and a full walkthrough of our belt progression system.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 88</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 9</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 12 Feb 2026 -->
-                                <div class="timeline-date"><span>12 Feb 2026</span></div>
-
-                                <!-- 6: 3 days ago -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>3 days ago · Schedule</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80" alt="Summer camp">
-                                        <p class="mb-2 small">
-                                            Summer Camp 2026 registrations are now open. Limited spots for our 2‑week intensive program mixing taekwondo, conditioning, and character building.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 132</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 22</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 11 Feb 2026 -->
-                                <div class="timeline-date"><span>11 Feb 2026</span></div>
-
-                                <!-- 7: 4 days ago -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>4 days ago · Highlight</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=900&q=80" alt="Student of month">
-                                        <p class="mb-2 small">
-                                            Student of the Month: Fatima (Juniors Group B). Zero missed sessions, strong attitude, and always the first to help her teammates.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 75</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 11</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 10 Feb 2026 -->
-                                <div class="timeline-date"><span>10 Feb 2026</span></div>
-
-                                <!-- 8: 5 days ago -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>5 days ago · Facilities</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1540497077202-7c8a3999166f?auto=format&fit=crop&w=900&q=80" alt="Dojo upgrade">
-                                        <p class="mb-2 small">
-                                            New mats, new bags, same spirit. Our main dojang just got a full upgrade to competition‑grade flooring for safer, sharper training.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 101</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 14</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 9 Feb 2026 -->
-                                <div class="timeline-date"><span>9 Feb 2026</span></div>
-
-                                <!-- 9: 1 week ago – Community -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>1 week ago · Community</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80" alt="Charity">
-                                        <p class="mb-2 small">
-                                            Our team joined a charity fitness day in support of local youth initiatives. Thank you to everyone who donated and participated.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 64</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 7</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                                <!-- 8 Feb 2026 -->
-                                <div class="timeline-date"><span>8 Feb 2026</span></div>
-
-                                <!-- 10: 1 week ago – Reminder -->
-                                <article class="news-card">
-                                    <span class="news-dot"></span>
-                                    <div class="news-header d-flex align-items-center gap-3">
-                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
-                                        <div class="news-meta">
-                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
-                                            <small>1 week ago · Reminder</small>
-                                        </div>
-                                    </div>
-                                    <div class="news-content">
-                                        <img class="news-img" src="https://images.unsplash.com/photo-1571019613914-85f342c1d4b1?auto=format&fit=crop&w=900&q=80" alt="Schedule">
-                                        <p class="mb-2 small">
-                                            Reminder: Monthly belt grading is coming up. Please confirm your attendance with reception and ensure you’ve completed your attendance requirements.
-                                        </p>
-                                        <div class="news-actions">
-                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 52</a>
-                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 5</a>
-                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
-                                        </div>
-                                    </div>
-                                </article>
-
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
                 <!-- PACKAGES TAB -->
                 <div class="tab-pane fade" id="tab-packages">
                     <div class="grid-packages">
@@ -1238,7 +1171,7 @@
                     </div>
                 </div>
 
-                <!-- SCHEDULED TAB -->
+                <!-- SCHEDULE TAB -->
                 <div class="tab-pane fade" id="tab-scheduled">
                     <div class="d-flex justify-content-between align-items-center mb-4">
                         <div>
@@ -1248,12 +1181,9 @@
                     </div>
 
                     <div class="row">
-                        <div class="col-lg-4 d-none d-lg-block">
-                            <!-- Empty left column as requested -->
-                        </div>
+                        <div class="col-lg-4 d-none d-lg-block"></div>
                         <div class="col-lg-8 col-12">
 
-                            <!-- 5:00 PM – DROP-IN (PAST, DISABLED) -->
                             <div class="class-card" style="opacity:0.5;">
                                 <div class="class-thumb">
                                     <img src="https://images.unsplash.com/photo-1549049950-48d5887197cc?auto=format&fit=crop&w=600&q=80" alt="Kids fundamentals">
@@ -1282,7 +1212,6 @@
                                 </div>
                             </div>
 
-                            <!-- 6:00 PM – ONGOING & BOOKABLE -->
                             <div class="class-card">
                                 <div class="class-thumb">
                                     <img src="https://images.unsplash.com/photo-1603988363607-41a96cdcd875?auto=format&fit=crop&w=600&q=80" alt="Taekwondo juniors">
@@ -1318,7 +1247,6 @@
                                 </div>
                             </div>
 
-                            <!-- 8:30 PM – FULL -->
                             <div class="class-card">
                                 <div class="class-thumb">
                                     <img src="https://images.unsplash.com/photo-1571019613542-0063c1bcd0ff?auto=format&fit=crop&w=600&q=80" alt="Sparring class">
@@ -1368,7 +1296,6 @@
 
                     <div class="events-lane">
 
-                        <!-- EVENT 1 -->
                         <div class="event-node" style="top: 10px;"></div>
                         <article class="event-card mb-4">
                             <div class="event-ribbon limited">Limited Seats</div>
@@ -1409,7 +1336,6 @@
                             </div>
                         </article>
 
-                        <!-- EVENT 2 -->
                         <div class="event-node" style="top: 210px;"></div>
                         <article class="event-card mb-4">
                             <div class="event-ribbon">Family Friendly</div>
@@ -1447,7 +1373,6 @@
                             </div>
                         </article>
 
-                        <!-- EVENT 3 -->
                         <div class="event-node" style="top: 410px;"></div>
                         <article class="event-card mb-4">
                             <div class="event-ribbon limited">Grading</div>
@@ -1488,7 +1413,6 @@
                             </div>
                         </article>
 
-                        <!-- EVENT 4 -->
                         <div class="event-node" style="top: 620px;"></div>
                         <article class="event-card mb-2">
                             <div class="event-ribbon limited">Almost Full</div>
@@ -1531,7 +1455,566 @@
                     </div>
                 </div>
 
-                <!-- EXTRA TABS -->
+                <!-- STATISTICS TAB -->
+                <div class="tab-pane fade" id="tab-stats">
+                    <div class="d-flex justify-content-between align-items-center mb-4">
+                        <div>
+                            <h4 class="fw-800 mb-1">Club Statistics</h4>
+                            <p class="text-muted small mb-0">Who trains with us, how they train, and how the club is growing.</p>
+                        </div>
+                        <span class="badge rounded-pill bg-dark text-white d-flex align-items-center gap-2 px-3 py-2">
+                            <i class="fa-solid fa-chart-simple text-warning"></i>
+                            Live snapshot · Feb 2026
+                        </span>
+                    </div>
+
+                    <!-- First row of doughnuts -->
+                    <div class="row g-3 mb-3">
+                        <!-- Nationalities -->
+                        <div class="col-md-4">
+                            <div class="stat-card">
+                                <h6 class="mb-0 d-flex align-items-center justify-content-between">
+                                    Active Members by Nationality
+                                    <span class="flag-pill">
+                                        <span class="flag">🇧🇭</span>
+                                        Home & Expat
+                                    </span>
+                                </h6>
+                                <div class="mt-3">
+                                    <canvas id="donutNationalities" height="160"></canvas>
+                                </div>
+                                <ul class="stat-legend">
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#ef4444;"></span> 🇧🇭 Bahrain</span>
+                                        <span>52%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#0ea5e9;"></span> 🇵🇰 Pakistan</span>
+                                        <span>18%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#22c55e;"></span> 🇮🇳 India</span>
+                                        <span>16%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#8b5cf6;"></span> 🌍 Other GCC</span>
+                                        <span>14%</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+
+                        <!-- Age groups -->
+                        <div class="col-md-4">
+                            <div class="stat-card">
+                                <h6 class="mb-0 d-flex align-items-center justify-content-between">
+                                    Members by Age Group
+                                    <span class="badge bg-light text-muted border">Avg age 14.2</span>
+                                </h6>
+                                <div class="mt-3">
+                                    <canvas id="donutAgeGroups" height="160"></canvas>
+                                </div>
+                                <ul class="stat-legend">
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#f97316;"></span> Kids (5–10)</span>
+                                        <span>28%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#22c55e;"></span> Juniors (11–15)</span>
+                                        <span>42%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#3b82f6;"></span> Youth (16–21)</span>
+                                        <span>18%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#94a3b8;"></span> Adults (22+)</span>
+                                        <span>12%</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+
+                        <!-- Gender -->
+                        <div class="col-md-4">
+                            <div class="stat-card">
+                                <h6 class="mb-0 d-flex align-items-center justify-content-between">
+                                    Gender Ratio
+                                    <span class="badge bg-light text-muted border">Balanced squads</span>
+                                </h6>
+                                <div class="mt-3">
+                                    <canvas id="donutGender" height="160"></canvas>
+                                </div>
+                                <ul class="stat-legend">
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#3b82f6;"></span> Male</span>
+                                        <span>58%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#ec4899;"></span> Female</span>
+                                        <span>42%</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Second row of doughnuts -->
+                    <div class="row g-3 mb-3">
+                        <!-- Horoscopes -->
+                        <div class="col-md-4">
+                            <div class="stat-card">
+                                <h6 class="mb-0 d-flex align-items-center justify-content-between">
+                                    Active Members – Horoscope
+                                    <span class="badge bg-light text-muted border">For fun only</span>
+                                </h6>
+                                <div class="mt-3">
+                                    <canvas id="donutHoroscope" height="160"></canvas>
+                                </div>
+                                <ul class="stat-legend">
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#6366f1;"></span> Fire signs</span>
+                                        <span>30%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#22c55e;"></span> Earth signs</span>
+                                        <span>25%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#0ea5e9;"></span> Air signs</span>
+                                        <span>22%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#ec4899;"></span> Water signs</span>
+                                        <span>23%</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+
+                        <!-- Blood type -->
+                        <div class="col-md-4">
+                            <div class="stat-card">
+                                <h6 class="mb-0 d-flex align-items-center justify-content-between">
+                                    Members by Blood Type
+                                    <span class="badge bg-light text-muted border">Self‑reported</span>
+                                </h6>
+                                <div class="mt-3">
+                                    <canvas id="donutBloodType" height="160"></canvas>
+                                </div>
+                                <ul class="stat-legend">
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#ef4444;"></span> O</span>
+                                        <span>40%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#f97316;"></span> A</span>
+                                        <span>32%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#22c55e;"></span> B</span>
+                                        <span>18%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#3b82f6;"></span> AB</span>
+                                        <span>10%</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+
+                        <!-- Champions -->
+                        <div class="col-md-4">
+                            <div class="stat-card">
+                                <h6 class="mb-0 d-flex align-items-center justify-content-between">
+                                    Members with Championships
+                                    <span class="badge bg-light text-muted border">Achievements</span>
+                                </h6>
+                                <div class="mt-3">
+                                    <canvas id="donutChampions" height="160"></canvas>
+                                </div>
+                                <ul class="stat-legend">
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#22c55e;"></span> Medalists</span>
+                                        <span>18%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#eab308;"></span> Podium finishes</span>
+                                        <span>24%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#94a3b8;"></span> Competitors</span>
+                                        <span>28%</span>
+                                    </li>
+                                    <li>
+                                        <span><span class="legend-dot" style="background:#e5e7eb;"></span> Yet to compete</span>
+                                        <span>30%</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Stacked bar chart -->
+                    <div class="row g-3">
+                        <div class="col-12">
+                            <div class="stat-card">
+                                <div class="d-flex justify-content-between align-items-center mb-2">
+                                    <h6 class="mb-0">Active Members – Last 12 Months</h6>
+                                    <span class="badge bg-dark text-white d-flex align-items-center gap-1">
+                                        <i class="fa-solid fa-users-line"></i> 12‑month trend
+                                    </span>
+                                </div>
+                                <p class="text-muted small mb-2">
+                                    Attendance dips around mid‑year break and Eid, softens over the hottest summer months, and peaks when school and work routines are most stable.[web:196][web:199][web:210]
+                                </p>
+                                <div class="bar-wrapper-fixed">
+                                    <canvas id="barMonthlyMembers"></canvas>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Rating breakdown -->
+                    <div class="rating-breakdown-card">
+                        <div class="row g-3 align-items-center">
+                            <div class="col-md-3">
+                                <div class="rating-main-score">4.9</div>
+                                <div class="rating-stars">
+                                    <i class="fa-solid fa-star"></i>
+                                    <i class="fa-solid fa-star"></i>
+                                    <i class="fa-solid fa-star"></i>
+                                    <i class="fa-solid fa-star"></i>
+                                    <i class="fa-solid fa-star-half-stroke"></i>
+                                </div>
+                                <div class="rating-subtext mt-1">Based on 320+ verified member reviews</div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="aspect-row">
+                                    <div class="aspect-label">
+                                        <i class="fa-solid fa-user-tie text-success"></i> Trainers
+                                    </div>
+                                    <div class="aspect-bar">
+                                        <div class="aspect-fill" style="width:96%;"></div>
+                                    </div>
+                                    <div class="aspect-score">4.9</div>
+                                </div>
+                                <div class="aspect-row">
+                                    <div class="aspect-label">
+                                        <i class="fa-solid fa-broom text-sky-500"></i> Cleanliness
+                                    </div>
+                                    <div class="aspect-bar">
+                                        <div class="aspect-fill" style="width:94%;"></div>
+                                    </div>
+                                    <div class="aspect-score">4.8</div>
+                                </div>
+                                <div class="aspect-row">
+                                    <div class="aspect-label">
+                                        <i class="fa-solid fa-couch text-indigo-400"></i> Comfort
+                                    </div>
+                                    <div class="aspect-bar">
+                                        <div class="aspect-fill" style="width:92%;"></div>
+                                    </div>
+                                    <div class="aspect-score">4.7</div>
+                                </div>
+                                <div class="aspect-row">
+                                    <div class="aspect-label">
+                                        <i class="fa-solid fa-bullseye text-amber-400"></i> Keeps you on track
+                                    </div>
+                                    <div class="aspect-bar">
+                                        <div class="aspect-fill" style="width:95%;"></div>
+                                    </div>
+                                    <div class="aspect-score">4.8</div>
+                                </div>
+                                <div class="aspect-row mb-0">
+                                    <div class="aspect-label">
+                                        <i class="fa-solid fa-hand-holding-heart text-rose-400"></i> Community vibe
+                                    </div>
+                                    <div class="aspect-bar">
+                                        <div class="aspect-fill" style="width:97%;"></div>
+                                    </div>
+                                    <div class="aspect-score">4.9</div>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="rating-badge-row">
+                                    <span class="rating-badge">
+                                        <i class="fa-solid fa-face-smile-beam text-warning"></i>
+                                        9.7 / 10 kids’ enjoyment
+                                    </span>
+                                    <span class="rating-badge">
+                                        <i class="fa-solid fa-shield-heart text-success"></i>
+                                        Parents feel kids are safe
+                                    </span>
+                                    <span class="rating-badge">
+                                        <i class="fa-solid fa-stopwatch text-sky-500"></i>
+                                        92% report better discipline
+                                    </span>
+                                </div>
+                                <div class="rating-trend">
+                                    <i class="fa-solid fa-arrow-trend-up"></i>
+                                    Rating up +0.2 vs last year
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- TIMELINE TAB (renamed from News) -->
+                <div class="tab-pane fade" id="tab-timeline">
+                    <div class="d-flex justify-content-between align-items-center mb-4">
+                        <div>
+                            <h4 class="fw-800 mb-1">Club Timeline</h4>
+                            <p class="text-muted small mb-0">Daily moments, announcements, and highlights.</p>
+                        </div>
+                    </div>
+
+                    <div class="news-timeline">
+                        <div class="row">
+                            <div class="col-12">
+
+                                <div class="timeline-date"><span>15 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>Just now · Seef District</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1603988363607-41a96cdcd875?auto=format&fit=crop&w=900&q=80" alt="Tournament">
+                                        <p class="mb-2 small">
+                                            What a night! Our juniors brought home 6 gold and 4 silver medals from the Bahrain Inter-Club Championship. Proud of every athlete who stepped on the mats.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 142</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 18</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>1 hour ago · Announcement</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80" alt="New program">
+                                        <p class="mb-2 small">
+                                            New “Parents & Kids” fundamentals class launching next week. Build confidence, discipline, and quality time together on the mats.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 96</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 12</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>3 hours ago · Highlight</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=900&q=80" alt="Black belt">
+                                        <p class="mb-2 small">
+                                            Congratulations to our newest black belt, Ahmed, for passing his Dan exam with distinction. Years of hard work and consistency paying off.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 210</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 34</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>14 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>Yesterday · Event</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1528825871115-3581a5387919?auto=format&fit=crop&w=900&q=80" alt="Seminar">
+                                        <p class="mb-2 small">
+                                            Thank you Master Lee for an incredible sparring seminar. Over 60 students from around Bahrain joined us for three hours of high-level training.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 173</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 27</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>13 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>2 days ago · Community</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1601650680065-3f8c8a3a0205?auto=format&fit=crop&w=900&q=80" alt="Parents night">
+                                        <p class="mb-2 small">
+                                            Parents’ Open Night recap: Q&A with coaches, live demos from our juniors, and a full walkthrough of our belt progression system.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 88</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 9</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>12 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>3 days ago · Schedule</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80" alt="Summer camp">
+                                        <p class="mb-2 small">
+                                            Summer Camp 2026 registrations are now open. Limited spots for our 2‑week intensive program mixing taekwondo, conditioning, and character building.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 132</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 22</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>11 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>4 days ago · Highlight</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=900&q=80" alt="Student of month">
+                                        <p class="mb-2 small">
+                                            Student of the Month: Fatima (Juniors Group B). Zero missed sessions, strong attitude, and always the first to help her teammates.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 75</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 11</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>10 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>5 days ago · Facilities</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1540497077202-7c8a3999166f?auto=format&fit=crop&w=900&q=80" alt="Dojo upgrade">
+                                        <p class="mb-2 small">
+                                            New mats, new bags, same spirit. Our main dojang just got a full upgrade to competition‑grade flooring for safer, sharper training.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 101</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 14</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>9 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>1 week ago · Community</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80" alt="Charity">
+                                        <p class="mb-2 small">
+                                            Our team joined a charity fitness day in support of local youth initiatives. Thank you to everyone who donated and participated.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 64</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 7</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                                <div class="timeline-date"><span>8 Feb 2026</span></div>
+
+                                <article class="news-card">
+                                    <span class="news-dot"></span>
+                                    <div class="news-header d-flex align-items-center gap-3">
+                                        <img class="news-avatar" src="https://images.unsplash.com/photo-1546484959-f9a9ae384058?auto=format&fit=crop&w=200&q=80" alt="Club avatar">
+                                        <div class="news-meta">
+                                            <h6 class="mb-0 fw-bold">Emperor Taekwondo Academy</h6>
+                                            <small>1 week ago · Reminder</small>
+                                        </div>
+                                    </div>
+                                    <div class="news-content">
+                                        <img class="news-img" src="https://images.unsplash.com/photo-1571019613914-85f342c1d4b1?auto=format&fit=crop&w=900&q=80" alt="Schedule">
+                                        <p class="mb-2 small">
+                                            Reminder: Monthly belt grading is coming up. Please confirm your attendance with reception and ensure you’ve completed your attendance requirements.
+                                        </p>
+                                        <div class="news-actions">
+                                            <a href="#" class="news-action"><i class="fa-regular fa-heart"></i> 52</a>
+                                            <a href="#" class="news-action"><i class="fa-regular fa-comment"></i> 5</a>
+                                            <a href="#" class="news-action"><i class="fa-solid fa-share"></i> Share</a>
+                                        </div>
+                                    </div>
+                                </article>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- PLACEHOLDER TABS -->
                 <div class="tab-pane fade" id="tab-fac">
                     <p class="text-muted">Detailed facility walkthroughs...</p>
                 </div>
@@ -1544,7 +2027,206 @@
         </div>
     </div>
 
+    <!-- Scripts -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
+
+    <script>
+        // Donut: Nationalities
+        const donutNationalitiesCtx = document.getElementById('donutNationalities');
+        if (donutNationalitiesCtx) {
+            new Chart(donutNationalitiesCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Bahrain', 'Pakistan', 'India', 'Other GCC'],
+                    datasets: [{
+                        data: [52, 18, 16, 14],
+                        backgroundColor: ['#ef4444', '#0ea5e9', '#22c55e', '#8b5cf6'],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '65%',
+                    plugins: {
+                        legend: { display: false },
+                        tooltip: { callbacks: { label: ctx => `${ctx.label}: ${ctx.parsed}%` } }
+                    }
+                }
+            });
+        }
+
+        // Donut: Age groups
+        const donutAgeCtx = document.getElementById('donutAgeGroups');
+        if (donutAgeCtx) {
+            new Chart(donutAgeCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Kids', 'Juniors', 'Youth', 'Adults'],
+                    datasets: [{
+                        data: [28, 42, 18, 12],
+                        backgroundColor: ['#f97316', '#22c55e', '#3b82f6', '#94a3b8'],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '65%',
+                    plugins: {
+                        legend: { display: false },
+                        tooltip: { callbacks: { label: ctx => `${ctx.label}: ${ctx.parsed}%` } }
+                    }
+                }
+            });
+        }
+
+        // Donut: Gender
+        const donutGenderCtx = document.getElementById('donutGender');
+        if (donutGenderCtx) {
+            new Chart(donutGenderCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Male', 'Female'],
+                    datasets: [{
+                        data: [58, 42],
+                        backgroundColor: ['#3b82f6', '#ec4899'],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '65%',
+                    plugins: {
+                        legend: { display: false },
+                        tooltip: { callbacks: { label: ctx => `${ctx.label}: ${ctx.parsed}%` } }
+                    }
+                }
+            });
+        }
+
+        // Donut: Horoscope
+        const donutHoroscopeCtx = document.getElementById('donutHoroscope');
+        if (donutHoroscopeCtx) {
+            new Chart(donutHoroscopeCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Fire', 'Earth', 'Air', 'Water'],
+                    datasets: [{
+                        data: [30, 25, 22, 23],
+                        backgroundColor: ['#f97316', '#22c55e', '#0ea5e9', '#6366f1'],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '65%',
+                    plugins: {
+                        legend: { display: false },
+                        tooltip: { callbacks: { label: ctx => `${ctx.label} signs: ${ctx.parsed}%` } }
+                    }
+                }
+            });
+        }
+
+        // Donut: Blood type
+        const donutBloodCtx = document.getElementById('donutBloodType');
+        if (donutBloodCtx) {
+            new Chart(donutBloodCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['O', 'A', 'B', 'AB'],
+                    datasets: [{
+                        data: [40, 32, 18, 10],
+                        backgroundColor: ['#ef4444', '#f97316', '#22c55e', '#3b82f6'],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '65%',
+                    plugins: {
+                        legend: { display: false },
+                        tooltip: { callbacks: { label: ctx => `Type ${ctx.label}: ${ctx.parsed}%` } }
+                    }
+                }
+            });
+        }
+
+        // Donut: Champions
+        const donutChampCtx = document.getElementById('donutChampions');
+        if (donutChampCtx) {
+            new Chart(donutChampCtx, {
+                type: 'doughnut',
+                data: {
+                    labels: ['Medalists', 'Podium finishes', 'Competitors', 'Yet to compete'],
+                    datasets: [{
+                        data: [18, 24, 28, 30],
+                        backgroundColor: ['#22c55e', '#eab308', '#94a3b8', '#e5e7eb'],
+                        borderWidth: 0
+                    }]
+                },
+                options: {
+                    cutout: '65%',
+                    plugins: {
+                        legend: { display: false },
+                        tooltip: { callbacks: { label: ctx => `${ctx.label}: ${ctx.parsed}%` } }
+                    }
+                }
+            });
+        }
+
+        // Stacked bar: Monthly members Jan–Dec, shaped by Bahrain calendar[web:196][web:199][web:210]
+        const barMonthlyCtx = document.getElementById('barMonthlyMembers');
+        if (barMonthlyCtx) {
+            new Chart(barMonthlyCtx, {
+                type: 'bar',
+                data: {
+                    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                    datasets: [
+                        {
+                            label: 'Male',
+                            data: [126, 135, 140, 145, 138, 120, 112, 115, 132, 145, 142, 130],
+                            backgroundColor: '#3b82f6',
+                            borderWidth: 0
+                        },
+                        {
+                            label: 'Female',
+                            data: [89, 95, 98, 102, 97, 88, 80, 82, 94, 104, 101, 92],
+                            backgroundColor: '#ec4899',
+                            borderWidth: 0
+                        }
+                    ]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    animation: false,
+                    scales: {
+                        x: {
+                            stacked: true,
+                            grid: { display: false },
+                            ticks: { color: '#6b7280', font: { size: 11 } }
+                        },
+                        y: {
+                            stacked: true,
+                            grid: { color: '#e5e7eb' },
+                            ticks: { color: '#6b7280', font: { size: 11 }, stepSize: 50 }
+                        }
+                    },
+                    plugins: {
+                        legend: {
+                            labels: { font: { size: 11 }, color: '#374151' }
+                        },
+                        tooltip: {
+                            callbacks: {
+                                footer: (items) => {
+                                    let total = 0;
+                                    items.forEach(i => total += i.parsed.y);
+                                    return 'Total: ' + total;
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+        }
+    </script>
+
 </body>
 
 </html>