# NeonQuest Hero Section

> The NeonQuest Hero Section is a captivating React component designed for a cyberpunk space adventure gaming website. Featuring a glasmorphic, pill-shaped navbar with a bold Orbitron-styled logo, dynamic navigation links, and a standout "Play Now" button with a neon gradient effect, this section sets an immersive tone. The hero content includes a striking Exo 2-font heading, a descriptive Poppins-font paragraph, and two gradient glasmorphic buttons ("Explore Games" and "Join Community") that echo the vibrant neon pink, purple, and blue palette. Optimized with Tailwind CSS, it leverages a stunning cyberpunk cityscape background to create an eye-catching, gamer-centric landing page experience.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@muhammad-binsalman/components/neon-quest-hero-section

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/neon-quest-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