2026-01-29 14:03:36 +00:00
|
|
|
# Project Logboek - Claude Code Workshop Sales Page
|
|
|
|
|
|
|
|
|
|
## 2025-01-29 - Sessie 1: Initiële setup en content aanpassingen (~25m)
|
|
|
|
|
|
|
|
|
|
### Wat is gebouwd
|
|
|
|
|
- Hero sectie uitgebreid met twee-kolommen layout (tekst links, afbeelding placeholder rechts)
|
|
|
|
|
- Workshop details (datum, tijd, locatie) prominent gemaakt met grote iconen en labels
|
|
|
|
|
- Testimonials sectie verplaatst naar boven "Wat je meeneemt naar huis"
|
|
|
|
|
- React Router toegevoegd voor pagina navigatie
|
|
|
|
|
- Privacy pagina aangemaakt (/privacy) met standaard tekst
|
|
|
|
|
- Algemene Voorwaarden pagina aangemaakt (/voorwaarden) met standaard tekst
|
|
|
|
|
- Footer bijgewerkt met werkende links naar juridische pagina's
|
|
|
|
|
|
|
|
|
|
### Content aanpassingen
|
|
|
|
|
- Lunch tekst: "Wonders of Work heeft een heerlijke lunch voor ons klaarstaan..."
|
|
|
|
|
- Kleuren omgewisseld: "Wat je nodig hebt" = groen (teal), "Wat je niet nodig hebt" = rood (coral)
|
|
|
|
|
- Social links toegevoegd: LinkedIn (linkedin.com/in/frankmeeuwsen), Website (frankmeeuwsen.com)
|
|
|
|
|
- Prijs: €449 excl. BTW (was incl. BTW)
|
|
|
|
|
- Verwijderd uit inbegrepen: werkboek en community access
|
|
|
|
|
- "Vol is vol" tekst verwijderd
|
|
|
|
|
- FAQ "geld terug" vraag verwijderd
|
|
|
|
|
- Footer: "Claude Code Hands-on Sessie" + email contact + LinkedIn
|
|
|
|
|
- Contact: alleen email (frank@frankmeeuwsen.com) en LinkedIn, geen telefoon
|
|
|
|
|
|
|
|
|
|
### Technische beslissingen
|
|
|
|
|
- React Router DOM toegevoegd voor multi-page support
|
|
|
|
|
- Aparte pages folder aangemaakt voor Privacy en Terms componenten
|
|
|
|
|
- Link componenten gebruikt voor interne navigatie (SEO-vriendelijk)
|
|
|
|
|
|
|
|
|
|
### Volgende sessie
|
2026-02-10 10:55:10 +00:00
|
|
|
- [x] Echte afbeelding toevoegen in Hero placeholder
|
|
|
|
|
- [x] Bio tekst invullen in Trainer sectie
|
|
|
|
|
- [x] Privacy en Voorwaarden teksten finaliseren
|
|
|
|
|
- [x] Testimonials content toevoegen (echte quotes)
|
2026-01-29 14:03:36 +00:00
|
|
|
- [ ] Inschrijfformulier/betaallink toevoegen
|
2026-02-10 10:55:10 +00:00
|
|
|
|
|
|
|
|
## 2026-02-10 - Sessie 2: Content sync, juridische pagina's en cookiebanner
|
|
|
|
|
|
|
|
|
|
### Wat is gebouwd
|
|
|
|
|
- Content gesynchroniseerd van workshop-sales-page.md naar alle JSX componenten
|
|
|
|
|
- Prijs aangepast: €449 → €399 excl. BTW (in Pricing, StickyBar, Terms)
|
|
|
|
|
- Max deelnemers aangepast: 7 → 8
|
|
|
|
|
- Echte testimonial toegevoegd (Floor van Riet)
|
|
|
|
|
- Privacybeleid volledig uitgeschreven (AVG-compliant, met Umami analytics en Google Fonts vermelding)
|
|
|
|
|
- Algemene Voorwaarden volledig uitgeschreven (14 artikelen, herroepingsrecht-uitzondering, getrapt annuleringsbeleid)
|
|
|
|
|
- CookieBanner component gebouwd met localStorage persistentie
|
|
|
|
|
- FAQ uitgebreid met annuleringsvraag (consistent met getrapt beleid)
|
|
|
|
|
- KvK-nummer (98386247) en vestigingsplaats (Utrecht) ingevuld in Privacy en Terms
|
|
|
|
|
|
|
|
|
|
### Technische beslissingen
|
|
|
|
|
- CookieBanner gebruikt localStorage om "Begrepen" keuze te onthouden
|
|
|
|
|
- Herroepingsrecht expliciet uitgesloten (art. 6:230p lid 1 sub l BW) - workshops met vaste datum
|
|
|
|
|
- Bewaartermijn factuurgegevens: 7 jaar (fiscale bewaarplicht)
|
|
|
|
|
|
|
|
|
|
## 2026-02-10 - Sessie 3: Hero titel en workshop foto
|
|
|
|
|
|
|
|
|
|
### Wat is gebouwd
|
|
|
|
|
- Nieuwe hero headline: "Bouw zelf wat je nu huurt - met Claude Code" (business-gericht)
|
|
|
|
|
- Headline hiërarchie aangepast: nieuwe titel als h1, "Van dit moet ik uitzoeken naar dit werkt gewoon" als subheadline
|
|
|
|
|
- Trainer sectie: placeholder SVG vervangen door echte foto + 4 bio-alinea's
|
|
|
|
|
- Workshop foto geüpdatet (frank-workshop-claude-code.jpg)
|
|
|
|
|
|
|
|
|
|
### Technische beslissingen
|
|
|
|
|
- Hero twee-kolommen layout: tekst links, foto rechts (verborgen op mobile)
|
|
|
|
|
- CSS filters op foto: brightness(1.12) contrast(1.05) saturate(0.95)
|
|
|
|
|
- Workshop details (datum/tijd/locatie) compact weergegeven met iconen
|
|
|
|
|
|
|
|
|
|
### Volgende sessie
|
|
|
|
|
- [ ] Inschrijfformulier/betaallink toevoegen
|
|
|
|
|
- [ ] Deploy naar productie
|
|
|
|
|
- [ ] SEO meta tags toevoegen (Open Graph, Twitter Cards)
|
|
|
|
|
- [ ] Formulier validatie en betalingsflow
|