diff --git "a/volleyball.html" "b/volleyball.html"
--- "a/volleyball.html"
+++ "b/volleyball.html"
@@ -26,18 +26,10 @@
             font-family: 'Open Sans', sans-serif;
             background-color: #121212;
             color: #ffffff;
-            margin: 0;
-            padding: 0;
         }
         h1, h2, h3, h4, h5, h6 {
             font-family: 'Montserrat', sans-serif;
         }
-        .container {
-            width: 100%;
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 0 20px;
-        }
         .hero-image {
             position: absolute;
             top: 0;
@@ -47,34 +39,13 @@
             object-fit: cover;
             z-index: -1;
         }
-        .player-card {
-            width: 100%;
-            height: 120px;
-            background: #1e1e1e;
-            border-radius: 8px;
-            border: 1px solid #333333;
-            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-            transition: all 0.3s ease;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            padding: 10px;
-            margin-bottom: 10px;
-            opacity: 0;
-            animation: fadeIn 0.4s ease-out forwards;
-        }
-        @keyframes fadeIn {
-            from { opacity: 0; transform: translateY(10px); }
-            to { opacity: 1; transform: translateY(0); }
-        }
         .player-card:hover {
-            background: #2a2a2a;
-            box-shadow: 0 4px 12px rgba(94, 192, 204, 0.3);
-            transform: translateY(-2px);
+            transform: translateY(-5px);
+            transition: all 0.3s ease;
         }
         .tab-active {
             background-color: #5ec0cc;
-color: #0a0a0a;
+            color: #0a0a0a;
         }
         .schedule-item:hover {
             background-color: #1e1e1e;
@@ -90,268 +61,10 @@ color: #0a0a0a;
             transform: translateY(-5px);
             box-shadow: 0 10px 25px rgba(94, 192, 204, 0.2);
         }
