Stable src/components/rhythm/PlatformShowcase.astro

When to use

When the whole platform deserves one scroll act rather than a row per capability — a set of product tiles the reader pans through, ending on a full-bleed "apply" moment. It is a page-scale set piece: one per page, and it takes over the viewport (and briefly the site header) while it plays. For a single capability beside a visual, use a plain two-column section; for a fixed grid of tiles that does not move, use UtilityTiles.

Platform

Everything you do with money.
All in one place.

Corporate cards with real controls

Per-card MCC and geo rules, budgets that update the moment spend moves.

Approvals that clear themselves

Route, approve and pay without leaving the ledger.

Receipts matched on arrival

Every card transaction coded and closed before the month ends.

Overcharges clawed back

Shipping and ad invoices audited line by line, claims filed for you.

Ready when you are

Not a copy-plus-visual row and not an alternating rhythm — it is one horizontal track of fixed-size tiles closing on a jade CTA card. Shown here in its below-1024px form: a native overflow-x scroll-snap carousel with the scrollbar hidden. At 1024px and up the same row is pinned and scrubbed by a GSAP/ScrollTrigger timeline — the track pans, the headline underline draws from stroke-dashoffset: 300 to 0, and the CTA card then expands to the full viewport width behind a jade veil while the heading and the site header fade out. Tile art keys into the platform-tile-art map and is omitted here; only the first instance on a page is ever wired up.