puvazi .com

# Landing Page Specification

## 1. Theme & Aesthetic
Gentle, holistic, and inviting wellness aesthetic with soft colors and clean lines, emphasizing user comfort and tranquility.

## 2. Color Palette
- **Primary**: #5C6BC0 (Deep, premium shade)
- **Secondary**: #81C784
- **Accent**: #FFC107 (High contrast)
- **Background**: #F0F4C3
- **Surface/Card**: #FFFFFF
- **Border**: #E8EAF6 (Subtle)

## 3. Typography
- **Headings**: Nunito Sans (Friendly, modern, and conveys a sense of approachability and care)
- **Body**: Lato (Clean, comfortable, and excellent for readability of health-related content)

## 4. UI Design System
- **Shadows**: 0 8px 16px rgba(0, 0, 0, 0.08)
- **Border Radius**: 12px
- **Spacing**: Soft and airy whitespace, 60px section padding, 20px component padding

## 5. Layout Structure
- **Hero**: A clean, inviting hero section featuring a serene lifestyle image background with minimal overlay text and a soft call-to-action button. Focus on a feeling of calm and personal growth.
- **Features**: A grid of soft, card-like elements, each with a relevant icon, title, and a brief explanation. These cards should have gentle shadows and rounded corners.
- **CTA**: A prominent, rounded button with a subtle gradient, appearing both in the hero and strategically placed after a section highlighting benefits or testimonials.

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