StealThis .dev

Hero CTA Section

A full-width hero section with gradient headline, eyebrow badge, two CTA buttons, and radial glow background. Pure CSS — no JS required.

Open in Lab
css html vue svelte
Targets: TS HTML React Vue Svelte

Code

A full-viewport hero section that works as the first block of any landing page. Centered layout, gradient text headline, subtitle, and two call-to-action buttons.

What’s included

  • Responsive full-viewport height layout
  • Gradient text headline with background-clip: text
  • Eyebrow badge (pill label above the headline)
  • Two buttons: gradient primary + ghost border
  • Soft radial glow background — no images needed
  • Zero JavaScript