AI · claude-opus-4-7radosukalaWednesday, April 29 at 10:36 AM UTC0baef2dOur-One/our-one

Homepage Phase 1: living organism over SaaS landing — operator anchor, products, gloss

+562 / −1337 filesscreenshot pending

AI reasoning

The operator audited the homepage and found it didn't tell a visitor what Our.one is, who Rado is, what $100 buys, what we won't build, or where to click. After re-reading construction-as-product-draft.md and visible- causality-memo.md, the deeper diagnosis became clear: the message exists in /content/en/manifesto.md and /content/en/homepage.md but the React homepage extracted poetic fragments and lost the concrete plain-English explanation. The three-beat scaffold from the visible-causality memo leaked into copy as section labels and was never rewritten as visitor- facing wording.

This commit is Phase 1: recover the manifesto's clarity, drop the leaked scaffolding, hide the empty placeholders that broadcast emptiness, and introduce the products-as-collection-points pattern (products without code can live on the homepage as collection surfaces for refusals and member wishes against a named incumbent — the operator's instinct that "we can build this within 30 minutes" turned into product surface).

Phase 2 (movement-pulse activity feed, /products/[slug] richer body, recent-NOs/YESes/Humans surfaces) follows after operator publishes the 5 Comparison drafts and authors ADR 0002/0003.

Notes

The homepage was structured as a SaaS landing page wearing constitutional language: hero with abstract poetry ("Code is free. Distribution is the moat."), three beats with leaked scaffolding labels ("BEAT 1 · WHAT WE REFUSE"), empty placeholders that broadcast emptiness ("First Patron lands at Stripe go-live"), 11 commitments as bare claims, five roles dumped before visitors knew what was being built. A visitor in 90 seconds couldn't answer what Our.one is, who Rado is, what $100 buys, or where to click.

Phase 1 of the rewrite — covered in [redacted: home-path]/.claude/plans/we-are- building-our-dynamic-owl.md — recovers the manifesto's plain-English clarity and reframes the page as a living dashboard, not a brochure.

Hero rewrite (homepage.tsx ThreeBeatHero):

Rado Sukala photo + name + role chip moved to the top of the hero, not buried at the bottom as a closing signature
New H1 "Products owned by their users." replaces the abstract "Code is free. Distribution is the moat." (which moves to a smaller tagline)
Plain-English offer paragraph: "Our.one is a movement of users co-building the products they use. Pay $100 once — permanent vote on every product we ship + share of every dollar of revenue, forever + position in the first 1,000."
Three CTAs: Become Founding Patron (primary), Read the contract, See what we're building

Products surface (NEW):

src/shared/products/registry.ts — typed registry of products with status ("live" | "in-build" | "planning"), incumbentSlug, demoUrl, version
src/marketing/components/products-strip.tsx — renders the registry as cards on the homepage. Status-aware shapes: live products get "Try it", in-build get "See current state", planning get "Help shape this"
src/app/(marketing)/products/[slug]/page.tsx — per-product collection page. For planning products (no code yet), surfaces the named incumbent, the refusals confirmed against it, and the wish/refuse-a-behavior CTAs. This is the "products as collection points before code" pattern: a product on the homepage can exist as a constitutional posture and a member-wish queue before any line of product code is written.
4 initial entries: Hall (live, the ship feed), Linker (in-build, vs LinkedIn), Forum (planning, vs Twitter/X), Notes (planning, vs Substack)

Beat labels dropped:

"Beat 1 · What we refuse" → "What we constitutionally refuse"
"Beat 2 · The real human with a name" → "Real humans, named"
"Beat 3 · The offer with mechanical urgency" → "$100 once. Lifetime."

Empty-state hides:

RealHumanBeat returns null when no Patron exists, instead of broadcasting "First Patron lands at Stripe go-live"
PatronSection returns null when reservations.length === 0, instead of showing an empty wall labelled "Be first on the wall"
Both surfaces auto-activate the moment Rado completes Patron #1 via Stripe — no further code change needed