-        .filter-dropdown {
-            background-color: #1e1e1e;
-            border: 1px solid #5ec0cc;
-            color: white;
-            padding: 0.5rem;
-            border-radius: 0.25rem;
-        }
-        .starter {
-            border-left: 4px solid #5ECCA2;
-        }
-        .substitute {
-            border-left: 4px solid #5ec0cc;
-        }
-        .team-column {
-            break-inside: avoid;
-            margin-bottom: 2rem;
-        }
-        .player-modal {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.8);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            z-index: 1000;
-            opacity: 0;
-            visibility: hidden;
-            transition: all 0.3s ease;
-        }
-        .player-modal.active {
-            opacity: 1;
-            visibility: visible;
-        }
-        .modal-content {
-            background-color: #1e1e1e;
-            border-radius: 8px;
-            width: 90%;
-            max-width: 600px;
-            max-height: 90vh;
-            overflow-y: auto;
-            position: relative;
-            transform: translateY(20px);
-            transition: transform 0.3s ease;
-        }
-        .player-modal.active .modal-content {
-            transform: translateY(0);
-        }
-        .close-modal {
-            position: absolute;
-            top: 15px;
-            right: 15px;
-            font-size: 24px;
-            cursor: pointer;
-            color: #5ec0cc;
-        }
-        /* New Filter/Search Styles */
-        .filter-search-section {
-            background-color: #121212;
-            border-bottom: 1px solid #333333;
-            padding: 16px 0;
-            height: 80px;
-            display: flex;
-            align-items: center;
-        }
-        .search-container {
-            position: relative;
-            width: 100%;
-            max-width: 600px;
-            margin: 0 auto;
-        }
-        .search-input {
-            width: 100%;
-            height: 48px;
-            background-color: #1e1e1e;
-            border-radius: 8px;
-            border: none;
-            padding: 0 20px 0 50px;
-            color: #f8f9fa;
-            font-size: 16px;
-            font-family: 'Open Sans', sans-serif;
-            transition: width 0.3s ease;
-        }
-        .search-input:focus {
-            outline: none;
-            width: 100%;
-        }
-        .search-icon {
-            position: absolute;
-            left: 20px;
-            top: 50%;
-            transform: translateY(-50%);
-            color: #5ec0cc;
-            transition: color 0.2s ease;
-        }
-        .search-icon:hover {
-            color: #4ab3c6;
-        }
-        .loading-spinner {
-            position: absolute;
-            right: 20px;
-            top: 50%;
-            transform: translateY(-50%);
-            display: none;
-        }
-        .spinner {
-            border: 2px solid #f3f3f3;
-            border-top: 2px solid #5ec0cc;
-            border-radius: 50%;
-            width: 20px;
-            height: 20px;
-            animation: spin 1s linear infinite;
-        }
-        @keyframes spin {
-            0% { transform: translateY(-50%) rotate(0deg); }
-            100% { transform: translateY(-50%) rotate(360deg); }
-        }
-        .team-section {
-            opacity: 1;
-            transform: translateY(0);
-            transition: opacity 0.5s ease, transform 0.5s ease;
-        }
-        .team-section.hidden {
-            display: none;
-        }
-        .team-section.fade-out {
-            opacity: 0;
-            transform: translateY(-20px);
-        }
-        .player-photo {
-            width: 100px;
-            height: 100px;
-            border-radius: 50%;
-            border: 2px solid #333333;
-            margin-right: 15px;
-            object-fit: cover;
-            transition: all 0.3s ease;
-        }
-        .player-card.starter .player-photo {
-            border-color: #5ec0cc;
-        }
-        .player-photo:hover {
-            transform: scale(1.05);
-        }
-        .player-card.starter .player-photo:hover {
-            box-shadow: 0 0 15px rgba(94, 192, 204, 0.7);
-        }
-        .player-card.substitute .player-photo:hover {
-            box-shadow: 0 0 15px rgba(136, 136, 136, 0.7);
-        }
-        .jersey-number {
-            font-family: 'Montserrat', sans-serif;
-            font-weight: 700;
-            font-size: 32px;
-            color: #5ec0cc;
-            width: 20%;
-            text-align: center;
-        }
-        .jersey-number:hover {
-            color: #4ab3c6;
-            transition: color 0.2s ease;
-        }
-        .player-info {
-            width: 30%;
-            padding: 0 15px;
-        }
-        .player-name {
-            font-size: 20px;
-            color: #f8f9fa;
-            margin-bottom: 5px;
-        }
-        .player-position {
-            font-size: 16px;
-            color: #cccccc;
-        }
-        .player-details {
-            width: 15%;
-            padding: 0 15px;
-            font-size: 14px;
-            color: #888888;
-        }
-        .player-status {
-            width: 10%;
-            padding: 0 15px;
-        }
-        .status-badge {
-            font-size: 12px;
-            font-family: 'Open Sans', sans-serif;
-            font-weight: 700;
-            padding: 6px 12px;
-            border-radius: 12px;
-            text-align: center;
-        }
-        .starter .status-badge {
-            background-color: #5ECCA2;
-            color: #0a0a0a;
-        }
-        .substitute .status-badge {
-            background-color: #5ec0cc;
-            color: #0a0a0a;
-        }
-        .player-stats {
-            width: 10%;
-            padding: 0 15px;
-            font-size: 14px;
-            color: #5ec0cc;
-            text-align: center;
-        }
-        /* Team Section Header Styles */
-        .team-header {
-            width: 100%;
-height: 60px;
-            background: linear-gradient(to right, #121212, #1e1e1e);
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 0 24px;
-            box-sizing: border-box;
-            border: 1px solid #333333;
-            transition: border-color 0.2s ease;
-            opacity: 0;
-            animation: fadeIn 0.5s ease-in-out 0.2s forwards;
-        }
-        .team-header:hover {
-            border-color: #5ec0cc;
-        }
-        .team-header.hidden {
-            display: none;
-        }
-        .team-header.fade-out {
-            opacity: 0;
-            transition: opacity 0.3s ease-out;
-        }
-        .team-header.slide-down {
-            animation: slideDown 0.3s ease-out forwards;
-        }
-        @keyframes slideDown {
-            from { 
-                opacity: 0;
-transform: translateY(-10px);
-            }
-            to { 
-                opacity: 1;
-                transform: translateY(0);
-            }
-        }
-        .team-title {
-            font-size: 24px;
-            font-family: 'Montserrat', sans-serif;
-            font-weight: 700;
-            color: #5ec0cc;
-        }
-        .team-stats {
-            font-size: 16px;
-            color: #f8f9fa;
-        }
-</style>
+    </style>
 </head>
 <body class="bg-dark text-white">
-<!-- Navigation -->
+    <!-- Navigation -->
     <header class="fixed w-full z-50 bg-dark border-b border-primary">
         <div class="container mx-auto px-4 py-3 flex justify-between items-center">
             <div class="flex items-center">
@@ -442,959 +155,306 @@ transform: translateY(-10px);
             </div>
         </div>
     </section>
-    <!-- Filter/Search Section -->
-    <section class="filter-search-section">
-        <div class="container">
-            <div class="search-container">
-                <i data-feather="search" class="search-icon"></i>
-                <input type="text" id="playerSearch" class="search-input" placeholder="Search by name, jersey #, or position...">
-                <div class="loading-spinner" id="loadingSpinner">
-                    <div class="spinner"></div>
-                </div>
-            </div>
-        </div>
-    </section>
 
     <!-- Team Structure Section -->
     <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]">
         <div class="container mx-auto px-4">
             <h2 class="text-3xl font-bold text-primary mb-8">OUR TEAMS</h2>
             
