fiyapi.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Sleek, efficient, and developer-focused. A minimalist dark mode theme with sharp lines and vibrant accents to highlight code and data. Think command-line interface meets modern design.

## 2. Color Palette
- **Primary**: #1A202C (Very Dark Blue/Black)
- **Secondary**: #4299E1 (Sky Blue)
- **Accent**: #F56565 (Soft Red)
- **Background**: #111827 (Deep Black)
- **Surface/Card**: #1F2937 (Dark Gray)
- **Border**: #4B5563 (Medium Gray)

## 3. Typography
- **Headings**: 'Fira Code' (Monospace font with ligatures, ideal for developers)
- **Body**: 'Fira Code' (Consistent and professional for technical content)

## 4. UI Design System
- **Shadows**: 0 15px 25px -7px rgba(0, 0, 0, 0.3)
- **Border Radius**: 4px
- **Spacing**: Structured and technical, 100px section padding, 40px component spacing

## 5. Layout Structure
- **Hero**: A simulated code editor or terminal window showcasing API calls and responses. Headline emphasizing speed and efficiency in API development. CTA: 'Start Building APIs'.
- **Features**: A clean, two-column layout detailing key features like code generation, mocking, and testing, using code snippets and icons.
- **CTA**: Angular, sharp buttons using the secondary color, with clear hover states and subtle glow effects.

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