ecocuv.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Organic, fresh, and natural, conveying sustainability and environmental consciousness. The design should use natural textures, clean lines, and imagery of lush greenery and eco-friendly products to inspire a greener lifestyle.

## 2. Color Palette
- **Primary**: #38A169 (Deep, premium shade of forest green)
- **Secondary**: #68D391
- **Accent**: #F6E05E (Bright, natural yellow)
- **Background**: #F7FFF7
- **Surface/Card**: #FFFFFF
- **Border**: #CCEBDD (Subtle)

## 3. Typography
- **Headings**: Poppins (Modern, clean, and friendly sans-serif, conveying accessibility and environmental awareness)
- **Body**: Nunito Sans (Soft, rounded sans-serif that is highly readable, promoting a welcoming and educational tone)

## 4. UI Design System
- **Shadows**: 0 3px 6px rgba(0, 0, 0, 0.08)
- **Border Radius**: 10px
- **Spacing**: Liberal whitespace, 88px section padding to create an open and refreshing feel

## 5. Layout Structure
- **Hero**: A serene, high-quality image of nature or a family enjoying sustainable living, with a compelling headline about making a positive impact and a clear 'Explore Boxes' CTA button.
- **Features**: A visual showcase of example box contents using large, attractive images and bullet-point benefits, arranged in an appealing staggered grid or row layout.
- **CTA**: A prominent 'Subscribe Now' button with clear pricing tiers, placed in a dedicated section that highlights the value and convenience of the subscription service.

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