-            <!-- Filter Controls -->
-            <div class="mb-8 flex flex-wrap gap-4">
-                <div>
-                    <label class="block mb-2">Gender</label>
-                    <select id="genderFilter" class="filter-dropdown">
-                        <option value="all">All</option>
-                        <option value="male">Male</option>
-                        <option value="female">Female</option>
-                    </select>
-                </div>
-                <div>
-                    <label class="block mb-2">Status</label>
-                    <select id="statusFilter" class="filter-dropdown">
-                        <option value="all">All Players</option>
-                        <option value="starter">Starters</option>
-                        <option value="substitute">Substitutes</option>
-                    </select>
-                </div>
-            </div>
-<!-- Tabs -->
+            <!-- Tabs -->
             <div class="flex mb-8 border-b border-[#2e2e2e]">
                 <button id="seniorsTab" class="tab-active py-2 px-6 font-bold rounded-t">Seniors (Grades 9-12)</button>
                 <button id="juniorsTab" class="py-2 px-6 font-bold rounded-t">Juniors (Grades 6-8)</button>
             </div>
+            
             <!-- Seniors Content -->
             <div id="seniorsContent">
-                <div class="columns-1 md:columns-3 gap-8">
-                    <!-- Senior Female A Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Senior Female A</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
-                        </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('thay-sethean')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">THAY, Sethean</h4>
-                                        <p class="text-secondary">OH | #5 | G12 | 178cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-</div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #6 | G11 | 175cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #1 | G12 | 165cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #15 | G11 | 160cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #7 | G12 | 172cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #9 | G11 | 178cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                <div class="mb-12">
+                    <h3 class="text-2xl font-bold mb-6 text-secondary">Team Roster</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                        <!-- Player 1 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/5" alt="Sethean Thay" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Sethean Thay</h4>
+                                <p class="text-secondary">Position: Setter</p>
+                                <p>Height: 5'8"</p>
+                                <p>Number: 1</p>
                             </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #3 | G12 | 167cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #14 | G11 | 162cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #11 | G12 | 173cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #12 | G11 | 168cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #8 | G12 | 176cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Senior Male A Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Senior Male A</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
                         </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #4 | G12 | 185cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #3 | G11 | 190cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #2 | G12 | 175cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #16 | G11 | 170cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #6 | G12 | 182cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #10 | G11 | 187cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #13 | G12 | 177cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #17 | G11 | 172cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #8 | G12 | 183cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #9 | G11 | 178cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        
+                        <!-- Player 2 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/6" alt="Sopharoth Chea" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Sopharoth Chea</h4>
+                                <p class="text-secondary">Position: Outside Hitter</p>
+                                <p>Height: 5'7"</p>
+                                <p>Number: 2</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #7 | G12 | 188cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Senior Female B Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Senior Female B</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
                         </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #5 | G12 | 168cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #6 | G11 | 173cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #1 | G12 | 163cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #15 | G11 | 158cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #7 | G12 | 170cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #9 | G11 | 176cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        
