Daisy Sweet

Build a high-performance, agency-grade Product section called "Daisy Sweet" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build a standalone React + TypeScript + Tailwind CSS section component. This is a fragrance product showcase split into two halves: a sky-blue product panel on the left and a looping video on the right. On mobile it stacks vertically (product panel on top, video strip below). Every value below is exact — do not approximate.

Visual Aesthetics & Mood:
split-half product showcase vivid sky blue product panel beside looping video black text playful fragrance branding smooth long-eased entrance animations bright cheerful bold color block fresh youthful crisp

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