Commit Graph
6 Commits
Author SHA1 Message Date
SluijsensandClaude Sonnet 5 5c3d409191 Voeg scroll-margin toe aan secties zodat de sticky nav niet overlapt
De nav is sticky en 64px (h-16) hoog, maar de secties hadden geen
scroll-margin. scrollIntoView(block:'start') lijnde de sectietop dus
exact uit met de viewport-top, waardoor de sticky nav er precies
overheen schoof en de sectiekop (met name bij Over, nu direct na de
Hero) onder de nav verdween - het voelde alsof er te ver werd
doorgescrold. scroll-mt-16 op elke sectie houdt nu ruimte vrij voor
de nav.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-17 14:16:34 +02:00
SluijsensandClaude Sonnet 5 033547232e Verklein witruimte boven foto op mobiel
gap-12 (3rem) tussen grid-items plus mb-6 op de kop-div stapelden op
tot te veel ruimte tussen "// over" en de foto op mobiel. Op mobiel nu
gap-6 en mb-2; vanaf sm ongewijzigd (gap-12, geen extra marge).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-17 14:08:05 +02:00
SluijsensandClaude Sonnet 5 d30835a0c8 Plaats foto onder de kop i.p.v. bovenaan op mobiel
De kop "// over" wordt nu los van de paragrafen gepositioneerd, zodat
op mobiel de volgorde kop -> foto -> tekst is in plaats van foto ->
kop -> tekst. Desktop-layout (tekst links, foto rechts naast kop +
paragrafen) blijft ongewijzigd via de grid-rijen/kolommen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-17 13:59:47 +02:00
SluijsensandClaude Sonnet 5 3644790881 Toon foto boven tekst in Over-sectie op mobiel
Op mobiel (grid-cols-1) volgde de layout de DOM-volgorde, waardoor de
fotoplaceholder onder de tekst stond. Met order-1/order-2 staat de
foto nu bovenaan op mobiel, en blijft de bestaande tekst-links/foto-
rechts indeling behouden vanaf sm.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-17 10:51:04 +02:00
SluijsensandClaude Sonnet 5 75ec74fe21 Update landing page teksten en verplaats Over-sectie naar boven
Ververst hero-, werkwijze- en over-teksten, plaatst de Over-sectie
voor de pakketten en vervangt de tech-stack-lijst door een
fotoplaceholder zodat bezoekers straks een gezicht bij het bedrijf
zien.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-17 10:15:51 +02:00
Sluijsens 0037b0d304 Herstructureer src/ naar feature-based folderstructuur
Continuous Integration / config (pull_request) Successful in 10s
Continuous Integration / prepare (pull_request) Successful in 1m26s
Continuous Integration / build-production (pull_request) Skipped
Continuous Integration / build (pull_request) Successful in 2m6s
Continuous Integration / test (pull_request) Successful in 2m2s
Continuous Integration / deploy-production (pull_request) Skipped
Deploy / deploy (pull_request) Successful in 38s
Continuous Integration / deploy-test (pull_request) Successful in 39s
Volgt de aanpak uit het React 2025 folder structure artikel en het
SlpModularCms/frontend referentieproject: components/{layout,ui,shared},
features/landing/{components,data,hooks,pages,__tests__}, en lib/ voor
de query client. routes/index.tsx wordt een dunne wrapper rond de nieuwe
features/landing/pages/LandingPage.tsx.
2026-08-01 00:10:21 +02:00