Move command examples above quick start

Author: itsjling

site/index.html

@@ -130,6 +130,16 @@ <h1 id="hero-title">
             Each file’s diff and explanation, side by side.
           </p>
 
+          <div class="command-choices" role="group" aria-label="Command examples">
+            <button type="button" data-command-choice="npx diffsplain" aria-pressed="true">Your repo</button>
+            <span class="command-choices__label">Or an open-source repo:</span>
+            <span class="command-choices__repos">
+            <button type="button" data-command-choice="npx diffsplain facebook/react --pr 36094" aria-pressed="false">React</button>
+            <button type="button" data-command-choice="npx diffsplain microsoft/vscode --pr 334672" aria-pressed="false">VS Code</button>
+            <button type="button" data-command-choice="npx diffsplain vitejs/vite --pr 23387" aria-pressed="false">Vite</button>
+            </span>
+          </div>
+
           <div
             class="hero__command"
             role="group"
@@ -147,16 +157,6 @@ <h1 id="hero-title">
             </button>
           </div>
 
-          <div class="command-choices" role="group" aria-label="Command examples">
-            <button type="button" data-command-choice="npx diffsplain" aria-pressed="true">Your repo</button>
-            <span class="command-choices__label">Or an open-source repo:</span>
-            <span class="command-choices__repos">
-            <button type="button" data-command-choice="npx diffsplain facebook/react --pr 36094" aria-pressed="false">React</button>
-            <button type="button" data-command-choice="npx diffsplain microsoft/vscode --pr 334672" aria-pressed="false">VS Code</button>
-            <button type="button" data-command-choice="npx diffsplain vitejs/vite --pr 23387" aria-pressed="false">Vite</button>
-            </span>
-          </div>
-
         </div>
 
         <div class="hero__demo-stage">

site/styles.css

@@ -883,7 +883,7 @@ code {
 }
 
 .hero__command {
-  margin-top: 28px;
+  margin-top: 8px;
   align-items: center;
   background: var(--ink);
   border-radius: 5px;
@@ -1366,7 +1366,7 @@ code {
   display: flex;
   flex-wrap: wrap;
   gap: 4px 16px;
-  margin-top: 8px;
+  margin-top: 20px;
   pointer-events: auto;
 }