refactor: remove "How It Works" section to streamline the homepage layout

Author: IrvanFza

src/pages/index.astro

@@ -139,42 +139,6 @@ const structuredData = {
       </div>
     </section>
 
-    <!-- How It Works -->
-    <section class="py-16 bg-base-200">
-      <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
-        <h2 class="text-2xl font-bold text-center mb-10">How It Works</h2>
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div class="text-center">
-            <div class="w-14 h-14 bg-primary/10 rounded-2xl flex items-center justify-center mx-auto mb-4">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-              </svg>
-            </div>
-            <h3 class="font-bold text-lg mb-2">Browse & Search</h3>
-            <p class="text-sm text-base-content/60">Explore 25+ AI coding plans with detailed pricing, models, and feature comparisons.</p>
-          </div>
-          <div class="text-center">
-            <div class="w-14 h-14 bg-secondary/10 rounded-2xl flex items-center justify-center mx-auto mb-4">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-secondary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
-              </svg>
-            </div>
-            <h3 class="font-bold text-lg mb-2">Compare Side-by-Side</h3>
-            <p class="text-sm text-base-content/60">Put plans head-to-head with our comparison tool to see pricing, limits, and features at a glance.</p>
-          </div>
-          <div class="text-center">
-            <div class="w-14 h-14 bg-accent/10 rounded-2xl flex items-center justify-center mx-auto mb-4">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-            <h3 class="font-bold text-lg mb-2">Choose & Code</h3>
-            <p class="text-sm text-base-content/60">Pick the plan that fits your budget and workflow, then start coding with AI-powered tools.</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
     <!-- Recommendation Wizard -->
     <section id="wizard" class="py-16">
       <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">