Here's exactly how each answer you gave shaped our recommendation.
{bundle.body}
{rec.reasoning}
{rec.flags?.length > 0 && ( → so sticky.io applies the discount regardless
// of which URL param key their config expects
const finalCheckoutUrl = (() => {
if (!checkoutUrl) return null;
const params = [];
if (sessionId) params.push(`session=${encodeURIComponent(sessionId)}`);
if (discount) params.push(buildCouponSuffix(discount.code));
return params.length ? `${checkoutUrl}&${params.join('&')}` : checkoutUrl;
})();
const goCheckout = () => {
if (!finalCheckoutUrl) return;
window.location.href = finalCheckoutUrl;
};
const pillsPerMonth = product.kind === 'mixed' || product.kind === 'on-demand'
? selectedQty
: (product.placeholderPlans?.[0]?.pillsPerMonth ?? 30);
const qtyGridCols = availableQtys && availableQtys.length > 1 ? `repeat(${availableQtys.length}, 1fr)` : '1fr';
return (
{product.name}
{product.tagline}
{product.description}
{product.kind === 'mixed' && (
{product.modes.map(m => {
const sel = mode === m.id;
return (
);
})}
)}
{availableDoses?.length > 1 && (
{availableDoses.map(d => (
))}
)}
{availableQtys && availableQtys.length > 1 && (
{qtyToFrequency(selectedQty)}
{availableQtys.map(q => {
const sel = selectedQty === q;
return (
);
})}
)}
Per-month price drops with longer plans
{planEntries.map(p => {
const sel = p.duration === selectedDuration;
const sPerMo = Math.max(0, baseMonth - p.perMonth);
return (
);
})}
Today
{discountAmount > 0 && (
${fmtMoney(plan.total)}
)}
${fmtMoney(finalTotal)}
USD
{discountAmount > 0 && (
{discount.code} applied · −${fmtMoney(discountAmount)} off
)}
{savingsTotal > 0 && (
You save ${savingsTotal} vs. monthly
)}
{product.kind === 'coming-soon' ? (
);
}
function qtyToFrequency(qty) {
if (qty <= 6) return '~once a week';
if (qty <= 8) return '~twice a week';
if (qty <= 10) return '~2–3 times / week';
if (qty <= 12) return '~3 times a week';
return '~3–4 times / week';
}
function ComingSoonCTA({ productName }) {
const [email, setEmail] = useState('');
const [done, setDone] = useState(false);
const ok = email && /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email);
if (done) {
return (
You're on the list. We'll email you when {productName} drops this week.
);
}
return (
setEmail(e.target.value)}
style={{
all: 'unset', flex: 1, minWidth: 200,
padding: '14px 18px',
background: 'var(--bg)',
border: '1px solid var(--line-strong)',
borderRadius: 'var(--r-md)',
fontSize: 14, color: 'var(--ink)',
}} />
{productName} launches this week. We'll let you know.
);
}
function PDPGallery({ product }) {
return (
FITS is a HermanRx-formulated 3-in-1 tablet combining a PDE5 inhibitor (vasodilation), a serotonergic agent (ejaculation control), and a centrally-acting arousal compound. Taken as a once-daily tablet, FITS is designed for men who experience overlapping symptoms.
) : product.id === 'sertraline' ? (
Sertraline is an SSRI commonly prescribed off-label at low doses (25mg) for premature ejaculation. Clinical studies show it can significantly extend time to climax with minimal side effects.
) : product.id === 'tadalafil' ? (
Tadalafil is the generic form of Cialis — an FDA-approved PDE5 inhibitor. At low daily doses (2.5–5mg), it keeps you in a state of readiness 24/7 without the need to time intercourse.
) : (
Sildenafil is the generic form of Viagra — an FDA-approved PDE5 inhibitor that increases blood flow to support a firm erection. Most effective when taken 30–60 minutes before intimacy.
),
},
{
h: 'How to take it',
body: product.id === 'sildenafil' ? (
- Take one tablet 30–60 minutes before sex
- Avoid heavy meals and alcohol before dosing
- Effects last 4–6 hours
- Maximum one dose per 24 hours
) : product.id === 'sertraline' ? (
- One 25mg tablet at the same time daily
- Allow 2–3 weeks for full effect
- Do not stop abruptly — taper with physician guidance
) : (
- One tablet at the same time each day
- Steady-state achieved after ~5 days
- Works whether food is consumed or not
- No need to plan intimacy
),
},
{
h: 'Common side effects',
body: (
Most men tolerate this medication well. The most commonly reported side effects are headache (~10%), facial flushing, nasal congestion, and mild indigestion. Serious side effects are rare. Stop use and seek medical attention for chest pain, prolonged erection (priapism), or vision changes.
),
},
{
h: 'Who shouldn\'t take it',
body: (
- Anyone taking nitrates or nitric oxide donors
- Men with severe cardiovascular conditions
- Anyone with a history of priapism (prolonged erections)
- Severe liver or kidney impairment without physician guidance
),
},
];
return (
The details
About {product.name}.
{sections.map(s => (
{s.h}
{s.body}
))}
);
}
const ulS = { listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 8 };
function PDPFAQ({ product }) {
const faqs = [
{ q: 'When will I get my shipment?', a: 'Free 2-day shipping on every order. After checkout, a U.S.-licensed physician reviews your assessment within 24 hours. Once approved, your order ships the same day and arrives in 2 days.' },
{ q: 'What does the package look like?', a: 'Plain brown box, no branding, no mention of medication or condition — even the return address is generic.' },
{ q: 'Can I cancel anytime?', a: 'Yes. Pause, change dose, or cancel any time from your dashboard. No retention calls, no penalties.' },
{ q: 'What happens at refill time?', a: 'For longer plans, we automatically ship your next supply about 5 days before you\'d run out. You can change the date anytime.' },
];
const [open, setOpen] = useState(0);
return (
Common questions
About your order.
{faqs.map((f, i) => (
{f.a}
))}
);
}
// ════════════════════════════════════════════════════════════════════════════
// CART HANDOFF
// ════════════════════════════════════════════════════════════════════════════
function Cart({ go, productId, mode, dose, qty, duration }) {
const product = CATALOG[productId] || CATALOG.sildenafil;
const discount = useDiscount();
// Look up the sticky.io URL
const checkout = (productId && dose != null && duration != null)
? (() => {
if (product.kind === 'mixed' && mode) {
const m = product.modes.find(x => x.id === mode);
return m?.skus?.[dose]?.[qty]?.[duration] || null;
}
if (product.kind === 'on-demand') {
return product.skus?.[dose]?.[qty]?.[duration] || null;
}
return null;
})()
: null;
// Plan total (fall back to placeholder)
const total = checkout?.total
?? product.placeholderPlans?.find(p => p.duration === duration)?.total
?? product.placeholderPlans?.[0]?.total;
const discountAmount = discount && total > discount.amount ? discount.amount : 0;
const finalTotal = Math.max(0, total - discountAmount);
const [handingOff, setHandingOff] = useState(false);
const handoff = () => {
setHandingOff(true);
// Open the real sticky.io checkout in a new tab if we have a URL
if (checkout?.id) {
try { window.open(CHECKOUT_BASE + checkout.id, '_blank', 'noopener'); } catch {}
}
setTimeout(() => go('confirm', { productId, mode, dose, qty, duration }), 1800);
};
return (
Checkout · Step 1 of 1
You're almost there.
We'll hand you off to our secure checkout (powered by sticky.io) to confirm shipping and payment.
After checkout, a U.S.-licensed physician reviews your assessment within 24 hours. If approved, your medication ships free 2-day. If not approved, you're fully refunded.
{discount && (
{discount.code}
{discount.label} — applied automatically at checkout
)}
);
}
function ShippingMock() {
return (
Edit
From your assessment
You'll confirm address at checkout
);
}
function PaymentMock() {
return (
{['Visa', 'Mastercard', 'Amex', 'Discover'].map(c => (
{c}
))}
or pay with Affirm
);
}
function OrderSummaryV2({ product, mode, dose, qty, duration, total, discount, discountAmount, finalTotal }) {
const doseLabel = dose ? (
product.kind === 'mixed' && mode === 'daily' ? `${dose}mg daily` : `${dose}mg`
) : '';
const durationLabel = product.durationLabels?.[duration] || `${duration} months`;
const perMonth = total / duration;
return (
);
}
function OrderSummary({ product, plan, dose }) {
// Legacy shim — kept for back-compat. Not used by the new flow.
return null;
}
function Line({ label, value, muted, positive }) {
return (
{label}
{value}
);
}
// ════════════════════════════════════════════════════════════════════════════
// CONFIRMATION (after sticky.io handoff)
// ════════════════════════════════════════════════════════════════════════════
function Confirm({ go, productId, mode, dose, qty, duration }) {
const product = CATALOG[productId] || CATALOG.sildenafil;
// Clear discount once order is confirmed
useEffect(() => { clearDiscount(); }, []);
const durationLabel = product.durationLabels?.[duration] || (duration ? `${duration}-month` : '');
return (
Assessment submitted
That's it.
You're in the queue.
Your assessment is now with a U.S.-licensed physician. We'll email you within 24 hours with your treatment plan. Approved orders ship free 2-day. If your physician decides this treatment isn't right for you, you'll be fully refunded.
{[
{ n: '01', h: 'Within 24 hours', s: 'Physician reviews your assessment' },
{ n: '02', h: 'Same day ship', s: 'Pharmacy fills your prescription' },
{ n: '03', h: '2 days later', s: 'Discreet, free 2-day delivery' },
].map(s => (
{s.n}
{s.h}
{s.s}
))}
);
}
Object.assign(window, { Results, PDP, Cart, Confirm });