Introtekst van de aanbodsectie.
',title:\"Aanbod Intro\",type:l.RichText},hg7iDFgVd:{defaultValue:'JoJoschool is een online leerplatform voor middelbare scholieren.
',title:\"Antwoord\",type:ControlType.RichText}});addFonts(FramerolAXpqMZY,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...ChevronDownFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts),...getFontsFromSharedStyle(sharedStyle7.fonts),...getFontsFromSharedStyle(sharedStyle8.fonts),...getFontsFromSharedStyle(sharedStyle9.fonts),...getFontsFromSharedStyle(sharedStyle10.fonts),...componentPresets.fonts?.[\"sra81VaXE\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"sra81VaXE\"]):[]],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerolAXpqMZY\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"DpAWmb6mK\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"720\",\"framerIntrinsicHeight\":\"108\",\"framerVariables\":\"{\\\"Ym0JkOY3j\\\":\\\"vraag\\\",\\\"Wqu4FWFMl\\\":\\\"antwoord\\\"}\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{RenderTarget}from\"framer\";// ============================================================\n// SCROLLANIMATIES\n// ============================================================\n//\n// Kleine, rustige bewegingen die reageren op scrollen. Alles\n// respecteert prefers-reduced-motion en doet niets op de canvas\n// (daar is geen scroll en geen viewport).\n//\n// withTeller -> op een tekstlaag met een getal\n// (\"85.000+\", \"94%\"). Telt op van 0\n// zodra hij in beeld komt. Tekst zonder\n// cijfers (\"Bonus\") blijft ongemoeid.\n// withHeaderVerbergen -> op de sticky Header-instance in de\n// layout template. Verbergt bij omlaag\n// scrollen, toont bij omhoog scrollen.\n//\n// VERWIJDERD 30 aug 2026: withSchuifLinks / withSchuifRechts.\n// Die zetten `translate` op een tickerrij op basis van de\n// scrollpositie, 96px over de reis door het viewport. Dat is\n// ~0,08px per gescrolde pixel, dus bij een wielklik van 100px\n// verspringt de rij 8px in een frame terwijl de ticker zelf\n// 0,58px per frame loopt. De rij sprintte daardoor mee omlaag,\n// liep achteruit omhoog, en viel bij stilstand terug naar 35px/s,\n// wat als haperen leest. De ticker loopt nu op een vaste snelheid.\n// Zelfde les als bij withHeaderVerbergen: vraag eerst of het\n// effect er wel hoort te zijn.\n// ============================================================\nfunction reducedMotion(){return typeof window!==\"undefined\"&&window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches;}function isCanvas(){// De canvas rendert zonder echte pagina-scroll; alles wat op\n// scroll leunt doet daar niets.\nreturn RenderTarget.current()===RenderTarget.canvas;}// Loopt op elke scroll/resize één keer per frame.\nfunction useScrollFrame(fn,enabled=true){useEffect(()=>{if(!enabled||typeof window===\"undefined\")return;let frame=0;const run=()=>{frame=0;fn();};const schedule=()=>{if(!frame)frame=requestAnimationFrame(run);};run();window.addEventListener(\"scroll\",schedule,{passive:true});window.addEventListener(\"resize\",schedule);return()=>{if(frame)cancelAnimationFrame(frame);window.removeEventListener(\"scroll\",schedule);window.removeEventListener(\"resize\",schedule);};},[enabled]);}const clamp01=n=>Math.min(1,Math.max(0,n));const easeOutCubic=t=>1-Math.pow(1-t,3);// ------------------------------------------------------------\n// withTeller\n// ------------------------------------------------------------\nconst TELLER_DUUR=1400// ms\n;function vindCijferNode(root){const walker=document.createTreeWalker(root,NodeFilter.SHOW_TEXT);let node;while(node=walker.nextNode()){if(/\\d/.test(node.textContent||\"\"))return node;}return null;}function formatteer(waarde,metPunt){const s=Math.round(waarde).toString();if(!metPunt)return s;return s.replace(/\\B(?=(\\d{3})+(?!\\d))/g,\".\");}export function withTeller(Component){return function WithTeller(props){const wrapRef=useRef(null);useEffect(()=>{const wrap=wrapRef.current;const el=(wrap?.firstElementChild)||null;if(!el||reducedMotion()||isCanvas())return;const textNode=vindCijferNode(el);if(!textNode)return;const origineel=textNode.textContent||\"\";const m=origineel.match(/^([^\\d]*)([\\d.]+)(.*)$/);if(!m)return;const[,prefix,getal,suffix]=m;const metPunt=getal.includes(\".\");const doel=parseInt(getal.replace(/\\./g,\"\"),10);if(!isFinite(doel))return;let frame=0;let gestart=false;const start=()=>{if(gestart)return;gestart=true;const t0=performance.now();const tick=now=>{const t=clamp01((now-t0)/TELLER_DUUR);const v=doel*easeOutCubic(t);textNode.textContent=prefix+formatteer(v,metPunt)+suffix;if(t<1)frame=requestAnimationFrame(tick);else textNode.textContent=origineel;};frame=requestAnimationFrame(tick);};if(typeof IntersectionObserver===\"undefined\")return;const io=new IntersectionObserver(entries=>{for(const e of entries){if(e.isIntersecting){start();io.disconnect();}}},{threshold:.4});// Begin op 0 zodat de eerste zichtbare frame niet het\n// eindgetal is; alleen als hij nog niet in beeld staat.\nconst rect=el.getBoundingClientRect();if(rect.top>window.innerHeight){textNode.textContent=prefix+formatteer(0,metPunt)+suffix;}io.observe(el);return()=>{io.disconnect();if(frame)cancelAnimationFrame(frame);textNode.textContent=origineel;};},[]);return /*#__PURE__*/_jsx(\"span\",{ref:wrapRef,style:{display:\"contents\"},children:/*#__PURE__*/_jsx(Component,{...props})});};}// ------------------------------------------------------------\n// withHeaderVerbergen\n// ------------------------------------------------------------\nconst HEADER_DREMPEL=240// px vanaf de top waaronder hij nooit verbergt\n;const HEADER_DELTA=8// px scrollverschil voordat hij reageert\n;export function withHeaderVerbergen(Component){// Geen forwardRef: een canvascomponent-instance geeft zijn ref niet\n// door (gemeten 29 aug 2026, de override deed daardoor niets). Het\n// element vinden we via een wrapper met display:contents.\nreturn function WithHeaderVerbergen(props){const wrapRef=useRef(null);const[verborgen,setVerborgen]=useState(false);const laatste=useRef(0);const actief=!reducedMotion()&&!isCanvas();useScrollFrame(()=>{const el=(wrapRef.current?.firstElementChild)||null;const y=window.scrollY;const delta=y-laatste.current;if(Math.abs(delta)