@dreamtree-org/landing-kit 0.2.0 → 0.2.1

package/README.md

@@ -1,12 +1,11 @@
 # @dreamtree-org/landing-kit
 
-Replaces the marketing landing setup copied across billpro, taskpro and venturepro (page chrome,
-sections, "Book a demo" dialog, SEO files, Express routes and prerender) with one content-driven
-package that looks like the same family as the `@dreamtree-org/auth-kit` login screens.
+The shared marketing landing pages **and** authentication frame (`<AuthShell>`, `brands`, `getBrand`) for every Dreamtree product: replaces the landing setup copied across billpro, taskpro and venturepro (page chrome, sections, "Book a demo" dialog, SEO files, Express routes and prerender) and the login/signup/reset/platform-admin frame in one package.
 
-- One facade: `<LandingPage brand={getBrand('billpro')} content={content} />`. A product's landing page is a content file.
-- Same brand objects and `--dt-*` colours as auth-kit (`brands` / `getBrand` are re-exported from it).
-- Plain CSS. It looks the same under Tailwind 3, Tailwind 4 (preflight or not) or no Tailwind. Dark mode via `[data-theme="dark"]` or `.dark`.
+- Two facades sharing one brand registry (`brands` / `getBrand(id)`):
+  - `<LandingPage brand={getBrand('billpro')} content={content} />` — a product's landing page is a content file.
+  - `<AuthShell brand={getBrand('billpro')} title="Welcome back">…</AuthShell>` (also available at `@dreamtree-org/landing-kit/auth` + `@dreamtree-org/landing-kit/auth.css`).
+- Plain CSS (`--dt-*` custom properties). It looks the same under Tailwind 3, Tailwind 4 (preflight or not) or no Tailwind. Dark mode via `[data-theme="dark"]` or `.dark`.
 - Built for prerendered, **un-hydrated** pages (fast and crawlable): `enhanceLanding()` wires the menu and the demo button in a few hundred bytes. It also works hydrated in an SPA or Next.js (`'use client'`, `onBookDemo`, `linkComponent`).
 - Responsive from 320px up. The nav folds into a menu below 1024px. Checked with Playwright at 320/375/768/1024/1440, light and dark.
 
@@ -93,6 +92,39 @@ Then prerender it and serve it (Express recipe below), or render it in your SPA
 | `createDemoIsland(props)` | mounts `DemoDialog` on demand for un-hydrated pages; returns `{ openDemo }` |
 | `BookDemoButton`, `BrandLockup`, `Section`, `SectionIntro`, `TextLink`, `SmartLink` | building blocks |
 
+### `<AuthShell>` & `@dreamtree-org/landing-kit/auth`
+
+The shared auth frame for login, signup, password reset, consent and platform-admin sign-in (`desktop [ brand panel 40% | form card ]`, `mobile [ logo · form card · footer · legal links ]`). Import from `@dreamtree-org/landing-kit` or the lightweight `@dreamtree-org/landing-kit/auth` subpath (with `@dreamtree-org/landing-kit/auth.css` or `styles.css`).
+
+```jsx
+import { AuthShell, getBrand } from '@dreamtree-org/landing-kit/auth';
+import '@dreamtree-org/landing-kit/auth.css';
+
+export default function Login() {
+  return (
+    <AuthShell
+      brand={getBrand('venturepro')}
+      linkComponent={Link}
+      title="Welcome back"
+      subtitle="Sign in to manage your ventures and units."
+      footer={<>New here? <Link to="/register">Register now</Link></>}
+    >
+      {/* your form */}
+    </AuthShell>
+  );
+}
+```
+
+| Prop | Type | Default | Meaning |
+|---|---|---|---|
+| `brand` | `Brand` | required | from `getBrand(id)` (`billpro`, `taskpro`, `venturepro`, `campaignpro`, `firepro`, `procurementpro`, `fitweavepro`, `aiagentbuilder`, `runloompro`, `appforge`) or your own object |
+| `title` | node | required | card heading |
+| `subtitle` | node | | under the heading |
+| `footer` | node | | below the card (e.g. "Register now") |
+| `variant` | `'tenant' \| 'platform'` | `'tenant'` | `'platform'` renders a darker panel + `"Platform"` badge |
+| `legalLinks` | `{label, href}[]` | Privacy, Terms, Data Policy | `[]` hides them |
+| `linkComponent` | component | `<a>` | receives both `to` and `href` |
+
 ### `@dreamtree-org/landing-kit/enhance`
 
 `enhanceLanding(root = document, { openDemo | loadDemo, warmDemo, hash = '#book-demo' })`: wires

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/landing-kit",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "The shared marketing site and auth frame (AuthShell + brands) for every Dreamtree product: content-driven landing pages, login/signup shell, Express routes, prerender and SEO files.",
   "type": "module",
   "license": "MIT",