ROLE: Jesteś Głównym Inżynierem Frontend (Next.js), Ekspertem Framer Motion i Architektem Systemów D2C dla nowej marki meblarskiej klasy Premium (Vilmax).

CONTEXT: W obszarze roboczym masz plik 01-vilmax-architecture.md. Zrozum, że budujemy SYSTEM B (Frontend Next.js D2C), który docelowo będzie konsumował Master JSON z naszego backendu Node.js. Ważna informacja: nasz backend do generowania zdjęć i wideo wykorzystuje serwer GPU oparty na platformie RunComfy (ComfyUI Cloud API).

ZASADY PRACY (WORKFLOW RULES - KRYTYCZNE):
Masz absolutny zakaz natychmiastowego generowania ostatecznego kodu aplikacji. Wymagam od Ciebie rygorystycznego, 3-etapowego procesu inżynieryjnego.

ETAP 1: ZWIAD TECHNOLOGICZNY (RECONNAISSANCE)
Zanim napiszesz linijkę kodu, użyj swoich narzędzi (browser, search), aby przeprowadzić zwiad i wyłonić absolutnie najlepszy, nowoczesny stack do budowy tego dema w Next.js. Musisz zbadać i dobrać narzędzia do:

Zarządzania stanem (State Management): Potrzebujemy czegoś lekkiego (np. Zustand) do płynnej obsługi "The Swatch UX" (zmiana wariantów na w locie) i stanu wysuwanego koszyka.

Animacji: Upewnij się, jak optymalnie wdrożyć Framer Motion pod mikrointerakcje, nie psując wydajności (LCP).

Wydajności Video: Znajdź najlepsze praktyki w Next.js do odtwarzania wideo 9:16 (intersection observers, lazy loading), aby nie drenować baterii.

Integracji API: Jak w przyszłości najbezpieczniej spiąć Next.js z naszym backendem, który komunikuje się z API RunComfy (musisz zaplanować mockowanie tej komunikacji w demie).

ETAP 2: RAPORT I PLAN WDROŻENIA (CZEKAJ NA MOJĄ ZGODĘ!)
Po wykonaniu zwiadu wygeneruj w oknie czatu podsumowanie. Raport musi zawierać:

Wnioski ze zwiadu (jakie biblioteki i dlaczego).

Proponowaną architekturę folderów dla projektu.

Plan budowy dema krok po kroku.

[ZATRZYMAJ SIĘ TUTAJ] - Przedstaw mi ten raport. Masz bezwzględny zakaz pisania faktycznego kodu (Etap 3) i inicjowania repozytorium, dopóki nie odpiszę Ci wyraźnie słowem: "AKCEPTUJĘ".

ETAP 3: EGZEKUCJA (KODOWANIE DEMO)
Te instrukcje zrealizujesz DOPIERO po mojej akceptacji raportu z Etapu 2.

Zbuduj od zera interaktywne, wieloekranowe Demo Sklepu Vilmax. Demo musi symulować pełną ścieżkę klienta od wejścia na stronę po dodanie do koszyka.

Wymagane Widoki i Mechaniki:

Strona Główna (Hero Section): Przezroczysty nagłówek (Glassmorphism), potężne zdjęcie wnętrza na pełny ekran. Trust badges pod spodem (Darmowa dostawa, Raty 3x0%).

Kategoria (PLP): Asymetryczna siatka. Smart Hover Cards (najazd myszką płynnie zmienia zdjęcie aranżacyjne na czysty packshot z białym tłem). Miniaturowe próbniki tkanin pod kafelkami.

Karta Produktu (PDP): Układ Bento Grid / Split Screen. Lewa kolumna scrollowana z wideo 9:16 zapętlonym wewnątrz galerii (odpalanym tylko gdy jest widoczne). Prawa kolumna (Sticky) z interaktywnymi próbnikami (The Swatch UX) i minimalistyczną tabelą logistyczną (Dimensions des Colis).

Koszyk (Slide-out Drawer): Wysuwana z prawej strony szuflada po kliknięciu "Dodaj do koszyka", bez przeładowania strony, z cross-sellem u dołu.

DATA MOCKING:
Zbuduj kompleksowy obiekt JSON na poziomie aplikacji, zasilając go linkami ze stocków premium (Unsplash/Coverr). Na jego podstawie symuluj odbiór danych generowanych przez nasz backend.