@pylonsync/create-pylon 0.3.273 → 0.3.275

package/templates/creator/functions/subscribe.ts

@@ -0,0 +1,82 @@
+import { mutation, v } from "@pylonsync/functions";
+
+// Normalize + sanity-check an email without pulling in a dependency. This is a
+// pragmatic "looks like an email" check, not RFC 5322 — the unique index is the
+// real integrity guard. We cap the length so a hostile caller can't stuff a
+// megabyte string into the row.
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function normalizeEmail(raw: string): string | null {
+  const email = raw.trim().toLowerCase();
+  if (email.length < 3 || email.length > 254) return null;
+  if (!EMAIL_RE.test(email)) return null;
+  return email;
+}
+
+// subscribe — the ONLY way a Subscriber row is ever written. It's a `mutation`
+// (not an `action`): mutations get `ctx.db` access and run as one atomic
+// transaction. It also bumps the public SubscriberCount row, which the landing
+// page reads via `db.useQuery` — so the counter ticks up on every open tab in
+// realtime.
+//
+// `auth: "public"` because a landing-page visitor has no account. Public
+// mutations are still rate-limited at the HTTP layer in production (the
+// framework's rate_limit plugin); here we also validate + dedupe so the same
+// email can't inflate the count.
+//
+// PRIVACY: this returns only `{ ok, alreadyJoined }`. It never returns a Subscriber
+// row, an id, or anyone else's email.
+export default mutation<{ email: string }, { ok: boolean; alreadyJoined: boolean }>({
+  auth: "public",
+  args: { email: v.string() },
+  async handler(ctx, args) {
+    const email = normalizeEmail(args.email);
+    if (!email) {
+      throw ctx.error("INVALID_ARGS", "Enter a valid email address.");
+    }
+
+    // Subscriber denies ALL client access by policy, so these go through
+    // `ctx.db.unsafe` — the explicit "this is an intentional cross-user write
+    // from a trusted handler" surface (also future-proofs against
+    // PYLON_STRICT_FN_POLICIES). The handler IS the only writer.
+    //
+    // Dedupe: if this email already joined, report success idempotently rather
+    // than erroring — re-submitting the same address is a no-op, not a failure.
+    const existing = await ctx.db.unsafe.lookup("Subscriber", "email", email);
+    if (existing) {
+      return { ok: true, alreadyJoined: true };
+    }
+
+    try {
+      await ctx.db.unsafe.insert("Subscriber", {
+        email,
+        createdAt: new Date().toISOString(),
+      });
+    } catch (e) {
+      // Lost a race to a concurrent insert of the same email — the unique index
+      // on `email` rejected the duplicate. That's still "you're on the list".
+      const msg = e instanceof Error ? e.message : String(e);
+      if (/unique|constraint|conflict|duplicate/i.test(msg)) {
+        return { ok: true, alreadyJoined: true };
+      }
+      throw e;
+    }
+
+    // Keep the public, PII-free SubscriberCount singleton in sync with the real
+    // count. We RECOUNT (rather than +1) so the number can never drift, and
+    // this whole handler is one transaction — on SQLite writers serialize, so
+    // the recount-then-write is consistent. The landing page reads this row via
+    // `db.useQuery`, which syncs the new value to every open tab.
+    const total = (await ctx.db.unsafe.list("Subscriber")).length;
+    const stat = (await ctx.db.unsafe.list("SubscriberCount"))[0] as
+      | { id: string }
+      | undefined;
+    const now = new Date().toISOString();
+    if (stat) {
+      await ctx.db.unsafe.update("SubscriberCount", stat.id, { count: total, updatedAt: now });
+    } else {
+      await ctx.db.unsafe.insert("SubscriberCount", { count: total, updatedAt: now });
+    }
+
+    return { ok: true, alreadyJoined: false };
+  },
+});

package/templates/creator/functions/subscriberStats.ts

