add a 7-Day Free Trial

about.html

@@ -200,8 +200,47 @@
             </p>
             <div class="flex justify-center">
                 <div class="grid grid-cols-1 gap-8 max-w-4xl">
+<!-- Free Trial -->
+<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-green-500 transform hover:scale-105 transition mx-auto">
+    <h3 class="text-2xl font-bold text-center mb-4 text-green-500">7-Day Free Trial</h3>
+    <div class="text-center mb-6">
+        <span class="text-4xl font-bold text-green-500">$0</span>
+        <span class="text-gray-400">for 7 days</span>
+    </div>
+    <ul class="space-y-3 mb-8">
+        <li class="flex items-center">
+            <i data-feather="check" class="text-green-500 mr-2"></i>
+            <span>Full access to all features</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="check" class="text-green-500 mr-2"></i>
+            <span>5 VR/AR scenarios</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="check" class="text-green-500 mr-2"></i>
+            <span>Basic biometric analysis</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="x" class="text-red-500 mr-2"></i>
+            <span class="text-gray-400">No custom scenarios</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="x" class="text-red-500 mr-2"></i>
+            <span class="text-gray-400">No coaching sessions</span>
+        </li>
+    </ul>
+    <button onclick="addToCart({
+        id: 'free-trial',
+        name: '7-Day Free Trial', 
+        price: 0,
+        description: 'Free trial with limited features'
+    })" class="w-full bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center">
+        <i data-feather="zap" class="mr-2"></i> Start Free Trial
+    </button>
+</div>
+
 <!-- Core Plan -->
-                <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto">
+<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto">
 <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Amplify Core</h3>
                     <div class="text-center mb-6">
                         <span class="text-4xl font-bold text-yellow-500">$60</span>

index.html

@@ -376,8 +376,47 @@ Get Started
             </p>
             <div class="flex justify-center">
                 <div class="grid grid-cols-1 gap-8 max-w-4xl">
+<!-- Free Trial -->
+<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-green-500 transform hover:scale-105 transition mx-auto">
+    <h3 class="text-2xl font-bold text-center mb-4 text-green-500">7-Day Free Trial</h3>
+    <div class="text-center mb-6">
+        <span class="text-4xl font-bold text-green-500">$0</span>
+        <span class="text-gray-400">for 7 days</span>
+    </div>
+    <ul class="space-y-3 mb-8">
+        <li class="flex items-center">
+            <i data-feather="check" class="text-green-500 mr-2"></i>
+            <span>Full access to all features</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="check" class="text-green-500 mr-2"></i>
+            <span>5 VR/AR scenarios</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="check" class="text-green-500 mr-2"></i>
+            <span>Basic biometric analysis</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="x" class="text-red-500 mr-2"></i>
+            <span class="text-gray-400">No custom scenarios</span>
+        </li>
+        <li class="flex items-center">
+            <i data-feather="x" class="text-red-500 mr-2"></i>
+            <span class="text-gray-400">No coaching sessions</span>
+        </li>
+    </ul>
+    <button onclick="addToCart({
+        id: 'free-trial',
+        name: '7-Day Free Trial', 
+        price: 0,
+        description: 'Free trial with limited features'
+    })" class="w-full bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center">
+        <i data-feather="zap" class="mr-2"></i> Start Free Trial
+    </button>
+</div>
+
 <!-- Core Plan -->
-                <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto">
+<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto">
 <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Amplify Core</h3>
                     <div class="text-center mb-6">
                         <span class="text-4xl font-bold text-yellow-500">$60</span>
@@ -490,9 +529,14 @@ Get Started
             <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>
-                            <button onclick="window.location.href='login.html'" 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 mb-4">
-Start 7-Day Free Trial
-            </button>
+                            <button onclick="addToCart({
+                                id: 'free-trial',
+                                name: '7-Day Free Trial', 
+                                price: 0,
+                                description: 'Free trial with limited features'
+                            })" class="bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg mb-4">
+                                Start 7-Day Free Trial
+                            </button>
 <p class="text-sm text-gray-400">No credit card required • Cancel anytime</p>
 </div>
     </section>

login.html

@@ -88,14 +88,14 @@
 Sign In
                     </button>
                 </form>
-                
                 <div class="mt-6 text-center">
-                    <p class="text-gray-400">Don't have an account? 
-                        <a href="#" class="text-yellow-500 hover:text-yellow-400 font-medium">Sign up</a>
-                    </p>
+                    <div class="mb-4">
+                        <p class="text-gray-400">Don't have an account?</p>
+                        <a href="#" class="text-yellow-500 hover:text-yellow-400 font-medium">Start your 7-day free trial</a>
+                    </div>
+                    <p class="text-sm text-gray-400">No credit card required</p>
                 </div>
-                
-                <div class="mt-8 pt-6 border-t border-gray-800">
+<div class="mt-8 pt-6 border-t border-gray-800">
                     <p class="text-gray-400 text-center mb-4">Or continue with</p>
                     <div class="flex justify-center space-x-4">
                         <button class="bg-gray-900 hover:bg-gray-800 text-white p-3 rounded-full border border-gray-700">