# 🥚 Eggymon Kitchen Landing Page

> **EN:** Multilingual landing page for Eggymon Kitchen — Built with Blazor WebAssembly + ASP.NET Core BFF  
> **VI:** Trang landing đa ngôn ngữ cho Eggymon Kitchen — Xây dựng bằng Blazor WebAssembly + ASP.NET Core BFF

## Architecture

```
┌─────────────────────────────────────────────────────────────────┐
│                    EggymonLandingPage.Server                     │
│              (ASP.NET Core BFF + YARP Reverse Proxy)             │
│    ┌──────────────────────────────────────────────────────┐      │
│    │              EggymonLandingPage.Client                │      │
│    │         (Blazor WebAssembly + MudBlazor)              │      │
│    │    ┌──────────────────────────────────────────┐       │      │
│    │    │        EggymonLandingPage.Shared          │       │      │
│    │    │           (Shared DTOs)                   │       │      │
│    │    └──────────────────────────────────────────┘       │      │
│    └──────────────────────────────────────────────────────┘      │
└─────────────────────────────────────────────────────────────────┘
```

## Tech Stack

| Layer     | Technology                          |
|-----------|-------------------------------------|
| UI        | Blazor WebAssembly (.NET 10)        |
| Components| MudBlazor 8.15                      |
| Server    | ASP.NET Core BFF + YARP             |
| Styling   | CSS Variables (Primitives → Semantics → Components) |
| i18n      | JSON-based localization (EN/VI)     |
| Fonts     | Fredoka (headings) + Inter (body)   |
| Container | Docker multi-stage (Alpine)         |

## Getting Started

```bash
# Run in development mode
cd src/EggymonLandingPage.Server
dotnet run

# Build production
dotnet publish -c Release

# Docker
docker build -t eggymon-landing .
docker run -p 8080:8080 eggymon-landing
```

## Routes

| Route    | Description         |
|----------|---------------------|
| `/`      | Landing page (EN)   |
| `/en-US/`| English version     |
| `/vi-VN/`| Vietnamese version  |
| `/health`| Health check        |

## Design System

🎨 **Brand Colors:** Warm Brown + Cream + Egg Yellow  
🌙 **Dark Mode:** Full light/dark theme support  
📱 **Responsive:** Mobile-first design with CSS Grid
