BlocksStay In Touch
Blocks
Stay In Touch
Newsletter signup extracted from the footer — heading, underline-style email field, and the legal consent disclaimer, topped with the footer illustration.
Configurator
Stay In Touch.
*By providing your email address you are agreeing to receive email communications from Clean Cosmetics, its affiliates, brands (Clean Cosmetics, NIOD, and LOoPHA) and/or marketing partners. This can be changed at any time. Please refer to our Privacy Policy and Terms of Use for more details.
Usage
<StayInTouch heading="Stay In Touch." />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | "Stay In Touch." | Heading shown above the email field. |
| className | string | — | Applied to the outer wrapper — used to control padding/width where the block is placed. |
The email field and legal disclaimer are static — this block doesn't own submission logic. Wire the form's onSubmit in a consuming app to whatever email service is in use.
Do's and Don'ts
Do
- ·Use it once per page, inside the footer — it's sized for that column, not a full-width section.
- ·Keep the heading short; it sits on one line next to the illustration crop.
Don't
- ·Don't drop the illustration image — it's what visually separates this block from a plain form.
- ·Don't rewrite the legal disclaimer copy without checking with legal/compliance first — it names specific brand entities.