fenbas .com

# Landing Page Specification

## 1. Theme & Aesthetic
Professional, trustworthy, and elegant fintech aesthetic with a focus on data visualization and clarity.

## 2. Color Palette
- **Primary**: #004D40 (Deep, premium shade)
- **Secondary**: #37474F
- **Accent**: #FFB300 (High contrast)
- **Background**: #FAFAFA
- **Surface/Card**: #FFFFFF
- **Border**: #E0E0E0 (Subtle)

## 3. Typography
- **Headings**: Lato (Professional, clean, and highly versatile for corporate branding)
- **Body**: Roboto (Modern, legible, and excellent for extensive text content)

## 4. UI Design System
- **Shadows**: 0 2px 4px rgba(0, 0, 0, 0.08)
- **Border Radius**: 6px
- **Spacing**: Standard corporate spacing, 72px section padding, 20px component padding

## 5. Layout Structure
- **Hero**: A clear hero section with a compelling headline and subtext on the left, and an illustrative graphic (e.g., dashboard screenshot or data visualization) on the right. A concise CTA button is included below the text.
- **Features**: Alternating sections with text on one side and an accompanying image or mock-up on the other, creating a dynamic reading flow. Each feature highlights a specific benefit.
- **CTA**: A clearly defined button, typically integrated within feature sections or placed at the bottom, encouraging a demo request or signup.

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