@@ -0,0 +1,75 @@
+import { query } from "@pylonsync/functions";
+import { emailMatchesOwner } from "../lib/owner";
+import type { SubscriberRow, SubscriberStatsResult } from "../lib/stats";
+
+// subscriberStats — the owner's view of the raw subscribers, INCLUDING emails. This
+// is the one function allowed to return PII, so it's gated hard: only the
+// configured owner (PYLON_OWNER_EMAIL) gets data; anyone else is denied.
+//
+// The dashboard calls this with `callFn` and re-fetches whenever the live,
+// public SubscriberCount count ticks — so the total / chart / list stay current as
+// people join, while the emails themselves never travel over entity sync.
+//
+// `auth: "user"` means an anonymous caller never reaches the handler; the
+// extra owner check is what stops a *different* signed-in user from reading the
+// list. Functions bypass the Subscriber read policy, which is exactly why the gate
+// has to live here.
+function ymd(iso: string): string {
+  // Bucket by calendar day in UTC. `toISOString()` is always YYYY-MM-DDT…Z.
+  return new Date(iso).toISOString().slice(0, 10);
+}
+
+export default query({
+  auth: "user",
+  async handler(ctx): Promise<SubscriberStatsResult> {
+    // AuthInfo carries the userId, not the email — resolve the caller's email
+    // from their own User row (the User self-read policy allows that), then
+    // check it against the configured owner. A non-owner gets `authorized:
+    // false` and NOTHING else — no count, no emails. (We return a flag instead
+    // of throwing: a query has no `ctx.error`, and a bare throw reaches the
+    // client as a generic, message-stripped HANDLER_ERROR.)
+    const me = await ctx.db.get("User", ctx.auth.userId);
+    const email = (me?.email as string | undefined) ?? null;
+    if (!emailMatchesOwner(email, ctx.env.PYLON_OWNER_EMAIL)) {
+      return { authorized: false };
+    }
+
+    // Subscriber denies all client reads; this returns every row (owner-only), so
+    // it goes through the intentional cross-user read surface.
+    const rows = (await ctx.db.unsafe.list("Subscriber")) as unknown as SubscriberRow[];
+
+    const subscribers = rows
+      .map((r) => ({ id: r.id, email: r.email, createdAt: r.createdAt }))
+      .sort((a, b) => (a.createdAt < b.createdAt ? 1 : -1));
+
+    // Daily buckets for the last 30 days, zero-filled so the chart is
+    // continuous even on days with no subscribers.
+    const byDay = new Map<string, number>();
+    for (const r of rows) {
+      const key = ymd(r.createdAt);
+      byDay.set(key, (byDay.get(key) ?? 0) + 1);
+    }
+    const now = new Date();
+    const todayKey = now.toISOString().slice(0, 10);
+    const daily: { date: string; count: number }[] = [];
+    for (let i = 29; i >= 0; i--) {
+      const d = new Date(now);
+      d.setUTCDate(d.getUTCDate() - i);
+      const key = d.toISOString().slice(0, 10);
+      daily.push({ date: key, count: byDay.get(key) ?? 0 });
+    }
+
+    const sevenDaysAgo = new Date(now);
+    sevenDaysAgo.setUTCDate(sevenDaysAgo.getUTCDate() - 7);
+    const last7 = rows.filter((r) => new Date(r.createdAt) >= sevenDaysAgo).length;
+
+    return {
+      authorized: true,
+      total: rows.length,
+      today: byDay.get(todayKey) ?? 0,
+      last7,
+      daily,
+      subscribers,
+    };
+  },
+});

package/templates/creator/gitignore

@@ -0,0 +1,10 @@
+node_modules/
+.pylon/
+pylon.manifest.json
+pylon.client.ts
+web/dist/
+*.db
+*.db-*
+.env
+.env.local
+.DS_Store

package/templates/creator/lib/owner.ts

