Combine terminal prompts into single visual block

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: gricha

docs/src/pages/index.module.css

@@ -129,23 +129,29 @@
   flex-wrap: wrap;
 }
 
-/* Terminal prompt decoration */
-.terminalPrompt {
-  display: inline-flex;
-  align-items: center;
+/* Terminal block decoration */
+.terminalBlock {
+  display: flex;
+  flex-direction: column;
   gap: 0.5rem;
   font-family: 'JetBrains Mono', monospace;
   font-size: 0.9rem;
   color: var(--perry-text-muted);
   margin-top: 3rem;
-  padding: 0.75rem 1.25rem;
+  padding: 1rem 1.5rem;
   background: var(--perry-bg-card);
   border: 1px solid var(--perry-border);
   border-radius: 8px;
+  text-align: left;
+}
+
+.terminalLine {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
-.terminalPrompt::before {
-  content: '$';
+.terminalPromptChar {
   color: var(--perry-accent);
   font-weight: 600;
 }

docs/src/pages/index.tsx

@@ -32,15 +32,20 @@ function HomepageHeader() {
             View on GitHub
           </Link>
         </div>
-        <div className={styles.terminalPrompt}>
-          <span>curl -fsSL https://raw.githubusercontent.com/gricha/perry/main/install.sh | bash</span>
-        </div>
-        <div className={styles.terminalPrompt}>
-          <span>perry agent run</span>
-        </div>
-        <div className={styles.terminalPrompt}>
-          <span>open http://localhost:7391</span>
-          <span className={styles.cursor}></span>
+        <div className={styles.terminalBlock}>
+          <div className={styles.terminalLine}>
+            <span className={styles.terminalPromptChar}>$</span>
+            <span>curl -fsSL https://raw.githubusercontent.com/gricha/perry/main/install.sh | bash</span>
+          </div>
+          <div className={styles.terminalLine}>
+            <span className={styles.terminalPromptChar}>$</span>
+            <span>perry agent run</span>
+          </div>
+          <div className={styles.terminalLine}>
+            <span className={styles.terminalPromptChar}>$</span>
+            <span>open http://localhost:7391</span>
+            <span className={styles.cursor}></span>
+          </div>
         </div>
       </div>
     </header>