diff --git a/apps/landing/index.html b/apps/landing/index.html index 78e662e..754e04d 100644 --- a/apps/landing/index.html +++ b/apps/landing/index.html @@ -1755,7 +1755,7 @@

-
+
Don't write rules from scratch.
@@ -1764,34 +1764,11 @@

-
-
-
- Interactive mode -
-
-
$ devw add
-
Choose a category: typescript
-
Select rules to add: strict — Strict TypeScript conventions
-
Install 1 rule? Yes
-
 
-
Added typescript/strict (8 rules)
-
Compiled for claude, cursor
-
-
-
-
- Direct mode -
-
-
$ devw add typescript/strict
-
 
-
Added typescript/strict (8 rules)
-
Compiled for claude, cursor
-
-
-
+ +
+ +
typescript/strict
diff --git a/apps/landing/styles/blocks.css b/apps/landing/styles/blocks.css index fd30243..53384de 100644 --- a/apps/landing/styles/blocks.css +++ b/apps/landing/styles/blocks.css @@ -1,38 +1,21 @@ /* ═══════════════════════════════════════ - REGISTRY / BLOCKS + REGISTRY ═══════════════════════════════════════ */ -.blocks-section { - padding-bottom: 120px; +.registry-section { + padding-bottom: 64px; } .blocks-header { text-align: center; margin-bottom: 48px; } .blocks-header .section-sub { margin: 0 auto; } -/* ── Registry demo ── */ -.registry-demo { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 12px; - margin-bottom: 40px; -} -.registry-panel { +/* ── Terminal mockup ── */ +.registry-terminal { + max-width: 640px; + margin: 0 auto; border-radius: var(--radius); border: 1px solid var(--border); background: var(--bg-code); overflow: hidden; } -.registry-bar { - padding: 10px 16px; - background: var(--bg-raised); - border-bottom: 1px solid var(--border-subtle); -} -.registry-label { - font-family: var(--font-mono); - font-size: 11px; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.08em; - color: var(--text-muted); -} .registry-body { padding: 16px 20px; font-family: var(--font-mono); @@ -46,8 +29,17 @@ .reg-line .term-val { color: #8b9fcc; } .reg-line .term-muted { color: var(--text-muted); } .reg-line .term-file { color: #ffaa44; } +.reg-comment { + color: var(--text-muted); + font-style: italic; +} -/* ── Rule cards grid ── */ +/* ═══════════════════════════════════════ + AVAILABLE RULES + ═══════════════════════════════════════ */ +.rules-section { + padding-bottom: 120px; +} .blocks-grid { display: grid; grid-template-columns: repeat(3, 1fr); @@ -136,7 +128,6 @@ RESPONSIVE ═══════════════════════════════════════ */ @media (max-width: 900px) { - .registry-demo { grid-template-columns: 1fr; } .blocks-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) {