StudioHero

A high-impact, full-screen hero section featuring a video background, animated navigation, and scroll-based motion effects. Designed for modern creative agencies, it combines dynamic storytelling with strong calls-to-action to capture attention and drive engagement.

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

import { HeroSection } from "@/components/ui/studio-hero";

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