Global CTA Footer

Build a high-performance, agency-grade CTA section called "Global CTA Footer" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build a landing page for "Highframe" -- a SaaS product for building internal workflows, smart forms, and automations without code. The page has two responsive versions: **desktop** (served as a standalone HTML file) and **mobile** (served as a standalone HTML file). A React app switches between them via iframe based on viewport width (breakpoint: 768px).

Visual Aesthetics & Mood:
warm paper off-white ink black palette lime accent elegant garamond serif headings italic accents paired with modern grotesque sans workflow forms aesthetic editorial print-like refined calm structured intellectual understated crisp classic-modern 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)