Constitution gloss:

Heading rewritten: "Eleven things we can't change without a supermajority vote" replaces "Eleven things we commit to. In the contract, not the marketing copy."
Each of the 11 commitments now paired with a one-line gloss explaining the visitor-facing implication. Example for #1 (90% to humans): "Translation: when products make money, you get the bulk of it. Not VCs. Not Wall Street. The people who built it and use it."
Glosses live in COMMITMENT_GLOSSES record in homepage.tsx; can lift to shared/constitution.ts later if other surfaces need them

Removed:

Roles section (5 detailed role cards). The role economics live on /join (content/en/join.md) where they belong; on the homepage they appeared before the visitor knew what was being built and produced more confusion than orientation.
Unused ROLES constant from homepage.tsx

Files changed

Asrc/app/(marketing)/products/[slug]/page.tsx+232 / −0
Msrc/marketing/components/homepage.tsx+106 / −95
Msrc/marketing/components/named-betrayal-beat.tsx+3 / −3
Msrc/marketing/components/offer-beat.tsx+1 / −1
Asrc/marketing/components/products-strip.tsx+115 / −0
Msrc/marketing/components/real-human-beat.tsx+10 / −34
Asrc/shared/products/registry.ts+95 / −0

Diff

Lines reveal in sequence as you scroll. First 20 lines per file shown — expand for the rest.

new filesrc/app/(marketing)/products/[slug]/page.tsx+232 / −0tsx

	@@ -0,0 +1,232 @@
