Preview image. Unlock full-res
Dark centered contact section with two glassy cards (book a demo with inline email, and send a message) over a violet gradient glow.
Summary
A dark contact section offering two parallel paths (book a demo or message support) as side-by-side translucent cards floating above a bright violet floor glow.
Visual description
Black background with a strong violet-to-lilac radial gradient rising from the bottom. Centered at top, a small dark pill badge reads "Contact Us" above an oversized headline "We're here to help" in white with the first and last words dimmed for a tonal sweep. A two-line muted subhead follows. Below sit two equal translucent dark cards with subtle borders. The left card, "Schedule a Demo", has a rounded calendar icon tile, two lines of copy, and a footer row with a "Work Email address" input, a small red accent control, and a "Book demo" button. The right card, "Send us a message", has a lifebuoy icon tile, support copy, and a single ghost "Get in touch" button.
Key takeaway
Splitting contact into exactly two intents, each as its own card with one clear action, removes the friction of a long form. The inline email-plus-button inside the demo card lets a visitor start without leaving the section, and the violet floor glow lifts the otherwise flat dark cards.
Reuse notes
Reach for this when sales and support are distinct journeys you want to separate cleanly. The glass cards depend on the gradient glow behind them, so this only works on a dark background. Keep each card to a single primary action to preserve the clarity.
