Sections · 12 blocks
Heroes
12 open-source heroes blocks for Pantheon Content Publisher (P1) and plain React + Tailwind. Copy the code or hand the brief to your coding agent.
- Hero — SplitHeadline, supporting copy and two calls to action beside a large photo. Image side is switchable.No dependencies
- Hero — CenteredCentered statement hero with an announcement pill, two calls to action and an optional patterned backdrop.No dependencies
- Image Overlay HeroFull-bleed photo with an adjustable gradient scrim, headline and buttons anchored bottom-left, and an optional photo credit.No dependencies
- Search HeroPortal front door with one large GET search box and popular-search links, built for city and campus sites.No dependencies
- Stats HeroHeadline and calls to action over a wide photo, with three or four sourced key figures docked on its bottom edge.No dependencies
- Collage HeroCopy beside an asymmetric, overlapping three-photo mosaic with an optional round stamp badge.No dependencies
- Form HeroHeadline and checklist beside a real sign-up form with name, email and interest dropdown that posts to your handler.No dependencies
- Typographic HeroImage-free oversized statement with one asterisk-marked phrase in the accent color and a ruled row of facts.No dependencies
- Event HeroOne event up front: calendar-page date stamp over a photo, time, location, cost, register and add-to-calendar links.No dependencies
- Donate HeroMission line beside a no-JS donation form with preset amount cards, an other-amount field and one-time or monthly choice.No dependencies
- Quick Links HeroPhoto hero with three or four task cards straddling its bottom edge, so top destinations are one tap away.No dependencies
- Angled HeroCopy beside an edge-to-edge photo cut on a diagonal with an accent band tracing the cut; image side flips.No dependencies