feat: launch public product website

README.md

@@ -1,8 +1,10 @@
 # Medscribe Web
 
-Marketing homepage for [Medscribe](../README.md) — a privacy-first, on-device medical companion for iOS and Android.
+Public product website for [Medscribe](../README.md) — a privacy-first,
+on-device medical companion in internal beta on iOS and Android.
 
-Built with [create-t3-app](https://create.t3.gg/) (Next.js + TypeScript + Tailwind). Single-page site; no database or API routes.
+Built with [create-t3-app](https://create.t3.gg/) (Next.js + TypeScript +
+Tailwind). There is no product database or beta-form backend.
 
 Uses **bun** exclusively (`bun.lock`).
 
@@ -15,6 +17,26 @@ bun run dev
 
 Open [http://localhost:3000](http://localhost:3000).
 
+## Routes
+
+The first public product slice includes:
+
+- `/` — consumer-first portable-context story
+- `/how-it-works` — inputs, review loop, medication maintenance, and handoff
+- `/privacy` — data map, sharing limitations, and evidence boundaries
+- `/beta` — expectations and a health-data-free email request
+
+Named partner print material remains isolated and excluded from search:
+
+- `/briefs/northwell`
+- `/cvs`
+- `/walgreens`
+
+`/executive-summary` and `/landscape` remain retired/internal and are also
+excluded from search. `SITE_PASSWORD` still gates the entire site when set; a
+future pass should make protection route-specific before the public site is
+deployed alongside private briefs.
+
 ### Analytics (optional)
 
 Set in `.env` (see `.env.example`):
@@ -31,7 +53,10 @@ bun run build
 bun run start
 ```
 
-Screenshots live in `public/screenshots/`. They are wrapped in an iPhone-style frame via [`react-device-mockup`](https://github.com/jung-youngmin/react-device-mockup).
+Screenshots live in `public/screenshots/`. The long-form homepage uses
+precomposited, transparent iPhone product-bezel assets in
+`public/screenshots/pitch/`; supporting pages use the lightweight CSS frame.
+Public pages label product imagery as synthetic demo data and beta UI.
 
 ### Capturing raw screenshots for the site
 
@@ -39,6 +64,11 @@ Export **in-app content only** from the simulator or device — no simulator chr
 
 1. Run the app on **iPhone 17 Pro** (or 16 Pro) simulator or device, or on an **Android** emulator/device.
 2. Capture each screen (⌘S in Simulator saves to Desktop; `adb exec-out screencap -p` on Android).
-3. Drop PNGs into `public/screenshots/` and update paths in `src/app/page.tsx` / `src/components/feature-showcase.tsx`.
+3. Drop PNGs into `public/screenshots/` and update paths in the relevant route
+   or `src/components/feature-showcase.tsx`.
 
-The frame dimensions assume tall iPhone screenshots and are controlled in `src/components/phone-mockup.tsx`. Use `captureMode="simulator"` only for old captures that already include device chrome.
+The CSS frame dimensions assume tall iPhone screenshots and are controlled in
+`src/components/phone-mockup.tsx`. Use `captureMode="simulator"` only for old
+captures that already include device chrome. Homepage product images are
+composited separately at 810 × 1656 with transparent backgrounds and rendered
+through `src/components/product-device.tsx`.