+                        <!-- Player 3 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/7" alt="Sokuddom Prak" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Sokuddom Prak</h4>
+                                <p class="text-secondary">Position: Middle Blocker</p>
+                                <p>Height: 5'9"</p>
+                                <p>Number: 3</p>
                             </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #3 | G12 | 165cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #14 | G11 | 160cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #11 | G12 | 171cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #12 | G11 | 166cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #8 | G12 | 174cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Senior Male B Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Senior Male B</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
                         </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #4 | G12 | 182cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #3 | G11 | 187cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #2 | G12 | 172cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #16 | G11 | 167cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #6 | G12 | 179cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #10 | G11 | 184cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #13 | G12 | 174cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #17 | G11 | 169cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #8 | G12 | 180cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #9 | G11 | 175cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #7 | G12 | 185cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        
+                        <!-- Player 4 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/8" alt="Sopharithysak Seng" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Sopharithysak Seng</h4>
+                                <p class="text-secondary">Position: Libero</p>
+                                <p>Height: 5'5"</p>
+                                <p>Number: 4</p>
                             </div>
                         </div>
-                    </div>
-                </div>
-            </div>
-<!-- Juniors Content -->
-            <div id="juniorsContent" class="hidden">
-                <div class="columns-1 md:columns-3 gap-8">
-                    <!-- Junior Female A Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Junior Female A</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
-                        </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #5 | G8 | 165cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #6 | G7 | 170cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #1 | G8 | 160cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #15 | G7 | 155cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        
+                        <!-- Player 5 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/9" alt="Vanakbudhi Sarak Khan" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Vanakbudhi Sarak Khan</h4>
+                                <p class="text-secondary">Position: Outside Hitter</p>
+                                <p>Height: 5'6"</p>
+                                <p>Number: 5</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #7 | G8 | 167cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #9 | G7 | 172cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #3 | G8 | 162cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #14 | G7 | 157cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #11 | G8 | 168cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #12 | G7 | 163cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #8 | G8 | 171cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Junior Male A Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Junior Male A</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
                         </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #4 | G8 | 175cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #3 | G7 | 180cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #2 | G8 | 170cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #16 | G7 | 165cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        
+                        <!-- Player 6 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/10" alt="Erick Kimmex" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Erick Kimmex</h4>
+                                <p class="text-secondary">Position: Middle Blocker</p>
+                                <p>Height: 6'0"</p>
+                                <p>Number: 6</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #6 | G8 | 177cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #10 | G7 | 182cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 7 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/11" alt="Kkay tha" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Kkay tha</h4>
+                                <p class="text-secondary">Position: Opposite Hitter</p>
+                                <p>Height: 5'10"</p>
+                                <p>Number: 7</p>
                             </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #13 | G8 | 172cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 8 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/12" alt="Soutaro Yamashita" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Soutaro Yamashita</h4>
+                                <p class="text-secondary">Position: Setter</p>
+                                <p>Height: 5'9"</p>
+                                <p>Number: 8</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #17 | G7 | 167cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 9 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/13" alt="Peov Chesda Huot" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Peov Chesda Huot</h4>
+                                <p class="text-secondary">Position: Libero</p>
+                                <p>Height: 5'4"</p>
+                                <p>Number: 9</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #8 | G8 | 178cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 10 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/14" alt="Jefferson Heng" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Jefferson Heng</h4>
+                                <p class="text-secondary">Position: Outside Hitter</p>
+                                <p>Height: 5'8"</p>
+                                <p>Number: 10</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #9 | G7 | 173cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 11 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/15" alt="Ing Choun Sombath" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Ing Choun Sombath</h4>
+                                <p class="text-secondary">Position: Middle Blocker</p>
+                                <p>Height: 5'11"</p>
+                                <p>Number: 11</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #7 | G8 | 183cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 12 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/16" alt="Xavier Bell" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Xavier Bell</h4>
+                                <p class="text-secondary">Position: Opposite Hitter</p>
+                                <p>Height: 6'1"</p>
+                                <p>Number: 12</p>
                             </div>
                         </div>