@@ -0,0 +1,26 @@
+// Who owns this newsletter? A newsletter is single-tenant — one business, one
+// owner — so ownership is just "the email the owner signs in with", configured
+// once via the PYLON_OWNER_EMAIL env var. The owner-only `subscriberStats`
+// function reads that env (via `ctx.env`) and compares it here.
+//
+// Fail closed: if PYLON_OWNER_EMAIL is unset, NOBODY is the owner and the
+// dashboard stays locked. That's deliberate — an unset owner on a public site
+// must not mean "everyone can read the subscribers". Set it in .env (see
+// .env.example) before signing in.
+
+export function normalizeOwner(raw: string | null | undefined): string | null {
+  const v = raw?.trim().toLowerCase();
+  return v && v.length > 0 ? v : null;
+}
+
+// Pure comparator — the caller supplies the configured owner value (from
+// `ctx.env.PYLON_OWNER_EMAIL`), so the rule lives in one place and stays
+// testable without reaching for the environment here.
+export function emailMatchesOwner(
+  email: string | null | undefined,
+  ownerRaw: string | null | undefined,
+): boolean {
+  const owner = normalizeOwner(ownerRaw);
+  if (!owner) return false;
+  return (email ?? "").trim().toLowerCase() === owner;
+}

package/templates/creator/lib/site.config.ts

