can you create a training session part for me - Follow Up Deployment

index.html

@@ -109,7 +109,7 @@
                     <a href="#home" class="hover:text-yellow-400 transition">Home</a>
                     <a href="#team" class="hover:text-yellow-400 transition">Team</a>
                     <a href="#matches" class="hover:text-yellow-400 transition">Matches</a>
-                    <a href="#training" class="hover:text-yellow-400 transition">Training</a>
+                    <a href="#training" class="hover:text-yellow-400 transition">Training Programs</a>
                     <a href="#gallery" class="hover:text-yellow-400 transition">Gallery</a>
                     <a href="#contact" class="hover:text-yellow-400 transition">Contact</a>
                 </div>
@@ -124,7 +124,7 @@
                 <a href="#home" class="block py-2 hover:text-yellow-400 transition">Home</a>
                 <a href="#team" class="block py-2 hover:text-yellow-400 transition">Team</a>
                 <a href="#matches" class="block py-2 hover:text-yellow-400 transition">Matches</a>
-                <a href="#training" class="block py-2 hover:text-yellow-400 transition">Training</a>
+                <a href="#training" class="block py-2 hover:text-yellow-400 transition">Training Programs</a>
                 <a href="#gallery" class="block py-2 hover:text-yellow-400 transition">Gallery</a>
                 <a href="#contact" class="block py-2 hover:text-yellow-400 transition">Contact</a>
             </div>
@@ -178,6 +178,127 @@
         </div>
     </section>
 
+    <!-- Training Programs Section -->
+    <section id="training" class="py-16 bg-white">
+        <div class="container mx-auto px-6">
+            <h2 class="logo-font text-4xl mb-12 text-center text-blue-900">Training Programs</h2>
+            
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Program 1 -->
+                <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg transition duration-300 hover:shadow-xl">
+                    <div class="h-48 bg-blue-900 flex items-center justify-center">
+                        <i class="fas fa-child text-6xl text-yellow-400"></i>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-2xl font-bold mb-3 text-blue-900">Youth Development</h3>
+                        <p class="text-gray-700 mb-4">For ages 6-16 focusing on fundamental skills, teamwork and sportsmanship.</p>
+                        <ul class="space-y-2 mb-6">
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Monday & Wednesday 4-6 PM</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Saturday 9-11 AM</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Age-appropriate coaching</span>
+                            </li>
+                        </ul>
+                        <a href="#register" class="inline-block bg-blue-900 hover:bg-blue-800 text-white px-6 py-2 rounded-lg transition">
+                            Learn More
+                        </a>
+                    </div>
+                </div>
+                
+                <!-- Program 2 -->
+                <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg transition duration-300 hover:shadow-xl">
+                    <div class="h-48 bg-red-600 flex items-center justify-center">
+                        <i class="fas fa-running text-6xl text-white"></i>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-2xl font-bold mb-3 text-blue-900">Adult Training</h3>
+                        <p class="text-gray-700 mb-4">For players 17+ looking to improve skills, fitness and game understanding.</p>
+                        <ul class="space-y-2 mb-6">
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Tuesday & Thursday 7-9 PM</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Sunday 10 AM-12 PM</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Tactical and technical development</span>
+                            </li>
+                        </ul>
+                        <a href="#register" class="inline-block bg-blue-900 hover:bg-blue-800 text-white px-6 py-2 rounded-lg transition">
+                            Learn More
+                        </a>
+                    </div>
+                </div>
+                
+                <!-- Program 3 -->
+                <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg transition duration-300 hover:shadow-xl">
+                    <div class="h-48 bg-yellow-500 flex items-center justify-center">
+                        <i class="fas fa-star text-6xl text-blue-900"></i>
+                    </div>
+                    <div class="p-6">
+                        <h3 class="text-2xl font-bold mb-3 text-blue-900">Elite Program</h3>
+                        <p class="text-gray-700 mb-4">Advanced training for competitive players looking to reach higher levels.</p>
+                        <ul class="space-y-2 mb-6">
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Monday-Friday 5-7 PM</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Personalized development plans</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
+                                <span>Scouting opportunities</span>
+                            </li>
+                        </ul>
+                        <a href="#register" class="inline-block bg-blue-900 hover:bg-blue-800 text-white px-6 py-2 rounded-lg transition">
+                            Learn More
+                        </a>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Training Features -->
+            <div class="mt-16 bg-blue-900 text-white rounded-lg p-8">
+                <h3 class="text-2xl font-bold mb-6 text-center">Our Training Philosophy</h3>
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <div class="text-center">
+                        <div class="w-16 h-16 bg-yellow-400 rounded-full flex items-center justify-center mx-auto mb-4">
+                            <i class="fas fa-futbol text-2xl text-blue-900"></i>
+                        </div>
+                        <h4 class="font-bold mb-2">Technical Excellence</h4>
+                        <p class="text-blue-200">Master ball control, passing, shooting and other fundamental skills.</p>
+                    </div>
+                    <div class="text-center">
+                        <div class="w-16 h-16 bg-yellow-400 rounded-full flex items-center justify-center mx-auto mb-4">
+                            <i class="fas fa-chess text-2xl text-blue-900"></i>
+                        </div>
+                        <h4 class="font-bold mb-2">Tactical Understanding</h4>
+                        <p class="text-blue-200">Develop game intelligence and decision-making abilities.</p>
+                    </div>
+                    <div class="text-center">
+                        <div class="w-16 h-16 bg-yellow-400 rounded-full flex items-center justify-center mx-auto mb-4">
+                            <i class="fas fa-heartbeat text-2xl text-blue-900"></i>
+                        </div>
+                        <h4 class="font-bold mb-2">Physical Development</h4>
+                        <p class="text-blue-200">Improve speed, strength, endurance and flexibility.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <!-- Team Section -->
     <section id="team" class="py-16 bg-gray-100">
         <div class="container mx-auto px-6">