Please change results section into a tesmony section

results.html

@@ -54,161 +54,137 @@
             </div>
         </div>
     </nav>
-
-    <!-- Results Hero Section -->
+    <!-- Testimonials Hero Section -->
     <section class="relative z-10 hero-gradient py-32">
         <div class="container mx-auto px-6 text-center">
             <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-8 tracking-wider">
-                <span class="text-yellow-500 glow-text">COMPETITION</span> <span class="text-white">RESULTS</span>
+                <span class="text-yellow-500 glow-text">SUCCESS</span> <span class="text-white">STORIES</span>
             </h1>
             <p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300">
-                Latest rankings and performance metrics from our VR mental training competitions
+                Hear from athletes and professionals who transformed their performance with Amplify
             </p>
         </div>
     </section>
 
-    <!-- Results Section -->
+    <!-- Testimonials Section -->
     <section class="relative z-10 py-20 bg-black bg-opacity-90">
         <div class="container mx-auto px-6">
-            <!-- Podium -->
-            <div class="flex justify-center items-end mb-20 h-64">
-                <!-- 2nd Place -->
-                <div class="podium-item w-1/4 mx-2 bg-gradient-to-b from-gray-700 to-gray-900 rounded-t-lg border border-yellow-500 flex flex-col items-center" style="height: 180px;">
-                    <div class="bg-gray-800 w-16 h-16 rounded-full flex items-center justify-center -mt-8 border-2 border-yellow-500">
-                        <span class="text-2xl font-bold">2</span>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
+                <!-- Testimonial 1 -->
+                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition">
+                    <div class="flex items-center mb-6">
+                        <img src="http://static.photos/sport/200x200/1" alt="Alex Johnson" class="w-16 h-16 rounded-full border-2 border-yellow-500 mr-4">
+                        <div>
+                            <h3 class="text-xl font-bold">Alex Johnson</h3>
+                            <p class="text-yellow-500">Professional Athlete</p>
+                        </div>
                     </div>
-                    <div class="text-center mt-4">
-                        <h3 class="font-bold">Sarah Chen</h3>
-                        <p class="text-yellow-500">Score: 92.4</p>
+                    <p class="text-gray-300 mb-6">
+                        "Amplify's VR training helped me overcome performance anxiety. I went from choking under pressure to winning my first championship!"
+                    </p>
+                    <div class="flex">
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500"></i>
                     </div>
                 </div>
-                
-                <!-- 1st Place -->
-                <div class="podium-item w-1/3 mx-2 bg-gradient-to-b from-yellow-500 to-yellow-700 rounded-t-lg border border-yellow-500 flex flex-col items-center" style="height: 240px;">
-                    <div class="bg-yellow-500 w-20 h-20 rounded-full flex items-center justify-center -mt-10 border-4 border-yellow-700">
-                        <i data-feather="award" class="text-black"></i>
+
+                <!-- Testimonial 2 -->
+                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition">
+                    <div class="flex items-center mb-6">
+                        <img src="http://static.photos/office/200x200/2" alt="Sarah Chen" class="w-16 h-16 rounded-full border-2 border-yellow-500 mr-4">
+                        <div>
+                            <h3 class="text-xl font-bold">Sarah Chen</h3>
+                            <p class="text-yellow-500">Executive</p>
+                        </div>
                     </div>
-                    <div class="text-center mt-6">
-                        <h3 class="font-bold text-black">Alex Johnson</h3>
-                        <p class="text-black font-bold">Score: 97.8</p>
+                    <p class="text-gray-300 mb-6">
+                        "The AR coaching completely transformed my public speaking. I went from dreading presentations to being invited to keynote at major conferences."
+                    </p>
+                    <div class="flex">
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500"></i>
                     </div>
                 </div>
-                
-                <!-- 3rd Place -->
-                <div class="podium-item w-1/4 mx-2 bg-gradient-to-b from-gray-600 to-gray-800 rounded-t-lg border border-yellow-500 flex flex-col items-center" style="height: 150px;">
-                    <div class="bg-gray-700 w-16 h-16 rounded-full flex items-center justify-center -mt-8 border-2 border-yellow-500">
-                        <span class="text-2xl font-bold">3</span>
+
+                <!-- Testimonial 3 -->
+                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition">
+                    <div class="flex items-center mb-6">
+                        <img src="http://static.photos/people/200x200/3" alt="Marcus Wright" class="w-16 h-16 rounded-full border-2 border-yellow-500 mr-4">
+                        <div>
+                            <h3 class="text-xl font-bold">Marcus Wright</h3>
+                            <p class="text-yellow-500">Surgeon</p>
+                        </div>
                     </div>
