elisex.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Sleek, secure, and advanced. A dark mode aesthetic with sharp, geometric accents and subtle glowing elements to represent threat detection.

## 2. Color Palette
- **Primary**: #00F0FF (Electric cyan, tech-forward)
- **Secondary**: #FF007F (Vibrant magenta, for alerts)
- **Accent**: #39FF14 (Neon green, for successful detection)
- **Background**: #0A0A0A (Deep black)
- **Surface/Card**: #1A1A1A (Dark charcoal)
- **Border**: #333333 (Subtle dark gray)

## 3. Typography
- **Headings**: 'Orbitron', sans-serif (Futuristic and bold, conveys advanced technology)
- **Body**: 'Source Code Pro', monospace (Gives a technical, code-like feel, enhances security vibe)

## 4. UI Design System
- **Shadows**: 0 0 15px rgba(0, 240, 255, 0.3), 0 4px 8px rgba(0,0,0,0.4)
- **Border Radius**: 4px
- **Spacing**: Structured and precise, 60px section padding, tight component spacing

## 5. Layout Structure
- **Hero**: Dark, abstract background with pulsing lines or data streams. Bold, impactful headline about AI-powered security. Subheadline on proactive threat prevention. Primary CTA with a sharp look.
- **Features**: A technical, data-visualization-inspired layout. Could be a timeline or flow diagram highlighting detection to resolution. Use of dark cards with glowing icons.
- **CTA**: Angular, high-contrast button in the primary or accent color, clearly defined.

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