feat: add professional icons, more AI models, and integrations page

- Replace emoji icons with Simple Icons (brands) + Lucide (generic)
- Add Icon.astro component for unified icon rendering
- Add integrations page with 50+ integrations organized by category
- Add AI models: OpenRouter, Mistral, DeepSeek, GLM, Perplexity, Hugging Face
- Add per-line copy buttons to Quick Start code block
- Move testimonials section after hero for better social proof
- Add ClawdHub link to integrations footer
- Fix dark icons (X, GitHub, Notion, Sonos, macOS) to white for visibility

Author: steipete

README.md

@@ -2,7 +2,19 @@
 
 Landing page for [Clawdbot](https://github.com/clawdbot/clawdbot) — your personal AI assistant.
 
-**Live**: [clawdbot.com](https://clawdbot.com)
+**Live**: [clawd.bot](https://clawd.bot)
+
+## Pages
+
+- `/` — Main landing page with Quick Start, features, and testimonials
+- `/integrations` — Visual grid of all supported chat providers, AI models, platforms, and tools
+- `/shoutouts` — Community testimonials and mentions
+
+## Tech Stack
+
+- [Astro](https://astro.build/) — Static site generator
+- GitHub Pages — Hosting
+- Custom CSS — No framework, just vibes
 
 ## Development
 
@@ -21,3 +33,23 @@ bun run preview
 ## Deploy
 
 Automatically deployed to GitHub Pages on push to `main`.
+
+## Install Scripts
+
+The landing page hosts installer scripts:
+
+- **macOS/Linux**: `curl -fsSL https://clawd.bot/install.sh | bash`
+- **Windows**: `iwr -useb https://clawd.bot/install.ps1 | iex`
+
+These scripts:
+1. Install Homebrew (macOS) or detect package managers (Windows)
+2. Install Node.js 22+ if needed
+3. Install clawdbot globally via npm
+4. Run `clawdbot doctor --non-interactive` for migrations (upgrades only)
+5. Prompt to run `clawdbot onboard` (new installs)
+
+## Related
+
+- [Clawdbot](https://github.com/clawdbot/clawdbot) — Main repository
+- [Docs](https://docs.clawd.bot) — Documentation
+- [Discord](https://discord.gg/clawd) — Community

bun.lock

@@ -10,6 +10,8 @@
   "dependencies": {
     "@vercel/analytics": "^1.6.1",
     "@vercel/speed-insights": "^1.3.1",
-    "astro": "^5.1.1"
+    "astro": "^5.1.1",
+    "lucide-astro": "^0.556.0",
+    "simple-icons": "^16.5.0"
   }
 }

package.json

@@ -0,0 +1,70 @@
+---
+// Icon component that renders either a Simple Icons SVG path or a Lucide icon name
+interface Props {
+  icon: string;
+  color?: string;
+  size?: number;
+  class?: string;
+}
+
+import {
+  Globe, Mic, Clock, Webhook, CloudSun, Image, Camera, Search, Mail,
+  StickyNote, CheckSquare, ListTodo, PenTool, Bed, ShoppingCart, Printer,
+  Heart, UtensilsCrossed, MonitorSmartphone, Eye, Monitor, Bot, Users, Hash,
+  Home, MessageCircle, Brain, Terminal, Puzzle, Zap
+} from 'lucide-astro';
+
+const { icon, color = 'currentColor', size = 24, class: className = '' } = Astro.props;
+
+// Map lucide icon names to components
+const lucideIcons: Record<string, any> = {
+  'lucide:globe': Globe,
+  'lucide:mic': Mic,
+  'lucide:clock': Clock,
+  'lucide:webhook': Webhook,
+  'lucide:cloud-sun': CloudSun,
+  'lucide:image': Image,
+  'lucide:camera': Camera,
+  'lucide:search': Search,
+  'lucide:mail': Mail,
+  'lucide:sticky-note': StickyNote,
+  'lucide:check-square': CheckSquare,
+  'lucide:list-todo': ListTodo,
+  'lucide:pen-tool': PenTool,
+  'lucide:bed': Bed,
+  'lucide:shopping-cart': ShoppingCart,
+  'lucide:printer': Printer,
+  'lucide:heart': Heart,
+  'lucide:utensils-crossed': UtensilsCrossed,
+  'lucide:monitor-smartphone': MonitorSmartphone,
+  'lucide:eye': Eye,
+  'lucide:monitor': Monitor,
+  'lucide:bot': Bot,
+  'lucide:users': Users,
+  'lucide:hash': Hash,
+  'lucide:home': Home,
+  'lucide:message-circle': MessageCircle,
+  'lucide:brain': Brain,
+  'lucide:terminal': Terminal,
+  'lucide:puzzle': Puzzle,
+  'lucide:zap': Zap,
+};
+
+const isLucide = icon.startsWith('lucide:');
+const LucideComponent = isLucide ? lucideIcons[icon] : null;
+---
+
+{isLucide && LucideComponent ? (
+  <LucideComponent size={size} color={color} class={className} />
+) : (
+  <svg
+    viewBox="0 0 24 24"
+    width={size}
+    height={size}
+    fill={color}
+    class={className}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d={icon} />
+  </svg>
+)}