-                    </div>
-                    <!-- Junior Female B Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Junior Female B</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
+                        
+                        <!-- Player 13 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/17" alt="Da Rithyrattanac" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Da Rithyrattanac</h4>
+                                <p class="text-secondary">Position: Setter</p>
+                                <p>Height: 5'7"</p>
+                                <p>Number: 13</p>
+                            </div>
                         </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #5 | G8 | 163cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        
+                        <!-- Player 14 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/18" alt="Nimol Montross" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Nimol Montross</h4>
+                                <p class="text-secondary">Position: Libero</p>
+                                <p>Height: 5'3"</p>
+                                <p>Number: 14</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #6 | G7 | 168cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 15 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/19" alt="Tan Enyta" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Tan Enyta</h4>
+                                <p class="text-secondary">Position: Outside Hitter</p>
+                                <p>Height: 5'6"</p>
+                                <p>Number: 15</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #1 | G8 | 158cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 16 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/20" alt="Grace Sosama Yeth" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Grace Sosama Yeth</h4>
+                                <p class="text-secondary">Position: Middle Blocker</p>
+                                <p>Height: 5'8"</p>
+                                <p>Number: 16</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #15 | G7 | 153cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 17 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/21" alt="Kelly" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Kelly</h4>
+                                <p class="text-secondary">Position: Opposite Hitter</p>
+                                <p>Height: 5'9"</p>
+                                <p>Number: 17</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #7 | G8 | 165cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 18 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/22" alt="Pav Pichpanhavotey" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Pav Pichpanhavotey</h4>
+                                <p class="text-secondary">Position: Setter</p>
+                                <p>Height: 5'6"</p>
+                                <p>Number: 18</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #9 | G7 | 170cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 19 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/23" alt="Nailea Oukkimlek" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Nailea Oukkimlek</h4>
+                                <p class="text-secondary">Position: Libero</p>
+                                <p>Height: 5'2"</p>
+                                <p>Number: 19</p>
                             </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #3 | G8 | 160cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 20 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/24" alt="Elee Piseth" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Elee Piseth</h4>
+                                <p class="text-secondary">Position: Outside Hitter</p>
+                                <p>Height: 5'5"</p>
+                                <p>Number: 20</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #14 | G7 | 155cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 21 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/25" alt="Vinika Ung" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Vinika Ung</h4>
+                                <p class="text-secondary">Position: Middle Blocker</p>
+                                <p>Height: 5'7"</p>
+                                <p>Number: 21</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #11 | G8 | 166cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 22 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/26" alt="Leangkim Dom" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Leangkim Dom</h4>
+                                <p class="text-secondary">Position: Opposite Hitter</p>
+                                <p>Height: 5'10"</p>
+                                <p>Number: 22</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #12 | G7 | 161cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 23 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/27" alt="Ratanakpisey Piseth" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Ratanakpisey Piseth</h4>
+                                <p class="text-secondary">Position: Setter</p>
+                                <p>Height: 5'8"</p>
+                                <p>Number: 23</p>
                             </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #8 | G8 | 169cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
+                        </div>
+                        
+                        <!-- Player 24 -->
+                        <div class="player-card bg-[#1e1e1e] rounded-lg overflow-hidden">
+                            <img src="http://static.photos/people/320x240/28" alt="Hourvina Lim" class="w-full h-48 object-cover">
+                            <div class="p-4">
+                                <h4 class="font-bold text-lg">Hourvina Lim</h4>
+                                <p class="text-secondary">Position: Libero</p>
+                                <p>Height: 5'3"</p>
+                                <p>Number: 24</p>
                             </div>
                         </div>
                     </div>
