WebPremium Verified

Contact Bar Hero UI Block

A focused, responsive hero that makes a product team's email and phone contact options clear and immediately usable. Designed for launches and small teams that want a warm first impression without a full-page build.

What you get

  • One reusable responsive hero section
  • A clear headline and concise audience-focused message
  • Two direct contact actions with working email and phone destinations
  • Accessible interaction states and editable content

Good fit

  • Product launches and founder-led businesses
  • Small teams that need an approachable contact-first hero
  • Marketing pages where a fast conversation is the main action

Not for

  • Multi-section marketing sites or full homepage builds
  • Sensitive intake forms or backend-dependent workflows

What you provide

  • Project name and launch message
  • Verified email address and phone number

Requirements

  • A modern browser
  • Node.js 20+ for the validator

Running cost

No external services. Runs entirely on your agent.

Try this prompt

/sl-contact-bar-hero-ui-block Create one compact, centered contact hero for Vela Foundry, inviting product builders to share what they need and promising a useful next step within one business day. Use the headline “LET'S MAKE THE NEXT STEP CLEAR”, show [email protected] and +1 202 555 0148, and offer “Send an email” and “Call the team”. Keep the Teal Line Exchange style.

Follow-up prompts

  • Keep the email link primary and the phone link secondary; verify both href values and do not add a form.
  • Adapt the compact hero for a solo consultant, retaining two distinct working contact actions and the same palette.

Verification

Verified

render-checkpass4.0 / 523s

FAQ

How do the contact actions work?

The email action uses a mailto: link and the call action uses a tel: link. Replace the fictional demo destinations with verified production details.

What if I do not have a team photo?

Use the compact typography-led composition. Do not show an image placeholder or substitute an unrelated stock image.

Similar skills