Components
Hero
A breathtaking, fully responsive hero section with immersive animated background particles, cinematic gradient motion, and a typewriter-style headline that instantly grabs attention. Perfect for landing pages, SaaS homepages, or product launches — designed with dark mode, micro-interactions, and motion layers that make it irresistible and shareable. It’s not just a hero it’s a first impression that goes viral.
import { HeroComponent } from "@/components/ui/hero";
export default function Demo() {
return (
<div className="min-h-screen bg-background">
<HeroComponent />
</div>
)
}