Add 1 files

index.html

@@ -194,7 +194,7 @@
                         <a href="#" class="px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-500 bg-opacity-60 hover:bg-opacity-70 shadow-sm">
                             Watch demo
                         </a>
-                    </div>
+</div>
                 </div>
                 <div class="mt-12 md:mt-0 md:w-1/2 flex justify-center">
                     <div class="relative w-full max-w-md">
@@ -397,7 +397,7 @@
                     </div>
                     <h3 class="text-lg font-medium text-gray-900 mb-2">3. Personalize</h3>
                     <p class="text-gray-600 text-sm">
-                        Select your preferred learning style and focus areas
+                        Select your preferred learning style and focus areas. Teachers can easily edit and refine the AI-generated content.
                     </p>
                     <i class="fas fa-arrow-down flowchart-arrow"></i>
                 </div>
@@ -416,26 +416,18 @@
     </section>
 
     <!-- Video Demo Section -->
-    <section class="py-20 bg-white">
+    <section class="py-16 bg-white">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="lg:grid lg:grid-cols-12 lg:gap-8">
                 <div class="lg:col-span-5 mb-8 lg:mb-0">
-                    <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
+                    <h2 class="text-2xl font-extrabold text-gray-900 sm:text-3xl">
                         See Studee in action
                     </h2>
-                    <p class="mt-4 text-lg text-gray-600">
-                        Watch how our platform transforms dense textbook chapters into digestible, personalized learning materials in minutes.
+                    <p class="mt-3 text-gray-600">
+                        Watch our 90-second demo to see how Studee transforms dense textbook chapters into digestible, personalized learning materials.
                     </p>
-                    <div class="mt-8">
-                        <ul class="checkmark-list space-y-4">
-                            <li class="text-gray-700">See the AI analysis process</li>
-                            <li class="text-gray-700">Explore different output formats</li>
-                            <li class="text-gray-700">Understand personalization options</li>
-                            <li class="text-gray-700">View student progress tracking</li>
-                        </ul>
-                    </div>
-                    <div class="mt-8">
-                        <a href="#" class="px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 shadow-sm">
+                    <div class="mt-6">
+                        <a href="#" class="inline-flex px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 shadow-sm">
                             Start free trial
                         </a>
                     </div>