Promote version f337706 to main

Promoted commit f33770668c52a4a28790f9febb057b51b40b3a35 to main branch

about.html

@@ -94,8 +94,8 @@
             <!-- Core Values -->
             <div class="py-16">
                 <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
-                    <span class="text-yellow-500">OUR</span> <span class="text-white">CORE</span> <span class="text-[#7a0000]">VALUES</span>
-</h2>
+                    <span class="text-yellow-500">OUR</span> <span class="text-white">CORE</span> <span class="text-red-500">VALUES</span>
+                </h2>
                 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Value 1 -->
@@ -110,12 +110,12 @@
                     </div>
                     
                     <!-- Value 2 -->
-                        <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-[#7a0000] value-card">
-                            <div class="w-16 h-16 bg-[#7a0000] rounded-full flex items-center justify-center mb-6 mx-auto">
-<i data-feather="heart" class="text-black text-2xl"></i>
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card">
+                        <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
+                            <i data-feather="heart" class="text-black text-2xl"></i>
                         </div>
-                        <h3 class="text-2xl font-bold text-center mb-4 text-[#7a0000]">Empathy</h3>
-<p class="text-gray-300 text-center">
+                        <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Empathy</h3>
+                        <p class="text-gray-300 text-center">
                             We understand our users' challenges and design solutions that truly meet their needs.
                         </p>
                     </div>
@@ -136,8 +136,8 @@
             <!-- Meet the Team -->
             <div class="py-16">
                 <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
-                    <span class="text-yellow-500">MEET</span> <span class="text-white">THE</span> <span class="text-[#7a0000]">TEAM</span>
-</h2>
+                    <span class="text-yellow-500">MEET</span> <span class="text-white">THE</span> <span class="text-red-500">TEAM</span>
+                </h2>
                 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Team Member 1 -->
@@ -157,13 +157,13 @@
                     
                     <!-- Team Member 2 -->
                     <div class="group">
-                        <div class="relative overflow-hidden rounded-lg border-2 border-[#7a0000] mb-4 h-64">
-<img src="http://static.photos/people/640x360/102" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+                        <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
+                            <img src="http://static.photos/people/640x360/102" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
                             <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Sarah Chen</h3>
-                                <p class="text-[#7a0000]">CTO</p>
-</div>
+                                <p class="text-red-500">CTO</p>
+                            </div>
                         </div>
                         <p class="text-gray-300">
                             VR/AR expert with a passion for human-computer interaction, Sarah leads our technical innovation efforts.
@@ -193,8 +193,8 @@
     <section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900">
         <div class="container mx-auto px-6">
             <h2 class="text-4xl font-bold text-center mb-6 font-['Bebas+Neue'] tracking-wider">
-                <span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-[#7a0000]">PLAN</span>
-</h2>
+                <span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-red-500">PLAN</span>
+            </h2>
             <p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
                 Select the level of access that fits your mental training needs. All plans include our VR and AR technology.
             </p>

events.html

@@ -130,17 +130,17 @@ Register Now
                     </div>
 
                     <!-- Event 2 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-[#7a0000] p-6 transition duration-300 event-card">
-<div class="flex justify-between items-start mb-4">
-                            <span class="bg-[#7a0000] text-black px-3 py-1 rounded-full text-sm font-bold">WEBINAR</span>
-                            <span class="text-[#7a0000]">MAR 20</span>
-</div>
+                    <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-500 p-6 transition duration-300 event-card">
+                        <div class="flex justify-between items-start mb-4">
+                            <span class="bg-red-500 text-black px-3 py-1 rounded-full text-sm font-bold">WEBINAR</span>
+                            <span class="text-red-500">MAR 20</span>
+                        </div>
                         <h4 class="text-xl font-bold mb-2">VR Performance Training</h4>
                         <p class="text-gray-400 mb-4">Discover how VR can enhance your mental preparation and performance.</p>
                         <div class="flex items-center text-gray-300 text-sm mb-4">
                             <i data-feather="clock" class="mr-2 w-4 h-4"></i> 2:00 PM - 3:30 PM
                         </div>
-                        <button class="w-full bg-gradient-to-r from-[#7a0000] via-[#5a0000] to-[#3a0000] hover:from-[#5a0000] hover:via-[#3a0000] hover:to-[#1a0000] text-white font-bold py-2 rounded-lg transition">
+                        <button class="w-full bg-gradient-to-r from-red-900 via-red-800 to-red-700 hover:from-red-800 hover:via-red-700 hover:to-red-600 text-white font-bold py-2 rounded-lg transition">
 Register Now
                         </button>
                     </div>

index.html

@@ -262,12 +262,12 @@
                 </div>
                 
                 <!-- Feature 2 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-700 transform hover:scale-105 transition">
-                    <div class="w-16 h-16 bg-red-700 rounded-full flex items-center justify-center mb-6 mx-auto">
-<i data-feather="layers" class="text-black text-2xl"></i>
+                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 transform hover:scale-105 transition">
+                    <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
+                        <i data-feather="layers" class="text-black text-2xl"></i>
                     </div>
-                    <h3 class="text-2xl font-bold text-center mb-4 text-red-700">AR Training</h3>
-<p class="text-gray-300 text-center">
+                    <h3 class="text-2xl font-bold text-center mb-4 text-red-500">AR Training</h3>
+                    <p class="text-gray-300 text-center">
                         Augmented reality overlays provide real-time feedback on posture, breathing, and movement during your practice sessions.
                     </p>
                 </div>
@@ -327,8 +327,8 @@
                     </div>
                 </div>
                 <div class="bg-black bg-opacity-70 p-8 rounded-xl border border-gray-800">
-                    <h3 class="text-2xl font-bold mb-4 text-[#7a0000]">Real-Time Performance Dashboard</h3>
-<div class="relative w-full h-64 mb-4 rounded-lg overflow-hidden border-2 border-yellow-500 bg-black">
+                    <h3 class="text-2xl font-bold mb-4 text-red-500">Real-Time Performance Dashboard</h3>
+                    <div class="relative w-full h-64 mb-4 rounded-lg overflow-hidden border-2 border-yellow-500 bg-black">
                         <div id="performance-dashboard" class="w-full h-full flex flex-col justify-center items-center">
                             <div class="flex justify-around w-full mb-8">
                                 <div class="text-center">
@@ -336,8 +336,8 @@
                                     <div class="text-gray-300">Confidence</div>
                                 </div>
                                 <div class="text-center">
-                            <div class="text-4xl font-bold text-[#7a0000]" id="stress-level">42%</div>
-<div class="text-gray-300">Stress</div>
+                                    <div class="text-4xl font-bold text-red-500" id="stress-level">42%</div>
+                                    <div class="text-gray-300">Stress</div>
                                 </div>
                                 <div class="text-center">
                                     <div class="text-4xl font-bold text-green-500" id="focus-level">93%</div>
@@ -362,21 +362,21 @@
     <section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900">
         <div class="container mx-auto px-6">
             <h2 class="text-4xl font-bold text-center mb-6 font-['Bebas+Neue'] tracking-wider">
-                <span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-[#7a0000]">PLAN</span>
-</h2>
+                <span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-red-500">PLAN</span>
+            </h2>
             <p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
                 Select the level of access that fits your mental training needs. All plans include our VR and AR technology.
             </p>
             <div class="max-w-xl mx-auto">
 <!-- Subscription Plan -->
-                <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-red-700 transform hover:scale-105 transition md:col-span-1">
-                    <h3 class="text-2xl font-bold text-center mb-4 text-[#7a0000]">Subscription Plan</h3>
+                <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-red-500 transform hover:scale-105 transition md:col-span-1">
+                    <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Subscription Plan</h3>
 <div class="text-center mb-2">
                         <span class="text-sm font-bold text-green-400">7-DAY FREE TRIAL</span>
                     </div>
                     <div class="text-center mb-6">
-                        <span class="text-4xl font-bold text-[#7a0000]">$60</span>
-<span class="text-gray-400">/month</span>
+                        <span class="text-4xl font-bold text-red-500">$60</span>
+                        <span class="text-gray-400">/month</span>
                         <div class="text-sm text-gray-400">or $700/year (save $80) + add ons</div>
 </div>
 <ul class="space-y-3 mb-8">
@@ -406,7 +406,7 @@
                         </li>
                     </ul>
                     <button onclick="addToCart({
-id: 'subscription-plan',
+                        id: 'subscription-plan',
                         name: 'Subscription Plan', 
                         price: 60,
 description: 'Full suite with AI analysis, custom builds, and coaching - cancel anytime'
@@ -479,8 +479,8 @@ description: 'Full suite with AI analysis, custom builds, and coaching - cancel
     <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-[#7a0000]">AMPLIFY</span> <span class="text-white">YOUR</span> <span class="text-yellow-500">PERFORMANCE?</span>
-</h2>
+                <span class="text-yellow-500">READY</span> <span class="text-white">TO</span> <span class="text-red-500">AMPLIFY</span> <span class="text-white">YOUR</span> <span class="text-yellow-500">PERFORMANCE?</span>
+            </h2>
             <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300">
                 Join thousands of athletes, performers, and professionals who are mastering their minds with our technology.
             </p>

results.html

@@ -220,13 +220,13 @@
     <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-[#7a0000]">COMPETE?</span>
-</h2>
+                <span class="text-yellow-500">READY</span> <span class="text-white">TO</span> <span class="text-red-500">COMPETE?</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
             </p>
-                            <button class="bg-gradient-to-r from-[#7a0000] via-[#5a0000] to-[#3a0000] hover:from-[#5a0000] hover:via-[#3a0000] hover:to-[#1a0000] text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
-Join Next Event
+            <button class="bg-gradient-to-r from-red-900 via-red-800 to-red-700 hover:from-red-800 hover:via-red-700 hover:to-red-600 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
+                            Join Next Event
             </button>
 </div>
     </section>