@@ -0,0 +1,173 @@
+// THE single source of truth for everything personal/business-specific on this
+// creator site. Rebrand the whole page by editing this ONE file — the landing
+// page and layout read from here and stay generic. The create-pylon scaffolder
+// and Mast target this file too.
+//
+// Colors live here (applied as CSS variables on <html> in app/layout.tsx).
+// Fictional demo copy — replace the values, keep the shape.
+
+/* ----------------------------- types ----------------------------- */
+
+export type Social = { label: string; href: string; path: string };
+
+export type BaseConfig = {
+  brand: {
+    name: string;
+    letter: string; // monogram
+    domain: string;
+    email: string;
+    footerBlurb: string;
+    copyrightName: string;
+    socials: Social[];
+  };
+  colors: { brand: string; brandSoft: string; paper: string };
+  seo: { title: string; description: string };
+};
+
+export type Offering = { title: string; body: string; price?: string };
+export type Testimonial = { quote: string; name: string; role: string };
+export type LinkItem = { label: string; href: string; note?: string };
+
+export type CreatorConfig = BaseConfig & {
+  hero: {
+    badge: string;
+    name: string; // the person / personal brand
+    tagline: string; // one-line "what you do"
+    intro: string; // a short paragraph
+  };
+  about: { eyebrow: string; headline: string; paragraphs: string[] };
+  offerings: { eyebrow: string; headline: string; items: Offering[] };
+  testimonials?: { eyebrow: string; headline: string; items: Testimonial[] };
+  // The realtime feature: a live newsletter subscriber count.
+  newsletter: {
+    eyebrow: string;
+    headline: string;
+    subcopy: string;
+    emailPlaceholder: string;
+    ctaLabel: string;
+    successMessage: string;
+    counterLabel: string; // e.g. "readers subscribed"
+    seedCount?: number; // vanity baseline added to the real live count
+  };
+  links?: { eyebrow: string; headline: string; items: LinkItem[] };
+};
+
+/* ----------------------------- config ---------------------------- */
+
+export const siteConfig: CreatorConfig = {
+  brand: {
+    name: "Maya Rivera",
+    letter: "M",
+    domain: "mayarivera.co",
+    email: "hello@mayarivera.example",
+    footerBlurb:
+      "Product design coach and writer. I help designers do braver work — through 1:1 coaching, portfolio reviews, and a weekly newsletter.",
+    copyrightName: "Maya Rivera",
+    socials: [
+      {
+        label: "X",
+        href: "https://x.com/pylonsync",
+        path: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z",
+      },
+      {
+        label: "GitHub",
+        href: "https://github.com/pylonsync/pylon",
+        path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
+      },
+    ],
+  },
+
+  colors: { brand: "#0d9488", brandSoft: "#ccfbf1", paper: "#fafafa" },
+
+  seo: {
+    title: "Maya Rivera — product design coach & writer",
+    description:
+      "Product design coaching, portfolio reviews, and a weekly newsletter for designers who want to do braver work.",
+  },
+
+  hero: {
+    badge: "Now coaching · 2 spots open",
+    name: "Maya Rivera",
+    tagline: "Product design coach & writer.",
+    intro:
+      "I help product designers get unstuck, sharpen their portfolios, and do the bravest work of their careers. Fifteen years in the room; now I spend it in yours.",
+  },
+
+  about: {
+    eyebrow: "About",
+    headline: "Hi, I'm Maya.",
+    paragraphs: [
+      "I've led design at two startups and a public company, shipped products to millions, and mentored designers who now lead teams of their own.",
+      "These days I coach one-on-one, review portfolios, and write a weekly newsletter about the craft and the career. No fluff, no hustle — just the things that actually move your work forward.",
+    ],
+  },
+
+  offerings: {
+    eyebrow: "Work with me",
+    headline: "Three ways I can help.",
+    items: [
+      {
+        title: "1:1 coaching",
+        body: "Monthly sessions on whatever's in your way — craft, career, confidence. We build a plan and I hold you to it.",
+        price: "from $400/mo",
+      },
+      {
+        title: "Portfolio review",
+        body: "A deep, honest teardown of your portfolio and a recorded walkthrough with everything I'd change.",
+        price: "$250",
+      },
+      {
+        title: "Team workshops",
+        body: "Half-day workshops on critique, design systems, and shipping faster without lowering the bar.",
+        price: "let's talk",
+      },
+    ],
+  },
+
+  testimonials: {
+    eyebrow: "Kind words",
+    headline: "From people I've worked with.",
+    items: [
+      {
+        quote:
+          "Maya helped me land a senior role in three months. The portfolio review alone was worth ten times the price.",
+        name: "Daniel Reyes",
+        role: "Senior Product Designer",
+      },
+      {
+        quote:
+          "Our whole team got sharper after Maya's critique workshop. Calmer feedback, better work, less ego.",
+        name: "Hannah Brooks",
+        role: "Design Manager",
+      },
+      {
+        quote:
+          "The newsletter is the only one I actually read every week. It's like a coaching session in my inbox.",
+        name: "Marcus Bell",
+        role: "Product Designer",
+      },
+    ],
+  },
+
+  newsletter: {
+    eyebrow: "The Studio Notes",
+    headline: "A weekly letter on the craft and the career.",
+    subcopy:
+      "One short, useful email every Sunday — on design, taste, and doing brave work. No spam, unsubscribe anytime.",
+    emailPlaceholder: "you@email.com",
+    ctaLabel: "Subscribe",
+    successMessage: "You're in — watch your inbox this Sunday.",
+    counterLabel: "designers reading",
+    seedCount: 2400,
+  },
+
+  links: {
+    eyebrow: "Elsewhere",
+    headline: "Find me around the web.",
+    items: [
+      { label: "Portfolio", href: "#", note: "Selected work, 2010–today" },
+      { label: "Read the archive", href: "#", note: "Every past issue of The Studio Notes" },
+      { label: "Book a free intro call", href: "#", note: "15 minutes, no pitch" },
+    ],
+  },
+};

package/templates/creator/lib/stats.ts

