egkom.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Sophisticated, analytical, and modern, conveying data intelligence and financial expertise. The design should be clean and structured, using dark mode elements and subtle gradients to enhance data visualization and a premium feel.

## 2. Color Palette
- **Primary**: #251F47 (Deep, premium shade of dark purple-navy)
- **Secondary**: #3D336E
- **Accent**: #8B5CF6 (Vibrant, electric violet)
- **Background**: #121021
- **Surface/Card**: #1E1A36
- **Border**: #3A3258 (Subtle)

## 3. Typography
- **Headings**: Montserrat (Modern, geometric sans-serif, conveying precision and authority)
- **Body**: Lato (Clean, highly readable sans-serif, ensuring clarity for complex data and financial terms)

## 4. UI Design System
- **Shadows**: 0 10px 20px -5px rgba(0, 0, 0, 0.3), 0 4px 8px -2px rgba(0, 0, 0, 0.15)
- **Border Radius**: 6px
- **Spacing**: Structured and compact, 88px section padding for a professional, information-dense layout

## 5. Layout Structure
- **Hero**: A full-width hero featuring an abstract financial data visualization or a sleek product dashboard screenshot, with a powerful headline about investment optimization and a clear 'Request a Demo' CTA button.
- **Features**: A grid of cards or alternating sections highlighting key analytical capabilities (e.g., market forecasting, property valuation, risk assessment) with clean icons and data points.
- **CTA**: A prominent 'Get Started' or 'Contact Sales' button, strategically placed after the core benefits, reinforced by trust badges or client logos.

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