# MagicEverse standaard storefront-elementen

Basis voor elke merk-storefront (Medusa + Directus CMS + Magic Agent). Alle content komt uit Directus en is klikbaar te bewerken in de preview; secties zijn via feature-flags aan/uit te zetten; brand-detectie op domein (meerdere merken delen dezelfde code en backend).

## Header
- Logo (uit CMS)
- Zoekbalk met live suggesties (typen → dropdown met producten)
- AI-zoeken knop (Claude zoekt op natuurlijke taal, valt terug op gewoon zoeken)
- Mijn account (toont klantnaam als ingelogd)
- Winkelwagen met aantal-badge
- Taalkeuze DE / NL / EN / FR / ES

## Navigatie
- Categorieën → mega-menu met kolommen (categorieën zonder producten worden verborgen)
- Nieuw · Sale · Verkooptools
- Onze organisatie → mega-menu
- Our Brands (groene knop) → mega-menu met merklogo's

## Content-secties (Directus CMS)
- Hero-carrousel: 3 slides, titel, subtitel, CTA-knop, dots
- Featured: 2 grote banners (titel, subtitel, link)
- Most Wanted: product-carrousel met pijlen, prijs, "bekijk"-knop — producten uit Medusa
- About: tabs (Wie wij zijn / Services / …) met slide-in animatie
- Categorieën: horizontale carrousel met foto + naam
- Nieuwsbrief: e-mail + voorwaarden-vinkje, parallax-achtergrond

## Footer
- Social-iconen, linkkolommen, copyright, "created by MagicEverse"

## Zwevend / globaal
- WhatsApp-knop links (wa.me)
- Chat-widget rechtsonder (Magic Agent, via agent.magiceverse.online)
- Feature-flags uit Directus (secties aan/uit)
- Brand-detectie op domein

## Overige pagina's
Store, product, cart, quote (offerte), account-dashboard (orders, offertes, facturen, samples, bedrijf, baskets, reporting), service, beurzen, duurzaamheid, verantwoording, over ons, verzending, betaalmethoden, retour, voorwaarden.

## Tokens per merk
Zie `design-tokens.json` (gebundeld) en `brands/<slug>/tokens.json` + logo/favicon in dezelfde map. Velden: primary, secondary, ink, surface, onPrimary, fonts.display, fonts.body, palette, neutrals, cssVars, logo, favicon, platform, url.