From e3ab8fb7f2c5ff15d2d00a264eed29be9904bb44 Mon Sep 17 00:00:00 2001
From: omsherikar <omsherikar0229@gmail.com>
Date: Mon, 18 May 2026 15:56:07 +0530
Subject: [PATCH] fix(quickstart): correct CLI commands and card visibility

- The command snippet used v1-era names (`refactron refactor . --preview`
  / `--verify`) that no longer exist. Update both the npm and pip tabs to
  the current CLI: `analyze`, `run --dry-run`, `run --apply`.
- The card sat at z-10 beneath the section's z-20 top/bottom fade
  gradients, so its edges were darkened. Lift the card to z-30 so it
  renders above the gradients and is fully visible.
---
 src/components/QuickstartSection.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/QuickstartSection.tsx b/src/components/QuickstartSection.tsx
index 88d0a51..4a06fb2 100644
--- a/src/components/QuickstartSection.tsx
+++ b/src/components/QuickstartSection.tsx
@@ -21,14 +21,14 @@ const STACKS: Record<
     hint: 'Node.js 18+',
     lines: [
       { comment: '# Install', command: 'npm install -g refactron' },
-      { comment: '# Analyze your codebase', command: 'refactron analyze .' },
+      { comment: '# Scan for legacy patterns', command: 'refactron analyze .' },
       {
-        comment: '# Preview refactors',
-        command: 'refactron refactor . --preview',
+        comment: '# Preview the refactor — nothing is written',
+        command: 'refactron run --dry-run .',
       },
       {
-        comment: '# Apply with verification',
-        command: 'refactron refactor . --verify',
+        comment: '# Apply — 3 gates, then atomic write',
+        command: 'refactron run --apply .',
       },
     ],
   },
@@ -37,14 +37,14 @@ const STACKS: Record<
     hint: 'Python 3.8+',
     lines: [
       { comment: '# Install', command: 'pip install refactron' },
-      { comment: '# Analyze your codebase', command: 'refactron analyze .' },
+      { comment: '# Scan for legacy patterns', command: 'refactron analyze .' },
       {
-        comment: '# Preview refactors',
-        command: 'refactron refactor . --preview',
+        comment: '# Preview the refactor — nothing is written',
+        command: 'refactron run --dry-run .',
       },
       {
-        comment: '# Apply with verification',
-        command: 'refactron refactor . --verify',
+        comment: '# Apply — 3 gates, then atomic write',
+        command: 'refactron run --apply .',
       },
     ],
   },
@@ -89,7 +89,7 @@ const QuickstartSection: React.FC = () => {
       <div className="absolute top-0 left-0 w-full h-32 bg-gradient-to-b from-black to-transparent z-20 pointer-events-none" />
       <div className="absolute bottom-0 left-0 w-full h-40 bg-gradient-to-t from-black to-transparent z-20 pointer-events-none" />
 
-      <div className="relative z-10 container mx-auto px-4 max-w-7xl">
+      <div className="relative z-30 container mx-auto px-4 max-w-7xl">
         <motion.div
           initial={reduceMotion ? false : { opacity: 0, y: 20 }}
           whileInView={reduceMotion ? undefined : { opacity: 1, y: 0 }}