-                    <!-- Junior Male B Team -->
-                    <div class="team-column bg-[#1e1e1e] rounded-lg p-6 mb-6">
-                        <div class="team-header">
-                            <div class="team-title">Junior Male B</div>
-                            <div class="team-stats">6 Starters • 5 Substitutes</div>
-                        </div>
-                        <div class="space-y-4 mt-4">
-                            <!-- Starter Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-<div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #4 | G8 | 172cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #3 | G7 | 177cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #2 | G8 | 167cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #16 | G7 | 162cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #6 | G8 | 174cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 starter cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #10 | G7 | 179cm</p>
-                                    </div>
-                                    <div class="bg-[#5ECCA2] text-dark px-2 py-1 rounded text-xs font-bold">Starter</div>
-                                </div>
-                            </div>
-                            
-                            <!-- Substitute Players -->
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">S | #13 | G8 | 169cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">L | #17 | G7 | 164cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">OH | #8 | G8 | 175cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">DS | #9 | G7 | 170cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
-                            <div class="player-card bg-[#2a2a2a] rounded-lg p-4 substitute cursor-pointer" onclick="openPlayerModal('player-first')">
-                                <div class="flex justify-between items-start">
-                                    <div>
-                                        <h4 class="font-bold text-lg">PLAYER, First</h4>
-                                        <p class="text-secondary">MH | #7 | G8 | 180cm</p>
-                                    </div>
-                                    <div class="bg-[#5ec0cc] text-dark px-2 py-1 rounded text-xs font-bold">Substitute</div>
-                                </div>
-                            </div>
+                </div>
+            </div>
+            
+            <!-- Juniors Content -->
+            <div id="juniorsContent" class="hidden">
+                <div class="mb-12">
+                    <h3 class="text-2xl font-bold mb-6 text-secondary">Team Roster</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                        <div class="bg-[#1e1e1e] rounded-lg p-8 text-center">
+                            <i data-feather="users" class="text-primary mx-auto mb-4" style="width: 48px; height: 48px;"></i>
+                            <p>Roster coming soon for 2025-2026 season</p>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </section>
-    
-    <!-- Player Profile Modal -->
-    <div id="playerModal" class="player-modal">
-        <div class="modal-content">
-            <span class="close-modal" onclick="closePlayerModal()">&times;</span>
-            <div id="playerProfileContent" class="p-6">
-                <!-- Player profile content will be loaded here -->
-            </div>
-        </div>
-    </div>
-<!-- Schedule Section -->
+
+    <!-- Schedule Section -->
     <section class="py-16 border-b border-[#2e2e2e]">
         <div class="container mx-auto px-4">
             <h2 class="text-3xl font-bold text-primary mb-8">2025-2026 SCHEDULE</h2>
@@ -1662,6 +722,7 @@ transform: translateY(-10px);
 
     <script>
         feather.replace();
+        
         // Tab functionality
         document.getElementById('seniorsTab').addEventListener('click', function() {
             this.classList.add('tab-active');
@@ -1676,275 +737,6 @@ transform: translateY(-10px);
             document.getElementById('juniorsContent').classList.remove('hidden');
             document.getElementById('seniorsContent').classList.add('hidden');
         });
