jomamu .com

# Landing Page Specification

## 1. Theme & Aesthetic
Warm, inviting, and handcrafted. A rustic yet refined aesthetic that celebrates individuality and quality craftsmanship, using natural textures and a cozy color palette.

## 2. Color Palette
- **Primary**: #A8645C (Earthy Terracotta)
- **Secondary**: #C9968E
- **Accent**: #F7D794 (Soft Gold)
- **Background**: #FFFDF5
- **Surface/Card**: #FFFFFF
- **Border**: #EFEAE5 (Warm off-white)

## 3. Typography
- **Headings**: Playfair Display (Elegant, sophisticated serif with a classic, artisan feel)
- **Body**: Lora (Readable, warm, and inviting serif, complementing the handcrafted theme)

## 4. UI Design System
- **Shadows**: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 5px rgba(0, 0, 0, 0.04)
- **Border Radius**: 12px (Soft, organic rounded corners reminiscent of handcrafted goods)
- **Spacing**: Generous, natural whitespace, 90px section padding, 24px component spacing for a comfortable browsing experience.

## 5. Layout Structure
- **Hero**: A beautiful, lifestyle-oriented hero section showcasing high-quality photos of artisan products in use, a welcoming headline, a descriptive sub-headline, and a 'Shop Now' button, with a subtle texture overlay.
- **Features**: A curated gallery-style layout (e.g., 2 or 3 columns) featuring different categories of crafts or highlighted artisans, with engaging images and brief descriptions, designed for visual appeal.
- **CTA**: A charming, full-width call-to-action block inviting users to join the community of makers or discover unique gifts, featuring a primary button and clear links, designed to inspire connection.

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