Newsletter CTA

About this piece

Headline and subline above an email input paired with a primary submit button.

Usage

The import and the props worth knowing about, in one place.

import { Shapes53 } from "@/components/beste/piece/shapes53";

<Shapes53
  surface="card"
  bordered={true}
  inverted={false}
/>

Foreground panel with a stacked headline, subline, and a single inverted button.

Dark banner pairing a headline plus subline with an inverted call-to-action button.

Heading above email and password fields with a full-width sign-in button.

Two single-line fields above a tall message field and a full-width submit button.

Three labeled fields stacked above a checked agreement row and a primary submit.

Faded inbox glyph above a heading, helper line, and a primary action button.