-        // Filter functionality with header animations
-        function applyFilters() {
-            const genderFilter = document.getElementById('genderFilter').value;
-            const statusFilter = document.getElementById('statusFilter').value;
-            
-            // Animate headers out
-            const headers = document.querySelectorAll('.team-header');
-            headers.forEach(header => {
-                header.classList.add('fade-out');
-            });
-            
-            // Wait for animation to complete before filtering
-            setTimeout(() => {
-                // Get all player cards
-                const playerCards = document.querySelectorAll('.player-card');
-                
-                playerCards.forEach(card => {
-                    const playerName = card.querySelector('h4').textContent;
-                    const playerInfo = card.querySelector('p').textContent;
-                    const isStarter = card.classList.contains('starter');
-                    const isSubstitute = card.classList.contains('substitute');
-                    
-                    // Extract team info from parent container
-                    const teamColumn = card.closest('.team-column');
-                    let teamInfo = '';
-                    if (teamColumn) {
-                        const header = teamColumn.querySelector('.team-header');
-                        if (header) {
-                            teamInfo = header.querySelector('.team-title').textContent.toLowerCase();
-                        }
-                    }
-                    
-                    // Gender check
-                    let genderMatch = true;
-                    if (genderFilter !== 'all') {
-                        if (genderFilter === 'male' && teamInfo.includes('female')) {
-                            genderMatch = false;
-                        } else if (genderFilter === 'female' && !teamInfo.includes('female')) {
-                            genderMatch = false;
-                        }
-                    }
-                    
-                    // Status check
-                    let statusMatch = true;
-                    if (statusFilter !== 'all') {
-                        if (statusFilter === 'starter' && !isStarter) {
-                            statusMatch = false;
-                        } else if (statusFilter === 'substitute' && !isSubstitute) {
-                            statusMatch = false;
-                        }
-                    }
-                    
-                    // Apply filters
-                    if (genderMatch && statusMatch) {
-                        card.style.display = 'block';
-                    } else {
-                        card.style.display = 'none';
-                    }
-                });
-                
-                // Update headers with new counts and animate back in
-                updateTeamHeaders();
-                setTimeout(() => {
-                    headers.forEach(header => {
-                        header.classList.remove('fade-out');
-                        header.classList.add('slide-down');
-                    });
-                    
-                    // Remove slide-down class after animation
-                    setTimeout(() => {
-                        headers.forEach(header => {
-                            header.classList.remove('slide-down');
-                        });
-                    }, 300);
-                }, 50);
-            }, 300);
-        }
-        
-        function updateTeamHeaders() {
-            const teamColumns = document.querySelectorAll('.team-column');
-            
-            teamColumns.forEach(column => {
-                const header = column.querySelector('.team-header');
-                if (header) {
-                    const starters = column.querySelectorAll('.starter:not([style*="display: none"])').length;
-                    const substitutes = column.querySelectorAll('.substitute:not([style*="display: none"])').length;
-                    const statsElement = header.querySelector('.team-stats');
-                    if (statsElement) {
-                        statsElement.textContent = `${starters} Starters • ${substitutes} Substitutes`;
-                    }
-                }
-            });
-        }
-// Get all player cards
-            const playerCards = document.querySelectorAll('.player-card');
-            
-            playerCards.forEach(card => {
-                const playerName = card.querySelector('h4').textContent;
-                const playerInfo = card.querySelector('p').textContent;
-                const isStarter = card.classList.contains('starter');
-                const isSubstitute = card.classList.contains('substitute');
-                
-                // Extract team info from parent container
-                const teamColumn = card.closest('.team-column');
-                let teamInfo = '';
-                if (teamColumn) {
-                    teamInfo = teamColumn.querySelector('h3').textContent.toLowerCase();
-                }
-                
-                // Gender check
-                let genderMatch = true;
-                if (genderFilter !== 'all') {
-                    if (genderFilter === 'male' && teamInfo.includes('female')) {
-                        genderMatch = false;
-                    } else if (genderFilter === 'female' && !teamInfo.includes('female')) {
-                        genderMatch = false;
-                    }
-                }
-                
-                // Status check
-                let statusMatch = true;
-                if (statusFilter !== 'all') {
-                    if (statusFilter === 'starter' && !isStarter) {
-                        statusMatch = false;
-                    } else if (statusFilter === 'substitute' && !isSubstitute) {
-                        statusMatch = false;
-                    }
-                }
-                
-                // Apply filters
-                if (genderMatch && statusMatch) {
-                    card.style.display = 'block';
-                } else {
-                    card.style.display = 'none';
-                }
-            });
-        }
-        // Add event listeners to filters
-        document.getElementById('genderFilter').addEventListener('change', applyFilters);
-        document.getElementById('statusFilter').addEventListener('change', applyFilters);
-        
-        // Search functionality with debounce
-        let searchTimeout;
-        const searchInput = document.getElementById('playerSearch');
-searchInput.addEventListener('input', function() {
-            clearTimeout(searchTimeout);
-            const spinner = document.getElementById('loadingSpinner');
-            spinner.style.display = 'block';
-            
-            searchTimeout = setTimeout(() => {
-                performSearch(this.value);
-                spinner.style.display = 'none';
-            }, 300);
-        });
-        
-        function performSearch(query) {
-            const playerCards = document.querySelectorAll('.player-card');
-            const searchTerm = query.toLowerCase().trim();
-            
-            playerCards.forEach(card => {
-                const playerName = card.querySelector('h4').textContent.toLowerCase();
-                const playerInfo = card.querySelector('p').textContent.toLowerCase();
-                
-                if (searchTerm === '' || 
-                    playerName.includes(searchTerm) || 
-                    playerInfo.includes(searchTerm)) {
-                    card.parentElement.classList.remove('hidden');
-                    card.style.display = 'block';
-                } else {
-                    card.style.display = 'none';
-                }
-            });
-        }
-        
-        // Player modal functionality
-        function openPlayerModal(playerId) {
-            const modal = document.getElementById('playerModal');
-            const content = document.getElementById('playerProfileContent');
-// Sample player data - in a real implementation, this would come from a database
-            let playerData;
-            if (playerId === 'thay-sethean') {
-                playerData = {
-                    name: "THAY, Sethean",
-                    position: "Outside Hitter",
-                    number: "5",
-                    grade: "12",
-                    height: "178cm",
-                    yearsOnTeam: "3",
-                    kills: "247",
-                    digs: "212",
-                    aces: "34",
-                    blocks: "45",
-                    bio: "3-year starter and team captain. Sethean has been a key player for the NAGAS volleyball program since joining as a freshman. Known for her powerful spikes and defensive skills, she has led the team to multiple championship victories. Her leadership on the court and dedication to training make her an inspiration to younger players."
-                };
-            } else {
-                playerData = {
-                    name: playerId === 'player-first' ? "PLAYER, First" : playerId,
-                    position: "Position",
-                    number: "0",
-                    grade: "Grade",
-                    height: "0cm",
-                    yearsOnTeam: "0",
-                    kills: "0",
-                    digs: "0",
-                    aces: "0",
-                    blocks: "0",
-                    bio: "Player bio coming soon for the 2025-26 season..."
-                };
-            }
-content.innerHTML = `
-                <div class="text-center mb-6">
-                    <div class="w-32 h-32 bg-gray-700 rounded-full mx-auto mb-4 flex items-center justify-center">
-                        <span class="text-4xl font-bold text-[#5ec0cc]">#${playerData.number}</span>
-                    </div>
-                    <h2 class="text-3xl font-bold mb-2">${playerData.name}</h2>
-                    <p class="text-secondary text-xl">${playerData.position} | Grade ${playerData.grade} | ${playerData.height}</p>
-                </div>
-                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
-                    <div class="bg-[#2a2a2a] p-4 rounded-lg text-center">
-                        <p class="text-2xl font-bold text-[#5ec0cc]">${playerData.kills}</p>
-                        <p>Kills</p>
-                    </div>
-                    <div class="bg-[#2a2a2a] p-4 rounded-lg text-center">
-                        <p class="text-2xl font-bold text-[#5ec0cc]">${playerData.digs}</p>
-                        <p>Digs</p>
-                    </div>
-                    <div class="bg-[#2a2a2a] p-4 rounded-lg text-center">
-                        <p class="text-2xl font-bold text-[#5ec0cc]">${playerData.aces}</p>
-                        <p>Aces</p>
-                    </div>
-                    <div class="bg-[#2a2a2a] p-4 rounded-lg text-center">
-                        <p class="text-2xl font-bold text-[#5ec0cc]">${playerData.blocks}</p>
-                        <p>Blocks</p>
-                    </div>
-                </div>
-<div class="mb-6">
-                    <h3 class="text-xl font-bold mb-3">Player Information</h3>
-                    <div class="grid grid-cols-2 gap-4">
-                        <div class="bg-[#2a2a2a] p-3 rounded">
-                            <p class="text-secondary">Years on Team</p>
-                            <p class="font-bold">${playerData.yearsOnTeam}</p>
-                        </div>
-                        <div class="bg-[#2a2a2a] p-3 rounded">
-                            <p class="text-secondary">Jersey Number</p>
-                            <p class="font-bold">#${playerData.number}</p>
-                        </div>
-                    </div>
-                </div>
-                <div>
-                    <h3 class="text-xl font-bold mb-3">Player Bio</h3>
-                    <p class="bg-[#2a2a2a] p-4 rounded">${playerData.bio}</p>
-                </div>
-`;
-            
-            modal.classList.add('active');
-        }
-        
-        function closePlayerModal() {
-            const modal = document.getElementById('playerModal');
-            modal.classList.remove('active');
-        }
-        
-        // Close modal when clicking outside
-        window.addEventListener('click', function(event) {
-            const modal = document.getElementById('playerModal');
-            if (event.target === modal) {
-                closePlayerModal();
-            }
-        });
         
         // Mobile menu toggle
         document.getElementById('menu-toggle').addEventListener('click', function() {