/* =========== Portfolio (fetches from CMS + seed data) =========== */ function Portfolio(){ const t = useT(); const [filter, setFilter] = useState('all'); const [items, setItems] = useState(SITE.portfolioSeed); useDocumentMeta({ title: t('Portfolio · trouwverhalen','Portfolio · wedding stories'), description: t('Onze recente trouwverhalen: foto, video en photobooth voor koppels in heel België. Bekijk gerealiseerde huwelijken en cinematische highlights.','Our recent wedding stories: photo, video and photobooth for couples across Belgium. Browse real weddings and cinematic highlights.'), image: SITE.portfolioSeed[0]?.img, }); useEffect(()=>{ fetch('/api/portfolio').then(r=>r.json()).then(data=>{ if(!Array.isArray(data)) return; if(data.length > 0){ // CMS has items (including auto-imported seeds) — use those ordered by position setItems(data); } else { // CMS empty — use seed as fallback setItems(SITE.portfolioSeed); } }).catch(()=>{}); },[]); const filtered = filter === 'all' ? items : filter === 'foto+video' ? items.filter(w=> (w.cat||'') === 'foto+video') : items.filter(w=> (w.cat||'').includes(filter)); return (