@siteable/core 0.1.0

package/src/lib/generate-site.ts

@@ -0,0 +1,206 @@
+import type { SiteConfig, BlockConfig, ThemeConfig } from '@/blocks/types'
+import { blockMetadata } from '@/lib/block-metadata'
+import { GENERATION_PROMPT } from '@/lib/generation-prompt'
+import { getTemplateForPrompt } from '@/lib/templates'
+
+const VALID_BLOCK_TYPES = new Set<string>(blockMetadata.map((b) => b.type))
+const VARIANT_MAP = Object.fromEntries(blockMetadata.map((b) => [b.type, new Set(b.variants)]))
+const DEFAULT_PROPS_MAP = Object.fromEntries(blockMetadata.map((b) => [b.type, b.defaultProps]))
+
+const GEMINI_MODEL = 'gemini-3-flash-preview'
+const STORAGE_KEY = 'openpage-gemini-key'
+
+export interface GenerationResult {
+  config: SiteConfig
+  source: 'ai' | 'template'
+}
+
+export async function generateSiteConfig(
+  prompt: string,
+  signal?: AbortSignal,
+  onServerFallback?: (prompt: string, signal?: AbortSignal) => Promise<SiteConfig>,
+): Promise<GenerationResult> {
+  // 1. Try client-side Gemini if key exists
+  const apiKey = localStorage.getItem(STORAGE_KEY)
+  if (apiKey) {
+    try {
+      const config = await callGeminiDirect(prompt, apiKey, signal)
+      return { config, source: 'ai' }
+    } catch (err) {
+      if (err instanceof Error && err.name === 'AbortError') throw err
+      // Fall through to server
+    }
+  }
+
+  // 2. Injected server fallback (caller-supplied; the engine is route-agnostic)
+  if (onServerFallback) {
+    try {
+      const config = await onServerFallback(prompt, signal)
+      return { config, source: 'ai' }
+    } catch (err) {
+      if (err instanceof Error && err.name === 'AbortError') throw err
+      // Fall through to template
+    }
+  }
+
+  // 3. Smart fallback template (instant, no fake progress)
+  if (onServerFallback && import.meta.env?.DEV) {
+    // Dev-only diagnostic (not a correctness assertion): onServerFallback was supplied but
+    // generation still fell through to the template — surfaces A09/A10/A13 transitional degradation.
+    console.warn('[generateSiteConfig] onServerFallback was supplied but generation fell through to the template fallback.')
+  }
+  return { config: getTemplateForPrompt(prompt), source: 'template' }
+}
+
+async function callGeminiDirect(prompt: string, apiKey: string, signal?: AbortSignal): Promise<SiteConfig> {
+  const res = await fetch(
+    `https://generativelanguage.googleapis.com/v1beta/models/${GEMINI_MODEL}:generateContent?key=${apiKey}`,
+    {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      signal,
+      body: JSON.stringify({
+        contents: [{ role: 'user', parts: [{ text: `Generate a website configuration for: ${prompt}` }] }],
+        systemInstruction: { parts: [{ text: GENERATION_PROMPT }] },
+        generationConfig: { responseMimeType: 'application/json', temperature: 0.8 },
+      }),
+    },
+  )
+
+  if (!res.ok) throw new Error(`Gemini API error: ${res.status}`)
+
+  const data = await res.json()
+  const text = data.candidates?.[0]?.content?.parts?.[0]?.text
+  if (!text) throw new Error('Empty Gemini response')
+
+  return validateSiteConfig(JSON.parse(text), prompt)
+}
+
+function isValidHex(s: unknown): s is string {
+  return typeof s === 'string' && /^#[0-9a-fA-F]{6}$/.test(s)
+}
+
+function validateTheme(raw: Record<string, unknown>): Partial<ThemeConfig> {
+  const theme: Partial<ThemeConfig> = {}
+  const colorKeys: (keyof ThemeConfig)[] = [
+    'bg0', 'bg1', 'bg2', 'bg3', 'bg4', 'bg5',
+    'text0', 'text1', 'text2', 'text3',
+    'accent', 'accentDim',
+    'borderDefault', 'borderSubtle', 'borderHover',
+  ]
+  const fontKeys: (keyof ThemeConfig)[] = ['fontSans', 'fontDisplay', 'fontMono']
+
+  for (const key of colorKeys) {
+    if (isValidHex(raw[key])) {
+      (theme as Record<string, unknown>)[key] = raw[key]
+    }
+  }
+
+  for (const key of fontKeys) {
+    if (typeof raw[key] === 'string' && (raw[key] as string).length > 0) {
+      (theme as Record<string, unknown>)[key] = raw[key]
+    }
+  }
+
+  if (typeof raw.radius === 'number' && raw.radius >= 0 && raw.radius <= 24) {
+    theme.radius = raw.radius
+  }
+  if (typeof raw.radiusLg === 'number' && raw.radiusLg >= 0 && raw.radiusLg <= 32) {
+    theme.radiusLg = raw.radiusLg
+  }
+
+  return theme
+}
+
+function validateBlock(raw: Record<string, unknown>, index: number): BlockConfig | null {
+  const type = raw.type as string
+  if (!type || !VALID_BLOCK_TYPES.has(type)) return null
+
+  const variants = VARIANT_MAP[type]
+  let variant = raw.variant as string
+  if (!variant || !variants?.has(variant)) {
+    variant = blockMetadata.find((b) => b.type === type)?.variants[0] || 'default'
+  }
+
+  const defaultProps = DEFAULT_PROPS_MAP[type] || {}
+  const props = typeof raw.props === 'object' && raw.props ? { ...defaultProps, ...raw.props } : defaultProps
+
+  return {
+    id: typeof raw.id === 'string' && raw.id ? raw.id : `block-${type}-${index}-${Date.now()}`,
+    type: type as BlockConfig['type'],
+    variant,
+    props: props as Record<string, unknown>,
+  }
+}
+
+function validatePageBlocks(rawBlocks: unknown[]): BlockConfig[] {
+  const blocks: BlockConfig[] = []
+  for (let i = 0; i < rawBlocks.length; i++) {
+    const block = validateBlock(rawBlocks[i] as Record<string, unknown>, i)
+    if (block) blocks.push(block)
+  }
+  return blocks
+}
+
+export function validateSiteConfig(raw: unknown, prompt?: string): SiteConfig {
+  if (!raw || typeof raw !== 'object') {
+    return getTemplateForPrompt(prompt || '')
+  }
+
+  const obj = raw as Record<string, unknown>
+  const name = typeof obj.name === 'string' ? obj.name : extractNameFromPrompt(prompt)
+
+  // Try pages first
+  let pages: { id: string; name: string; path: string; blocks: BlockConfig[] }[] | undefined
+  if (Array.isArray(obj.pages) && obj.pages.length > 0) {
+    pages = []
+    for (const rawPage of obj.pages) {
+      if (!rawPage || typeof rawPage !== 'object') continue
+      const p = rawPage as Record<string, unknown>
+      const pageBlocks = Array.isArray(p.blocks) ? validatePageBlocks(p.blocks) : []
+      if (pageBlocks.length > 0) {
+        pages.push({
+          id: typeof p.id === 'string' ? p.id : `page-${Date.now()}-${pages.length}`,
+          name: typeof p.name === 'string' ? p.name : `Page ${pages.length + 1}`,
+          path: typeof p.path === 'string' ? p.path : `/${pages.length === 0 ? '' : `page-${pages.length}`}`,
+          blocks: pageBlocks,
+        })
+      }
+    }
+    if (pages.length === 0) pages = undefined
+  }
+
+  // Fall back to top-level blocks
+  let blocks: BlockConfig[] = []
+  if (Array.isArray(obj.blocks)) {
+    blocks = validatePageBlocks(obj.blocks)
+  }
+
+  // If we have pages but no top-level blocks, use first page's blocks for compat
+  if (pages && pages.length > 0 && blocks.length === 0) {
+    blocks = pages[0].blocks
+  }
+
+  if (!pages && blocks.length === 0) {
+    return getTemplateForPrompt(prompt || '')
+  }
+
+  // If no pages but have blocks, wrap into single Home page
+  if (!pages && blocks.length > 0) {
+    pages = [{ id: 'page-home', name: 'Home', path: '/', blocks }]
+  }
+
+  let theme: Partial<ThemeConfig> | undefined
+  if (obj.theme && typeof obj.theme === 'object') {
+    theme = validateTheme(obj.theme as Record<string, unknown>)
+    if (Object.keys(theme).length === 0) theme = undefined
+  }
+
+  return { name, pages, blocks, theme }
+}
+
+function extractNameFromPrompt(prompt?: string): string {
+  if (!prompt) return 'My Website'
+  const words = prompt.split(/\s+/).slice(0, 4).join(' ')
+  return words.charAt(0).toUpperCase() + words.slice(1)
+}