@@ -0,0 +1,30 @@
+// Shape of the owner dashboard's data, shared by the server query
+// (functions/subscriberStats.ts) that produces it and the client view
+// (app/dashboard/dashboard-client.tsx) that renders it. Keeping it here means
+// the client never imports server code — just the type.
+
+export interface SubscriberRow {
+  id: string;
+  email: string;
+  createdAt: string;
+}
+
+export interface SubscriberStatsData {
+  total: number;
+  today: number;
+  last7: number;
+  /** Last 30 days, ascending — continuous (zero-filled) for the chart. */
+  daily: { date: string; count: number }[];
+  /** Every subscriber, newest first — powers the list + CSV export. */
+  subscribers: SubscriberRow[];
+}
+
+// subscriberStats returns a DISCRIMINATED result rather than throwing on a
+// non-owner: a query handler has no `ctx.error`, and a plain `throw` reaches
+// the client as a generic, message-stripped HANDLER_ERROR — useless for telling
+// "you're not the owner" apart from a real failure. So a non-owner gets
+// `{ authorized: false }` (and crucially, NO subscriber data); the owner gets the
+// stats. The client switches on `authorized`.
+export type SubscriberStatsResult =
+  | ({ authorized: true } & SubscriberStatsData)
+  | { authorized: false };

package/templates/creator/lib/utils.ts

@@ -0,0 +1,10 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+// `cn` — the shadcn class merger. clsx resolves conditional/array class
+// inputs; tailwind-merge then dedupes conflicting Tailwind utilities so
+// the last one wins (e.g. `cn("px-2", "px-4")` → "px-4"). Every shadcn
+// component routes its className through this.
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/creator/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "__APP_NAME_KEBAB__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "pylon dev",
+    "deploy": "pylon deploy",
+    "check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@pylonsync/react": "^__PYLON_VERSION__",
+    "@pylonsync/sdk": "^__PYLON_VERSION__",
+    "@pylonsync/functions": "^__PYLON_VERSION__",
+    "@pylonsync/client": "^__PYLON_VERSION__",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.3.0",
+    "@tailwindcss/cli": "^4.3.0",
+    "tw-animate-css": "^1.2.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.0",
+    "lucide-react": "^0.460.0",
+    "@radix-ui/react-slot": "^1.1.0"
+  },
+  "devDependencies": {
+    "@pylonsync/cli": "^__PYLON_VERSION__",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.6.0"
+  }
+}

package/templates/creator/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "lib": ["ES2022", "DOM"],
+    "types": ["react", "react-dom", "node"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["app.ts", "app/**/*", "components/**/*", "lib/**/*", "functions/**/*"]
+}

package/templates/default/app/layout.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { Link, type PageAuth } from "@pylonsync/react";
 import { PRODUCTS } from "@/lib/products";
 import { SOLUTIONS, RESOURCES, COMPANY, COMPARISONS } from "@/lib/site";
+import { siteConfig } from "@/lib/site.config";
 
 // A layout receives the page props plus `children`. `auth.user_id` is null for
 // anonymous visitors and the signed-in user's id otherwise — resolved
@@ -27,11 +28,11 @@ const PRODUCT_MENU: MenuItem[] = PRODUCTS.map((p) => ({
 }));
 
 const RESOURCES_MENU: MenuItem[] = [
-  { icon: "▢", title: "Docs", desc: "Set up and use Acme.", href: "/resources/docs" },
+  { icon: "▢", title: "Docs", desc: `Set up and use ${siteConfig.brand.name}.`, href: "/resources/docs" },
   { icon: "✎", title: "Guides", desc: "Playbooks and walkthroughs.", href: "/resources/guides" },
-  { icon: "✦", title: "Changelog", desc: "What's new in Acme.", href: "/resources/changelog" },
-  { icon: "⌘", title: "API reference", desc: "Build on the Acme API.", href: "/resources/api" },
-  { icon: "◈", title: "Compare", desc: "See how Acme stacks up.", href: `/compare/${COMPARISONS[0].slug}` },
+  { icon: "✦", title: "Changelog", desc: `What's new in ${siteConfig.brand.name}.`, href: "/resources/changelog" },
+  { icon: "⌘", title: "API reference", desc: `Build on the ${siteConfig.brand.name} API.`, href: "/resources/api" },
+  { icon: "◈", title: "Compare", desc: `See how ${siteConfig.brand.name} stacks up.`, href: `/compare/${COMPARISONS[0].slug}` },
 ];
 
 // A hover/focus dropdown — pure CSS via `group`, so the nav stays a server
