create-lacspace-app 1.13.0 → 1.14.1

package/BENCHMARKS.md

@@ -0,0 +1,52 @@
+# Benchmarks
+
+A fair, reproducible head-to-head against `create-next-app`. We benchmark **scaffold time only** (the CLI writing files to disk) — dependency installation is excluded from both, because it's identical `npm install` work that depends on your network, not the tool.
+
+## Method
+
+- Both CLIs invoked **binary-direct** (`node .../dist/index.js`), not via `npx`/`npm create` (which add package-resolution overhead to both, unfairly and unequally).
+- **Scaffold-only**: `--skip-install`/`--no-install` and git disabled on both.
+- Median of **7 runs** on the same machine, back-to-back.
+- `create-next-app` given the closest-matching flags (TypeScript, Tailwind, App Router, import alias).
+
+## Reproduce it yourself
+
+```bash
+mkdir bench && cd bench
+npm i create-next-app@latest create-lacspace-app@latest
+
+CNA=node_modules/create-next-app/dist/index.js
+CLA=node_modules/create-lacspace-app/dist/index.js
+
+# create-lacspace-app — finished app, scaffold only
+for i in 1 2 3 4 5 6 7; do rm -rf cla$i; \
+  /usr/bin/time -p node "$CLA" cla$i --template saas --no-install --no-git -y >/dev/null 2>&1; done
+
+# create-next-app — blank app, scaffold only
+for i in 1 2 3 4 5 6 7; do rm -rf cna$i; \
+  /usr/bin/time -p node "$CNA" cna$i --ts --tailwind --app --no-eslint --no-src-dir \
+  --skip-install --disable-git --no-turbopack --import-alias "@/*" >/dev/null 2>&1; done
+
+# compare what you got
+echo "lacspace files: $(find cla1 -type f | wc -l)  pages: $(find cla1 -name page.tsx | wc -l)"
+echo "next     files: $(find cna1 -type f | wc -l)  pages: $(find cna1 -name page.tsx | wc -l)"
+```
+
+## Results (create-next-app 16.3.4 vs create-lacspace-app 1.14.0)
+
+| Metric | create-next-app | create-lacspace-app |
+| --- | --- | --- |
+| Scaffold time (median of 7) | **0.29s** | **0.15s** |
+| Files written | 18 | 70 |
+| `page.tsx` routes | 1 | 11 |
+| Components | 0 | 37 (incl. a 26-component UI kit) |
+| `sitemap.xml` / `robots.txt` / `/og` | ✗ | ✓ |
+| `lib/site.ts` SEO config / JSON-LD | ✗ | ✓ |
+| PWA manifest / styled 404 | ✗ | ✓ |
+| Templates available | 1 | 8 |
+
+## Honest caveats
+
+- **This is not a "10× faster framework" claim.** Both scaffolders finish in well under a second; the ~1.9× gap is real but small in absolute terms. `create-lacspace-app` is faster largely because it writes precomputed template strings with no interactive prompt round-trips.
+- The **meaningful** difference is *output*: `create-next-app` hands you a single blank page and no SEO; `create-lacspace-app` hands you a running, multi-page, SEO-complete app you can deploy immediately.
+- "Time to a deployable, SEO-ready site" — the metric that actually matters to a developer — is where the gap is large, because with `create-next-app` that work is still ahead of you.

package/README.md

@@ -2,76 +2,103 @@
 
 # create-lacspace-app
 
