Growth Marketing SaaS

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

## 1. Overview & Visual Objective
Build a single landing page with only a fixed Navbar and a full-screen Hero section that contains a parallax dashboard mock and a foreground grass image. Use React + Vite + TypeScript + Tailwind + framer-motion + lucide-react. No backend.

Visual Aesthetics & Mood:
very dark purple near-black background parallax floating dashboard mockup foreground grass image italic serif accents translucent white surface tokens playful surreal layered depth dark saas glowing polished modern whimsical-tech blend

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