create-lacspace-app 1.13.0 → 1.14.0

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,6 +1,6 @@
 {
   "name": "create-lacspace-app",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "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": {