Stable src/components/shipping/ShipHero.astro + src/components/shipping/ShipCalculator.tsx (single-field email capture); src/components/growthnetwork/ApplyDialog.astro + src/pages/partner.astro#partner-form (HubSpot-embedded application form)

When to use

Use the single-field variant when the page's conversion goal is "start signup with an email" inline in a hero or calculator — it is a real `<form>` that navigates to `app.dash.fi/signup`, not an AJAX submit. Use the HubSpot embed variant when the goal is a qualifying application (Growth Network, partner program) that needs a real backend and internal routing — that is deliberately outsourced to HubSpot rather than hand-built. For a plain click-through with no data collection, use SplitCTA or SectionCTA instead.

Single-field (shipping-audit hero, calculator CTA)

Demo only — the real form navigates to app.dash.fi/signup on submit (no in-place success state).

HubSpot embed — inline card (partner page)

Loading the partner application form…

Demo only — in production this div is replaced by a HubSpot iframe (data-form-id, data-portal-id) loaded from js.hsforms.net.

HubSpot embed — modal (Growth Network)

Growth Network

Private Network for Agencies, Consultants & Operators

Loading the application form…

Demo only — a native <dialog> wraps the same HubSpot embed mechanism; opens via `data-apply-open`, falls back to a mailto link after ~12s if the iframe never mounts.