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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds NeonQuest Hero Section to your project and fits it to your theme.

import HeroSection from "@/components/ui/neon-quest-hero-section";

export default function DemoOne() {
  return <HeroSection />;
}