# Discovery SaaS Hero Section

> A conversion-focused SaaS hero section featuring floating mobile mockups and an interactive gradient orb. Includes a compelling headline, descriptive subtext, prominent CTA button, and top banner for promotions. The floating device mockups create depth and showcase your product in action, while the animated gradient sphere adds visual interest. Perfect for AI-powered tools, productivity apps, or any SaaS product that needs to demonstrate mobile functionality and drive sign-ups.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- Live preview: https://21st.dev/@muhammad-binsalman/components/discovery-saa-s-hero-section

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/discovery-saa-s-hero-section?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt