Components
Loading preview...
A stunning, modern hero section featuring a dark purple gradient background with flowing abstract shapes and glowing effects. The design includes a clean navigation bar, bold typography asking "What should we build today?", and an interactive input field with a glassmorphism effect and lightbulb icon. Built with React and Tailwind CSS, it features smooth animations, responsive design, and premium visual effects including SVG flowing shapes, backdrop blur, and subtle pulse animations. Perfect for creative agencies, development studios, or any platform focused on innovation and idea generation. The component is fully interactive with state management and optimized for all screen sizes. Key Features: Responsive glassmorphism input field Animated SVG flowing shapes Purple gradient color scheme Interactive lightbulb button Smooth hover and pulse effects Mobile-first responsive design Clean, modern typography Professional navigation layout
@muhammad-binsalman
npx shadcn@latest add https://21st.dev/r/muhammad-binsalman/idea-generator-hero-sectionimport { HeroSection } from "@/components/ui/idea-generator-hero-section";
export default function DemoOne() {
return <HeroSection />;
}