-                    <div class="text-center mt-4">
-                        <h3 class="font-bold">Marcus Wright</h3>
-                        <p class="text-yellow-500">Score: 89.5</p>
+                    <p class="text-gray-300 mb-6">
+                        "The biofeedback training helped me maintain focus during long surgeries. My precision and stamina have improved dramatically."
+                    </p>
+                    <div class="flex">
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500 mr-1"></i>
+                        <i data-feather="star" class="text-yellow-500"></i>
                     </div>
                 </div>
             </div>
 
-            <!-- Leaderboard -->
+            <!-- Video Testimonials -->
             <div class="bg-black bg-opacity-70 rounded-xl border border-yellow-500 p-6 mb-12">
                 <h2 class="text-3xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
-                    <span class="text-yellow-500">FULL</span> <span class="text-white">LEADERBOARD</span>
+                    <span class="text-yellow-500">IN</span> <span class="text-white">THEIR</span> <span class="text-red-500">WORDS</span>
                 </h2>
                 
-                <div class="overflow-x-auto">
-                    <table class="w-full">
-                        <thead>
-                            <tr class="border-b border-yellow-500">
-                                <th class="text-left py-4 px-2">Rank</th>
-                                <th class="text-left py-4 px-2">Competitor</th>
-                                <th class="text-left py-4 px-2">Score</th>
-                                <th class="text-left py-4 px-2">Focus</th>
-                                <th class="text-left py-4 px-2">Composure</th>
-                                <th class="text-left py-4 px-2">Reaction</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr class="border-b border-gray-800 hover:bg-gray-900">
-                                <td class="py-4 px-2">1</td>
-                                <td class="py-4 px-2 font-bold">Alex Johnson</td>
-                                <td class="py-4 px-2 text-yellow-500 font-bold">97.8</td>
-                                <td class="py-4 px-2">98%</td>
-                                <td class="py-4 px-2">96%</td>
-                                <td class="py-4 px-2">99%</td>
-                            </tr>
-                            <tr class="border-b border-gray-800 hover:bg-gray-900">
-                                <td class="py-4 px-2">2</td>
-                                <td class="py-4 px-2 font-bold">Sarah Chen</td>
-                                <td class="py-4 px-2 text-yellow-500 font-bold">92.4</td>
-                                <td class="py-4 px-2">94%</td>
-                                <td class="py-4 px-2">90%</td>
-                                <td class="py-4 px-2">93%</td>
-                            </tr>
-                            <tr class="border-b border-gray-800 hover:bg-gray-900">
-                                <td class="py-4 px-2">3</td>
-                                <td class="py-4 px-2 font-bold">Marcus Wright</td>
-                                <td class="py-4 px-2 text-yellow-500 font-bold">89.5</td>
-                                <td class="py-4 px-2">88%</td>
-                                <td class="py-4 px-2">91%</td>
-                                <td class="py-4 px-2">89%</td>
-                            </tr>
-                            <tr class="border-b border-gray-800 hover:bg-gray-900">
-                                <td class="py-4 px-2">4</td>
-                                <td class="py-4 px-2">Jamie Lee</td>
-                                <td class="py-4 px-2">87.2</td>
-                                <td class="py-4 px-2">85%</td>
-                                <td class="py-4 px-2">89%</td>
-                                <td class="py-4 px-2">87%</td>
-                            </tr>
-                            <tr class="border-b border-gray-800 hover:bg-gray-900">
-                                <td class="py-4 px-2">5</td>
-                                <td class="py-4 px-2">Taylor Smith</td>
-                                <td class="py-4 px-2">84.6</td>
-                                <td class="py-4 px-2">83%</td>
-                                <td class="py-4 px-2">85%</td>
-                                <td class="py-4 px-2">86%</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-
-            <!-- Competition Selector -->
-            <div class="bg-black bg-opacity-70 rounded-xl border border-yellow-500 p-6 mb-12">
-                <h2 class="text-3xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
-                    <span class="text-yellow-500">PAST</span> <span class="text-white">COMPETITIONS</span>
-                </h2>
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer h-full">
-                        <h3 class="font-bold text-yellow-500">March 2025</h3>
-                        <p class="text-gray-300 text-sm">VR Focus Challenge</p>
-                    </div>
-                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer h-full">
-                        <h3 class="font-bold">February 2025</h3>
-                        <p class="text-gray-300 text-sm">Pressure Simulation</p>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                    <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500">
+                        <img src="http://static.photos/people/640x360/4" alt="Testimonial thumbnail" class="w-full h-full object-cover">
+                        <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
+                            <button class="bg-yellow-500 hover:bg-yellow-600 text-black rounded-full p-4">
+                                <i data-feather="play" class="w-8 h-8"></i>
+                            </button>
+                        </div>
+                        <div class="absolute bottom-0 left-0 p-4">
+                            <h3 class="font-bold text-white">Alex's Championship Journey</h3>
+                        </div>
                     </div>
