Luxury Ecommerce Design

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

## 1. Overview & Visual Objective
Create a React + Tailwind CSS beauty/skincare brand landing page called "STRETCH" with 3 sections. Use Vite, React 18, TypeScript, Tailwind CSS, and lucide-react for icons. The system font stack is used (no custom fonts loaded). The page has smooth scroll-triggered fade-in animations using IntersectionObserver, button hover lift animations, and full responsive design with a mobile hamburger menu.

Visual Aesthetics & Mood:
split half-and-half hero skincare beauty brand soft warm cream announcement bar uppercase widely tracked logo underline hover animations scroll-triggered fade-ins minimal luxury editorial clean feminine fresh calm elegant system typography 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)