CoderCrest

Build a high-performance, agency-grade SaaS section called "CoderCrest" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create a React + TypeScript component named HeroSection in src/components/HeroSection.tsx using Tailwind CSS and the hls.js npm package (install it: npm install hls.js).

Visual Aesthetics & Mood:
black fullscreen streaming video backdrop no overlay content pushed low centered condensed distinctive display font dark minimal developer tech mood cinematic stark simple direct high contrast

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)