Investment Gate

Build a high-performance, agency-grade Landing Page section called "Investment Gate" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create a luxury real estate landing page called "VELORA" using React, TypeScript, Vite, and Tailwind CSS. The page has 3 main parts: a Splash Screen, a Hero Section with a morphing bottom navbar and popup menu, and a Scroll-Driven Gallery Overlay. Use `lucide-react` for icons. No other UI libraries.

Visual Aesthetics & Mood:
luxury real estate splash screen intro morphing bottom navbar popup menu scroll-driven gallery overlay refined serif brand font paired with clean geometric sans choreographed transitions premium elegant cinematic sophisticated immersive high-end polished

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