{/* HONEST trust signals — all verifiable, no fabricated stats */}
Plans start at $147/mo
no charge until your protocol ships
}>HIPAA-aligned
}>Per-batch CoA
}>Licensed clinicians
}>No auto-renew lock-in
{/* RIGHT — premium designed visual composition */}
);
}
function HeroComposition({ hero, cohortKey, operatorMode }) {
const isMobile = useMedia('(max-width: 880px)');
// V3: Mobile gets a clean centered single-product composition (per gap §C + §D).
// The fake iOS phone mock is hidden on mobile — replaced by a focused product hero.
if (isMobile) {
return (
{/* Hero vial — centered, slightly tilted */}
{/* Bottom-center: CoA + physician trust strip (horizontal on mobile) */}
COA VERIFIED
ZRX-2603-A
99.6% · 2026-05-19
EM
Dr. Elena Marsh, MD
Internal medicine
{operatorMode && (
// placeholder hero · real product photography pending (A-NEW-PEP-4)
);
}
// ─────────────────────────────────────────────────────────────────────────────
// TRUST BAND
// ─────────────────────────────────────────────────────────────────────────────
function TrustBand() {
const items = [
{ icon: 'shield', label: 'HIPAA-aligned', sub: '503A compounding · BAA on file' },
{ icon: 'clipboard', label: 'Per-batch CoA', sub: 'Independent third-party · linked on every order' },
{ icon: 'doctor', label: 'Licensed clinicians', sub: 'Physician in your state reviews every intake' },
{ icon: 'lock', label: 'No auto-renew lock-in', sub: 'Cancel any month · pro-rated refunds' },
];
return (
{items.map((it, i) => (
{it.label}
{it.sub}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────────
// HOW IT WORKS
// ─────────────────────────────────────────────────────────────────────────────
function HowItWorks() {
const steps = [
{ n: '01', title: 'Take the 2-min adaptive quiz', body: 'We learn your goal, lifestyle, and history to map the safest protocol for you. Your answers shape the questions that follow.' },
{ n: '02', title: 'A licensed clinician reviews', body: 'A physician in your state reviews your intake within 24h. If you’re not a candidate, we tell you — and don’t charge.' },
{ n: '03', title: 'Compounded + shipped', body: 'Made-to-order at a 503A pharmacy with a per-batch CoA attached. No charge until your protocol ships.' },
];
return (
HOW IT WORKS
From quiz to compounded protocol in 3 steps.
{steps.map((s, i) => (
{s.n}
{s.title}
{s.body}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────────
// PRICING — V2 PRODUCT CARDS with illustrated vials + What's-included
// ─────────────────────────────────────────────────────────────────────────────
function Pricing({ onStartQuiz }) {
const tiers = [
{
name: 'Starter', code: 'STR-1', price: 147, period: '/mo',
tagline: 'Single-protocol introductory dose',
family: '1 peptide protocol family',
vialCount: 1, vialAccent: 248,
bullets: ['1 peptide protocol', '24h clinician review', 'Monthly check-in', 'Cancel anytime'],
cta: 'See if you qualify',
},
{
name: 'Standard', code: 'STD-2', price: 179, period: '/mo',
tagline: 'Most common starting tier',
family: '1-2 protocols supervised',
vialCount: 2, vialAccent: 248, featured: true,
bullets: ['1-2 protocols supervised', 'Same-week clinician review', 'Bi-weekly check-ins', 'Per-batch CoA on every order'],
cta: 'Reserve my protocol',
},
{
name: 'Comprehensive', code: 'CMP-3', price: 249, period: '/mo',
tagline: 'Stacked protocols + active titration',
family: 'Stacked protocols (up to 3)',
vialCount: 3, vialAccent: 170,
bullets: ['Stacked protocols (up to 3)', 'Same-day clinician review', 'Weekly check-ins', 'Direct line to your physician'],
cta: 'Reserve my protocol',
},
];
const [openDetails, setOpenDetails] = useStateL(null); // tier index or null
return (
PRICING
Transparent. No auto-renew lock-in.
Quiz to qualify · doctor approval required · no charge until your protocol is reviewed and ships.
Pricing shown for Phase-1 reference. Card validated at intake; no charge until ship.
Comparable branded-medication programs (where available) can exceed $1,000/mo; availability varies by state and clinician judgment.
);
}
function TierCard({ t, featured, detailsOpen, onToggleDetails, onCheckout }) {
return (
{featured && (
most common
)}
{/* TOP: illustrated vials + tier visual */}