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

npm install
npm run dev

Open 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 for the full step-by-step guide.