-**Scaffold a beautiful, production-ready Next.js app in one command — pick a template, start gorgeous.**
+**`create-next-app` gives you a blank page. This gives you a finished, SEO-complete app — in one command.**
 
 [![npm version](https://img.shields.io/npm/v/create-lacspace-app?color=%2316a34a&label=npm)](https://www.npmjs.com/package/create-lacspace-app)
+[![install size](https://img.shields.io/badge/scaffold-~0.15s-16a34a)](#-benchmarks-honest-and-reproducible)
 [![license](https://img.shields.io/npm/l/create-lacspace-app?color=green)](https://github.com/lacspace/npm-packages/blob/main/LICENSE)
 
 </div>
 
-> `create-next-app` gives you a blank page. This gives you a **finished-looking app** — a polished template, styled with Tailwind, already wired with the Lacspace libraries (SEO metadata + JSON-LD, security headers, sitemap & robots). Choose your kind of site and you're running in seconds.
-
-## Use it
-
 ```bash
 npm create lacspace-app@latest my-app
-# or
-npx create-lacspace-app my-app --template business
+# or pick a template up front
+npx create-lacspace-app my-app --template saas
 ```
 
-It asks for a project name and a template, scaffolds the project, installs dependencies and initialises git.
+You choose the *kind* of site you're building. It writes a **real Next.js 15 + React 19 + Tailwind v4 app** — not a hello-world, but a polished, dark-themed, responsive site with **every page filled in**, an SEO stack wired end-to-end, and a **26-component UI kit** you can drop in anywhere.
 
-## Templates
+---
 
-| Key | What you get |
-| --- | --- |
-| **personal** | A sleek personal / developer portfolio with a projects grid |
-| **business** | A professional company / agency site with services + CTA |
-| **ecommerce** | A modern storefront home with a featured product grid |
-| **saas** | A high-converting SaaS landing page with features + pricing |
-| **blog** | An editorial blog / magazine home with a featured post + grid |
-| **docs** | A documentation landing with quick-start + feature cards |
-| **dashboard** | An admin app shell with a sidebar, stat cards and activity |
-| **restaurant** | A warm restaurant / cafe site with a menu and reservations |
+## ⚡ Benchmarks — honest and reproducible
+
+Same machine, both CLIs run **binary-direct, scaffold-only**, median of 7 runs:
+
+| | create-next-app **16.3.4** | create-lacspace-app **1.14** |
+| --- | --- | --- |
+| **Scaffold time** | 0.29s | **0.15s** ⚡ (~1.9× faster) |
+| **Files produced** | 18 | **70** |
+| **Pages** | 1 (blank) | **11** (finished, 5–6 sections each) |
+| **Prebuilt components** | 0 | **37** (incl. a 26-component UI kit) |
+| **Templates** | 1 | **8** |
+| SEO metadata + JSON-LD | ✗ | ✓ |
+| Dynamic OG images (`/og`) | ✗ | ✓ |
+| `sitemap.xml` + `robots.txt` | ✗ | ✓ |
+| Security headers (HSTS/CSP…) | ✗ | ✓ |
+| PWA manifest + styled 404 | ✗ | ✓ |
+| SEO regression CI gate | ✗ | ✓ |
 
-Every template is a real Next.js 15 App Router + Tailwind v4 project — dark, modern, responsive, with a gradient accent you can theme.
+> It's faster *and* you get a finished app instead of a blank one. Don't take our word for it — **[reproduce it in 60 seconds](./BENCHMARKS.md)**.
 
-## A complete, polished project — not a blank page
+*(Numbers are scaffold-only. The honest headline isn't the milliseconds — both are sub-second — it's that one produces a blank page and the other produces a running, SEO-complete, multi-page app.)*
+
+---
 
-Every generated app arrives finished, with the boring-but-essential things done:
+## 🎁 What you actually get
 
-- 🎨 **Beautiful home page** — Tailwind v4, the Inter font, dark theme + a gradient accent
-- 🔎 **SEO** — one [`@lacspace/seo`](https://www.npmjs.com/package/@lacspace/seo) `defineSite()` config drives your `<title>`, canonical, Open Graph, Twitter card and JSON-LD
-- ✨ **Dynamic OG images** — every page auto-generates a social-share card at `/og` (no design tool)
-- 🛡️ **Security headers** — HSTS, CSP, X-Frame-Options and more via [`@lacspace/headers`](https://www.npmjs.com/package/@lacspace/headers)
-- 🗺️ **robots.txt + sitemap.xml** — generated from your config with [`@lacspace/robots`](https://www.npmjs.com/package/@lacspace/robots) & [`@lacspace/sitemap`](https://www.npmjs.com/package/@lacspace/sitemap)
-- 🧩 **A styled 404, a PWA manifest, and `.env.example`** — the finishing touches most starters skip
-- 🎁 **A `WELCOME.md`** that walks you through everything and shows the bonus packages you can drop in
+Every generated app arrives **done**, not started:
+
+- 🧩 **8 templates**, each a complete site — `personal`, `business`, `ecommerce`, `saas`, `blog`, `docs`, `dashboard`, `restaurant`.
+- 📄 **Every page is filled** — home, about, pricing, services, features, FAQ, careers, work/case-studies, collections, integrations, changelog, gallery, reservations, and more. Each is **5–6 real sections** (hero → feature split with illustration → stat band → feature grid → showcase → CTA), personalised with your project name. No "coming soon" stubs.
+- 🎨 **A 26-component UI kit** (`components/ui/`): `Section`, `Hero`, `FeatureCard`, `FeatureSplit`, `Bento`, `PricingTable`, `Testimonial`, `StatBand`, `Timeline`, `Steps`, `Tabs`, `Accordion`, `FAQ`, `Gallery`, `TeamGrid`, `LogoCloud`, `CTABand`, `Newsletter`, `AreaChart`, `Badge`, `Callout`, `Rating`, `Progress`, `Breadcrumbs`, `Avatar` … all theme-aware, dependency-free, server-first.
+- 🔎 **SEO, done for you** — one [`@lacspace/seo`](https://www.npmjs.com/package/@lacspace/seo) `defineSite()` config drives `<title>`, canonical, Open Graph, Twitter, and JSON-LD across every route.
+- ✨ **Dynamic OG images** at `/og` — a social-share card per page, no design tool.
+- 🛡️ **Security headers** (HSTS, CSP, X-Frame-Options…) via [`@lacspace/headers`](https://www.npmjs.com/package/@lacspace/headers).
+- 🗺️ **`sitemap.xml` + `robots.txt`** generated from your config.
+- 🌗 **Dark / light / system theme** with a no-flash script, global header + footer, ⌘K command palette, and a mobile menu — all prewired.
+- 🤖 **An SEO CI gate** (`.github/workflows/seo.yml`) that fails your build the moment SEO regresses.
+
+Edit `lib/site.ts` (your site config) and `app/page.tsx` — you're off.
+
+---
+
+## Templates
+
+| Key | What you get |
+| --- | --- |
+| **personal** | Developer/portfolio — projects, uses, work, about, blog |
+| **business** | Agency/company — services, work (case studies), pricing, team |
+| **ecommerce** | Storefront — shop, cart (working, persisted), collections |
+| **saas** | Landing — features, pricing, integrations, changelog |
+| **blog** | Real Markdown blog — posts, topics, newsletter |
+| **docs** | Docs site — guides, API reference, changelog, search |
+| **dashboard** | App shell — sidebar, stat cards, charts, settings, analytics |
+| **restaurant** | Menu, reservations, gallery, private events |
 
-Edit `lib/site.ts` and `app/page.tsx` and you're off.
+Every template is Next.js 15 App Router + React 19 + Tailwind v4 — dark, modern, responsive, with a themeable gradient accent.
 
 ## Options
 
 | Flag | Meaning |
 | --- | --- |
-| `-t, --template <key>` | `personal` \| `business` \| `ecommerce` \| `saas` |
-| `--pm <npm\|pnpm\|yarn\|bun>` | package manager (default npm) |
+| `-t, --template <key>` | `personal` · `business` · `ecommerce` · `saas` · `blog` · `docs` · `dashboard` · `restaurant` |
+| `--pm <npm\|pnpm\|yarn\|bun>` | package manager (default `npm`) |
 | `--no-install` | skip installing dependencies |
 | `--no-git` | skip git init |
 | `-y, --yes` | accept defaults (needs a project name) |
 
 ## Licensing
 
-Free under the **[Lacspace Free Licence](https://lacspace.com/licenses/lacspace-free-1.0)** — MIT-equivalent freedoms. Use it in personal and commercial projects at no cost; just keep the notice. The apps you generate are yours. See the **[Lacspace Licence Centre](https://lacspace.com/licenses)**.
+Free under the **[Lacspace Free Licence](https://lacspace.com/licenses/lacspace-free-1.0)** — MIT-equivalent freedoms. Use it in personal and commercial projects at no cost; the apps you generate are entirely yours.
 
 ---
 
 <div align="center">
 
-**Part of the Lacspace ecosystem — zero-dependency, isomorphic TypeScript packages.**
+**Part of the Lacspace ecosystem — 60+ zero-dependency, isomorphic TypeScript packages.**
 
-[All packages ↗](https://lacspace.com/packages) · [npm org ↗](https://www.npmjs.com/org/lacspace) · [Licence Centre ↗](https://lacspace.com/licenses) · [GitHub ↗](https://github.com/lacspace/npm-packages)
+[All packages ↗](https://lacspace.com/packages) · [Docs ↗](https://lacspace.com/docs) · [npm org ↗](https://www.npmjs.com/org/lacspace) · [GitHub ↗](https://github.com/lacspace/npm-packages)
 
 </div>
 
-<div align="center"><sub>Built with care by <a href="https://lacspace.com">Lacspace</a> · Lacspace Free Licence · <a href="https://github.com/lacspace/npm-packages">source</a></sub></div>
+<div align="center"><sub>Built with care by <a href="https://lacspace.com">Lacspace</a> · Lacspace Free Licence</sub></div>

package/dist/index.js

@@ -803,6 +803,183 @@ var usesPage = (ctx) => pageFile({
         </div>
       </Section>`
 });
+var richPage = (ctx, cfg) => {
+  const r = richContent(ctx);
+  const showcase = cfg.extra ?? `<Section eyebrow="Loved by teams" title="Don't just take our word for it" className="pt-0">
+        <div className="grid gap-6 md:grid-cols-3">
+          ${r.testimonials.map((t) => `<Testimonial quote={${JSON.stringify(t.quote)}} author={${JSON.stringify(t.author)}} role={${JSON.stringify(t.role ?? "")}} />`).join("\n          ")}
+        </div>
+      </Section>`;
+  return pageFile({
+    title: cfg.title,
+    path: cfg.path,
+    description: cfg.description,
+    cta: cfg.cta,
+    body: `      <section className="mx-auto max-w-3xl px-6 py-24 text-center">
+        <Pill>${cfg.eyebrow}</Pill>
+        <h1 className="mt-4 text-4xl font-bold sm:text-5xl">${cfg.heading}</h1>
+        <p className="mx-auto mt-4 max-w-xl text-lg text-muted">${cfg.lead}</p>
+      </section>
+      <Section className="pt-0">
+        <FeatureSplit eyebrow=${JSON.stringify(cfg.split.eyebrow ?? "")} title=${JSON.stringify(cfg.split.title)} desc=${JSON.stringify(cfg.split.desc)} bullets={${JSON.stringify(cfg.split.bullets)}} media={<div className="grid h-52 place-items-center text-7xl">${cfg.split.emoji}</div>} />
+      </Section>
+      <Section className="pt-0"><StatBand stats={${JSON.stringify(r.stats)}} /></Section>
+      <Section eyebrow="Highlights" title="What you get" className="pt-0">
+        <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+          {${JSON.stringify(cfg.features)}.map((f) => <FeatureCard key={f.title} icon={f.icon} title={f.title} desc={f.desc} />)}
+        </div>
+      </Section>
+      ${showcase}`
+  });
+};
+var careersPage = (ctx) => {
+  const n = ctx.template.siteName;
+  return richPage(ctx, {
+    title: "Careers",
+    path: "/careers",
+    eyebrow: "Careers",
+    description: `Join the team building ${n}.`,
+    heading: `Join the <span className="gradient-text">team</span>`,
+    lead: `We're a small team doing our best work. If that sounds like you, say hello.`,
+    split: { eyebrow: "Why us", title: "A place to do your best work", desc: "Small team, big ownership, and the support to grow.", bullets: ["Remote-first and async-friendly", "Real ownership from day one", "Learning budget and great gear"], emoji: "\u{1F680}" },
+    features: [
+      { icon: "\u{1F30D}", title: "Remote-first", desc: "Work from anywhere, on your schedule." },
+      { icon: "\u{1F4C8}", title: "Grow fast", desc: "Mentorship and a budget to level up." },
+      { icon: "\u{1F91D}", title: "Real ownership", desc: "Ship things that matter, end to end." },
+      { icon: "\u{1F3D6}\uFE0F", title: "Time to recharge", desc: "Generous, actually-used time off." },
+      { icon: "\u{1F499}", title: "Great people", desc: "Kind, sharp teammates who have your back." },
+      { icon: "\u{1F4B8}", title: "Fair pay", desc: "Transparent, competitive compensation." }
+    ],
+    extra: `<Section eyebrow="Open roles" title="We're hiring" className="pt-0">
+        <div className="mx-auto grid max-w-3xl gap-4">
+          {[
+            { role: "Senior Frontend Engineer", team: "Engineering", type: "Full-time \xB7 Remote" },
+            { role: "Product Designer", team: "Design", type: "Full-time \xB7 Remote" },
+            { role: "Developer Advocate", team: "Growth", type: "Full-time \xB7 Remote" },
+          ].map((j) => (
+            <div key={j.role} className="flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-hairline bg-surface p-5">
+              <div><h3 className="font-semibold">{j.role}</h3><p className="text-sm text-muted">{j.team}</p></div>
+              <div className="flex items-center gap-3"><Badge>{j.type}</Badge><a href="/contact" className="rounded-full gradient-bg px-4 py-2 text-sm font-semibold text-black">Apply</a></div>
+            </div>
+          ))}
+        </div>
+      </Section>`,
+    cta: { title: "Don't see your role?", subtitle: "We're always keen to meet great people.", label: "Send an intro", href: "/contact" }
+  });
+};
+var collectionsPage = (ctx) => richPage(ctx, {
+  title: "Collections",
+  path: "/collections",
+  eyebrow: "Collections",
+  description: `Shop ${ctx.template.siteName} by collection.`,
+  heading: `Shop by <span className="gradient-text">collection</span>`,
+  lead: "Curated edits for every season and style.",
+  split: { eyebrow: "Featured", title: "This season's edit", desc: "Hand-picked pieces our team is loving right now.", bullets: ["Free shipping over $50", "30-day easy returns", "Ethically sourced"], emoji: "\u{1F6CD}\uFE0F" },
+  features: [
+    { icon: "\u{1F9E5}", title: "New arrivals", desc: "Fresh drops, added weekly." },
+    { icon: "\u{1F525}", title: "Best sellers", desc: "The pieces everyone's buying." },
+    { icon: "\u{1F331}", title: "Sustainable", desc: "Made to last, kind to the planet." },
+    { icon: "\u{1F381}", title: "Gifting", desc: "Thoughtful picks for everyone." },
+    { icon: "\u{1F48E}", title: "Premium", desc: "Elevated essentials worth the splurge." },
+    { icon: "\u{1F3F7}\uFE0F", title: "Sale", desc: "Up to 40% off, while stocks last." }
+  ],
+  extra: `<Section eyebrow="Browse" title="Explore the collections" className="pt-0">
+        <Gallery items={[
+          { emoji: "\u{1F9E5}", label: "Outerwear" }, { emoji: "\u{1F45F}", label: "Footwear" }, { emoji: "\u{1F45C}", label: "Bags" },
+          { emoji: "\u231A", label: "Accessories" }, { emoji: "\u{1F576}\uFE0F", label: "Eyewear" }, { emoji: "\u{1F9E2}", label: "Headwear" },
+        ]} />
+      </Section>`,
+  cta: { title: "Ready to shop?", subtitle: "Your next favourite thing is waiting.", label: "Browse the shop", href: "/shop" }
+});
+var businessWorkPage = (ctx) => richPage(ctx, {
+  title: "Work",
+  path: "/work",
+  eyebrow: "Case studies",
+  description: `Selected work from ${ctx.template.siteName}.`,
+  heading: `Work that <span className="gradient-text">performs</span>`,
+  lead: "A few recent projects and the outcomes they drove.",
+  split: { eyebrow: "How we work", title: "Outcomes, not just output", desc: "We measure success by the numbers that move your business.", bullets: ["Discovery-led, evidence-based", "Ship weekly, learn faster", "Own the result together"], emoji: "\u{1F4CA}" },
+  features: [
+    { icon: "\u{1F6D2}", title: "Northwind Commerce", desc: "+38% conversion after a full storefront rebuild." },
+    { icon: "\u{1F3E6}", title: "Globex Fintech", desc: "Onboarding time cut from 9 minutes to under 2." },
+    { icon: "\u{1F393}", title: "Initech Learning", desc: "2.4\xD7 course completions with a redesigned LMS." },
+    { icon: "\u{1F69A}", title: "Umbrella Logistics", desc: "Real-time tracking that cut support tickets 45%." },
+    { icon: "\u{1F3E5}", title: "Soylent Health", desc: "HIPAA-ready portal shipped in eight weeks." },
+    { icon: "\u{1F4F1}", title: "Hooli Mobile", desc: "A 4.9\u2605 app rebuilt from the ground up." }
+  ],
+  cta: { title: "Have a project in mind?", subtitle: "Tell us the outcome you're after \u2014 we'll map the path.", label: "Start a project", href: "/contact" }
+});
+var apiRefPage = (ctx) => richPage(ctx, {
+  title: "API Reference",
+  path: "/api-reference",
+  eyebrow: "API",
+  description: `The ${ctx.template.siteName} REST API reference.`,
+  heading: `The <span className="gradient-text">API</span> reference`,
+  lead: "A predictable, typed REST API with sensible defaults.",
+  split: { eyebrow: "Basics", title: "REST, done right", desc: "JSON everywhere, cursor pagination, and clear error codes.", bullets: ["Bearer-token auth", "Idempotent writes", "Webhooks for every event"], emoji: "\u{1F50C}" },
+  features: [
+    { icon: "\u{1F511}", title: "POST /auth/token", desc: "Exchange credentials for an access token." },
+    { icon: "\u{1F464}", title: "GET /users/:id", desc: "Fetch a single user by id." },
+    { icon: "\u{1F4E6}", title: "GET /resources", desc: "List resources with cursor pagination." },
+    { icon: "\u270F\uFE0F", title: "PATCH /resources/:id", desc: "Partially update a resource." },
+    { icon: "\u{1F5D1}\uFE0F", title: "DELETE /resources/:id", desc: "Remove a resource (idempotent)." },
+    { icon: "\u{1FA9D}", title: "POST /webhooks", desc: "Subscribe to real-time events." }
+  ],
+  extra: `<Section eyebrow="Examples" title="Common requests" className="pt-0">
+        <div className="mx-auto max-w-3xl"><Accordion items={[
+          { q: "Authenticate", a: "curl -X POST /auth/token -d '{ \\"key\\": \\"...\\" }' \u2014 returns a bearer token valid for 24h." },
+          { q: "List with pagination", a: "GET /resources?limit=20&cursor=... \u2014 responses include a next_cursor field." },
+          { q: "Handle errors", a: "Every error returns a JSON body with a code and message, plus the right HTTP status." },
+        ]} /></div>
+      </Section>`,
+  cta: { title: "Need a hand?", subtitle: "Our team is happy to help you integrate.", label: "Talk to us", href: "/contact" }
+});
+var reservationsPage = (ctx) => {
+  const n = ctx.template.siteName;
+  return richPage(ctx, {
+    title: "Reservations",
+    path: "/reservations",
+    eyebrow: "Reservations",
+    description: `Book your table at ${n}.`,
+    heading: `Reserve your <span className="gradient-text">table</span>`,
+    lead: `We can't wait to host you at ${n}. Book ahead \u2014 we fill up fast.`,
+    split: { eyebrow: "Good to know", title: "Everything for a perfect evening", desc: "Walk-ins welcome, but reservations are recommended, especially on weekends.", bullets: ["Parties up to 12 online", "Private dining available", "Dietary needs? Just ask"], emoji: "\u{1F37D}\uFE0F" },
+    features: [
+      { icon: "\u{1F570}\uFE0F", title: "Lunch", desc: "Tue\u2013Fri \xB7 12:00\u201315:00" },
+      { icon: "\u{1F319}", title: "Dinner", desc: "Tue\u2013Sun \xB7 18:00\u201323:00" },
+      { icon: "\u{1F942}", title: "Weekend brunch", desc: "Sat\u2013Sun \xB7 10:00\u201314:00" },
+      { icon: "\u{1F389}", title: "Private events", desc: "Book the whole room." },
+      { icon: "\u{1F697}", title: "Parking", desc: "Valet available on evenings." },
+      { icon: "\u267F", title: "Accessible", desc: "Step-free access throughout." }
+    ],
+    extra: `<Section className="pt-0">
+        <div className="mx-auto max-w-2xl rounded-3xl border border-hairline bg-surface p-8 text-center">
+          <h2 className="text-2xl font-bold">Book by phone or online</h2>
+          <p className="mt-3 text-muted">Call us on <span className="font-semibold text-fg">+1 (555) 012-3456</span> or reserve online in seconds.</p>
+          <a href="/contact" className="mt-6 inline-block rounded-full gradient-bg px-8 py-3 font-semibold text-black">Reserve a table</a>
+        </div>
+      </Section>`,
+    cta: { title: "Planning something special?", subtitle: "Ask us about private dining and set menus.", label: "Enquire now", href: "/contact" }
+  });
+};
+var eventsPage = (ctx) => richPage(ctx, {
+  title: "Private events",
+  path: "/events",
+  eyebrow: "Private events",
+  description: `Host your event at ${ctx.template.siteName}.`,
+  heading: `Your event, <span className="gradient-text">elevated</span>`,
+  lead: "From intimate dinners to full buy-outs \u2014 we'll make it unforgettable.",
+  split: { eyebrow: "Occasions", title: "Made for the moments that matter", desc: "Birthdays, launches, weddings and everything in between.", bullets: ["Bespoke set menus", "Dedicated event host", "AV and styling on request"], emoji: "\u{1F389}" },
+  features: [
+    { icon: "\u{1F382}", title: "Celebrations", desc: "Birthdays and anniversaries, done right." },
+    { icon: "\u{1F4BC}", title: "Corporate", desc: "Launches, offsites and client dinners." },
+    { icon: "\u{1F48D}", title: "Weddings", desc: "Rehearsal dinners and receptions." },
+    { icon: "\u{1F377}", title: "Tastings", desc: "Guided wine and menu pairings." },
+    { icon: "\u{1F465}", title: "Buy-outs", desc: "The whole space, just for you." },
+    { icon: "\u{1F3B6}", title: "Live music", desc: "We'll arrange the perfect soundtrack." }
+  ],
+  cta: { title: "Let's plan your event", subtitle: "Tell us the date and the vibe \u2014 we'll handle the rest.", label: "Start planning", href: "/contact" }
+});
 var themeToggle = () => `"use client";
 
 import { useTheme } from "@lacspace/theme";
@@ -1631,7 +1808,7 @@ function pagesFor(ctx) {
   const common = [
     { path: "/about", label: "About", nav: true, group: "Company", real: true },
     { path: "/contact", label: "Contact", nav: true, group: "Company", real: true },
-    { path: "/careers", label: "Careers", group: "Company" },
+    { path: "/careers", label: "Careers", group: "Company", real: true },
     { path: "/faq", label: "FAQ", group: "Resources", real: true },
     { path: "/privacy", label: "Privacy", group: "Resources" },
     { path: "/terms", label: "Terms", group: "Resources" }
@@ -1644,12 +1821,12 @@ function pagesFor(ctx) {
     ],
     business: [
       { path: "/services", label: "Services", nav: true, group: "Product", real: true },
-      { path: "/work", label: "Work", nav: true, group: "Product" },
+      { path: "/work", label: "Work", nav: true, group: "Product", real: true },
       { path: "/pricing", label: "Pricing", nav: true, group: "Product", real: true }
     ],
     ecommerce: [
       { path: "/shop", label: "Shop", nav: true, group: "Product", real: true },
-      { path: "/collections", label: "Collections", nav: true, group: "Product" },
+      { path: "/collections", label: "Collections", nav: true, group: "Product", real: true },
       { path: "/cart", label: "Cart", group: "Product", real: true },
       { path: "/shipping", label: "Shipping", group: "Resources" },
       { path: "/returns", label: "Returns", group: "Resources" }
@@ -1668,14 +1845,14 @@ function pagesFor(ctx) {
     docs: [
       { path: "/docs", label: "Docs", nav: true, group: "Product", real: true },
       { path: "/guides", label: "Guides", nav: true, group: "Product", real: true },
-      { path: "/api-reference", label: "API", nav: true, group: "Product" },
+      { path: "/api-reference", label: "API", nav: true, group: "Product", real: true },
       { path: "/changelog", label: "Changelog", group: "Resources", real: true }
     ],
     restaurant: [
       { path: "/menu", label: "Menu", nav: true, group: "Product", real: true },
-      { path: "/reservations", label: "Reservations", nav: true, group: "Product" },
+      { path: "/reservations", label: "Reservations", nav: true, group: "Product", real: true },
       { path: "/gallery", label: "Gallery", nav: true, group: "Product", real: true },
-      { path: "/events", label: "Private events", group: "Resources" }
+      { path: "/events", label: "Private events", group: "Resources", real: true }
     ]
   };
   return [...specific[k] ?? [], ...common];
@@ -2938,7 +3115,10 @@ export * from "./avatar";
 function realPageFiles(ctx) {
   const k = ctx.template.key;
   const f = {};
-  if (k !== "dashboard") f["app/faq/page.tsx"] = faqPage(ctx);
+  if (k !== "dashboard") {
+    f["app/faq/page.tsx"] = faqPage(ctx);
+    f["app/careers/page.tsx"] = careersPage(ctx);
+  }
   if (k === "personal") {
     f["app/work/page.tsx"] = workPage(ctx);
     f["app/uses/page.tsx"] = usesPage(ctx);
@@ -2946,6 +3126,7 @@ function realPageFiles(ctx) {
   if (k === "business") {
     f["app/services/page.tsx"] = servicesPage(ctx);
     f["app/pricing/page.tsx"] = pricingPage(ctx);
+    f["app/work/page.tsx"] = businessWorkPage(ctx);
   }
   if (k === "saas") {
     f["app/features/page.tsx"] = featuresPage(ctx);
@@ -2956,6 +3137,7 @@ function realPageFiles(ctx) {
   if (k === "ecommerce") {
     f["app/shop/page.tsx"] = shopPage(ctx);
     f["app/cart/page.tsx"] = cartPage();
+    f["app/collections/page.tsx"] = collectionsPage(ctx);
     f["components/product-grid.tsx"] = productGrid();
     f["components/cart-view.tsx"] = cartView();
   }
@@ -2966,10 +3148,13 @@ function realPageFiles(ctx) {
   if (k === "docs") {
     f["app/guides/page.tsx"] = guidesPage();
     f["app/changelog/page.tsx"] = changelogPage(ctx);
+    f["app/api-reference/page.tsx"] = apiRefPage(ctx);
   }
   if (k === "restaurant") {
     f["app/menu/page.tsx"] = menuPage(ctx);
     f["app/gallery/page.tsx"] = galleryPage(ctx);
+    f["app/reservations/page.tsx"] = reservationsPage(ctx);
+    f["app/events/page.tsx"] = eventsPage(ctx);
   }
   if (k === "dashboard") {
     f["app/settings/page.tsx"] = settingsPage(ctx);

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "create-lacspace-app",
-  "version": "1.13.0",
+  "version": "1.14.1",
   "description": "Scaffold a beautiful, production-ready Next.js app from a Lacspace template — portfolio, business, e-commerce, SaaS, blog, docs, dashboard or restaurant — pre-wired with SEO, security headers, sitemap and robots. Like create-next-app, but you start gorgeous.",
   "type": "module",
   "bin": {
     "create-lacspace-app": "dist/index.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "BENCHMARKS.md"
   ],
   "scripts": {
     "build": "tsup",