mcpmake 0.1.0

package/dist/cloud/web/static-server.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Static file server for web assets.
+ *
+ * Serves files from the `static/` directory with appropriate
+ * Content-Type headers, caching policy, and security headers.
+ */
+import http from 'node:http';
+/**
+ * Serve a static file if the request path starts with `/static/`.
+ *
+ * @returns `true` if the request was handled, `false` otherwise.
+ */
+export declare function serveStatic(req: http.IncomingMessage, res: http.ServerResponse): Promise<boolean>;

package/dist/cloud/web/static-server.js

@@ -0,0 +1,73 @@
+/**
+ * Static file server for web assets.
+ *
+ * Serves files from the `static/` directory with appropriate
+ * Content-Type headers, caching policy, and security headers.
+ */
+import { readFile } from 'node:fs/promises';
+import { resolve, dirname, extname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const STATIC_DIR = resolve(__dirname, 'static');
+const MIME_TYPES = {
+    '.js': 'application/javascript',
+    '.css': 'text/css',
+    '.svg': 'image/svg+xml',
+    '.png': 'image/png',
+    '.ico': 'image/x-icon',
+    '.json': 'application/json',
+    '.woff': 'font/woff',
+    '.woff2': 'font/woff2',
+};
+/**
+ * Serve a static file if the request path starts with `/static/`.
+ *
+ * @returns `true` if the request was handled, `false` otherwise.
+ */
+export async function serveStatic(req, res) {
+    const url = new URL(req.url ?? '/', `http://${req.headers.host ?? 'localhost'}`);
+    const pathname = url.pathname;
+    if (!pathname.startsWith('/static/')) {
+        return false;
+    }
+    // Strip "/static/" prefix and resolve against the static directory
+    const relativePath = pathname.slice('/static/'.length);
+    const filePath = resolve(STATIC_DIR, relativePath);
+    // Path traversal guard: resolved path must remain inside STATIC_DIR
+    if (!filePath.startsWith(STATIC_DIR + '/')) {
+        res.writeHead(403, { 'X-Content-Type-Options': 'nosniff' });
+        res.end('Forbidden');
+        return true;
+    }
+    let data;
+    try {
+        data = await readFile(filePath);
+    }
+    catch {
+        // File not found — let the caller handle 404
+        return false;
+    }
+    const ext = extname(filePath).toLowerCase();
+    const contentType = MIME_TYPES[ext] ?? 'application/octet-stream';
+    // Cache policy
+    let cacheControl;
+    if (ext === '.js') {
+        // Vendored JS files — long-lived immutable cache
+        cacheControl = 'public, max-age=31536000, immutable';
+    }
+    else if (ext === '.css') {
+        // CSS changes during dev
+        cacheControl = 'public, max-age=3600';
+    }
+    else {
+        cacheControl = 'no-cache';
+    }
+    res.writeHead(200, {
+        'Content-Type': contentType,
+        'Content-Length': data.length,
+        'Cache-Control': cacheControl,
+        'X-Content-Type-Options': 'nosniff',
+    });
+    res.end(data);
+    return true;
+}

package/dist/cloud/web/template-engine.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Web template engine — Handlebars configured for HTML rendering.
+ *
+ * Uses a SEPARATE Handlebars instance from the code-gen template loader
+ * so that HTML escaping remains enabled (the default).
+ */
+/**
+ * Render a page template inside a layout.
+ *
+ * 1. Render the page template with `data` -> produces content HTML.
+ * 2. Render the layout template with `{...data, content: pageContent}` -> full HTML document.
+ *
+ * @param page   - Template name like "pages/landing/index" (no .hbs extension)
+ * @param layout - Layout name like "layouts/landing" (no .hbs extension)
+ * @param data   - Template context data
+ * @returns Full HTML string
+ */
+export declare function renderPage(page: string, layout: string, data: Record<string, unknown>): string;
+/**
+ * Render a template without a layout wrapper.
+ * Useful for htmx partial responses and fragments.
+ *
+ * @param name - Template name like "pages/dashboard/servers-partial" (no .hbs extension)
+ * @param data - Template context data
+ * @returns HTML string (no full document wrapper)
+ */
+export declare function renderTemplate(name: string, data: Record<string, unknown>): string;

package/dist/cloud/web/template-engine.js

@@ -0,0 +1,146 @@
+/**
+ * Web template engine — Handlebars configured for HTML rendering.
+ *
+ * Uses a SEPARATE Handlebars instance from the code-gen template loader
+ * so that HTML escaping remains enabled (the default).
+ */
+import { readFileSync, readdirSync, statSync } from 'node:fs';
+import { resolve, dirname, relative } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import Handlebars from 'handlebars';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const TEMPLATE_DIR = resolve(__dirname, 'templates');
+// Isolated Handlebars instance — HTML escaping ON (default behavior)
+const hbs = Handlebars.create();
+const templateCache = new Map();
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+hbs.registerHelper('eq', function (a, b) {
+    return a === b;
+});
+hbs.registerHelper('capitalize', function (str) {
+    if (!str)
+        return str;
+    return str.charAt(0).toUpperCase() + str.slice(1);
+});
+hbs.registerHelper('formatDate', function (isoString) {
+    if (!isoString)
+        return '';
+    const date = new Date(isoString);
+    if (isNaN(date.getTime()))
+        return isoString;
+    return date.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+});
+hbs.registerHelper('statusColor', function (status) {
+    switch (status) {
+        case 'running':
+            return 'green';
+        case 'stopped':
+            return 'gray';
+        case 'error':
+            return 'red';
+        case 'building':
+            return 'yellow';
+        default:
+            return 'gray';
+    }
+});
+hbs.registerHelper('truncate', function (str, len) {
+    if (!str)
+        return '';
+    if (typeof len !== 'number' || len <= 0)
+        return str;
+    if (str.length <= len)
+        return str;
+    return str.slice(0, len) + '...';
+});
+hbs.registerHelper('json', function (data) {
+    // Escape </script> and <!-- to prevent XSS when embedded in <script> tags
+    return JSON.stringify(data).replace(/</g, '\\u003c').replace(/>/g, '\\u003e');
+});
+// ---------------------------------------------------------------------------
+// Partial auto-registration
+// ---------------------------------------------------------------------------
+function registerPartials(dir) {
+    let entries;
+    try {
+        entries = readdirSync(dir);
+    }
+    catch {
+        // partials directory may not exist yet
+        return;
+    }
+    for (const entry of entries) {
+        const fullPath = resolve(dir, entry);
+        const stat = statSync(fullPath);
+        if (stat.isDirectory()) {
+            registerPartials(fullPath);
+        }
+        else if (entry.endsWith('.hbs')) {
+            // Use the relative path from partials dir (without extension) as the partial name.
+            // For flat files: "nav.hbs" -> "nav"
+            // For nested: "common/header.hbs" -> "common/header"
+            const partialsDir = resolve(TEMPLATE_DIR, 'partials');
+            const rel = relative(partialsDir, fullPath);
+            const partialName = rel.replace(/\.hbs$/, '').replace(/\\/g, '/');
+            const content = readFileSync(fullPath, 'utf-8');
+            hbs.registerPartial(partialName, content);
+        }
+    }
+}
+// Register partials on module load
+registerPartials(resolve(TEMPLATE_DIR, 'partials'));
+// ---------------------------------------------------------------------------
+// Template loading & caching
+// ---------------------------------------------------------------------------
+function loadTemplate(name) {
+    if (templateCache.has(name)) {
+        return templateCache.get(name);
+    }
+    const templatePath = resolve(TEMPLATE_DIR, `${name}.hbs`);
+    // Path traversal guard
+    if (!templatePath.startsWith(TEMPLATE_DIR + '/')) {
+        throw new Error(`Invalid template name: ${name}`);
+    }
+    const raw = readFileSync(templatePath, 'utf-8');
+    const compiled = hbs.compile(raw);
+    templateCache.set(name, compiled);
+    return compiled;
+}
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+/**
+ * Render a page template inside a layout.
+ *
+ * 1. Render the page template with `data` -> produces content HTML.
+ * 2. Render the layout template with `{...data, content: pageContent}` -> full HTML document.
+ *
+ * @param page   - Template name like "pages/landing/index" (no .hbs extension)
+ * @param layout - Layout name like "layouts/landing" (no .hbs extension)
+ * @param data   - Template context data
+ * @returns Full HTML string
+ */
+export function renderPage(page, layout, data) {
+    const pageTemplate = loadTemplate(page);
+    const pageContent = pageTemplate(data);
+    const layoutTemplate = loadTemplate(layout);
+    return layoutTemplate({ ...data, content: pageContent });
+}
+/**
+ * Render a template without a layout wrapper.
+ * Useful for htmx partial responses and fragments.
+ *
+ * @param name - Template name like "pages/dashboard/servers-partial" (no .hbs extension)
+ * @param data - Template context data
+ * @returns HTML string (no full document wrapper)
+ */
+export function renderTemplate(name, data) {
+    const template = loadTemplate(name);
+    return template(data);
+}

package/dist/cloud/web/templates/layouts/admin.hbs

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  {{#if metaTitle}}<title>{{metaTitle}}</title>{{else}}<title>Admin — mcpmake Cloud</title>{{/if}}
+  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <a href="#main-content" class="skip-to-content">Skip to content</a>
+  <div class="admin-shell">
+    <aside class="admin-sidebar" role="complementary" aria-label="Admin sidebar">
+      <div class="admin-sidebar-header">
+        <a href="/" class="admin-sidebar-logo" aria-label="mcpmake home">mcpmake</a>
+        <span class="admin-sidebar-label">Admin</span>
+      </div>
+      <nav class="admin-sidebar-nav" aria-label="Admin navigation">
+        <a href="/admin" class="admin-nav-link{{#if (eq activePage 'overview')}} active{{/if}}"{{#if (eq activePage 'overview')}} aria-current="page"{{/if}}>
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
+          Overview
+        </a>
+        <a href="/admin/servers" class="admin-nav-link{{#if (eq activePage 'servers')}} active{{/if}}"{{#if (eq activePage 'servers')}} aria-current="page"{{/if}}>
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg>
+          Servers
+        </a>
+        <a href="/admin/users" class="admin-nav-link{{#if (eq activePage 'users')}} active{{/if}}"{{#if (eq activePage 'users')}} aria-current="page"{{/if}}>
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+          Users
+        </a>
+        <a href="/admin/telemetry" class="admin-nav-link{{#if (eq activePage 'telemetry')}} active{{/if}}"{{#if (eq activePage 'telemetry')}} aria-current="page"{{/if}}>
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
+          Telemetry
+        </a>
+      </nav>
+      <div class="admin-sidebar-footer">
+        <a href="/dashboard" class="admin-nav-link admin-nav-link--back">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
+          Back to Dashboard
+        </a>
+        <div class="admin-sidebar-user">
+          <span class="admin-sidebar-email" title="{{user.email}}">{{user.email}}</span>
+          <form method="POST" action="/logout">
+            <input type="hidden" name="_csrf" value="{{csrfToken}}">
+            <button type="submit" class="admin-signout-btn">Sign out</button>
+          </form>
+        </div>
+      </div>
+    </aside>
+    <main id="main-content" class="admin-main">
+      {{{content}}}
+    </main>
+  </div>
+  <script src="/static/htmx.min.js" defer></script>
+  <script src="/static/alpine.min.js" defer></script>
+</body>
+</html>

package/dist/cloud/web/templates/layouts/auth.hbs

@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  {{#if metaTitle}}<title>{{metaTitle}}</title>{{else}}<title>mcpmake Cloud</title>{{/if}}
+  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/static/style.css">
+  <style>
+    .auth-page {
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 2rem 1rem;
+    }
+    .auth-card {
+      width: 100%;
+      max-width: 420px;
+      background: var(--color-card-bg, #18181b);
+      border: 1px solid var(--color-border, #27272a);
+      border-radius: 12px;
+      padding: 2rem;
+    }
+    .auth-card h1 {
+      font-size: 1.5rem;
+      margin-bottom: 0.25rem;
+      text-align: center;
+    }
+    .auth-card .auth-subtitle {
+      color: var(--color-text-muted, #a1a1aa);
+      text-align: center;
+      margin-bottom: 1.5rem;
+      font-size: 0.9rem;
+    }
+    .auth-logo {
+      display: block;
+      text-align: center;
+      font-weight: 700;
+      font-size: 1.1rem;
+      margin-bottom: 1.5rem;
+      color: var(--color-text-dark, #e4e4e7);
+    }
+    .auth-logo:hover {
+      color: var(--color-primary, #6366f1);
+    }
+    .form-group {
+      margin-bottom: 1rem;
+    }
+    .form-group label {
+      display: block;
+      font-size: 0.85rem;
+      font-weight: 500;
+      margin-bottom: 0.35rem;
+      color: var(--color-text-dark, #e4e4e7);
+    }
+    .form-group input {
+      width: 100%;
+      padding: 0.6rem 0.75rem;
+      border: 1px solid var(--color-border, #27272a);
+      border-radius: 6px;
+      background: var(--color-bg-dark, #0a0a0f);
+      color: var(--color-text-dark, #e4e4e7);
+      font-size: 0.95rem;
+      outline: none;
+      transition: border-color 0.15s;
+    }
+    .form-group input:focus {
+      border-color: var(--color-primary, #6366f1);
+    }
+    .form-hint {
+      font-size: 0.8rem;
+      color: var(--color-text-muted, #a1a1aa);
+      margin-top: 0.25rem;
+    }
+    .auth-error {
+      background: rgba(239, 68, 68, 0.1);
+      border: 1px solid rgba(239, 68, 68, 0.3);
+      color: #fca5a5;
+      padding: 0.6rem 0.75rem;
+      border-radius: 6px;
+      font-size: 0.875rem;
+      margin-bottom: 1rem;
+    }
+    .auth-error a {
+      color: #fca5a5;
+      text-decoration: underline;
+    }
+    .auth-success {
+      background: rgba(34, 197, 94, 0.1);
+      border: 1px solid rgba(34, 197, 94, 0.3);
+      color: #86efac;
+      padding: 0.6rem 0.75rem;
+      border-radius: 6px;
+      font-size: 0.875rem;
+      margin-bottom: 1rem;
+    }
+    .auth-submit {
+      width: 100%;
+      padding: 0.65rem;
+      border: none;
+      border-radius: 6px;
+      background: var(--color-primary, #6366f1);
+      color: #fff;
+      font-size: 0.95rem;
+      font-weight: 600;
+      cursor: pointer;
+      transition: background 0.15s;
+      margin-top: 0.5rem;
+    }
+    .auth-submit:hover {
+      background: var(--color-primary-hover, #818cf8);
+    }
+    .auth-footer {
+      text-align: center;
+      margin-top: 1.25rem;
+      font-size: 0.875rem;
+      color: var(--color-text-muted, #a1a1aa);
+    }
+    .auth-footer a {
+      color: var(--color-primary, #6366f1);
+    }
+    .auth-footer a:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+  <a href="#main-content" class="skip-to-content">Skip to content</a>
+  <main id="main-content" class="auth-page">
+    <a href="/" class="auth-logo" aria-label="mcpmake home">mcpmake</a>
+    <div class="auth-card">
+      {{{content}}}
+    </div>
+  </main>
+</body>
+</html>

package/dist/cloud/web/templates/layouts/base.hbs

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  {{#if metaDescription}}<meta name="description" content="{{metaDescription}}">{{/if}}
+  {{#if metaTitle}}<title>{{metaTitle}}</title>{{else}}<title>mcpmake Cloud</title>{{/if}}
+  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  {{{body}}}
+  <script src="/static/htmx.min.js" defer></script>
+  <script src="/static/alpine.min.js" defer></script>
+</body>
+</html>

package/dist/cloud/web/templates/layouts/dashboard.hbs

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{#if metaTitle}}{{metaTitle}}{{else}}Dashboard — mcpmake Cloud{{/if}}</title>
+  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body class="dashboard-body">
+  <a href="#main-content" class="skip-to-content">Skip to content</a>
+  <aside class="sidebar" role="complementary" aria-label="Dashboard sidebar">
+    <a href="/dashboard" class="sidebar-logo" aria-label="mcpmake dashboard home">mcpmake</a>
+    <nav class="sidebar-nav" aria-label="Dashboard navigation">
+      <a href="/dashboard" class="sidebar-link {{#if (eq activePage 'servers')}}active{{/if}}"{{#if (eq activePage 'servers')}} aria-current="page"{{/if}}>Servers</a>
+      <a href="/dashboard/create" class="sidebar-link {{#if (eq activePage 'create')}}active{{/if}}"{{#if (eq activePage 'create')}} aria-current="page"{{/if}}>New Server</a>
+      <a href="/dashboard/billing" class="sidebar-link {{#if (eq activePage 'billing')}}active{{/if}}"{{#if (eq activePage 'billing')}} aria-current="page"{{/if}}>Billing</a>
+      <a href="/docs" class="sidebar-link">Docs</a>
+      {{#if user.isAdmin}}
+      <hr class="sidebar-divider">
+      <a href="/admin" class="sidebar-link {{#if (eq activePage 'admin')}}active{{/if}}"{{#if (eq activePage 'admin')}} aria-current="page"{{/if}}>Admin</a>
+      {{/if}}
+    </nav>
+    <div class="sidebar-footer">
+      <span class="sidebar-email" title="{{user.email}}">{{user.email}}</span>
+      <form method="POST" action="/logout">
+        <input type="hidden" name="_csrf" value="{{csrfToken}}">
+        <button type="submit" class="sidebar-logout">Sign out</button>
+      </form>
+    </div>
+  </aside>
+  <main id="main-content" class="dashboard-main">
+    {{{content}}}
+  </main>
+  <script src="/static/htmx.min.js" defer></script>
+  <script src="/static/htmx-sse.js" defer></script>
+  <script src="/static/alpine.min.js" defer></script>
+</body>
+</html>

package/dist/cloud/web/templates/layouts/landing.hbs

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="{{#if metaDescription}}{{metaDescription}}{{else}}Generate and host MCP servers from your API specs. Upload an OpenAPI spec or HAR file, get a running MCP server in 30 seconds. Free to start.{{/if}}">
+  <title>{{#if metaTitle}}{{metaTitle}}{{else}}mcpmake Cloud — Your API as an MCP server in 30 seconds{{/if}}</title>
+
+  <!-- Open Graph -->
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="{{#if metaTitle}}{{metaTitle}}{{else}}mcpmake Cloud — Your API as an MCP server in 30 seconds{{/if}}">
+  <meta property="og:description" content="{{#if metaDescription}}{{metaDescription}}{{else}}Generate and host MCP servers from your API specs. Upload an OpenAPI spec or HAR file, get a running MCP server in 30 seconds. Free to start.{{/if}}">
+  <meta property="og:url" content="https://mcpmake.io/">
+
+  <!-- Canonical -->
+  <link rel="canonical" href="https://mcpmake.io/">
+
+  <!-- Structured Data -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "mcpmake Cloud",
+    "applicationCategory": "DeveloperApplication",
+    "operatingSystem": "Web",
+    "description": "Generate and host MCP servers from your API specs. Upload an OpenAPI spec or HAR file, get a running MCP server in 30 seconds.",
+    "url": "https://mcpmake.io/",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    }
+  }
+  </script>
+
+  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <a href="#main-content" class="skip-to-content">Skip to content</a>
+  <header class="nav" role="banner">
+    <div class="nav-inner">
+      <a href="/" class="nav-logo" aria-label="mcpmake home">mcpmake</a>
+      <nav class="nav-links" aria-label="Main navigation">
+        <a href="#features">Features</a>
+        <a href="#pricing">Pricing</a>
+        <a href="/docs">Docs</a>
+        <a href="/login" class="nav-link-subtle">Sign in</a>
+        <a href="/register" class="btn btn-primary btn-sm">Deploy free</a>
+      </nav>
+    </div>
+  </header>
+  <main id="main-content">
+    {{{content}}}
+  </main>
+  <footer class="footer">
+    <div class="footer-inner">
+      <div class="footer-col">
+        <h4>Product</h4>
+        <a href="#pricing">Pricing</a>
+        <a href="#features">Features</a>
+        <a href="/login">Dashboard</a>
+      </div>
+      <div class="footer-col">
+        <h4>Resources</h4>
+        <a href="/docs">Docs</a>
+        <a href="/docs/cli">CLI reference</a>
+        <a href="/docs/quickstart">Quickstart</a>
+        <a href="https://modelcontextprotocol.io" target="_blank" rel="noopener">MCP Spec</a>
+      </div>
+      <div class="footer-col">
+        <h4>Legal</h4>
+        <a href="/privacy">Privacy</a>
+        <a href="/terms">Terms</a>
+      </div>
+      <p class="footer-copy">&copy; {{year}} mcpmake. All rights reserved.</p>
+    </div>
+  </footer>
+  <script src="/static/htmx.min.js" defer></script>
+  <script src="/static/alpine.min.js" defer></script>
+</body>
+</html>