# Mijn Eigen Bier

> MijnEigenBier is een Nederlands e-commerce platform waar consumenten en bedrijven hun eigen unieke bier kunnen samenstellen met een gepersonaliseerd label, keuze uit bierstijlen en verschillende verpakkingen.

Premium Europees ambachtelijk bier met jouw unieke branding, perfect voor zakelijke geschenken, events en creatieve projecten. Het platform biedt een interactieve 3D-configurator waarin klanten stap voor stap hun bier ontwerpen. Betalingen verlopen via iDEAL en creditcard (Stripe). Na bestelling worden professionele labels met EAN-13 barcode gegenereerd voor productie.

Het platform is volledig Nederlandstalig en richt zich op de Nederlandse markt. Leeftijdsverificatie (18+) is vereist.

## Productaanbod

- Bierstijlen: Blond, IPA, Tripel, Weizen, Witbier, Dubbel en Russian Imperial Stout (dynamisch beheerd)
- Verpakkingen: 0.33L blik, 0.3L glazen fles, 0.7L glazen fles
- Elk bier krijgt een uniek gepersonaliseerd label, ontworpen in de ingebouwde label-editor
- Elke bestelling krijgt een unieke EAN-13 barcode
- Minimale bestelhoeveelheid: 5 dozen (120 flesjes of blikjes, 24 per doos); staffels: 5, 10, 25, 50 of 100 dozen
- Herbestellingen zijn mogelijk vanuit het klantenportaal

## Bestelproces (overzicht)

1. Klant configureert bier via de 4-staps configurator op de homepage
2. Betaling via Stripe (iDEAL of creditcard)
3. Label wordt beoordeeld door admin (goedkeuren/afwijzen)
4. Labels worden besteld bij de labeldrukker
5. Bier gaat in productie
6. Bestelling wordt verzonden met track & trace
7. Afgeleverd (levertijd: 6-8 weken, of 2-3 weken als het bier op voorraad is)

---

## Configurator, Stap-voor-stap handleiding

De configurator bevindt zich op de homepage (mijneigenbier.nl). Je ziet een interactieve 3D flessenpreview die live meebeweegt met je keuzes. Hieronder staat precies wat er per stap gebeurt.

### Landingspagina (voor je begint)

Je ziet een grote hero-sectie met een 3D fles en de tekst "Een lekker eigen biertje, Wie wil dat nu niet?". Er zijn drie badges zichtbaar: "Binnen 8 weken", "Jouw eigen label" en "Vanaf 5 dozen". Klik op de oranje knop "Ik wil m'n eigen bier!" om te beginnen.

### Stap 1: Kies je smaak

- Je ziet de beschikbare bierstijlen als knoppen (Blond, IPA, Tripel, Weizen, Witbier, Dubbel, Russian Imperial Stout).
- Klik op een smaak om deze te selecteren. De achtergrondkleur van de pagina verandert mee en de 3D fles draait 360 graden.
- Onder de knoppen verschijnt een beschrijving van de geselecteerde smaak.
- Klik op "Volgende" om door te gaan.

### Stap 2: Kies je verpakking

- Selecteer het formaat: 0.33L blik, 0.3L glazen fles of 0.7L glazen fles.
- De 3D fles wisselt automatisch naar het juiste model.
- Als er maar een verpakking beschikbaar is, wordt deze stap automatisch overgeslagen.
- Klik op "Volgende" om door te gaan, of "Terug" om je smaak te wijzigen.

### Stap 3: Upload je label

Dit is de belangrijkste stap. Je hebt twee opties:

**Optie A, Upload een bestaand ontwerp:**
- Klik op het uploadveld of sleep je afbeelding erin.
- Ondersteunde formaten: JPG, PNG, WebP of PDF.
- Na het uploaden zie je een DPI-indicator die de printkwaliteit aangeeft:
  - Groen (300+ DPI): "Uitstekend", perfect voor print.
  - Oranje (200-299 DPI): "Voldoende", acceptabel.
  - Rood (150-199 DPI): "Matig, kan pixelig worden".
  - Rood (onder 150 DPI): "Te weinig pixels voor een scherp label", aanbevolen om een groter bestand te gebruiken.
