edepex.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Data-driven, intelligent, and futuristic, with a clean and sophisticated feel. The design should convey cutting-edge technology and precision, using abstract data visualizations and a dark-mode-inspired aesthetic.

## 2. Color Palette
- **Primary**: #1A202C (Deep, premium shade of dark charcoal)
- **Secondary**: #2D3748
- **Accent**: #63B3ED (Vibrant, electric blue)
- **Background**: #0F172A
- **Surface/Card**: #1E293B
- **Border**: #334155 (Subtle)

## 3. Typography
- **Headings**: Outfit (Modern, geometric sans-serif, giving a tech-forward and precise impression)
- **Body**: Fira Sans (Clean, versatile sans-serif, excellent for displaying data and technical information clearly)

## 4. UI Design System
- **Shadows**: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1)
- **Border Radius**: 4px (for a sharp, modern look)
- **Spacing**: Structured and deliberate, 96px section padding for clear content separation

## 5. Layout Structure
- **Hero**: Full-width hero section featuring an animated abstract data visualization or a sleek product screenshot, with a bold, benefit-driven headline and a 'Request Demo' CTA button.
- **Features**: A multi-column grid (e.g., 2 or 3 columns) showcasing key AI capabilities with clean icons, brief descriptions, and a link to learn more. Emphasize data integration and real-time insights.
- **CTA**: A prominent, attention-grabbing 'Get Started' or 'Talk to an Expert' button, positioned after the core features and supported by social proof or client testimonials.

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