package/src/lib/generation-prompt.ts

@@ -0,0 +1,64 @@
+export const GENERATION_PROMPT = `You are a website configuration generator for OpenPage, a visual website builder.
+
+Given a user's description, generate a complete JSON site configuration.
+
+## Output Schema
+
+Return a JSON object matching this exact schema:
+
+{
+  "name": "Site Name",
+  "theme": {
+    "bg0": "#hex", "bg1": "#hex", "bg2": "#hex", "bg3": "#hex", "bg4": "#hex", "bg5": "#hex",
+    "text0": "#hex", "text1": "#hex", "text2": "#hex", "text3": "#hex",
+    "accent": "#hex", "accentDim": "#hex",
+    "borderDefault": "#hex", "borderSubtle": "#hex", "borderHover": "#hex",
+    "fontSans": "Font Name", "fontDisplay": "Font Name", "fontMono": "Font Name",
+    "radius": 8, "radiusLg": 12
+  },
+  "pages": [
+    { "id": "page-home", "name": "Home", "path": "/", "blocks": [...] },
+    { "id": "page-about", "name": "About", "path": "/about", "blocks": [...] }
+  ],
+  "blocks": []
+}
+
+Each page has its own blocks array. Generate at least 2 pages: Home and one additional page (About, Pricing, or Features depending on the site type). The top-level "blocks" array should be empty (blocks live inside pages).
+
+## Available Block Types
+
+1. navbar (variants: default, centered) - Props: { logo, links[], ctaText }
+2. hero (variants: centered, split, gradient, minimal) - Props: { badge?, headline, subheadline, primaryCta, secondaryCta? }
+3. features (variants: grid, list, alternating) - Props: { label?, title, subtitle?, items: [{ icon?, title, description }] }
+4. pricing (variants: simple, comparison) - Props: { title, subtitle?, tiers?: [{ name, price, period?, description?, features[], cta, featured? }] }
+5. cta (variants: simple, split) - Props: { headline, subheadline?, buttonText }
+6. footer (variants: simple, multi-column, minimal) - Props: { logo, copyright, links[] }
+7. testimonials (variants: cards, carousel, spotlight) - Props: { title?, items?: [{ name, role?, quote, rating? }] }
+8. stats (variants: grid, bar, counter) - Props: { title?, items?: [{ value, label }] }
+9. faq (variants: accordion) - Props: { title?, items?: [{ question, answer }] }
+10. team (variants: grid) - Props: { title?, subtitle?, members?: [{ name, role }] }
+11. contact (variants: form) - Props: { title?, subtitle? }
+12. newsletter (variants: simple) - Props: { title?, subtitle?, buttonText? }
+13. logocloud (variants: default) - Props: { title? }
+14. content (variants: prose, columns, highlight) - Props: { body } (markdown: **bold**, *italic*, ## headers, - lists)
+15. image (variants: hero-image, side-by-side, grid) - Props: { src?, alt?, title?, subtitle?, images?: [{ src, alt }], imageSide? }
+16. video (variants: youtube, vimeo) - Props: { url, title? }
+17. gallery (variants: grid, masonry) - Props: { title?, images?: [{ src?, alt?, caption? }] }
+18. divider (variants: line, space, dots) - Props: { height?, width? }
+19. banner (variants: ribbon, bar) - Props: { text, linkText?, linkUrl? }
+
+Icons: Blocks, Code, Bot, Zap, Shield, Globe, Layers, Palette, Rocket, Star, Lock, Settings
+Fonts: DM Sans, Inter, Space Grotesk, Poppins, Manrope, Outfit, Plus Jakarta Sans, Sora, Nunito Sans, Work Sans, Rubik, Raleway
+
+## Rules
+
+1. ALWAYS generate at least 2 pages. The Home page MUST include: navbar, hero, at least 2 content sections, a CTA, and a footer
+2. Generate 6-10 blocks per page
+3. Write specific, realistic copy matching the user's description
+4. Pick a theme that fits the vibe (dark for tech, warm for food, clean for agencies)
+5. Use unique block IDs (format: block-type-1, block-hero-1, etc.)
+6. Do NOT use placeholder text like "Lorem ipsum"
+7. Make copy compelling and specific to the described business
+8. Each page needs a unique id (page-home, page-about, etc.), a name, and a path (/, /about, etc.)
+
+Return ONLY valid JSON. No markdown, no code fences, no explanation.`