-                    <div class="bg-gray-900 hover:bg-gray-800 rounded-lg border border-gray-800 p-4 transition cursor-pointer h-full">
-                        <h3 class="font-bold">January 2025</h3>
-                        <p class="text-gray-300 text-sm">Mindset Marathon</p>
+                    
+                    <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500">
+                        <img src="http://static.photos/office/640x360/5" alt="Testimonial thumbnail" class="w-full h-full object-cover">
+                        <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
+                            <button class="bg-yellow-500 hover:bg-yellow-600 text-black rounded-full p-4">
+                                <i data-feather="play" class="w-8 h-8"></i>
+                            </button>
+                        </div>
+                        <div class="absolute bottom-0 left-0 p-4">
+                            <h3 class="font-bold text-white">Sarah's Public Speaking Breakthrough</h3>
+                        </div>
                     </div>
-</div>
+                </div>
             </div>
 
-            <!-- Competition Stats -->
+            <!-- Results Stats -->
             <div class="bg-black bg-opacity-70 rounded-xl border border-yellow-500 p-6">
                 <h2 class="text-3xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
-                    <span class="text-yellow-500">PERFORMANCE</span> <span class="text-white">STATS</span>
+                    <span class="text-yellow-500">PROVEN</span> <span class="text-white">RESULTS</span>
                 </h2>
                 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <div class="text-center">
-                        <div class="text-5xl font-bold text-yellow-500 mb-2">97.8</div>
-                        <div class="text-gray-300">Highest Score</div>
+                        <div class="text-5xl font-bold text-yellow-500 mb-2">92%</div>
+                        <div class="text-gray-300">Reported performance improvement</div>
                     </div>
                     <div class="text-center">
-                        <div class="text-5xl font-bold text-yellow-500 mb-2">84.2</div>
-                        <div class="text-gray-300">Average Score</div>
+                        <div class="text-5xl font-bold text-yellow-500 mb-2">4.9/5</div>
+                        <div class="text-gray-300">Average user rating</div>
                     </div>
                     <div class="text-center">
-                        <div class="text-5xl font-bold text-yellow-500 mb-2">25</div>
-                        <div class="text-gray-300">Participants</div>
+                        <div class="text-5xl font-bold text-yellow-500 mb-2">10K+</div>
+                        <div class="text-gray-300">Lives transformed</div>
                     </div>
                 </div>
             </div>
@@ -219,18 +195,17 @@
     <section class="relative z-10 py-20 bg-gradient-to-r from-black via-gray-900 to-black">
         <div class="container mx-auto px-6 text-center">
             <h2 class="text-4xl md:text-5xl font-bold mb-8 font-['Bebas+Neue'] tracking-wider">
-                <span class="text-yellow-500">READY</span> <span class="text-white">TO</span> <span class="text-red-500">COMPETE?</span>
+                <span class="text-yellow-500">READY</span> <span class="text-white">TO</span> <span class="text-red-500">TRANSFORM</span>
             </h2>
             <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300">
-                Join our next competition and test your mental performance against others
+                Join thousands who have elevated their performance with our mental training system
             </p>
-            <button class="bg-[#9b0000] hover:bg-[#7a0000] text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
-Join Next Event
-            </button>
-</div>
+            <a href="https://portal.veinternational.org/buybuttons/us0110243/btn/free-trial-2/" class="bg-gradient-to-r from-yellow-500 to-[#9b0000] hover:from-yellow-600 hover:to-[#7a0000] text-black font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg inline-block">
+                Start Free Trial
+            </a>
+        </div>
     </section>
-
-    <!-- Footer -->
+<!-- Footer -->
     <footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12">
         <div class="container mx-auto px-6">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
@@ -257,17 +232,15 @@ Join Next Event
                         </a>
                     </div>
                 </div>
-                
                 <div>
-                    <h3 class="text-lg font-bold text-white mb-4">Competitions</h3>
+                    <h3 class="text-lg font-bold text-white mb-4">Success Stories</h3>
                     <ul class="space-y-2">
-                        <li><a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Current Results</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Upcoming Events</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Past Winners</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Athletes</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Professionals</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Students</a></li>
                     </ul>
                 </div>
-                
-                <div>
+<div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>
                     <ul class="space-y-2">
                         <li><a href="about.html" class="text-gray-400 hover:text-yellow-500 transition">About Us</a></li>