A minimalist, cinematic single-page hero section with a fullscreen looping video background, glassmorphic navigation, and elegant Instrument Serif typography. Built with a deep navy dark theme and subtle fade-rise animations.
- React 19 + TypeScript
- Vite — lightning-fast dev server
- Tailwind CSS v4 — utility-first styling
- Framer Motion — animation library
- shadcn/ui — component library
- Fullscreen Video Background — CloudFront MP4 with autoplay loop, no overlays — the video provides all visual depth
- Liquid Glass UI — glassmorphic navbar CTA and hero button with CSS mask-composite gradient borders
- Cinematic Typography — Instrument Serif display font with muted-color contrast words for visual hierarchy
- Fade-Rise Animations — CSS keyframe entrance animations with staggered delays (0s, 0.2s, 0.4s)
- Deep Navy Theme — HSL-based color system with
201 100% 13%background - Registered Trademark Logo — "Velorah®" with superscript styling
- Minimalist Design — no decorative blobs, gradients, or overlays — pure cinematic vertical layout
git clone https://github.com/CodAr-man/velorah.git
cd velorah
npm install
npm run devMIT