Glass Video Hero

A premium landing hero featuring a full-screen video background, glassmorphism navigation bar, responsive mobile menu with focus trap, and interactive full-bleed height toggle. Designed for SaaS, travel, and modern product landing pages. Includes accessibility improvements, smooth transitions, and mobile-first responsive layout. Built using React, Tailwind CSS, and Lucide icons.

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

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

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