emzag.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Data-driven, intelligent, and professional. A clean, structured aesthetic with subtle data visualization elements and a modern, sophisticated feel.

## 2. Color Palette
- **Primary**: #1E3A8A (Deep, authoritative blue)
- **Secondary**: #3B82F6 (Brighter, analytical blue)
- **Accent**: #F59E0B (Optimistic gold for key metrics)
- **Background**: #FFFFFF (Clean, stark white)
- **Surface/Card**: #F9FAFB (Very light gray for distinction)
- **Border**: #E5E7EB (Subtle, neutral gray)

## 3. Typography
- **Headings**: 'Montserrat', sans-serif (Strong, geometric, and professional)
- **Body**: 'Inter', sans-serif (Modern, clean, and highly legible for data presentation)

## 4. UI Design System
- **Shadows**: 0 5px 10px -3px rgba(0,0,0,0.03), 0 2px 4px -2px rgba(0,0,0,0.03)
- **Border Radius**: 6px
- **Spacing**: Precise and structured, 70px section padding, consistent component spacing

## 5. Layout Structure
- **Hero**: Abstract data visualization background or clean graphics representing insights. Headline focused on 'Unlocking Business Potential with AI'. Subheadline on intelligent decision-making. Primary CTA to 'Request Demo'.
- **Features**: A section demonstrating AI capabilities with visual mockups of dashboards, charts, and trend lines. Could use a carousel or staggered layout.
- **CTA**: Sharp, professional button in the primary or accent color, clear and actionable.

## 6. Tech Stack
- Framework: Next.js 14
- Styling: Tailwind CSS
- Animation: Framer Motion