- Tip: gebruik een PNG of PDF met transparante achtergrond, minimaal 1000 pixels breed.
- Na het uploaden opent automatisch de label-editor (zie hieronder).

**Optie B, Ontwerp in de label-editor:**
- De label-editor opent als een volledig scherm overlay.
- Je kunt tekst en afbeeldingen toevoegen, positioneren en stylen.
- Meer details over de editor vind je in de sectie "Label-editor" hieronder.

Klik op "Bestellen" als je tevreden bent met je label.

### Stap 4: Kies je aantal

- Selecteer het aantal dozen. Elke doos bevat 24 flesjes of blikjes.
- De populairste optie is gemarkeerd met een groene "Populairst" badge.
- Je ziet een prijsoverzicht met:
  - Subtotaal inclusief BTW (21%)
  - Verzendkosten (EUR 70 per bestelling, gratis vanaf 100 dozen)
  - Barcode toeslag (indien van toepassing)
  - Totaalprijs inclusief BTW
  - Prijs per flesje/blikje
- Je kunt je smaak, verpakking en label nog wijzigen vanuit het overzicht.
- Klik op "Doorgaan naar Gegevens" om naar de checkout te gaan.

---

## Homepage onder de configurator (SEO-content)

Onder de configurator (na 100vh scrollen) staat een uitgebreide content-sectie met use-cases, smaken, USP's en FAQ. Deze sectie wordt server-rendered, is door zoekmachines indexeerbaar, en biedt LLM's een volledig beeld van het aanbod zonder dat de configurator hoeft te worden uitgevoerd.

**Layout en sectie-volgorde:**

