/* docketlm.com — landing page variations */
const { useState } = React;
// ─────────────────────────────────────────────────────────────────────────
// Shared bits
// ─────────────────────────────────────────────────────────────────────────
function Wordmark({ size = 28 }) {
return (
);
}
function LocalMatterDataPill({ variant = "default" }) {
return (
client matter data stays local
);
}
function ComingSoonChip() {
return (
Coming soon · sign up for launch
);
}
function EmailSignup({ tone = "restrained" }) {
const [email, setEmail] = useState("");
const [submitted, setSubmitted] = useState(false);
const [error, setError] = useState(null);
const [loading, setLoading] = useState(false);
const onSubmit = async (e) => {
e.preventDefault();
if (!email.trim()) return;
setLoading(true);
setError(null);
try {
const body = new URLSearchParams({ email: email.trim() });
const res = await fetch("https://buttondown.email/api/emails/embed-subscribe/teamcogs", {
method: "POST",
body,
});
if (!res.ok) throw new Error();
setSubmitted(true);
} catch {
setError("Please double-check that address.");
} finally {
setLoading(false);
}
};
if (submitted) {
return (
Thanks — you're on the list.{" "}
We'll write to {email} when Docket LM is ready to install. No marketing in between.
);
}
if (tone === "bold") {
return (
<>
{error && {error}
}
);
}
// Restrained — bare underlined input
return (
);
}
function SiteFooter() {
return (
Docket LM is informational software for source review. It does not provide legal advice, draft lawyer-ready filings, or replace attorney judgment. AI-assisted output requires attorney review.
© 2026 Docket LM
docketlm.com
);
}
// ─────────────────────────────────────────────────────────────────────────
// Mock UI snippets — used in both variations as product proof
// ─────────────────────────────────────────────────────────────────────────
// A snippet of brief prose with a live-looking footnote chip and a tiny
// floating source card hanging off it. Sells "citations earn screen
// real estate" without screenshotting the whole brief.
function CitedProseSnippet() {
return (
04
Document conflicts
Source-backed
Lay was informed of the accounting concerns at least two months
before the October 23 analyst call. The Watkins memorandum of
August 22, 2001 reached Lay and was met with a same-day
meeting
8
14
20
; Vinson & Elkins was retained to review.
{/* Floating source preview card */}
[14]
Source
Memorandum from S. Watkins to K. Lay
2001-08-22 · p.3
"I am incredibly nervous that we will implode in a wave of accounting scandals…"
);
}
// Mini document-conflict card — distilled from the real source review surface
function ContradictionMini() {
return (
2
Document conflict: when Lay was informed
Watkins memo
2001-08-22
"I am incredibly nervous…"
vs.
Analyst call
2001-10-23
"…no other shoe to drop."
);
}
// Mini "redacted handoff" — a redacted draft prepared for outside research
function RedactedHandoffMini() {
return (
{/* Filename + actions bar */}
R
brief.redacted.md
Redacted draft
{/* The redacted brief — title, sections, citations */}
Matter brief · auto-redacted
Plaintiff A
v.
Defendant B
{/* Section: timeline */}
03
Timeline
On DATE-01, Witness 1 sent a memorandum to Executive A raising concerns
8
.
{/* Section: risks */}
04
Document conflicts
Executive A was informed of the accounting concerns at least ~2 months before the public statement on DATE-02
14
.
{/* Footer: what was scrubbed */}
Scrubbed
{["12 names", "8 dates", "6 entities", "ID numbers"].map((t, i) => (
{t}
))}
Q
Draft a settlement letter for opposing counsel.
Drafting declined
Docket LM reads and cites material; it does not draft motions, demand
letters, or strategy. The materials relevant here are in
§6 Document conflicts above.
);
}
// Mini local matter-data panel
function LocalOnlyDiagram() {
return (
Network audit
{[
{ k: "Documents on disk", v: "412", ok: true },
{ k: "Matter data sent", v: "none", ok: true },
{ k: "Model", v: "local", ok: true },
{ k: "Index", v: "on disk", ok: true },
].map((row, i) => (
{row.k}
{row.v}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────
// Workflow summary — first-read brief, cited search, review checklist
// ─────────────────────────────────────────────────────────────────────────
function MatterReviewSection() {
const cards = [
{
n: "01",
title: "Prepare a cited first-read brief",
body: "Docket LM turns attached matter material into a structured first read with citations beside the factual claims.",
chip: "First-read brief",
},
{
n: "02",
title: "Search the matter with source-backed answers",
body: "Ask follow-up questions and open the cited source spans instead of hunting through folders by memory.",
chip: "Ask this matter",
},
{
n: "03",
title: "Review unsupported assertions and uncited material",
body: "Use the review checklist to see document conflicts, unsupported assertions, citation issues, and material that still needs attorney review.",
chip: "Review checklist",
},
];
return (
What Docket LM prepares
A first read, a cited search surface, and a review checklist.
When a new matter lands, Docket LM gives you a first pass you can
verify: cited facts, matter search, and review flags for material
that still needs lawyer attention.
{cards.map((card) => (
{card.n}
{card.chip}
{card.title}
{card.body}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────
// Import material — concrete source surface
// ─────────────────────────────────────────────────────────────────────────
function MaterialSection() {
const sources = [
{ label: "Folder", note: "Matter folders, PDFs, DOCX, TXT, CSV" },
{ label: "Email", note: "EML, MBOX, OLM exports" },
{ label: "Messages", note: "Exports or selected message database copies" },
{ label: "Photos", note: "Images and scanned PDFs with local OCR" },
{ label: "Audio / video", note: "Dropped recordings, voicemails, depositions" },
{ label: "Scratch note", note: "Typed or pasted notes" },
];
return (
Add material
Add the material lawyers actually review.
Bring in folders, PDFs, DOCX, TXT, CSV, EML, MBOX, OLM, Messages
exports, user-selected Messages DB copies, images, scanned PDFs,
audio, video, and scratch notes.
Mail and Messages are import-based. Docket LM reads only the
exports or copies you choose; it does not watch live message
stores in the background.
{sources.map((source, i) => (
{source.label.charAt(0)}
{source.label}
{source.note}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────
// Source Audit — compare draft/outside text against the matter file
// ─────────────────────────────────────────────────────────────────────────
function SourceAuditSection() {
const rows = [
{ status: "Supported", assertion: "Client reported neck pain on March 12.", citation: "Smith intake.pdf p. 2", tone: "sage" },
{ status: "Conflicts with source", assertion: "Draft says treatment ended in April.", citation: "June MRI report p. 1", tone: "brick" },
{ status: "Unsupported in matter file", assertion: "Draft states policy limits are $100K.", citation: "None found", tone: "amber" },
{ status: "Citation issue", assertion: "Exhibit 7 is cited for the accident date.", citation: "Ex. 7 p. 3", tone: "navy" },
{ status: "Needs review", assertion: "Client says the adjuster called twice.", citation: "Two possible matches", tone: "neutral" },
];
const chipClass = {
sage: "chip-sage",
brick: "chip-brick",
amber: "chip-amber",
navy: "chip-navy",
neutral: "chip-neutral",
};
return (
Source Audit
Audit a draft against the matter file.
Paste a draft, demand letter, client narrative, statement of facts,
or opponent filing excerpt. Docket LM compares factual assertions
against the matter file and shows what is supported, unsupported in
the matter, conflicts with a source, or needs review.
Docket LM does not decide whether the draft is good legal work. It
shows what the attached sources support, conflict with, or do not
contain.
Draft demand letter
Assertions found
Attorney review required
{rows.map((row, i) => (
{row.status}
{row.assertion}
{row.citation}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────
// Local processing — precise matter-data privacy claim
// ─────────────────────────────────────────────────────────────────────────
function LocalProcessingSection() {
const rows = [
{ k: "Matter review", v: "Ingestion, OCR, transcription, search, citations, and follow-up answers run on your computer." },
{ k: "Client matter data", v: "Client matter data never leaves your computer." },
{ k: "Mail and Messages", v: "Import-based exports only. Docket LM reads only the files or copies you choose." },
{ k: "Installation", v: "App updates and local model setup do not require uploading the matter materials you add." },
];
return (
Local processing
Client matter data never leaves your computer.
That is the point: Docket LM lets you use AI-assisted review on
confidential matter material without uploading the matter to a
cloud service. The work stays source-grounded, so citations and
attorney judgment stay front and center.
Matter-data boundary
{rows.map((row, i) => (
))}
);
}
// ─────────────────────────────────────────────────────────────────────────
// Architecture section — plain-language "how it actually works"
// ─────────────────────────────────────────────────────────────────────────
function ArchitectureSection() {
const pieces = [
{
n: "01",
title: "The reader",
kicker: "A desktop app",
body: "Installs like the desktop tools your firm already uses. You open it, add material, and prepare the matter file on your own computer.",
visual: (
),
},
{
n: "02",
title: "The AI",
kicker: "Runs locally",
body: "A compact local model helps summarize, search, and compare against the sources you attach.",
visual: (
local model
running
source-grounded · local
),
},
{
n: "03",
title: "The index",
kicker: "Built once per matter",
body: "When you load a matter, Docket LM reads through it and builds a private search index - think of it as a search engine that only knows about this one matter.",
visual: (
~/Matters/Watkins-v-Lay/
├── documents/ · your files
└── .docket-index/ · removable
),
},
{
n: "04",
title: "Your documents",
kicker: "Stay exactly where you put them",
body: "Docket LM reads files you choose. It does not read live Mail or Messages stores, and Mail or Messages imports stay file-based.",
visual: (
{[
{ name: "Watkins_memo.pdf", size: "112 kb" },
{ name: "Powers_Report.pdf", size: "3.2 mb" },
{ name: "Skilling_depo.docx", size: "78 kb" },
].map((f, i) => (
{f.name}
{f.size}
))}
How it works
Matter review runs
locally.
Docket LM is a desktop app for source-grounded matter review.
Four pieces work together to prepare the first read, answer
follow-up questions, and keep source review grounded.
{/* The computer frame - local matter-data boundary with four pieces inside */}
{/* Frame label — sits half-on-the-line, top-left */}
Your computer
{/* Frame label — top-right, the boundary line */}
No client matter data leaves your computer
{/* Four-piece grid */}
{pieces.map((p, i) => (
{p.n}
{p.kicker}
{p.title}
{p.body}
{p.visual}
))}
{/* Plain-English footnote */}
What that means: ingestion, OCR, transcription, embeddings, search,
and cited answers run on your own computer against the material you
attach.
Installation, app updates, and local model setup do not require
uploading matter material. The documents, emails, notes, and media
you add stay inside the boundary you control.
);
}
// ─────────────────────────────────────────────────────────────────────────
// Variation B — A touch bolder, mock-UI led
// ─────────────────────────────────────────────────────────────────────────
function LandingB() {
return (
{/* Top bar */}
{/* Hero — asymmetric: copy left, mock right */}
Local matter review - citations first
Prepare a cited
first read
of a matter, on your own computer.
Add folders, mail exports, Messages exports, photos, audio, and
notes. Docket LM prepares a cited first-read brief, then lets you
ask follow-up questions against the same sources. Client matter
data stays on your computer instead of being uploaded to a cloud
service.
Join the Mac launch list. One email when Docket LM is ready to install. No drip campaign.
{/* Right column: stacked mock UI elements */}
{/* Background paper card to anchor the composition */}
{/* Fake brief header */}
Matter
Sherron Watkins v. Lay
Source-backed
412 documents
·
2001-01 → 2001-12
04
Document conflicts
Lay was informed of the accounting concerns at least two
months before the analyst call
8
14
.
{/* Floating: contradiction card */}
{/* Floating: source card */}
[14]
Source · auto-opened
Memorandum from S. Watkins to K. Lay
2001-08-22 · p.3
{/* Principles — bolder grid with mock UI in each */}
Citations are the interface
Every answer links back to source spans.
Docket LM is built for the factual first pass: find the source,
inspect the support, and keep the lawyer in charge of
conclusions. Four things define it.
{/* Principle 1 — Matter data local — featured wide */}
01
Matter data stays local
Client matter data never leaves your computer.
Matter review runs on your computer. Installation, updates,
and local model setup do not require uploading the documents,
emails, notes, or media you add.
{/* Principle 2 — Citation-first */}
02
Cited
Every fact, anchored to a page.
Footnote chips next to every claim. Click one, the source
paragraph slides in highlighted. j / k walks through them.
Watkins memo of August 22 reached Lay same day
8
14
.
{/* Principle 3 — Document conflicts */}
03
Source review
Document conflicts become reviewable.
When two documents disagree, the brief shows them side by
side with dates and attributions intact. The point is not to
decide who is right; it is to make the conflict reviewable.
{/* Principle 4 — Bounded: redacted handoff + no drafting */}
04
Bounded
Prepare a redacted draft for outside research.
Docket LM can help create a redacted handoff from
source-backed findings. Redaction reduces risk, but attorney
review and client-consent judgment remain yours.
Needs attorney review
{" "}
Docket LM does not draft lawyer-ready filings. It prepares
source review material for you to evaluate.
{/* How Docket LM actually works — plain-language architecture */}
{/* What Docket LM is / is not */}
Source-Grounded Review
Built for the first pass through the record.
Use it to get oriented, verify facts, and review source support
before you draft or argue from the record.
Docket LM is
{[
"A local matter-review workbench",
"A cited first-read brief builder",
"A source-backed matter search tool",
"A review checklist for unsupported assertions, citation issues, and conflicts",
].map((s, i) => (
- {s}
))}
Docket LM is not
{[
"An AI lawyer",
"A cloud workspace for client files",
"A legal research database",
"A substitute for attorney judgment",
].map((s, i) => (
- {s}
))}
{/* Closing signup */}
Coming soon
Join the Mac launch list.
One email when Docket LM is ready to install. No drip campaign.
Local cited matter review for lawyers.