Codeveil

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

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Developer with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
constellation-hero;developer tools AI coding assistant developer productivity code editor AI-powered code space coding workspace technical SaaS developer platform editorial landing page warm off-white paper background charcoal black typography centered hero large two-line headline muted second line centered subtitle solid black CTA ghost CTA registration corner marks minimal navbar orbital constellation logo diagonal hatch divider bands plus grid texture live code editor preview browser chrome file manager project tree syntax highlighted code line numbers monospace code panel customer logo strip four-column grid hairline borders vertical dividers responsive editorial layout clean technical interface Figtree JetBrains Mono minimal monochrome warm neutral precise structured premium modern refined professional developer-focused AI technology coding productivity

## 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)