Add main landmark

Author: mekanix

index.html

@@ -66,8 +66,9 @@
         >
       </div>
     </nav>
-    <!-- Hero Section -->
-    <section class="pt-32 pb-20 px-6 gradient-dark relative overflow-hidden">
+    <main>
+      <!-- Hero Section -->
+      <section class="pt-32 pb-20 px-6 gradient-dark relative overflow-hidden">
       <!-- Background elements -->
       <div
         class="absolute top-0 right-0 w-96 h-96 rounded-full bg-blue-500/10 blur-3xl"
@@ -102,9 +103,9 @@ <h1 class="section-title mb-6 text-cyan-400">
           >
         </div>
       </div>
-    </section>
-    <!-- Problem Section -->
-    <section class="py-20 px-6 bg-maolan-darker border-t border-gray-800">
+      </section>
+      <!-- Problem Section -->
+      <section class="py-20 px-6 bg-maolan-darker border-t border-gray-800">
       <div class="max-w-6xl mx-auto">
         <div class="text-center mb-12">
           <h2 class="text-4xl font-bold mb-4">See Maolan in Action</h2>
@@ -145,8 +146,8 @@ <h3 class="font-semibold mb-2 text-xl text-cyan-400">
           </div>
         </div>
       </div>
-    </section>
-    <section class="py-20 px-6 bg-slate-900">
+      </section>
+      <section class="py-20 px-6 bg-slate-900">
       <div class="max-w-4xl mx-auto">
         <h2 class="text-center section-title mb-12 text-white">
           The Challenge
@@ -179,9 +180,9 @@ <h3 class="text-lg font-semibold mb-3 text-cyan-400">
           </div>
         </div>
       </div>
-    </section>
-    <!-- Solution Section -->
-    <section class="py-20 px-6 bg-slate-950">
+      </section>
+      <!-- Solution Section -->
+      <section class="py-20 px-6 bg-slate-950">
       <div class="max-w-4xl mx-auto">
         <h2 class="text-center section-title mb-12 text-white">The Solution</h2>
         <div class="grid md:grid-cols-2 gap-12 items-center">
@@ -245,9 +246,9 @@ <h2 class="text-center section-title mb-12 text-white">The Solution</h2>
           </div>
         </div>
       </div>
-    </section>
-    <!-- Key Features Section -->
-    <section id="features" class="py-20 px-6 bg-slate-900">
+      </section>
+      <!-- Key Features Section -->
+      <section id="features" class="py-20 px-6 bg-slate-900">
       <div class="max-w-6xl mx-auto">
         <h2 class="text-center section-title mb-12 text-white">
           Key Capabilities
@@ -413,9 +414,9 @@ <h3 class="text-lg font-semibold mb-2 text-white">
           </div>
         </div>
       </div>
-    </section>
-    <!-- Workflow Section -->
-    <section id="workflow" class="py-20 px-6 bg-slate-950">
+      </section>
+      <!-- Workflow Section -->
+      <section id="workflow" class="py-20 px-6 bg-slate-950">
       <div class="max-w-4xl mx-auto">
         <h2 class="text-center section-title mb-12 text-white">
           Complete Production Workflow
@@ -527,9 +528,9 @@ <h3 class="text-lg font-semibold mb-2 text-white">Export</h3>
           </div>
         </div>
       </div>
-    </section>
-    <!-- Open Source Section -->
-    <section id="open-source" class="py-20 px-6 bg-slate-900">
+      </section>
+      <!-- Open Source Section -->
+      <section id="open-source" class="py-20 px-6 bg-slate-900">
       <div class="max-w-4xl mx-auto">
         <h2 class="text-center section-title mb-12 text-white">
           Open Source & Community Driven
@@ -599,9 +600,9 @@ <h3 class="text-lg font-semibold mb-4 text-white">Project Stats</h3>
           </div>
         </div>
       </div>
-    </section>
-    <!-- Get Started Section -->
-    <section class="py-20 px-6 bg-slate-950">
+      </section>
+      <!-- Get Started Section -->
+      <section class="py-20 px-6 bg-slate-950">
       <div class="max-w-4xl mx-auto">
         <h2 class="text-center section-title mb-12 text-white">
           Get Started with Maolan
@@ -687,11 +688,11 @@ <h3 class="text-lg font-semibold mb-2 text-white">
           </a>
         </div>
       </div>
-    </section>
-    <section
-      class="py-20 px-6 bg-maolan-dark border-t border-gray-800"
-      id="faq"
-    >
+      </section>
+      <section
+        class="py-20 px-6 bg-maolan-dark border-t border-gray-800"
+        id="faq"
+      >
       <div class="max-w-3xl mx-auto">
         <h2 class="text-4xl font-bold mb-12 text-center">
           Frequently Asked Questions
@@ -846,7 +847,8 @@ <h2 class="text-4xl font-bold mb-12 text-center">
           </details>
         </div>
       </div>
-    </section>
+      </section>
+    </main>
     <footer class="bg-slate-900 border-t border-slate-800 mt-16">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
         <div class="grid grid-cols-1 md:grid-cols-4 gap-8">