---

🧊   A cinematic video browser with a glass soul   🧊

     ╔══════════════════════════════════════════════════════════════╗
     ║                                                              ║
     ║     ░▒▓█  S M O O T H   E N T R Y W A Y  █▓▒░                ║
     ║                                                              ║
     ║        > frosted panels · fluid motion · zero glow           ║
     ║                                                              ║
     ╚══════════════════════════════════════════════════════════════╝

✨   Features

🎬   Playback Adaptive HLS streaming 4K / 1080p / 720p quality menu Custom controls, no branding glow Poster + thumbnail via origin proxy	🧭   Navigation Fresh · Search · Premium · Verified Liquid-glass sticky top bar Framer-Motion route transitions Infinite scroll grid
🔞   Age Gate One-tap I am 18+ flow Cookie-persisted acceptance Animated fade + scale reveal	🎨   Design Transparent surfaces, backdrop blur Dark neutral palette No neon, no gradients spam Responsive 1 → 4 col grid

---

🧱   Tech Stack

Layer	Choice
Framework	TanStack Start v1 (SSR + Server Fns)
Runtime	React 19 · Vite 7 · Cloudflare Workers
Styling	Tailwind CSS v4 · CSS variables
Motion	Framer Motion
Data	TanStack Query · HLS.js
Backend	Lovable Cloud (Supabase)

---

🚀   Quick Start

# 1 · install
bun install

# 2 · dev server
bun run dev

# 3 · open
open http://localhost:8080

---

🗂️   Project Layout

src/
 ├── routes/            # file-based routing
 │   ├── __root.tsx     # shell · head · nav · footer
 │   ├── index.tsx      # / fresh
 │   ├── premium.tsx    # /premium
 │   ├── verified.tsx   # /verified
 │   ├── search.tsx     # /search
 │   ├── video.$id.tsx  # /video/:id
 │   └── api/public/    # proxy · webhooks
 ├── components/        # VideoPlayer · Nav · AgeGate …
 ├── lib/               # server fns · api client
 └── styles.css         # tailwind v4 tokens

---

🌐   Deploy Anywhere

---

📜   License

MIT  ·  Made with 🧊 and ☕