NOOR — Hi, I’m Noor

# NOOR — Hi, I’m Noor

Create a responsive React + TypeScript + Vite + Tailwind CSS website. Use small components for navigation, hero, interactive stage, content sections and footer. Put media URLs in src/lib/assets.ts and animations in cleaned-up hooks. Do not output a giant HTML file, an iframe, or a screenshot pretending to be the website.

## Design direction
A full-bleed hero that never scrolls. A teal-to-lilac dusk sky (a looping video) sits behind a colossal semi-transparent wordmark ticker that scrolls right to left forever. A 3D holographic desk projector stands on the floor of the frame. Centred serif title copy sits above it, and a vertical nav rail with a toggle switch sits bottom-left. A one-shot entrance plays on load. The sky and the ticker are the static stage and are excluded from the entrance.

Palette and type: #0b9a86, #dfd8f5, #c3c4e9, #b5bfe4, #8daed0, #6ca1c5, #76a3d1, #81a5d4, #127f78, #169487, #1fa99a, #8fcfc6.
Font stylesheet: https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Playfair+Display:ital@0;1&family=Poppins:wght@400&display=block

## Layout and copy
“Noor”