feat(frontend): move quick scan below hero

Author: tranhoangpich

apps/frontend/src/app/globals.css

@@ -240,7 +240,7 @@ body {
   gap: 18px;
   width: 100%;
   max-width: 520px;
-  justify-self: end;
+  justify-self: center;
 }
 
 .card-header {
@@ -431,6 +431,11 @@ body {
   gap: 18px;
 }
 
+.scan-panel {
+  display: flex;
+  justify-content: center;
+}
+
 .step {
   display: flex;
   gap: 12px;

apps/frontend/src/app/page.tsx

@@ -166,7 +166,35 @@ export default function Home() {
               </div>
             </div>
           </div>
+        </section>
+
+        <section className="steps">
+          <div className="step">
+            <div className="step-number">1</div>
+            <div>
+              <h4>Upload bundle</h4>
+              <p>Scan locally with zero external uploads or cloud storage.</p>
+            </div>
+          </div>
+          <div className="step">
+            <div className="step-number">2</div>
+            <div>
+              <h4>Review findings</h4>
+              <p>
+                Clear severity, evidence, and recommendations for each rule.
+              </p>
+            </div>
+          </div>
+          <div className="step">
+            <div className="step-number">3</div>
+            <div>
+              <h4>Hand off to AI</h4>
+              <p>Generate agent packs, PR comments, and fix prompts in one tap.</p>
+            </div>
+          </div>
+        </section>
 
+        <section className="scan-panel">
           <div className="hero-card">
             <div className="card-header">
               <div>
@@ -295,32 +323,6 @@ export default function Home() {
           </div>
         </section>
 
-        <section className="steps">
-          <div className="step">
-            <div className="step-number">1</div>
-            <div>
-              <h4>Upload bundle</h4>
-              <p>Scan locally with zero external uploads or cloud storage.</p>
-            </div>
-          </div>
-          <div className="step">
-            <div className="step-number">2</div>
-            <div>
-              <h4>Review findings</h4>
-              <p>
-                Clear severity, evidence, and recommendations for each rule.
-              </p>
-            </div>
-          </div>
-          <div className="step">
-            <div className="step-number">3</div>
-            <div>
-              <h4>Hand off to AI</h4>
-              <p>Generate agent packs, PR comments, and fix prompts in one tap.</p>
-            </div>
-          </div>
-        </section>
-
       </main>
     </div>
   );