Add Getting Started page, parameterize install URL, update nav

- New GettingStartedPage with install instructions, Claude Code integration,
  and LLM placeholder cards (Cursor, Windsurf, Copilot, Gemini, Codex)
- Add constants.ts with INSTALL_URL and INSTALL_CMD as single source of truth
- Wire /getting-started route in App.tsx
- Update Hero button and Header nav to link to Getting Started page
- Update all install URLs to forkzero.ai/lattice/install.sh

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

Author: gmoon

src/App.tsx

@@ -1,9 +1,11 @@
 import { HomePage } from './pages/HomePage'
 import { ReaderPage } from './pages/ReaderPage'
 import { BlogPage } from './pages/BlogPage'
+import { GettingStartedPage } from './pages/GettingStartedPage'
 
 export function parseRoute(path: string): { page: string; slug?: string } {
   if (path === '/reader' || path === '/reader/') return { page: 'reader' }
+  if (path === '/getting-started' || path === '/getting-started/') return { page: 'getting-started' }
   if (path === '/blog' || path === '/blog/') return { page: 'blog' }
   if (path.startsWith('/blog/')) {
     const slug = path.replace(/^\/blog\//, '').replace(/\/$/, '')
@@ -18,6 +20,8 @@ export function App() {
   switch (route.page) {
     case 'reader':
       return <ReaderPage />
+    case 'getting-started':
+      return <GettingStartedPage />
     case 'blog':
       return <BlogPage />
     case 'blog-post':

src/components/Header.tsx

@@ -58,6 +58,9 @@ export function Header({ minimal }: { minimal?: boolean }) {
       </a>
       {!minimal && (
         <nav style={styles.nav}>
+          <a href="/getting-started" style={styles.navLink}>
+            Get Started
+          </a>
           <a href="/blog" style={styles.navLink}>
             Blog
           </a>

src/components/Hero.tsx

@@ -1,4 +1,5 @@
 import { colors, fonts, gradient } from '../tokens'
+import { INSTALL_CMD } from '../constants'
 
 const styles: Record<string, React.CSSProperties> = {
   hero: {
@@ -80,9 +81,7 @@ export function Hero() {
       </p>
       <div style={styles.ctaRow}>
         <a
-          href="https://github.com/forkzero/lattice"
-          target="_blank"
-          rel="noopener noreferrer"
+          href="/getting-started"
           style={styles.ctaPrimary}
         >
           Get Started
@@ -91,7 +90,7 @@ export function Hero() {
           See it live
         </a>
       </div>
-      <span style={styles.installHint}>curl -fsSL https://lattice.forkzero.ai/install.sh | sh</span>
+      <span style={styles.installHint}>{INSTALL_CMD}</span>
     </section>
   )
 }

src/constants.ts

@@ -0,0 +1,2 @@
+export const INSTALL_URL = 'https://forkzero.ai/lattice/install.sh'
+export const INSTALL_CMD = `curl -fsSL ${INSTALL_URL} | sh`

src/data/blog-posts.ts

@@ -154,7 +154,7 @@ Think of it as the coordination layer underneath. RAG selects *from* knowledge;
 
 \`\`\`bash
 # Install
-curl -fsSL https://raw.githubusercontent.com/forkzero/lattice/main/install.sh | sh
+curl -fsSL https://forkzero.ai/lattice/install.sh | sh
 
 # Initialize a lattice in your project
 lattice init