https://upmention.nl/assets/CaseComponents-CcMY53qu.js

1import{r as e,t}from"./jsx-runtime-DGeXAQPT.js";import{r as n}from"./useRouter-DTNMq8NV.js";import{t as r}from"./link-DYXmdE6B.js";import{i,t as a}from"./cases-B9sBtd_N.js";import{n as o,t as s}from"./Section-Dg_lwXce.js";import{t as c}from"./ScanCallout-eA5HjxfS.js";import{n as l,t as u}from"./practical-media-logo.png.asset-C4QAWR3f.js";var d=e(n(),1),f=t();function p({compact:e=!1,inverse:t=!1}){return(0,f.jsxs)(`div`,{className:`bg-brand text-primary-foreground relative overflow-hidden rounded-lg ${e?`flex h-full flex-col justify-center p-5`:`p-6 md:p-10`}`,role:`img`,"aria-label":`Groei van 4 top-3-posities in januari 2025 naar 82 in augustus 2026`,children:[(0,f.jsxs)(`div`,{className:`relative z-10 flex items-start justify-between gap-6`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`div`,{className:`${e?`text-3xl`:`text-5xl md:text-7xl`} font-semibold tabular-nums`,children:`4`}),(0,f.jsx)(`div`,{className:`mt-1 text-xs text-primary-foreground/70`,children:`JAN 2025`})]}),(0,f.jsxs)(`div`,{className:`text-right`,children:[(0,f.jsx)(`div`,{className:`${e?`text-3xl`:`text-5xl md:text-7xl`} font-semibold tabular-nums text-orange-soft`,children:`82`}),(0,f.jsx)(`div`,{className:`mt-1 text-xs text-primary-foreground/70`,children:`AUG 2026`})]})]}),(0,f.jsxs)(`svg`,{className:`${e?`mt-3 h-24`:`mt-6 h-44 md:h-56`} w-full`,viewBox:`0 0 600 220`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 202H600`,stroke:`currentColor`,strokeOpacity:`.18`}),(0,f.jsx)(`path`,{d:`M0 160H600M0 112H600M0 64H600`,stroke:`currentColor`,strokeOpacity:`.1`,strokeDasharray:`4 8`}),(0,f.jsx)(`path`,{className:`case-chart-line`,d:`M8 190 C85 189 102 176 151 174 S219 143 273 147 S340 103 390 108 S468 65 512 67 S562 28 592 18`,fill:`none`,stroke:`var(--orange)`,strokeWidth:`5`,strokeLinecap:`round`}),(0,f.jsx)(`circle`,{cx:`8`,cy:`190`,r:`6`,fill:`var(--orange)`}),(0,f.jsx)(`circle`,{cx:`592`,cy:`18`,r:`8`,fill:`var(--orange-soft)`})]}),!e&&(0,f.jsx)(`p`,{className:`mt-3 text-sm text-primary-foreground/70`,children:`Top-3-posities in Google`})]})}function m({compact:e=!1,lang:t=`nl`}){let n=t===`en`,r=n?`Personal conversation, sketch with pencil on the AI sketch form and upload to the app.`:`Persoonlijk gesprek, schets met potlood op het AI-schetsformulier en upload naar de app.`,i=n?`Personal conversation`:`Persoonlijk gesprek`,a=n?`AI sketch form (with pencil)`:`AI-schetsformulier (met potlood)`,o=n?`Upload to app`:`Upload naar app`;return e?(0,f.jsx)(`div`,{className:`flex h-full min-w-0 flex-col justify-center gap-3 overflow-hidden rounded-lg border border-brand-line bg-background p-3 sm:p-4`,role:`img`,"aria-label":r,children:(0,f.jsxs)(`div`,{className:`grid min-w-0 items-stretch gap-1 [grid-template-columns:minmax(0,1.1fr)_auto_minmax(0,1fr)_auto_minmax(0,1.05fr)] sm:gap-1.5`,children:[(0,f.jsxs)(`div`,{className:`flex min-h-20 flex-col justify-between gap-1.5 rounded-md bg-brand-tint p-2`,children:[(0,f.jsxs)(`svg`,{viewBox:`0 0 220 120`,className:`h-8 w-full text-brand`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M20 95V33h75v62M95 53h55v42M150 43h47v52M35 50h42M35 68h42M112 69h22M166 59h16`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`}),(0,f.jsx)(`path`,{d:`M20 95h177`,stroke:`var(--orange)`,strokeWidth:`4`})]}),(0,f.jsx)(`span`,{className:`text-[9px] font-semibold uppercase leading-tight text-brand-soft`,children:i})]}),(0,f.jsx)(`span`,{className:`flex items-center justify-center text-sm text-orange`,"aria-hidden":`true`,children:`›`}),(0,f.jsxs)(`div`,{className:`flex min-h-20 flex-col justify-between gap-1.5 rounded-md border border-brand-line p-2`,children:[(0,f.jsxs)(`div`,{className:`space-y-1 pt-1`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`block h-1 w-3/4 rounded bg-brand-line`}),(0,f.jsx)(`span`,{className:`block h-1 w-full rounded bg-brand-line`}),(0,f.jsx)(`span`,{className:`block h-1 w-1/2 rounded bg-orange`})]}),(0,f.jsx)(`span`,{className:`text-[9px] font-semibold leading-tight text-brand`,children:a})]}),(0,f.jsx)(`span`,{className:`flex items-center justify-center text-sm text-orange`,"aria-hidden":`true`,children:`›`}),(0,f.jsxs)(`div`,{className:`flex min-h-20 flex-col justify-between gap-1.5 rounded-md bg-brand p-2 text-primary-foreground`,children:[(0,f.jsxs)(`div`,{className:`grid grid-cols-2 gap-1 pt-1`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`h-2.5 rounded bg-primary-foreground

1/15`}),(0,f.jsx)(`span`,{className:`h-2.5 rounded bg-primary-foreground/15`}),(0,f.jsx)(`span`,{className:`col-span-2 h-2 rounded bg-orange/80`})]}),(0,f.jsx)(`span`,{className:`text-[9px] font-semibold leading-tight`,children:o})]})]})}):(0,f.jsx)(`div`,{className:`@container flex rounded-lg border border-brand-line bg-background flex-col gap-2.5 p-4 @min-[440px]:gap-4 @min-[440px]:p-6 md:p-9`,role:`img`,"aria-label":r,children:(0,f.jsxs)(`div`,{className:`grid gap-2 @min-[440px]:gap-4 @min-[440px]:grid-cols-[1.15fr_auto_1fr_auto_1.05fr] @min-[440px]:items-center`,children:[(0,f.jsxs)(`div`,{className:`relative rounded-md bg-brand-tint min-h-24 p-3 @min-[440px]:min-h-32 @min-[440px]:p-4`,children:[(0,f.jsxs)(`svg`,{viewBox:`0 0 220 120`,className:`w-full text-brand h-16 @min-[440px]:h-24`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M20 95V33h75v62M95 53h55v42M150 43h47v52M35 50h42M35 68h42M112 69h22M166 59h16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`}),(0,f.jsx)(`path`,{d:`M20 95h177`,stroke:`var(--orange)`,strokeWidth:`3`}),(0,f.jsx)(`path`,{d:`M28 25c25-15 47-11 67 4M159 25c13-7 27-7 39 1`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,opacity:`.45`})]}),(0,f.jsx)(`span`,{className:`font-semibold uppercase text-brand-soft text-xs`,children:i})]}),(0,f.jsx)(h,{}),(0,f.jsxs)(`div`,{className:`flex flex-col justify-between rounded-md border border-brand-line min-h-24 p-3 @min-[440px]:min-h-32 @min-[440px]:p-4`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`block h-2 w-3/4 rounded bg-brand-line`}),(0,f.jsx)(`span`,{className:`block h-2 w-full rounded bg-brand-line`}

1),(0,f.jsx)(`span`,{className:`block h-2 w-1/2 rounded bg-orange`})]}),(0,f.jsx)(`span`,{className:`font-semibold text-brand text-sm`,children:a})]}),(0,f.jsx)(h,{}),(0,f.jsxs)(`div`,{className:`flex flex-col justify-between rounded-md bg-brand text-primary-foreground p-3 @min-[440px]:p-4`,children:[(0,f.jsxs)(`div`,{className:`grid grid-cols-2 gap-2`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`rounded bg-primary-foreground/15 h-7`}),(0,f.jsx)(`span`,{className:`rounded bg-primary-foreground/15 h-7`}),(0,f.jsx)(`span`,{className:`col-span-2 rounded bg-orange/80 h-6`})]}),(0,f.jsx)(`span`,{className:`font-semibold text-sm`,children:o})]})]})})}function h({compact:e=!1}){return e?(0,f.jsxs)(`div`,{className:`relative flex h-6 w-4 items-center justify-center @min-[440px]:h-7 @min-[440px]:w-6`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`h-full w-0.5 bg-orange @min-[440px]:h-0.5 @min-[440px]:w-full`}),(0,f.jsx)(`span`,{className:`absolute translate-y-2 rotate-90 text-xs text-orange @min-[440px]:translate-y-0 @min-[440px]:rotate-0`,children:`›`})]}):(0,f.jsxs)(`div`,{className:`flex h-6 items-center justify-center @min-[440px]:h-8 @min-[440px]:w-9`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`h-full w-0.5 bg-orange @min-[440px]:h-0.5 @min-[440px]:w-full`}),(0,f.jsx)(`span`,{className:`absolute hidden text-orange @min-[440px]:block @min-[440px]:translate-x-5`,children:`›`}),(0,f.jsx)(`span`,{className:`absolute translate-y-3 rotate-90 text-orange @min-[440px]:hidden`,children:`›`})]})}function g({lang:e=`nl`}={}){return(0,f.jsx)(`div`,{className:`overflow-hidden rounded-lg bg-brand-tint p-6 md:p-10`,role:`img`,"aria-label":e===`en`?`Hands sketching a kitchen with pencil on paper next to material samples`:`Handen tekenen met potlood een keuken op papier naast materiaalstalen`,children:(0,f.jsxs)(`svg`,{viewBox:`0 0 720 360`,className:`h-auto w-full text-brand`,"aria-hidden":`true`,children:[(0,f.jsx)(`rect`,{x:`155`,y:`35`,width:`410`,height:`290`,rx:`8`,fill:`var(--background)`,stroke:`var(--brand-line)`,strokeWidth:`3`,transform:`rotate(-2 360 180)`}),(0,f.jsx)(`path`,{d:`M232 244V112h123v132M355 151h115v93M261 146h64M261 181h64M383 183h57`,fill:`none`,stroke:`currentColor`,strokeWidth:`4`,opacity:`.72`}),(0,f.jsx)(`path`,{d:`M226 245h254`,stroke:`var(--orange)`,strokeWidth:`6`,strokeLinecap:`round`}),(0,f.jsx)(`path`,{d:`M4 307c75-77 144-97 205-59l62 39-37 69H4zM716 38c-88 23-149 65-181 126l-29 57 69 24 141-112z`,fill:`var(--brand)`,opacity:`.9`}),(0,f.jsx)(`path`,{d:`M192 265l105-84 15 19-82 104z`,fill:`var(--orange)`}),(0,f.jsx)(`rect`,{x:`568`,y:`250`,width:`76`,height:`55`,rx:`5`,fill:`var(--brand-soft)`,transform:`rotate(8 606 278)`}),(0,f.jsx)(`rect`,{x:`605`,y:`221`,width:`76`,height:`55`,rx:`5`,fill:`var(--orange-soft)`,transform:`rotate(-8 643 248)`})]})})}var _=[{label:`Ondernemer`,en:`Entrepreneur`,x:50,y:14},{label:`Organisatie`,en:`Organisation`,x:86,y:42},{label:`Aanbod`,en:`Offer`,x:72,y:86},{label:`Doelgroep`,en:`Audience`,x:28,y:86},{label:`Marketing`,en:`Marketing`,x:14,y:42}],v=[[0,1,!1],[1,2,!1],[2,3,!0],[3,4,!1],[4,0,!1],[0,2,!1],[0,3,!0],[1,4,!1],[1,3,!1],[2,4,!0]];function y({compact:e=!1,lang:t=`nl`}){let n=t===`en`;return(0,f.jsxs)(`figure`,{className:e?`m-0 h-full`:`m-0`,children:[(0,f.jsxs)(`div`,{className:`relative w-full overflow-hidden rounded-lg bg-brand text-primary-foreground ${e?`h-full min-h-52`:`aspect-[4/3] md:aspect-[5/4]`}`,role:`img`,"aria-label":n?`Entrepreneur, organisation, offer, audience and marketing in relation to each other`:`Ondernemer, organisatie, aanbod, doelgroep en marketing in samenhang`,children:[(0,f.jsx)(`svg`,{className:`absolute inset-0 h-full w-full`,viewBox:`0 0 100 100`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:v.map(([e,t,n])=>{let r=_[e],i=_[t];return(0,f.jsx)(`line`,{x1:r.x,y1:r.y,x2:i.x,y2:i.y,stroke:n?`var(--orange)`:`currentColor`,strokeOpacity:n?.9:.28,strokeWidth:n?1.5:1,vectorEffect:`non-scaling-stroke`},`${e}-${t}`)})}),v.filter(([,,e])=>e).map(([e,t])=>{let n=_[e],r=_[t];return(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`absolute h-2 w-2 -translate-x-1/2 -translate-y-1/2 roun

1ded-full bg-orange`,style:{left:`${(n.x+r.x)/2}%`,top:`${(n.y+r.y)/2}%`}},`dot-${e}-${t}`)}),_.map(t=>(0,f.jsxs)(`span`,{className:`absolute -translate-x-1/2 -translate-y-1/2 whitespace-nowrap rounded-full border border-primary-foreground/30 bg-brand font-semibold ${e?`px-2 py-1 text-[11px]`:`px-3 py-1.5 text-xs sm:text-sm md:px-4 md:py-2 md:text-base`}`,style:{left:`${e?Math.min(72,Math.max(28,t.x)):t.x}%`,top:`${t.y}%`},children:[(0,f.jsx)(`span`,{className:`absolute inset-0 rounded-full bg-primary-foreground/10`,"aria-hidden":`true`}),(0,f.jsx)(`span`,{className:`relative`,children:n?t.en:t.label})]},t.label))]}),!e&&(0,f.jsx)(`figcaption`,{className:`mt-4 text-sm text-ink-soft`,children:n?`Entrepreneur, organisation, offer, audience and marketing in relation to each other.`:`Ondernemer, organisatie, aanbod, doelgroep en marketing in samenhang.`})]})}var b=[{title:`Stairfinder`,sub:`Projecten en moodboards`,enTitle:`Stairfinder`,enSub:`Projects and moodboards`,motif:`moodboard`},{title:`1m2™-configurator`,sub:`Keuzes, 3D en prijs`,enTitle:`1m2™ configurator`,enSub:`Options, 3D and price`,motif:`stair`},{title:`Bestellen en betalen`,sub:`Betaling via Mollie`,enTitle:`Order and pay`,enSub:`Payment via Mollie`,motif:`order`}],x=[{title:`Website en beheersysteem`,sub:`Pagina's, talen en projecten`,enTitle:`Website and management system`,enSub:`Pages, languages and projects`},{title:`Intern declaratiesysteem`,sub:`Onkosten en reiskosten per project`,enTitle:`Internal expense system`,enSub:`Expenses and travel costs per project`}];function S({kind:e,compact:t=!1}){return e===`moodboard`?(0,f.jsxs)(`svg`,{viewBox:`0 0 220 60`,className:`w-full text-brand ${t?`h-5`:`h-10 md:h-12`}`,"aria-hidden":`true`,children:[(0,f.jsx)(`rect`,{x:`6`,y:`10`,width:`46`,height:`40`,rx:`4`,fill:`none`,stroke:`currentColor`,strokeWidth:`4`}),(0,f.jsx)(`path`,{d:`M6 38l16-14 12 10 10-8 8 12`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,opacity:`.55`}),(0,f.jsx)(`rect`,{x:`64`,y:`18`,width:`34`,height:`32`,rx:`3`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,opacity:`.45`}),(0,f.jsx)(`rect`,{x:`106`,y:`22`,width:`30`,height:`28`,rx:`3`,fill:`var(--orange)`,opacity:`.85`})]}):e===`stair`?(0,f.jsxs)(`svg`,{viewBox:`0 0 220 60`,className:`w-full text-brand ${t?`h-5`:`h-10 md:h-12`}`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M20 50V20h40v-14h44v14h40v16h40v14`,fill:`none`,stroke:`currentColor`,strokeWidth:`4`,transform:`translate(10 0)`}),(0,f.jsx)(`path`,{d:`M10 50h190`,stroke:`var(--orange)`,strokeWidth:`4`,strokeLinecap:`round`})]}):(0,f.jsxs)(`svg`,{viewBox:`0 0 220 60`,className:`w-full ${t?`h-5`:`h-10 md:h-12`}`,"aria-hidden":`true`,children:[(0,f.jsx)(`rect`,{x:`20`,y:`14`,width:`80`,height:`34`,rx:`5`,fill:`none`,stroke:`var(--primary-foreground)`,strokeWidth:`4`}),(0,f.jsx)(`rect`,{x:`36`,y:`26`,width:`48`,height:`10`,rx:`2`,fill:`var(--primary-foreground)`,opacity:`.5`}),(0,f.jsx)(`rect`,{x:`130`,y:`14`,width:`70`,height:`34`,rx:`5`,fill:`var(--orange)`,opacity:`.9`}),(0,f.jsx)(`path`,{d:`M152 31h22M163 20v22`,stroke:`#fff`,strokeWidth:`4`,strokeLinecap:`round`})]})}function C({compact:e=!1,lang:t=`nl`}){let n=t===`en`,r=e=>n?e.enTitle:e.title,i=e=>n?e.enSub:e.sub,a=n?`Customer journey from Stairfinder via the 1m2 configurator to ordering and payment, with the website and internal software behind it.`:`Klanttraject van Stairfinder via de 1m2-configurator naar bestellen en betalen, met de website en interne software erachter.`,o=e?`text-[9px] font-semibold leading-tight`:`text-xs md:text-sm font-semibold`,s=e?`text-[9px] leading-tight text-ink-soft`:`text-xs leading-snug text-ink-soft`,c=t=>t.motif===`stair`?(0,f.jsxs)(`div`,{className:`flex flex-col justify-between rounded-md border border-brand-line bg-background ${e?`min-h-20 p-2`:`min-h-28 p-3 @min-[440px]:p-4`}`,children:[(0,f.jsx)(S,{kind:t.motif,compact:e}),(0,f.jsx)(`span`,{className:`${o} text-brand`,children:r(t)}),(0,f.jsx)(`span`,{className:s,children:i(t)})]}):t.motif===`order`?(0,f.jsxs)(`div`,{className:`flex flex-col justify-between rounded-md bg-brand text-primary-foreground ${e?`min-h-20 p-2`:`min-h-28 p-3 @min-[440px]:p-4`}`,children:[(0,f.jsx)(S,{kind:t.motif,compact:e}),(0,f.jsx)(`span`,{className:o,children:r(t)}),(0,f.jsx)(`span`,{className:`${s}

1 text-primary-foreground/75`,children:i(t)})]}):(0,f.jsxs)(`div`,{className:`flex flex-col justify-between rounded-md bg-brand-tint ${e?`min-h-20 p-2`:`min-h-28 p-3 @min-[440px]:p-4`}`,children:[(0,f.jsx)(S,{kind:t.motif,compact:e}),(0,f.jsx)(`span`,{className:`${o} text-brand`,children:r(t)}),(0,f.jsx)(`span`,{className:s,children:i(t)})]});return e?(0,f.jsxs)(`div`,{className:`flex h-full min-w-0 flex-col justify-center gap-1.5 overflow-hidden rounded-lg border border-brand-line bg-background p-3 sm:p-4`,role:`img`,"aria-label":a,children:[(0,f.jsx)(`span`,{className:`text-[9px] font-semibold uppercase tracking-wider text-brand-soft`,children:n?`Customer journey`:`Klanttraject`}),(0,f.jsxs)(`div`,{className:`grid min-w-0 items-stretch gap-1 [grid-template-columns:minmax(0,1fr)_auto_minmax(0,1fr)_auto_minmax(0,1fr)] sm:gap-1.5`,children:[c(b[0]),(0,f.jsx)(`span`,{className:`flex items-center justify-center text-sm text-orange`,"aria-hidden":`true`,children:`›`}),c(b[1]),(0,f.jsx)(`span`,{className:`flex items-center justify-center text-sm text-orange`,"aria-hidden":`true`,children:`›`}),c(b[2])]}),(0,f.jsxs)(`div`,{className:`grid h-3 [grid-template-columns:1fr_auto_1fr_auto_1fr]`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`mx-auto h-full w-0.5 bg-brand-line`}),(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{className:`mx-auto h-full w-0.5 bg-brand-line`}),(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{className:`mx-auto h-full w-0.5 bg-brand-line`})]}),(0,f.jsx)(`div`,{className:`grid gap-1.5 [grid-template-columns:1.1fr_1.05fr]`,children:x.map(e=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-0.5 rounded-md bg-brand-tint p-2`,children:[(0,f.jsx)(`span`,{className:`${o} text-brand`,children:r(e)}),(0,f.jsx)(`span`,{className:s,children:i(e)})]},e.title))})]}):(0,f.jsxs)(`div`,{className:`@container flex rounded-lg border border-brand-line bg-background flex-col gap-3 p-4 @min-[440px]:gap-4 @min-[440px]:p-6 md:p-9`,role:`img`,"aria-label":a,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-brand-soft`,children:n?`Customer journey`:`Klanttraject`}),(0,f.jsxs)(`div`,{className:`mt-2 grid items-stretch gap-2 @min-[440px]:grid-cols-[1fr_auto_1fr_auto_1fr] @min-[440px]:gap-2`,children:[c(b[0]),(0,f.jsx)(h,{}),c(b[1]),(0,f.jsx)(h,{}),c(b[2])]})]}),(0,f.jsxs)(`div`,{className:`grid h-5 [grid-template-columns:1fr_auto_1fr_auto_1fr] @min-[440px]:h-6`,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{className:`mx-auto h-full w-px bg-brand-line`}),(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{className:`mx-auto h-full w-px bg-brand-line`}),(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{className:`mx-auto h-full w-px bg-brand-line`})]}),(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-brand-soft`,children:n?`Behind the scenes`:`Achter de schermen`}),(0,f.jsx)(`div`,{className:`mt-2 grid gap-2 @min-[440px]:gap-4 md:grid-cols-2`,children:x.map(e=>(0,f.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md bg-brand-tint p-3 @min-[440px]:p-4`,children:[(0,f.jsx)(`span`,{className:`${o} text-brand`,children:r(e)}),(0,f.jsx)(`span`,{className:s,children:i(e)})]},e.title))})]})]})}var w=[{nl:`Zoekvraag`,en:`Search question`,subNl:`Wat ondernemers zoeken`,subEn:`What business owners search for`},{nl:`Website-inhoud`,en:`Website content`,subNl:`Relevante informatie`,subEn:`Relevant information`},{nl:`Zichtbaarheid`,en:`Visibility`,subNl:`In zoekmachines`,subEn:`In search engines`}];function T({compact:e=!1,lang:t=`nl`}){let n=t===`en`,r=e?`text-[9px] font-semibold uppercase leading-tight`:`text-xs md:text-sm font-semibold uppercase tracking-wider`,i=e?`text-[9px] leading-tight`:`text-xs md:text-sm leading-snug`;return(0,f.jsxs)(`div`,{className:`flex h-full min-w-0 flex-col justify-center overflow-hidden rounded-lg bg-brand text-primary-foreground ${e?`gap-2 p-3 sm:p-4`:`gap-6 p-5 sm:p-6 md:p-10`}`,role:`img`,"aria-label":n?`Search questions, website content and visibility in search engines connected to each other`:`Zoekvragen, website-inhoud en zichtbaarheid in zoekmachines in samenhang`,children:[(0,f.jsx)(`div`,{className:`grid min-w-0 items-stretch ${e?`gap-1`:`gap-3 max-[439px]:gri

1d-cols-1`} [grid-template-columns:minmax(0,1fr)_auto_minmax(0,1fr)_auto_minmax(0,1fr)]`,children:w.map((t,a)=>(0,f.jsxs)(`div`,{className:`contents`,children:[a>0&&(0,f.jsx)(`span`,{className:`flex items-center justify-center text-orange-soft ${e?``:`max-[439px]:h-5 max-[439px]:rotate-90`}`,"aria-hidden":`true`,children:`›`}),(0,f.jsxs)(`div`,{className:`min-w-0 flex flex-col justify-between rounded-md border border-primary-foreground/25 ${a===2?`bg-orange/90`:`bg-primary-foreground/10`} ${e?`min-h-20 p-2`:`min-h-32 p-3 md:p-4`}`,children:[(0,f.jsxs)(`svg`,{viewBox:`0 0 60 24`,className:e?`h-4 w-8`:`h-6 w-12`,"aria-hidden":`true`,children:[a===0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`}),(0,f.jsx)(`path`,{d:`M15 15l6 6`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`}),(0,f.jsx)(`path`,{d:`M28 8h28M28 16h20`,stroke:`currentColor`,strokeOpacity:`.5`,strokeWidth:`2.5`})]}),a===1&&(0,f.jsx)(`path`,{d:`M2 4h40M2 12h52M2 20h30`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`}),a===2&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`path`,{d:`M4 12c6-8 22-8 28 0c-6 8-22 8-28 0z`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`}),(0,f.jsx)(`circle`,{cx:`18`,cy:`12`,r:`3.5`,fill:`currentColor`})]})]}),(0,f.jsx)(`span`,{className:`${r} break-words`,children:n?t.en:t.nl}),(0,f.jsx)(`span`,{className:`${i} break-words text-primary-foreground/75`,children:n?t.subEn:t.subNl})]})]},t.nl))}),!e&&(0,f.jsx)(`p`,{className:`text-sm text-primary-foreground/70`,children:n?`Relevance as the starting point for SEO.`:`Relevantie als uitgangspunt voor SEO.`})]})}var E={credion:{url:{version:1,asset_id:`c843dd82-b8fc-41b7-8d67-899333ed1321`,project_id:`b263d84b-3b60-42f8-a62a-35efe72754e1`,url:`/__l5e/assets-v1/c843dd82-b8fc-41b7-8d67-899333ed1321/credion.png`,r2_key:`a/v1/b263d84b-3b60-42f8-a62a-35efe72754e1/c843dd82-b8fc-41b7-8d67-899333ed1321/credion.png`,original_filename:`credion.png`,size:22598,content_type:`image/png`,created_at:`2026-09-23T11:46:32Z`}.url,alt:`Logo Credion`,className:`h-6 w-auto md:h-7`},"kitchen-studio":{url:{version:1,asset_id:`1a74da78-93a2-42bf-b94b-9ab357b267d0`,project_id:`b263d84b-3b60-42f8-a62a-35efe72754e1`,url:`/__l5e/assets-v1/1a74da78-93a2-42bf-b94b-9ab357b267d0/kitchen-studio.png`,r2_key:`a/v1/b263d84b-3b60-42f8-a62a-35efe72754e1/1a74da78-93a2-42bf-b94b-9ab357b267d0/kitchen-studio.png`,original_filename:`kitchen-studio.png`,size:24738,content_type:`image/png`,created_at:`2026-09-23T11:46:36Z`}.url,alt:`Logo Kitchen Studio`,className:`h-10 w-auto md:h-12`},eestairs:{url:l.url,alt:`Logo EeStairs`,className:`h-7 w-auto md:h-8`},"practical-media":{url:u.url,alt:`Logo van Practical Media`,className:`h-10 w-auto md:h-12`}};function D({slug:e,className:t}){let n=E[e];return(0,f.jsx)(`img`,{src:n.url,alt:n.alt,className:t??n.className,loading:`lazy`})}function O({item:e,lang:t=`nl`,footer:n=!0}){let i=t===`en`?e.hasEnglishPage?`View the case`:`View the case (in Dutch)`:`Bekijk de casus`,a=t===`en`&&e.en?e.en:e;return(0,f.jsxs)(`article`,{className:`group relative min-w-0 row-span-3 grid grid-rows-subgrid overflow-hidden rounded-lg border border-brand-line bg-background transition-transform duration-300 hover:-translate-y-1 motion-reduce:transform-none`,children:[(0,f.jsx)(r,{to:e.href,"aria-label":`${a.title} ${i}`,className:`absolute inset-0 z-10 rounded-lg focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-orange`}),(0,f.jsxs)(`div`,{className:`min-w-0 p-5 pb-4 sm:p-6 md:p-8 md:pb-5`,children:[(0,f.jsxs)(`div`,{className:`flex min-h-12 flex-wrap items-center gap-3 text-xs font-semibold uppercase tracking-wider`,children:[(0,f.jsx)(D,{slug:e.slug}),(0,f.jsx)(`span`,{className:`text-orange`,children:`/`}),(0,f.jsx)(`span`,{className:`text-brand-soft`,children:a.discipline})]}),(0,f.jsx)(`h3`,{className:`mt-5 break-words text-2xl leading-tight md:text-3xl lg:text-2xl xl:text-3xl`,children:a.title}),(0,f.jsx)(`p`,{className:`mt-4 break-words leading-relaxed text-ink-soft`,children:a.intro})]}),(0,f.jsx)(`div`,{className:`min-w-0 px-5 sm:px-6 md:px-8`,children:e.slug===`credion`?(0,f.jsx)(T,{compact:!0,lang:t}):e.slug===`practical-media`?(0,f.jsx)(y,{compact:!0,lang:t}):e.slug===`eestairs`?(0,f.jsx)(C,{compact:!0,lang:t}):(0,f.jsx)(m,{compact:!0,lang:t})}),n?(0,f.jsxs)(`div`,{className:`flex flex-col gap-5 self-end p-5 sm:p-6 md:p-8`,children:[a.metric?(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`strong`,{className:`block text-2xl md:text-3xl lg:text-2xl xl:text-3xl font-semibold text-brand`,children:a.metric}),a.metricLabel&&(0,f.jsx)(`span`,{className:`mt-1 block text-xs text-ink-soft`,children:a.metricLabel})]}):null,(0,f.jsxs)(r,{to:e.href,className:`relative z-20 self-start text-sm font-semibold text-brand underline decoration-brand-line underline-offset-4 transition-colors hover:text-orange`,children:[i,` →`]})]}):null]})}function k({lang:e=`nl`,className:t=`mt-12`,header:n,order:r,footer

1:o=!0}){let s=r?r.map(e=>a[e]):i(),c=(0,d.useRef)(null),[l,u]=(0,d.useState)(!1),[p,m]=(0,d.useState)(!1),h=(0,d.useCallback)(()=>{let e=c.current;e&&(u(e.scrollLeft>4),m(e.scrollLeft<e.scrollWidth-e.clientWidth-4))},[]);(0,d.useEffect)(()=>{h();let e=c.current;if(e)return e.addEventListener(`scroll`,h,{passive:!0}),window.addEventListener(`resize`,h),()=>{e.removeEventListener(`scroll`,h),window.removeEventListener(`resize`,h)}},[h]);let g=e=>{let t=c.current;if(!t)return;let n=t.querySelector(`[role='listitem']`),r=n?n.offsetWidth+24:t.clientWidth*.85;t.scrollBy({left:e*r,behavior:window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`})},_=e===`en`?`Previous cases`:`Vorige casussen`,v=e===`en`?`Next cases`:`Volgende casussen`,y=`flex h-10 w-10 items-center justify-center rounded-full border border-brand-line text-brand transition-colors hover:border-orange hover:text-orange disabled:pointer-events-none disabled:opacity-30 motion-reduce:transition-none`,b=(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`button`,{type:`button`,onClick:()=>g(-1),disabled:!l,"aria-label":_,className:y,children:(0,f.jsx)(`span`,{"aria-hidden":`true`,children:`←`})}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>g(1),disabled:!p,"aria-label":v,className:y,children:(0,f.jsx)(`span`,{"aria-hidden":`true`,children:`→`})})]});return(0,f.jsxs)(`div`,{className:t,children:[n?(0,f.jsxs)(`div`,{className:`mb-8 grid grid-cols-[minmax(0,1fr)_auto] items-end gap-4 md:flex md:justify-between`,children:[(0,f.jsx)(`div`,{className:`min-w-0 max-w-[650px]`,children:n}),(0,f.jsx)(`div`,{className:`flex shrink-0 gap-2`,children:b})]}):(0,f.jsx)(`div`,{className:`mb-3 flex justify-end gap-2`,children:b}),(0,f.jsx)(`div`,{ref:c,className:`grid w-full max-w-full snap-x snap-mandatory grid-flow-col grid-rows-[auto_auto_1fr] auto-cols-[100%] gap-4 overflow-x-auto pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden sm:auto-cols-[92%] sm:gap-6 md:auto-cols-[calc((100%-1.5rem)/2)] lg:auto-cols-[calc((100%-3rem)/3)]`,role:`list`,"aria-label":e===`en`?`Client cases`:`Klantcasussen`,children:s.map(t=>(0,f.jsx)(`div`,{role:`listitem`,className:`row-span-3 grid snap-start grid-rows-subgrid`,children:(0,f.jsx)(O,{item:t,lang:e,footer:o})},t.slug))})]})}function A({eyebrow:e,title:t,intro:n,logo:r,children:i}){return(0,f.jsx)(o,{tight:!0,className:`pt-16 md:pt-24`,children:(0,f.jsxs)(`div`,{className:`grid min-w-0 items-center gap-12 lg:grid-cols-12 lg:gap-16`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 max-w-[720px] lg:col-span-6`,children:[r&&(0,f.jsx)(`div`,{className:`mb-8`,children:r}),(0,f.jsx)(s,{children:e}),(0,f.jsx)(`h1`,{className:`display-1 break-words`,children:t}),(0,f.jsx)(`p`,{className:`lead mt-8`,children:n})]}),(0,f.jsx)(`div`,{className:`min-w-0 lg:col-span-6`,children:i})]})})}function j({metrics:e,note:t}){return(0,f.jsxs)(o,{tight:!0,bg:`tint`,children:[(0,f.jsx)(`dl`,{className:`grid gap-px overflow-hidden rounded-lg border border-brand-line bg-brand-line sm:grid-cols-2 lg:grid-cols-4`,children:e.map(e=>(0,f.jsxs)(`div`,{className:`min-h-40 bg-background p-6 md:p-8`,children:[(0,f.jsx)(`dt`,{className:`text-sm leading-snug text-ink-soft`,children:e.label}),(0,f.jsx)(`dd`,{className:`mt-4 text-3xl md:text-4xl font-semibold leading-none text-brand tabular-nums`,children:e.value})]},e.label))}),t&&(0,f.jsx)(`p`,{className:`mt-4 text-xs text-ink-soft`,children:t})]})}function M({steps:e}){return(0,f.jsxs)(`ol`,{className:`relative mt-12 grid gap-4 ${e.length===5?`md:grid-cols-5`:e.length===3?`md:grid-cols-3`:`md:grid-cols-4`}`,children:[(0,f.jsx)(`div`,{className:`absolute top-6 hidden h-0.5 bg-orange md:block`,style:{left:`${100/(e.length*2)}%`,right:`${100/(e.length*2)}%`},"aria-hidden":`true`}),e.map((e,t)=>(0,f.jsxs)(`li`,{className:`relative flex items-center gap-4 md:flex-col md:gap-0 md:text-center`,children:[(0,f.jsx)(`span`,{className:`relative z-10 flex h-12 w-12 shrink-0 items-center justify-center rounded-full border-2 border-orange bg-background text-sm font-semibold text-brand`,children:t+1}),(0,f.jsx)(`span`,{className:`text-sm font-semibold leading-snug text-brand md:mt-5 md:max-w-[12rem]`,children:e})]},e))]})}function N({children:e}){return(0,f.jsx)(o,{className:`bg-brand text-primary-foreground [&_h2]:text-primary-foreground [&_h3]:text-primary-foreground`,children:e})}

1function P({title:e,text:t,lang:n=`nl`}){return(0,f.jsxs)(o,{tight:!0,children:[(0,f.jsxs)(`div`,{className:`flex flex-col items-start justify-between gap-8 border-t border-brand-line pt-12 md:flex-row md:items-center`,children:[(0,f.jsxs)(`div`,{className:`max-w-3xl`,children:[(0,f.jsx)(`h2`,{className:`text-3xl md:text-5xl leading-tight`,children:e}),t&&(0,f.jsx)(`p`,{className:`lead mt-5`,children:t})]}),(0,f.jsxs)(r,{to:`/contact`,className:`inline-flex shrink-0 items-center gap-3 rounded-full bg-brand px-6 py-3.5 text-primary-foreground transition-colors hover:bg-orange`,children:[n===`en`?`Tell us what is holding you back`:`Vertel waar je tegenaan loopt`,` `,(0,f.jsx)(`span`,{"aria-hidden":!0,children:`→`})]})]}),n===`nl`&&(0,f.jsx)(c,{className:`mt-12`,title:`Benieuwd waar jouw bedrijf vergelijkbare winst kan halen?`,text:`Doe de automatiseringsscan en ontdek welk werk je groei remt en waar je het beste kunt beginnen.`})]})}export{k as a,y as c,m as d,T as f,N as i,p as l,A as n,j as o,C as p,D as r,M as s,P as t,g as u};