Futuristic Cinematic

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

## 1. Overview & Visual Objective
Create a full-screen dark hero section for a brand called "axentra" using React, TypeScript, Tailwind CSS, Lucide React icons, and the `shaders` package (`shaders/react`). The page should be a single viewport-height section with a WebGL shader background and centered text overlay.

Visual Aesthetics & Mood:
webgl shader background animated studio lighting deep purple near-black ambient glow soft gradient vignette centered white text clean modern sans-serif futuristic cinematic atmospheric generative dreamy dark sleek sophisticated luminous subtle motion

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