Luxury Real Estate

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

## 1. Overview & Visual Objective
Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named "Velar.". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the exact specifications below.

Visual Aesthetics & Mood:
warm off-white cream background deep teal green accent luxury real estate elegance animated preloader brand reveal large architectural building imagery bold wide display typography mixed weights editorial gallery videos refined tactile warm sophisticated high-end serene spacious calm graceful transitions

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