Contact Section With Help Form Quote
ProHelp contact section with a mint headline, stacked name email and message fields, a send pill, and a quote card with vendor mark, carousel arrows, and a client logo. Teal corner glow. Follows light and dark.
When to use Contact Section With Help Form Quote
Reach for this when the contact band has to feel like a product surface, not a support form dropped on a flat page. The headline sits on the left. Under it, three boxed fields take name, email, and a taller message, then a pill sends. The right column is a quote card: vendor mark, previous and next, a claim with one phrase in contrast, and a client logo at the foot. A teal wash in the corner is the only color in the room besides that logo.
Skip it if you cannot name a real result in the highlight. A carousel of vague praise is worse than no card. Replace the Rune copy, the Google, Microsoft, and Spotify wordmarks, and every other quote before this ships. Keep the fields filled, not outlined. Hairline inputs disappear on this wash, and the quote card stops reading as glass.
Block details
- Category
- Contact Sections
- Renders
- CSS only. Paints as soon as the stylesheet arrives
- Theme
- Follows the site theme in light and dark
- Responsive
- Mobile, tablet and desktop breakpoints are already set
- Dependencies
clsxtailwind-merge- Source
- 276 lines, 19 KB in one file
- Install
wensity add contact-section-with-help-form-quote --type block- Stack
- React, Next.js, TypeScript and Tailwind CSS v4
- Licence
- Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
- Tags
- light, dark, contact, form, quote, carousel, glow
- Last updated