+	import Link from "next/link";
+	import { notFound } from "next/navigation";
+	import type { Metadata } from "next";
+	import { getProductBySlug, type ProductEntry } from "@/shared/products/registry";
+	import { listPublishedComparisonsByIncumbent } from "@/shared/comparisons/queries";
+	import { findIncumbentBySlug } from "@/shared/comparisons/queries";
+
+	export const dynamic = "force-dynamic";
+
+	interface PageProps {
+	params: Promise<{ slug: string }>;
+	}
+
+	export async function generateMetadata({
+	params,
+	}: PageProps): Promise<Metadata> {
+	const { slug } = await params;
+	const product = getProductBySlug(slug);
+	if (!product) return { title: "Product — Our.one" };

modifiedsrc/marketing/components/homepage.tsx+106 / −95tsx

	@@ -20,36 +20,29 @@ import { HomeActions } from "./home-actions";
	import { NamedBetrayalBeat } from "./named-betrayal-beat";
	import { RealHumanBeat } from "./real-human-beat";
	import { OfferBeat } from "./offer-beat";
+	import { ProductsStrip } from "./products-strip";

	// COMMITMENTS rendered with their canonical numbers from the constitution.
+	// ROLES section was removed from homepage in the living-organism rewrite —
+	// the role economics are now on /join (content/en/join.md) where they belong.

−	const ROLES: { name: string; what: string; how: string }[] = [
−	{
−	name: "User",
−	what: "Subscribe, use, retain.",
−	how: "40% of every flagship's net revenue flows back to Users. The product pays you to stay.",
−	},
−	{
−	name: "Ambassador",
−	what: "Bring anyone onto a product — consumer signups or enterprise deals.",
−	how: "25% of net revenue, recurring share of what your recruits generate, single-level attribution.",

modifiedsrc/marketing/components/named-betrayal-beat.tsx+3 / −3tsx

	@@ -45,7 +45,7 @@ export async function NamedBetrayalBeat() {

	if (!feature) {
	return (
−	<BeatShell label="Beat 1 · What we refuse">
+	<BeatShell label="What we constitutionally refuse">
	<div className="flex flex-col gap-6 rounded-2xl border-2 border-dashed border-stone-300 bg-stone-50 px-6 py-10 md:px-8 md:py-12">
	<p className="font-sans text-[11px] font-medium uppercase tracking-[0.25em] text-stone-500">
	Refusals being drafted now
	@@ -111,8 +111,8 @@ export async function NamedBetrayalBeat() {

	const noSplit = isRefusal ? splitNoTitle(feature.title) : null;
	const sectionLabel = isRefusal
−	? "Beat 1 · What we refuse"
−	: "Beat 1 · What we ship";
+	? "What we constitutionally refuse"
+	: "What we ship this week";
	const scopeTag = isRefusal
	? `Constitutional refusal · ${feature.productScope ?? "portfolio-wide"}`
	: `Our.one ships${feature.productScope ? ` · ${feature.productScope}` : " · portfolio-wide"}`;

modifiedsrc/marketing/components/offer-beat.tsx+1 / −1tsx

	@@ -34,7 +34,7 @@ export async function OfferBeat({ stripeCheckoutEnabled }: Props) {
	return (
	<section>
	<p className="font-sans text-[10px] font-medium uppercase tracking-[0.3em] text-stone-400">
−	Beat 3 · The offer with mechanical urgency
+	$100 once. Lifetime.
	</p>

	<div className="mt-4 rounded-2xl border-2 border-stone-900 bg-stone-900 px-6 py-10 text-[#FDFBF7] md:px-10 md:py-12">

new filesrc/marketing/components/products-strip.tsx+115 / −0tsx

	@@ -0,0 +1,115 @@
+	import Link from "next/link";
+	import { PRODUCTS, type ProductEntry } from "@/shared/products/registry";
+
+	const STATUS_LABEL: Record<ProductEntry["status"], string> = {
+	live: "Live",
+	"in-build": "In build",
+	planning: "Planning",
+	};
+
+	const STATUS_TAG_CLASS: Record<ProductEntry["status"], string> = {
+	live: "bg-emerald-50 text-emerald-700 border-emerald-200",
+	"in-build": "bg-amber-50 text-amber-800 border-amber-200",
+	planning: "bg-stone-100 text-stone-700 border-stone-300",
+	};
+
+	function ProductCard({ product }: { product: ProductEntry }) {
+	const isLive = product.status === "live";
+	const isInBuild = product.status === "in-build";
+	const isPlanning = product.status === "planning";

modifiedsrc/marketing/components/real-human-beat.tsx+10 / −34tsx

	@@ -97,45 +97,22 @@ const dateFmt = new Intl.DateTimeFormat("en-US", {
	export async function RealHumanBeat() {
	const human = await pickRotatedHuman().catch(() => null);

+	// Empty state: hide entirely. The previous "First Patron lands at Stripe
+	// go-live" placeholder broadcast emptiness. Better to render nothing than
+	// tell visitors no one has joined yet. Once Rado completes Stripe checkout
+	// as Patron #1, this surface activates with his name.
+	if (!human) {
+	return null;
+	}
+
	return (
	<section>
	<p className="font-sans text-[10px] font-medium uppercase tracking-[0.3em] text-stone-400">
−	Beat 2 · The real human with a name
+	Real humans, named
	</p>

	<div className="mt-4">

new filesrc/shared/products/registry.ts+95 / −0typescript

	@@ -0,0 +1,95 @@
+	/**
+	* Product registry — source of truth for the products-strip on the homepage
+	* and the per-product collection pages at /products/<slug>.
+	*
+	* Each product is one of three statuses:
+	* - "live" — has a working route, members can use it now
+	* - "in-build" — code exists but isn't shippable; visitors can see current state
+	* - "planning" — no code yet; collecting NOs (refusals against the named
+	* incumbent) and feature wishes from members. Becomes a
+	* collection page that builds the case for what gets coded
+	* next.
+	*
+	* Operator: rename, reorder, or add entries here. The homepage updates on the
+	* next render. No DB write required for product metadata — it lives in this
+	* file because the operator is the source of truth for "what are we building".
+	*
+	* The `incumbentSlug` field links to a row in the `incumbents` table seeded
+	* by scripts/seed/incumbents.ts. When set, the product's collection page can
+	* surface refusals confirmed against that incumbent, and member wishes can be