@@ -184,7 +185,19 @@ export default function RootLayout({ children, url, auth }: LayoutProps) {
   const BARE_PREFIXES = ["/login", "/signup", "/onboarding", "/dashboard"];
   const isBare = BARE_PREFIXES.some((p) => path === p || path.startsWith(p + "/"));
   return (
-    <html lang="en">
+    <html
+      lang="en"
+      // Marketing theme colors come from the single site config (lib/site.config.ts).
+      // Set as inline CSS vars on <html> so they override globals.css defaults and
+      // the whole site re-themes from one place — no CSS edit needed.
+      style={
+        {
+          "--brand": siteConfig.colors.brand,
+          "--brand-soft": siteConfig.colors.brandSoft,
+          "--paper": siteConfig.colors.paper,
+        } as React.CSSProperties
+      }
+    >
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -217,10 +230,10 @@ export default function RootLayout({ children, url, auth }: LayoutProps) {
             <div className="flex items-center gap-8">
               <Link href="/" className="flex items-center gap-2">
                 <span className="flex size-6 items-center justify-center rounded-[7px] bg-zinc-900 text-[13px] font-bold text-white">
-                  A
+                  {siteConfig.brand.letter}
                 </span>
                 <span className="text-[15px] font-semibold tracking-tight text-zinc-900">
-                  Acme
+                  {siteConfig.brand.name}
                 </span>
               </Link>
               <nav className="hidden items-center gap-6 md:flex">
@@ -369,19 +382,6 @@ function FooterGroup({
   );
 }
 
-const SOCIALS = [
-  {
-    label: "X",
-    href: "https://x.com/pylonsync",
-    path: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z",
-  },
-  {
-    label: "GitHub",
-    href: "https://github.com/pylonsync/pylon",
-    path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
-  },
-];
-
 function SiteFooter() {
   return (
     <footer className="border-t border-zinc-200/70 bg-white">
@@ -390,18 +390,17 @@ function SiteFooter() {
         <div className="max-w-xs">
           <Link href="/" className="inline-flex items-center gap-2">
             <span className="flex size-7 items-center justify-center rounded-lg bg-zinc-900 text-sm font-bold text-white">
-              A
+              {siteConfig.brand.letter}
             </span>
             <span className="text-[15px] font-semibold tracking-tight text-zinc-900">
-              Acme
+              {siteConfig.brand.name}
             </span>
           </Link>
           <p className="mt-4 text-[13px] leading-relaxed text-zinc-500">
-            The workspace where your team plans, builds, and ships together —
-            projects, docs, and automation in one place.
+            {siteConfig.brand.footerBlurb}
           </p>
           <div className="mt-5 flex items-center gap-4">
-            {SOCIALS.map((s) => (
+            {siteConfig.brand.socials.map((s) => (
               <a
                 key={s.label}
                 href={s.href}
@@ -414,7 +413,7 @@ function SiteFooter() {
               </a>
             ))}
             <a
-              href="mailto:hello@acme.example"
+              href={`mailto:${siteConfig.brand.email}`}
               aria-label="Email"
               className="text-zinc-400 transition-colors hover:text-zinc-900"
             >
@@ -449,7 +448,7 @@ function SiteFooter() {
         </div>
 
         <div className="mt-14 flex flex-col items-start justify-between gap-3 border-t border-zinc-200/70 pt-6 text-[12px] text-zinc-400 sm:flex-row sm:items-center">
-          <span>© {new Date().getFullYear()} Acme, Inc.</span>
+          <span>© {new Date().getFullYear()} {siteConfig.brand.copyrightName}</span>
           <span>
             Built with{" "}
             <a