# Kött Gård — Premium Halal Meat Delivery

A modern, premium e-commerce website for 100% Halal meat delivery. Built with Next.js, TypeScript, and Tailwind CSS.

## Features

- **Premium Design** — Green, white, and gold color palette with luxurious typography
- **Multi-language** — Swedish (default), English, and Urdu with RTL support
- **Product Customization**
  - Chicken: Choose quantity in pieces (4, 8, 10, 12, 14)
  - Beef & Lamb: Choose cutting style (Nihari, Karahi, Qeema, Boneless, Steak)
  - Fish: Standard professional cut
- **Full E-commerce Flow** — Shop, product details, cart, secure checkout
- **User Accounts** — Registration, login, order history
- **Wishlist** — Save favorite products
- **Responsive** — Mobile-first design
- **SEO Optimized** — Meta tags, semantic HTML, Open Graph

## Getting Started

```bash
npm install
npm run dev
```

Open [http://localhost:3000](http://localhost:3000).

### Demo Account

- Email: `demo@kottgard.se`
- Password: `demo123`

### Languages

Use the language bar or globe icon to switch between:
- **Svenska** (Swedish) — default
- **English**
- **اردو** (Urdu) — RTL
- **العربية** (Arabic) — RTL
- **فارسی** (Persian) — RTL
- **Türkçe** (Turkish)

## Tech Stack

- **Framework:** Next.js 13 (App Router)
- **Language:** TypeScript
- **Styling:** Tailwind CSS
- **State:** Zustand (persisted cart, auth, wishlist, locale)
- **i18n:** Custom translation system with locale store
- **Icons:** Lucide React

## Project Structure (Clean Architecture)

```
src/
├── domain/           # Entities + business rules (no React/Next)
├── application/      # Use cases, ports, container.ts
├── infrastructure/   # Zustand, product data, i18n adapters
├── presentation/     # useCart, useAuth, useCatalog hooks
├── app/              # Next.js pages (thin UI)
├── components/       # React UI components
├── i18n/             # Translation dictionaries (en, sv, ur)
├── hooks/            # useTranslation
├── lib/              # Backward-compatible facades
├── store/            # Backward-compatible re-exports
└── types/            # Re-exports domain entities
```

See **[docs/CLEAN-ARCHITECTURE.md](docs/CLEAN-ARCHITECTURE.md)** for the full step-by-step guide.