add a discounted annual price 250

index.html

@@ -241,11 +241,12 @@
                         POPULAR
                     </div>
                     <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Pro</h3>
-<div class="text-center mb-6">
+                    <div class="text-center mb-6">
                         <span class="text-4xl font-bold text-yellow-500">$24.99</span>
-<span class="text-gray-400">/month</span>
+                        <span class="text-gray-400">/month</span>
+                        <div class="mt-2 text-yellow-300 font-medium">or $250/year (save 16%)</div>
                     </div>
-                    <ul class="space-y-3 mb-8">
+<ul class="space-y-3 mb-8">
                         <li class="flex items-center">
                             <i data-feather="check" class="text-green-500 mr-2"></i>
                             <span>5 VR/AR scenarios per month</span>
@@ -273,8 +274,9 @@
                     <div class="text-center mb-6">
                         <span class="text-4xl font-bold text-red-500">$49.99</span>
                         <span class="text-gray-400">/month</span>
-</div>
-                    <ul class="space-y-3 mb-8">
+                        <div class="mt-2 text-red-300 font-medium">or $500/year (save 16%)</div>
+                    </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>Unlimited VR/AR scenarios</span>