fewih.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Playful, innovative, and user-friendly. A bright and clean aesthetic with smooth animations and interactive elements that subtly demonstrate the platform's capabilities.

## 2. Color Palette
- **Primary**: #667EEA (Soft Blue/Purple Gradient)
- **Secondary**: #2E52D9 (Vibrant Blue)
- **Accent**: #FF6B6B (Coral Red)
- **Background**: #FFFFFF (Pure White)
- **Surface/Card**: #F8F9FA (Light Gray)
- **Border**: #E9ECEF (Pale Gray)

## 3. Typography
- **Headings**: 'Nunito Sans' (Friendly, rounded, and modern)
- **Body**: 'Nunito Sans' (Consistent and highly readable)

## 4. UI Design System
- **Shadows**: 0 10px 20px -6px rgba(0, 0, 0, 0.08)
- **Border Radius**: 10px
- **Spacing**: Ample whitespace, 100px section padding, 32px component spacing

## 5. Layout Structure
- **Hero**: A live preview or animated GIF of the builder interface in action, demonstrating ease of use. Headline emphasizing 'Create Interactive Web Experiences Easily'. Primary CTA: 'Start Building for Free'.
- **Features**: A feature showcase with icons and brief descriptions, possibly using animated illustrations to represent interactivity and ease of use.
- **CTA**: Rounded, friendly buttons with subtle gradients, using primary colors. Clear hover states and possibly a subtle micro-interaction on click.

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