1. **Hero** met H1 "Bier met eigen label voor élke gelegenheid", intro en twee CTA-knoppen ("Start je eigen bier" en "Zo werkt het").
2. **Twee intro-cards**: "Een geschenk dat blijft hangen" en "In een paar minuten klaar".
3. **Voor élke gelegenheid**: kaart-grid met links naar de gelegenheid-hubs (bruiloft, jubileum, babyborrel, zakelijk relatiegeschenk).
4. **Onze smaken** (kop "Zeven bierstijlen"): kaart-grid met links naar de smaak-pagina's (Blond, IPA, Tripel, Weizen, Witbier, Dubbel, Russian Imperial Stout).
5. **Drie simpele stappen** ("Hoe werkt het?"): kies smaak en verpakking, ontwerp je label, bestel en ontvang.
6. **Wat ons anders maakt** (USP's): echt ambachtelijk, vanaf 5 dozen, eigen ontwerp, heel Nederland.
7. **Kies je verpakking**: kaart-grid met links naar de verpakking-pagina's.
8. **Veelgestelde vragen** (FAQ-blok met 6 vragen, voorzien van FAQPage JSON-LD).
9. **Final CTA**: "Klaar om te starten?" met knop terug naar de configurator.

**Visuele stijl:** bold brutalism. Chunky uppercase headings met text-stroke en hard offset shadow, dikke zwarte borders rond cards, harde drop shadows, beperkte kleurpalet (oranje #FF9800, oranje-rood #FF6B35, teal #4ECDC4, geel #FFE66D, zwart #1a1a1a). Cards hebben een lichte rotatie en een press-down hover-effect. Scroll-driven entrance via CSS `animation-timeline: view()`.

**Structured data op de homepage:** Organization, FAQPage, plus de standaard WebSite-schema uit de root layout. Alle interne links in deze sectie wijzen naar bestaande content-hubs onder `/gelegenheid`, `/smaak` en `/verpakking`.

---

## Label-editor, Gedetailleerde handleiding

De label-editor is een ingebouwde ontwerptool waarmee je je bierlabel volledig kunt ontwerpen. Er zijn aparte versies voor desktop en mobiel.

### Desktop label-editor

**Werkbalk (boven):**
- "+ Tekst", voeg een tekstlaag toe
- "+ Afbeelding", voeg een afbeelding toe (PNG, JPEG, SVG)
- "Verwijderen", verwijder de geselecteerde laag
- "Grid", toon/verberg een raster
- "Liniaal", toon/verberg meetlinialen in millimeters
- "Magneet", schakel snap-to-grid in/uit voor nauwkeurig uitlijnen
- Zoom, scroll met je muiswiel om in/uit te zoomen, houd spatiebalk ingedrukt om te pannen
- "PNG" / "PDF", exporteer je ontwerp als print-ready bestand (300 DPI)
- "Opslaan", sla je ontwerp op

**Rechter zijbalk (instellingen):**
- Smaak en verpakking wijzigen
- Grid grootte aanpassen (1, 2, 5, 10 of 20 mm)
- Snap naar grid aan/uit
- Achtergrondkleur kiezen (8 vooringestelde kleuren + eigen kleur)

**Tekstlaag bewerken (klik op een tekstelement):**
- Tekst invoeren (meerdere regels mogelijk)
- Lettertype kiezen (Arial, Helvetica, Times New Roman, Courier New, Georgia, Verdana, Tahoma, Trebuchet MS en meer)
- Lettergrootte (12-120px) via slider
- Kleur kiezen (8 vooringestelde kleuren + eigen kleur)
- Opmaak: vet (B), cursief (I), onderstreept (U)
- Regelhoogte aanpassen (80%-250%)
- Tekst uitlijning: links, midden, rechts

**Afbeeldingslaag bewerken (klik op een afbeelding):**
- Informatie: afmetingen en DPI-waarde
- Schaal aanpassen (10-500%)
- Afbeelding vervangen
- Uitlijning: links/midden/rechts, boven/midden/onder, of centreer beide assen

**Toetsenbordsneltoetsen:**
- Delete/Backspace: verwijder geselecteerde laag
- Escape: deselecteer
- Pijltjestoetsen: verplaats 1 pixel (Shift + pijl: 10 pixels)
- Spatiebalk: panmodus (sleep het canvas)
- Scrollen: in/uitzoomen
- Rechtermuisklik: contextmenu

**Lagen (linker zijbalk):**
- Alle lagen zijn zichtbaar in een lijst
- Sleep lagen om de volgorde te wijzigen
- Tekstlagen worden altijd boven afbeeldingslagen weergegeven
- Smaak- en barcodelagen zijn vast en kunnen niet worden bewerkt of verplaatst

**Canvas:**
- Het groene kader geeft het printgebied aan
- De snijmarge (5mm aan elke kant) is zichtbaar als een lichtere zone
- Elementen kunnen buiten het printgebied worden geplaatst maar worden mogelijk afgesneden bij het drukken

### Mobiele label-editor

Op mobiel werkt de editor in liggende (landscape) modus. Als je je telefoon in staande modus houdt, verschijnt een melding om je telefoon te draaien.

**Tekst bewerken (mobiel):**
- Tik op een tekstelement om het bewerkpaneel te openen
- Tekst invoeren, lettertype en -grootte kiezen, kleur selecteren
- Vet/cursief/onderstreept en uitlijning instellen
- Tik op "Klaar" om het paneel te sluiten

**Afbeelding bewerken (mobiel):**
- Tik op een afbeelding om het bewerkpaneel te openen
- Schaal aanpassen met slider (10-500%)
- DPI-waarde wordt getoond (rood bij <150, oranje bij <300)
- "Centreer" knop om de afbeelding te centreren
- Tik op "Klaar" om het paneel te sluiten

### Rondleiding voor nieuwe gebruikers

Bij je eerste bezoek aan de label-editor verschijnt een automatische rondleiding in 6 stappen:

1. **Elementen toevoegen**, "Voeg teksten en afbeeldingen toe aan je etiket. Tekst verschijnt altijd boven afbeeldingen."
2. **Je werkgebied**, "Dit is je etiket. Sleep elementen om ze te verplaatsen. Houd spatie ingedrukt om te pannen, scroll om te zoomen."
3. **Lagen beheren**, "Hier zie je al je lagen. Sleep ze om de volgorde te wijzigen. Klik om een laag te selecteren en bewerken."
4. **Hulptools**, "Grid toont een raster, Liniaal geeft meetlijnen, en Magneet laat elementen uitlijnen op het grid."
5. **Instellingen**, "Pas hier smaak, verpakking en grid-grootte aan. Als je een laag selecteert verschijnen hier de bewerkopties."
6. **Exporteren & opslaan**, "Exporteer je etiket als PNG of PDF voor druk (300 DPI). Klik Opslaan om je ontwerp te bewaren."

### Tips voor een goed label

- Gebruik een afbeelding van minimaal 1000 pixels breed voor een scherp resultaat.
- PNG of PDF met transparante achtergrond werkt het beste.
- De label-editor exporteert altijd op 300 DPI, professionele printkwaliteit.
- Je ontwerp wordt automatisch opgeslagen als concept. Je kunt later terugkomen en verder werken.
- De smaak- en barcodelaag worden automatisch toegevoegd en kunnen niet worden verwijderd.

---

## Checkout

Na de configurator kom je op de checkout pagina. Hier vul je je gegevens in.

**Klantype:**
- Particulier (standaard)
- Bedrijf (met extra velden: bedrijfsnaam, KVK-nummer, BTW-nummer)

**Gegevens:**
- E-mailadres, naam, telefoonnummer
- Verzendadres (straat, huisnummer, postcode, stad, land, standaard Nederland)
- Factuuradres (standaard gelijk aan verzendadres, optioneel apart invullen)

**Verplichte bevestigingen:**
- Leeftijdsverificatie (18+)
- Bevestiging dat bij aflevering legitimatie gecontroleerd kan worden
- Bevestiging dat je de rechten hebt op het label-ontwerp
- Akkoord met de algemene voorwaarden

**Betaling:**
- Via iDEAL of creditcard (Stripe)
- Je wordt doorgestuurd naar de betaalpagina

---

## Na betaling

Na succesvolle betaling zie je de bevestigingspagina met:
- Een groen vinkje en "Bestelling Gelukt!"
- Je ordernummer en het betaalde bedrag
- Bevestigingsmail wordt gestuurd naar je e-mailadres

**Wat gebeurt er nu?**
1. Je label wordt naar de drukker gestuurd
2. Je bier wordt gebrouwen met de gekozen ingredienten
3. Je bestelling wordt binnen 6-8 weken verzonden (2-3 weken als het bier op voorraad is)
4. Je ontvangt een track & trace code per e-mail

Vanuit de bevestigingspagina kun je:
- Je bestelling bekijken in het klantenportaal
- Een nieuwe bestelling starten

---

## Klantenportaal

Na je eerste bestelling wordt automatisch een account aangemaakt. Inloggen gaat via e-mailverificatie (je ontvangt een 6-cijferige code, 10 minuten geldig).

- [Inloggen](https://mijneigenbier.nl/login): Passwordless login via verificatiecode
- [Dashboard](https://mijneigenbier.nl/customer): Besteloverzicht en accountbeheer
- [Bestellingen](https://mijneigenbier.nl/customer): Bestelgeschiedenis met live statusupdates
- [Facturen](https://mijneigenbier.nl/customer/facturen): Facturen downloaden als PDF
- [Adressen](https://mijneigenbier.nl/customer/addresses): Verzend- en factuuradressen beheren
- [Bestelstatus](https://mijneigenbier.nl/order): Volg je bestelling met ordernummer

### Herbestellen

Vanuit het klantenportaal kun je eerdere bestellingen herbestellen. Het originele label, de EAN-barcode en alle instellingen worden automatisch overgenomen.

---

## Veelgestelde vragen

- **Levertijd:** 6-8 weken na betaling, of 2-3 weken als het bier op voorraad is
- **Verzendkosten:** EUR 70 per bestelling, gratis vanaf 100 dozen
- **Annuleren:** Binnen 7 dagen na betaling
- **Minimale bestelling:** 5 dozen (120 flesjes/blikjes); staffels 5, 10, 25, 50 of 100 dozen
- **Leeftijd:** 18+ verificatie verplicht (NVWA-compliance)
- **Account:** Wordt automatisch aangemaakt bij eerste bestelling
- **Meer vragen?** Zie [mijneigenbier.nl/veelgestelde-vragen](https://mijneigenbier.nl/veelgestelde-vragen)

## Publieke pagina's

- [Home](https://mijneigenbier.nl/): Interactieve 4-staps bier configurator met 3D preview
- [Bier met eigen etiket bestellen](https://mijneigenbier.nl/bier-met-eigen-etiket-bestellen): SEO-landingspagina met uitleg, stappenplan, prijsindicatie en FAQ over bier met je eigen etiket
- [Over ons](https://mijneigenbier.nl/over-ons): Ons verhaal en missie
- [Contact](https://mijneigenbier.nl/contact): Contactformulier en info
- [Veelgestelde vragen](https://mijneigenbier.nl/veelgestelde-vragen): Dynamische FAQ
- [Privacybeleid](https://mijneigenbier.nl/privacybeleid): Privacyverklaring
- [Cookiebeleid](https://mijneigenbier.nl/cookiebeleid): Cookiebeleid
- [Algemene voorwaarden](https://mijneigenbier.nl/algemene-voorwaarden): Algemene voorwaarden

## Contenthubs en kennisbank

Alle onderstaande secties bieden een platte-markdownversie aan onder `/llm/<categorie>/<slug>` (zelfde path, andere prefix), ideaal voor LLM-retrieval.

- [Gelegenheden](https://mijneigenbier.nl/gelegenheid): Landingspagina's per gelegenheid (bruiloft, jubileum, zakelijk relatiegeschenk, kerstgeschenk, verjaardag, moederdag, vaderdag, huwelijksaanzoek, bedrijfsopening, babyborrel, afscheid en meer) met hoeveelheidsadvies, smaakadvies en FAQ.
- [Smaken](https://mijneigenbier.nl/smaak): Diepe pagina per bierstijl (Blond, IPA, Tripel, Weizen, Witbier, Dubbel, Russian Imperial Stout) met smaakprofiel, alcoholpercentage, brouwproces en food pairing.
- [Verpakkingen](https://mijneigenbier.nl/verpakking): Per verpakkingsformaat (0,33L blik, 0,3L fles, 0,7L fles) incl. labelspecificaties.
- [Kennisbank](https://mijneigenbier.nl/kennisbank): Artikelen over bierstijlen, etiketontwerp (DPI, PNG vs PDF, juridische eisen), food pairing, hoeveelheidsberekeningen en bestelpraktijk.
- [Steden](https://mijneigenbier.nl/stad): Lokale landingspagina's per Nederlandse stad met bezorginfo.
- [Vergelijken](https://mijneigenbier.nl/vergelijk): Factuele vergelijkingen met alternatieve cadeaus.

## Volledige content-export

De volledige tekst van alle bovenstaande pagina's is ook beschikbaar als één Markdown-bestand:

- [llms-full.txt](https://mijneigenbier.nl/llms-full.txt), geconsolideerde export van de contenthubs, bedoeld voor LLM-indexering.

## Contactgegevens

- E-mail: info@mijneigenbier.nl
- Reactietijd: binnen 24 uur op werkdagen

## Technische informatie

- Platform: Next.js (React) met TypeScript
- Database: PostgreSQL
- Betalingen: Stripe (iDEAL, creditcard)
- Hosting: Vercel
- 3D rendering: Three.js
- Labelbestanden: opgeslagen in Vercel Blob en Google Drive