Each claim ships with concrete evidence — env vars, table names, cadence chips. No marketing fluff.
◆DesignReal product photography, isolated from the brand's own Instagram
No stock, no re-shoot: the brand's real assets were lifted straight from its Instagram — full-resolution CDN images pulled from the network log, then background-removed with a local model (rembg) into clean cutouts. That yielded the actual round logo (favicon + header), the OG gel jar, four color-matched juice bottles, the full line-up, and a boardwalk lifestyle shot. The palette is pulled from the logo (grape→ocean→leaf + gold) into a bright Venice-Beach ground; the hero floats the real products with scroll parallax and framing palms, and a Ken-Burns zoom carries the full bottle line-up.
- Before
- A flyer JPEG for a menu and a grid of phone photos — nothing a search engine could read.
- After
- Real logo + product cutouts throughout, a bright beachy palette, parallax hero, and a live custom domain.
△Agent backboneBuilt by a fan-out of research + copy agents
A multi-agent workflow ran the content: parallel agents researched sea-moss nutrition (grounded in real nutrients), the local-SEO plan (title/meta/keywords/FAQ/JSON-LD), and brand OSINT — then a copywriter agent synthesized every section from their verified Instagram facts. This is the zsty.us build algorithm applied end to end: research → verify → synthesize → ship.
- ▸3 parallel research agents (benefits · SEO · OSINT) + 1 synthesis agent
- ▸OSINT confirmed the brand is Instagram-only and disambiguated 3 same-name entities
- ▸Every product's real ingredient list + price carried through verbatim
◉RetentionHonest engine — nutrient-grounded, FDA-safe, zero invented proof
Sea-moss health copy is the easiest place to over-claim; this build refuses to. Each benefit is tied to a nutrient actually present (iodine, beet nitrates, spirulina protein, electrolytes) in structure/function language, with a visible FDA disclaimer and an honest iodine caveat. For social proof, the one verified public Instagram comment is badged and attributed; the rest are transparently framed as boardwalk sentiment, not a fabricated five-star wall.
- ▸Benefits use "is a source of / traditionally used to / may support" — never a cure claim
- ▸Visible FDA disclaimer + iodine/thyroid caveat near the benefit copy
- ▸1 verified IG comment badged; no invented named reviewers, no review schema
△Agent backboneFull launch surface — SEO, structured data, dynamic OG, sitemap
Complete Next.js metadata built from scratch: a keyworded title + meta, a three-graph JSON-LD block (LocalBusiness/FoodEstablishment + a Product ItemList with real prices + FAQPage), a dynamic next/og share card and generated favicon, sitemap.xml and robots.txt, and semantic anchored sections with a scroll-spy nav — the local-SEO signals a boardwalk vendor with no fixed address actually needs.
- ▸LocalBusiness + Product + FAQPage JSON-LD (no invented address, phone, or rating)
- ▸Dynamic 1200×630 next/og card + generated favicon at the edge
- ▸Anchored #gels / #juices / #benefits / #find-us sections + sitemap + robots
▲Real-time pushA consumer push opt-in the brand actually owns
The site asks visitors — with a clear, per-topic consent card — whether they want a browser notification when a new gel batch or cold-pressed flavor drops, or when the cart sets up on the boardwalk. It runs on standard VAPID Web Push the brand owns end to end: a service worker, a dedicated keypair, subscriptions stored in Neon, and an owner-only broadcast endpoint that prunes dead subscriptions. No OneSignal, no email list, no phone number — just a bell the customer opts into.
- ▸Explicit opt-in with topic toggles (drops / boardwalk & events) — browser permission only
- ▸POST /api/push/subscribe → Neon; POST /api/push/send is secret-gated + self-pruning
- ▸Graceful when unsupported (iOS-must-install hint), and an opt-out one tap away
◉RetentionFolded into oglife.app — its own subdomain + self-hosted inbox
Rather than a throwaway *.vercel.app, the site takes a first-class place on the operator's own platform: opulentseamoss.oglife.app on Cloudflare DNS, and a real Stalwart mailbox — opulentlife@oglife.app — for events and wholesale, on the same self-hosted mail server the rest of the portfolio uses. Provisioning is a single idempotent script (Cloudflare + Stalwart, mirroring the platform's own clients); brand email lands in an inbox the owner controls, with no third-party email vendor in the path.
- ▸opulentseamoss.oglife.app — a first-party subdomain, not a SaaS URL
- ▸opulentlife@oglife.app on self-hosted Stalwart (reuses oglife.app SPF/DKIM/DMARC)
- ▸One turnkey provision script (DNS CNAME + mailbox), idempotent + dry-run by default
◆DesignAbove-the-fold that never depends on JavaScript
A verification pass caught the hero stuck at opacity 0 when the tab was opened in the background (a JS mount-animation that never ran). The fix: the hero entrance was moved to pure CSS animations that always resolve visible, and every scroll-reveal wrapper got a data-hook plus a <noscript> override — so crawlers and slow/blocked hydration still see a complete page.
- Before
- Content faded in via JS only — invisible if hydration was slow, throttled, or a tab was backgrounded.
- After
- CSS-driven hero + noscript reveal safety — the page renders complete with or without JavaScript.
