eforow.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Collaborative, efficient, and modern, designed for productivity and creativity. The design should convey seamless workflow and smart insights, using clean interfaces, intuitive layouts, and subtle, motivating animations.

## 2. Color Palette
- **Primary**: #0A5A7B (Deep, premium shade of teal-blue)
- **Secondary**: #1B7EA4
- **Accent**: #F7A823 (Bright, optimistic orange)
- **Background**: #F4F8FB
- **Surface/Card**: #FFFFFF
- **Border**: #DAE1E7 (Subtle)

## 3. Typography
- **Headings**: Avenir Next (Professional, clean, and modern sans-serif, conveying efficiency and innovation)
- **Body**: Roboto (Highly readable, versatile sans-serif, ensuring clarity for long-form content and UI elements)

## 4. UI Design System
- **Shadows**: 0 5px 15px -3px rgba(0, 0, 0, 0.1), 0 3px 8px -2px rgba(0, 0, 0, 0.08)
- **Border Radius**: 8px
- **Spacing**: Balanced whitespace, 80px section padding for a structured yet inviting feel

## 5. Layout Structure
- **Hero**: A dynamic hero section featuring an animated UI mock-up of the platform in action, with a strong headline promising content pipeline optimization and a 'Get Started Free' CTA button.
- **Features**: A series of alternating left/right sections, each highlighting a core feature (e.g., AI generation, collaborative editor, analytics dashboard) with a screenshot and detailed benefits.
- **CTA**: A prominent 'Book a Demo' button, strategically placed after the features section and before social proof, using the accent color for maximum visibility.

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