package/src/lib/markdown.ts

@@ -0,0 +1,88 @@
+import { createElement, type ReactNode } from 'react'
+
+/**
+ * Simple markdown-to-React renderer. No dangerouslySetInnerHTML, no XSS surface.
+ * Supports: ## headers, **bold**, *italic*, - lists, line breaks.
+ */
+export function renderMarkdown(text: string): ReactNode[] {
+  const lines = text.split('\n')
+  const nodes: ReactNode[] = []
+  let listItems: ReactNode[] = []
+  let key = 0
+
+  function flushList() {
+    if (listItems.length > 0) {
+      nodes.push(createElement('ul', { key: key++, className: 'list-disc list-inside space-y-1 mb-4 text-text-1' }, ...listItems))
+      listItems = []
+    }
+  }
+
+  for (const line of lines) {
+    const trimmed = line.trim()
+
+    // Empty line
+    if (!trimmed) {
+      flushList()
+      continue
+    }
+
+    // Headers
+    if (trimmed.startsWith('### ')) {
+      flushList()
+      nodes.push(createElement('h3', { key: key++, className: 'text-lg font-semibold font-display mb-2 mt-4' }, inlineFormat(trimmed.slice(4))))
+      continue
+    }
+    if (trimmed.startsWith('## ')) {
+      flushList()
+      nodes.push(createElement('h2', { key: key++, className: 'text-xl font-semibold font-display mb-3 mt-5' }, inlineFormat(trimmed.slice(3))))
+      continue
+    }
+
+    // List item
+    if (trimmed.startsWith('- ') || trimmed.startsWith('* ')) {
+      listItems.push(createElement('li', { key: key++ }, inlineFormat(trimmed.slice(2))))
+      continue
+    }
+
+    // Paragraph
+    flushList()
+    nodes.push(createElement('p', { key: key++, className: 'text-text-1 leading-relaxed mb-3' }, inlineFormat(trimmed)))
+  }
+
+  flushList()
+  return nodes
+}
+
+function inlineFormat(text: string): ReactNode[] {
+  const parts: ReactNode[] = []
+  let remaining = text
+  let key = 0
+
+  while (remaining.length > 0) {
+    // Bold
+    const boldMatch = remaining.match(/\*\*(.+?)\*\*/)
+    // Italic
+    const italicMatch = remaining.match(/\*(.+?)\*/)
+
+    // Find earliest match
+    const boldIdx = boldMatch?.index ?? Infinity
+    const italicIdx = italicMatch?.index ?? Infinity
+
+    if (boldIdx === Infinity && italicIdx === Infinity) {
+      parts.push(remaining)
+      break
+    }
+
+    if (boldIdx <= italicIdx && boldMatch) {
+      if (boldIdx > 0) parts.push(remaining.slice(0, boldIdx))
+      parts.push(createElement('strong', { key: key++, className: 'font-semibold text-text-0' }, boldMatch[1]))
+      remaining = remaining.slice(boldIdx + boldMatch[0].length)
+    } else if (italicMatch) {
+      if (italicIdx > 0) parts.push(remaining.slice(0, italicIdx))
+      parts.push(createElement('em', { key: key++, className: 'italic' }, italicMatch[1]))
+      remaining = remaining.slice(italicIdx + italicMatch[0].length)
+    }
+  }
+
+  return parts
+}

