HAVENORBI

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

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

Visual Aesthetics & Mood:
havenorbi-portfolio;freelance designer ui ux portfolio personal creative studio branding designer hire me deep midnight blue alien planet 3d render scene glowing translucent bubble plants crystals starfield cute chibi astronaut character with orange face in white spacesuit giant heavy condensed white uppercase display wordmark spanning full width behind the character small uppercase tracked sans nav and slash-prefixed labels circular outlined arrow button asterisk logo mark playful whimsical cosmic vibrant cheerful bold graphic immersive polished modern

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