ebuyax.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Clean, minimalist, and ethical, with a curated gallery feel. The design should prioritize visual appeal of products and storytelling, using soft lighting and warm tones to convey authenticity and craftsmanship.

## 2. Color Palette
- **Primary**: #2D3748 (Deep, premium shade of charcoal gray)
- **Secondary**: #4A5568
- **Accent**: #D59B62 (Warm, earthy terracotta)
- **Background**: #FBFBFB
- **Surface/Card**: #FFFFFF
- **Border**: #EDF2F7 (Subtle)

## 3. Typography
- **Headings**: Lora (Elegant serif with a classic, artistic feel, perfect for product names and storytelling)
- **Body**: Montserrat (Clean, modern sans-serif that is highly readable, ensuring a clear and inviting shopping experience)

## 4. UI Design System
- **Shadows**: 0 2px 4px 0 rgba(0, 0, 0, 0.05)
- **Border Radius**: 6px
- **Spacing**: Ample whitespace around product cards, 72px section padding for a gallery-like presentation

## 5. Layout Structure
- **Hero**: A rotating carousel of high-quality product lifestyle images, overlaid with a compelling headline about unique craftsmanship and conscious consumption, and a clear 'Shop All' button.
- **Features**: A responsive grid layout for product categories or featured items, each with a clear image, title, price, and a quick-view option.
- **CTA**: A subscription sign-up for newsletters or new arrivals, positioned subtly in the footer or as a secondary call to action section, emphasizing community and discovery.

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