package/src/lib/templates.ts

@@ -0,0 +1,139 @@
+import type { SiteConfig } from '@/blocks/types'
+import { themePresets } from './theme-presets'
+
+interface Template {
+  keywords: string[]
+  themePresetId: string
+  build: (name: string) => SiteConfig
+}
+
+function getTheme(id: string) {
+  return themePresets.find((p) => p.id === id)?.theme
+}
+
+const templates: Template[] = [
+  {
+    keywords: ['portfolio', 'personal', 'resume', 'freelance', 'designer', 'developer'],
+    themePresetId: 'slate',
+    build: (name) => ({
+      name,
+      theme: getTheme('slate'),
+      blocks: [
+        { id: 'block-navbar-1', type: 'navbar', variant: 'default', props: { logo: name, links: ['Work', 'About', 'Contact'], ctaText: 'Hire Me' } },
+        { id: 'block-hero-1', type: 'hero', variant: 'minimal', props: { headline: `Hi, I'm ${name}`, subheadline: 'I design and build digital experiences that make a difference.', primaryCta: 'View My Work' } },
+        { id: 'block-gallery-1', type: 'gallery', variant: 'grid', props: { title: 'Selected Work' } },
+        { id: 'block-stats-1', type: 'stats', variant: 'counter', props: { title: 'By the Numbers', items: [{ value: '50+', label: 'Projects completed' }, { value: '8', label: 'Years experience' }, { value: '30+', label: 'Happy clients' }, { value: '5', label: 'Awards won' }] } },
+        { id: 'block-testimonials-1', type: 'testimonials', variant: 'spotlight', props: { title: 'Client Feedback', items: [{ name: 'Alex Rivera', role: 'CEO at Startup', quote: 'Exceptional work. Delivered on time with incredible attention to detail.', rating: 5 }] } },
+        { id: 'block-contact-1', type: 'contact', variant: 'form', props: { title: 'Get in Touch', subtitle: "Have a project in mind? Let's talk." } },
+        { id: 'block-footer-1', type: 'footer', variant: 'minimal', props: { logo: name, copyright: `2026 ${name}. All rights reserved.`, links: ['LinkedIn', 'GitHub', 'Twitter'] } },
+      ],
+    }),
+  },
+  {
+    keywords: ['restaurant', 'food', 'cafe', 'bakery', 'bar', 'bistro', 'pizza', 'sushi', 'kitchen'],
+    themePresetId: 'amber',
+    build: (name) => ({
+      name,
+      theme: getTheme('amber'),
+      blocks: [
+        { id: 'block-navbar-1', type: 'navbar', variant: 'centered', props: { logo: name, links: ['Menu', 'About', 'Reservations', 'Gallery'], ctaText: 'Book a Table' } },
+        { id: 'block-hero-1', type: 'hero', variant: 'gradient', props: { headline: `Welcome to ${name}`, subheadline: 'Fresh ingredients, bold flavors, unforgettable dining experiences.', primaryCta: 'View Menu', secondaryCta: 'Make a Reservation' } },
+        { id: 'block-features-1', type: 'features', variant: 'list', props: { title: 'Why Choose Us', items: [{ icon: 'Star', title: 'Farm to Table', description: 'We source locally from sustainable farms.' }, { icon: 'Globe', title: 'World Cuisine', description: 'Inspired by flavors from around the globe.' }, { icon: 'Zap', title: 'Fresh Daily', description: 'Our menu changes with the seasons.' }] } },
+        { id: 'block-gallery-1', type: 'gallery', variant: 'masonry', props: { title: 'From Our Kitchen' } },
+        { id: 'block-testimonials-1', type: 'testimonials', variant: 'spotlight', props: { items: [{ name: 'Maria Garcia', role: 'Food Critic', quote: 'A culinary gem. Every dish is a masterpiece of flavor and presentation.', rating: 5 }] } },
+        { id: 'block-cta-1', type: 'cta', variant: 'simple', props: { headline: 'Reserve Your Table', subheadline: 'Open Tuesday through Sunday, 5pm to 11pm.', buttonText: 'Book Now' } },
+        { id: 'block-footer-1', type: 'footer', variant: 'multi-column', props: { logo: name, copyright: `2026 ${name}. All rights reserved.`, links: ['Menu', 'Reservations', 'Privacy'] } },
+      ],
+    }),
+  },
+  {
+    keywords: ['agency', 'studio', 'consulting', 'firm', 'digital', 'creative', 'marketing'],
+    themePresetId: 'clean',
+    build: (name) => ({
+      name,
+      theme: getTheme('clean'),
+      blocks: [
+        { id: 'block-navbar-1', type: 'navbar', variant: 'centered', props: { logo: name, links: ['Services', 'Work', 'About', 'Contact'], ctaText: 'Get a Quote' } },
+        { id: 'block-hero-1', type: 'hero', variant: 'split', props: { badge: 'Award-Winning Agency', headline: 'We build brands that matter', subheadline: 'Strategy, design, and technology working together to drive real results.', primaryCta: 'Start a Project', secondaryCta: 'Our Work' } },
+        { id: 'block-logocloud-1', type: 'logocloud', variant: 'default', props: { title: 'Trusted by Industry Leaders' } },
+        { id: 'block-features-1', type: 'features', variant: 'alternating', props: { label: 'Services', title: 'What We Do', subtitle: 'End-to-end digital solutions', items: [{ icon: 'Palette', title: 'Brand Strategy', description: 'We craft brand identities that resonate with your audience and stand the test of time.' }, { icon: 'Code', title: 'Web Development', description: 'Modern, performant websites built with the latest technologies.' }, { icon: 'Rocket', title: 'Growth Marketing', description: 'Data-driven campaigns that deliver measurable results.' }] } },
+        { id: 'block-stats-1', type: 'stats', variant: 'counter', props: { items: [{ value: '200+', label: 'Projects delivered' }, { value: '95%', label: 'Client retention' }, { value: '12', label: 'Team members' }, { value: '8', label: 'Years in business' }] } },
+        { id: 'block-testimonials-1', type: 'testimonials', variant: 'cards', props: { title: 'What Clients Say', items: [{ name: 'James Park', role: 'VP Marketing, TechCo', quote: 'They transformed our entire digital presence. ROI exceeded expectations by 3x.', rating: 5 }, { name: 'Lisa Chen', role: 'Founder, StartupXYZ', quote: 'Professional, creative, and incredibly responsive. Our go-to agency.', rating: 5 }, { name: 'David Kim', role: 'CMO, Enterprise Inc', quote: 'The strategic thinking behind their work sets them apart from other agencies.', rating: 5 }] } },
+        { id: 'block-cta-1', type: 'cta', variant: 'split', props: { headline: "Let's build something great together", subheadline: 'Schedule a free consultation to discuss your next project.', buttonText: 'Get Started' } },
+        { id: 'block-footer-1', type: 'footer', variant: 'multi-column', props: { logo: name, copyright: `2026 ${name}. All rights reserved.`, links: ['Services', 'Work', 'Blog', 'Careers', 'Privacy', 'Terms'] } },
+      ],
+    }),
+  },
+  {
+    keywords: ['blog', 'newsletter', 'magazine', 'journal', 'publication', 'writer', 'author'],
+    themePresetId: 'ivory',
+    build: (name) => ({
+      name,
+      theme: getTheme('ivory'),
+      blocks: [
+        { id: 'block-navbar-1', type: 'navbar', variant: 'default', props: { logo: name, links: ['Articles', 'Topics', 'About'], ctaText: 'Subscribe' } },
+        { id: 'block-hero-1', type: 'hero', variant: 'minimal', props: { headline: name, subheadline: 'Thoughtful writing on technology, design, and the future of work.', primaryCta: 'Start Reading' } },
+        { id: 'block-content-1', type: 'content', variant: 'columns', props: { body: '## Latest Thinking\n\nExploring ideas at the intersection of technology and humanity. From AI ethics to sustainable design, we cover what matters.\n\n## Featured Topics\n\n- **Technology** - The tools shaping our future\n- **Design** - Making things beautiful and useful\n- **Culture** - How work and life are evolving' } },
+        { id: 'block-divider-1', type: 'divider', variant: 'dots', props: { height: 40 } },
+        { id: 'block-newsletter-1', type: 'newsletter', variant: 'simple', props: { title: 'Join 5,000+ readers', subtitle: 'Get weekly insights delivered to your inbox. No spam, ever.', buttonText: 'Subscribe Free' } },
+        { id: 'block-faq-1', type: 'faq', variant: 'accordion', props: { title: 'Frequently Asked Questions', items: [{ question: 'How often do you publish?', answer: 'We publish 2-3 articles per week, plus a weekly newsletter digest.' }, { question: 'Can I contribute?', answer: 'Yes! We welcome guest contributions from thoughtful writers.' }, { question: 'Is it free?', answer: 'All articles are free. We offer a premium newsletter with deeper analysis.' }] } },
+        { id: 'block-footer-1', type: 'footer', variant: 'simple', props: { logo: name, copyright: `2026 ${name}. All rights reserved.`, links: ['RSS', 'Twitter', 'Privacy'] } },
+      ],
+    }),
+  },
+  {
+    // Default: SaaS landing page
+    keywords: [],
+    themePresetId: 'default',
+    build: (name) => ({
+      name,
+      theme: getTheme('default'),
+      blocks: [
+        { id: 'block-navbar-1', type: 'navbar', variant: 'default', props: { logo: name, links: ['Features', 'Pricing', 'About'], ctaText: 'Get Started' } },
+        { id: 'block-hero-1', type: 'hero', variant: 'centered', props: { badge: 'Now in Beta', headline: `${name} - Build Better, Ship Faster`, subheadline: 'The all-in-one platform that helps teams move from idea to production in record time.', primaryCta: 'Start Free Trial', secondaryCta: 'Watch Demo' } },
+        { id: 'block-logocloud-1', type: 'logocloud', variant: 'default', props: { title: 'Trusted by innovative teams' } },
+        { id: 'block-features-1', type: 'features', variant: 'grid', props: { label: 'Features', title: 'Everything you need', subtitle: 'Powerful tools that grow with your team', items: [{ icon: 'Zap', title: 'Lightning Fast', description: 'Sub-100ms response times. Your team never waits.' }, { icon: 'Shield', title: 'Enterprise Security', description: 'SOC 2 compliant with end-to-end encryption.' }, { icon: 'Globe', title: 'Global Scale', description: 'Deploy to 30+ regions worldwide.' }, { icon: 'Bot', title: 'AI-Powered', description: 'Smart automation that learns your workflow.' }, { icon: 'Layers', title: 'Integrations', description: '200+ integrations with your favorite tools.' }, { icon: 'Rocket', title: 'Fast Setup', description: 'Go from signup to production in under 5 minutes.' }] } },
+        { id: 'block-pricing-1', type: 'pricing', variant: 'simple', props: { title: 'Simple, transparent pricing', subtitle: 'No hidden fees. Cancel anytime.' } },
+        { id: 'block-testimonials-1', type: 'testimonials', variant: 'cards', props: { title: 'Loved by developers', items: [{ name: 'Sarah Chen', role: 'CTO at TechCorp', quote: 'Cut our deployment time by 80%. The team productivity gains are incredible.', rating: 5 }, { name: 'Marcus Johnson', role: 'Lead Developer', quote: 'Best developer experience I have ever used. Period.', rating: 5 }, { name: 'Emma Wilson', role: 'Product Manager', quote: 'Finally, a tool the whole team can align on. Worth every penny.', rating: 5 }] } },
+        { id: 'block-cta-1', type: 'cta', variant: 'simple', props: { headline: 'Ready to get started?', subheadline: 'Join thousands of teams shipping faster.', buttonText: 'Start Free Trial' } },
+        { id: 'block-footer-1', type: 'footer', variant: 'multi-column', props: { logo: name, copyright: `2026 ${name}. All rights reserved.`, links: ['Features', 'Pricing', 'Docs', 'Blog', 'Privacy', 'Terms'] } },
+      ],
+    }),
+  },
+]
+
+// Metadata for the 4 featured template cards on Dashboard
+// icon: lucide-react icon name, mapped in rendering components
+export const templateMeta = [
+  { id: 'portfolio', name: 'Portfolio', description: 'Showcase your work and skills', accent: '#06b6d4', blockCount: 7, templateIndex: 0, icon: 'Briefcase' },
+  { id: 'restaurant', name: 'Restaurant', description: 'Menu, reservations, and ambiance', accent: '#e8a838', blockCount: 7, templateIndex: 1, icon: 'UtensilsCrossed' },
+  { id: 'agency', name: 'Agency', description: 'Services, case studies, and team', accent: '#228be6', blockCount: 8, templateIndex: 2, icon: 'Building2' },
+  { id: 'blog', name: 'Blog', description: 'Articles, topics, and subscribers', accent: '#4f46e5', blockCount: 7, templateIndex: 3, icon: 'BookOpen' },
+] as const
+
+export function buildTemplate(id: string, name: string): SiteConfig {
+  const meta = templateMeta.find((m) => m.id === id)
+  if (!meta) return templates[templates.length - 1].build(name)
+  return templates[meta.templateIndex].build(name)
+}
+
+function extractName(prompt: string): string {
+  const words = prompt.split(/\s+/).slice(0, 4).join(' ')
+  return words.charAt(0).toUpperCase() + words.slice(1)
+}
+
+export function getTemplateForPrompt(prompt: string): SiteConfig {
+  const lower = prompt.toLowerCase()
+  const name = extractName(prompt)
+
+  // Find first template with a keyword match
+  for (const template of templates) {
+    if (template.keywords.length === 0) continue
+    if (template.keywords.some((kw) => lower.includes(kw))) {
+      return template.build(name)
+    }
+  }
+
+  // Default: SaaS template (last in array)
+  return templates[templates.length - 1].build(name)
+}