https://clickwave.nl/_next/static/chunks/pages/oplossingen/saas-2d20e8604c0a2884.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4868],{1025:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/oplossingen/saas",function(){return n(4616)}])},1150:(e,t,n)=>{"use strict";n.d(t,{w:()=>i});var a=n(3499);function i(e){let{label:t,title:n,description:i,align:r="left",light:s=!1}=e;return(0,a.jsxs)("div",{className:"max-w-3xl ".concat("center"===r?"mx-auto text-center":""),children:[t&&(0,a.jsx)("span",{className:"inline-block text-accent font-heading text-sm font-semibold tracking-widest uppercase mb-4",children:t}),(0,a.jsx)("h2",{className:"font-heading font-bold text-3xl sm:text-4xl lg:text-5xl leading-tight tracking-tight ".concat(s?"text-foreground-dark":"text-foreground"),children:n}),i&&(0,a.jsx)("p",{className:"mt-5 text-lg leading-relaxed ".concat(s?"text-foreground-dark/60":"text-foreground-muted"),children:i})]})}},1692:(e,t,n)=>{"use strict";n.d(t,{Y:()=>l});var a=n(3499),i=n(6115),r=n(2821);let s={up:{y:28,x:0},down:{y:-28,x:0},left:{x:28,y:0},right:{x:-28,y:0},none:{x:0,y:0}},o={once:!0,margin:"100000px 0px -48px 0px"};function l(e){let{children:t,className:n="",delay:l=0,direction:c="up"}=e;return(0,r.$)()?(0,a.jsx)("div",{className:n,children:t}):(0,a.jsx)(i.P.div,{"data-reveal":!0,className:n,initial:{opacity:0,...s[c]},whileInView:{opacity:1,x:0,y:0},viewport:o,transition:{duration:.6,delay:l,ease:[.22,1,.36,1]},children:t})}},2725:(e,t,n)=>{e.exports=n(7379)},2821:(e,t,n)=>{"use strict";n.d(t,{$:()=>i});var a=n(5235);function i(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=window.matchMedia("(hover: none)");t(e.matches);let n=()=>t(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),e}},4616:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});var a=n(3499),i=n(2725),r=n.n(i),s=n(1355),o=n.n(s),l=n(6115),c=n(3364),d=n(1463),g=n(1150),m=n(1692),p=n(9547),x=n(7652);let h=[{title:"Product strategie",description:"We helpen je jouw productidee te valideren, de scope te bepalen en een roadmap te bouwen die klopt met jouw markt en budget.",color:"text-accent",bg:"bg-accent/10",icon:(0,a.jsx)("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"})})},{title:"UI/UX Design",description:"Een intu\xeftieve gebruikerservaring is de kern van elk succesvol SaaS-product. We ontwerpen interfaces die gebruikers begrijpen en willen blijven gebruiken.",color:"text-accent",bg:"bg-accent/10",icon:(0,a.jsx)("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42"})})},{title:"Full-stack development",description:"Van backend-logica en database-architectuur tot een snelle en toegankelijke frontend — wij bouwen het complete product, schaalbaar en onderhoudbaar.",color:"text-accent",bg:"bg-accent/10",icon:(0,a.jsx)("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.25 9.75L16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z"})})},{title:"Hosting & onderhoud",description:"Na de livegang zorgen we voor een stabiele, veilige en schaalbare hostingomgeving. Automatische updates, monitoring en support inbegrepen.",color:"text-accent",bg:"bg-accent/10",icon:(0,a.jsx)("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3m3 3a3 3 0 100 6h13.5a3 3 0 100-6m-16.5-3a3 3 0 013-3h13.5a3 3 0 013 3m-19.5 0a4.5 4.5 0 01.9-2.7L5.737 5.1a3.375 3.375 0 012.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 01.9 2.7m0 0a3 3 0 01-3 3m0 3h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008zm-3 6h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008z"})})}],u=[{number:"01",title:"Discovery",description:"We duiken in jouw idee, markt en gebruikers. We stellen de juiste vragen en helpen je de scope te defini\xebren voordat er ook maar \xe9\xe9n regel code geschreven wordt.",color:"text-accent",bg:"bg-accent/10"},{number:"02",title:"Design",description:"Wireframes, prototypes en visueel design — we visualiseren het product voordat we het bouwen, zodat we samen de juiste keuzes maken.",color:"text-accent",bg:"bg-accent/10"},{number:"03",title:"Develop",description:"De daadwerkelijke bouw van jouw platform in iteratieve sprints. Je bent altijd op de hoogte van de voortgang en kunt tijdig bijsturen.",color:"text-accent",bg:"bg-accent/10"},{number:"04",title:"Launch",description:"Na grondige testing brengen we het product live. We zorgen voor een soepele overgang met monitoring, support en een helder deployment-plan.",color:"text-accent",bg:"bg-accent/10"},{number:"05",title:"Scale",description:"Na de livegang groeien we mee. Op basis van gebruikersdata, feedback en ambities bouwen we het product verder uit en optimaliseren we continu.",color:"text-accent",bg:"bg-accent/10"}],j=["Geen vendor lock-in — jij bezit de code","Gebouwd op bewezen technologie\xebn","Gefocust op schaalbaarheid vanaf dag \xe9\xe9n","Agile werkwijze met wekelijkse check-ins","Toegankelijk en performant by design","Volledige documentatie en overdracht"];function b(){let e="SaaS Applicaties Bouwen | Clickwave",t="Van idee naar schaalbaar SaaS-product. Clickwave bouwt custom web-applicaties en platforms — van strategie en UI/UX tot development en hosting.",n="".concat(x.W6,"/oplossingen/saas");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r(),{children:[(0,a.jsx)("title",{children:e}),(0,a.jsx)("meta",{name:"description",content:t}),(0,a.jsx)("meta",{property:"og:title",content:e}),(0,a.jsx)("meta",{property:"og:description",content:t}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"nl_NL"}),(0,a.jsx)("meta",{property:"og:url",content:n}),(0,a.jsx)("meta",{property:"og:site_name",content:"Clickwave"}),(0,a.jsx)("meta",{property:"og:image",content:"".concat(x.W6,"/images/team/team-office.jpg")}

1),(0,a.jsx)("meta",{property:"og:image:width",content:"1200"}),(0,a.jsx)("meta",{property:"og:image:height",content:"630"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"twitter:title",content:e}),(0,a.jsx)("meta",{name:"twitter:description",content:t}),(0,a.jsx)("meta",{name:"twitter:image",content:"".concat(x.W6,"/images/team/team-office.jpg")}),(0,a.jsx)("link",{rel:"canonical",href:n}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Service",name:"SaaS Applicaties Bouwen",description:t,url:n,provider:{"@type":"Organization",name:"Clickwave",url:x.W6}})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:x.W6},{"@type":"ListItem",position:2,name:"Oplossingen",item:"".concat(x.W6,"/oplossingen")},{"@type":"ListItem",position:3,name:"SaaS Applicaties",item:n}]})}})]}),(0,a.jsxs)("section",{className:"relative min-h-[60vh] flex items-center overflow-hidden bg-background pt-24",children:[(0,a.jsx)("div",{className:"absolute top-1/4 -left-32 w-[500px] h-[500px] bg-accent/5 rounded-full blur-[140px] pointer-events-none"}),(0,a.jsx)("div",{className:"absolute bottom-0 right-0 w-[400px] h-[400px] bg-accent/5 rounded-full blur-[120px] pointer-events-none"}),(0,a.jsx)(c.m,{className:"relative z-10 py-20 lg:py-28",children:(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,ease:[.22,1,.36,1]},className:"max-w-3xl",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-6",children:[(0,a.jsx)(o(),{href:"/oplossingen",className:"text-foreground-muted text-sm hover:text-accent transition-colors",children:"Oplossingen"}),(0,a.jsx)("span",{className:"text-foreground-muted/40",children:"/"}),(0,a.jsx)("span",{className:"text-foreground-muted text-sm font-semibold",children:"SaaS Applicaties"})]}),(0,a.jsx)("span",{className:"inline-block text-foreground-muted font-heading text-sm font-semibold tracking-widest uppercase mb-6",children:"SaaS Applicaties"}),(0,a.jsxs)("h1",{className:"font-heading font-bold text-4xl sm:text-5xl lg:text-6xl xl:text-7xl leading-[1.05] tracking-tight",children:["Van idee naar"," ",(0,a.jsx)("span",{className:"text-accent",children:"schaalbaar product"})]}),(0,a.jsx)("p",{className:"mt-6 text-lg lg:text-xl text-foreground-muted leading-relaxed max-w-2xl",children:"Jij hebt een idee. Wij hebben de kennis, de tools en de ervaring om er een solide digitaal product van te maken. Van strategie en design tot development en hosting."}),(0,a.jsxs)("div",{className:"mt-8 flex flex-wrap gap-4",children:[(0,a.jsx)(d.$,{href:"/quickscan",size:"lg",children:"Bespreek jouw idee"}),(0,a.jsx)(d.$,{href:"/contact",variant:"secondary",size:"lg",children:"Stel een vraag"})]})]})})]}),(0,a.jsx)("section",{className:"py-24 lg:py-32 bg-background-light",children:(0,a.jsx)(c.m,{children:(0,a.jsxs)("div",{className:"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center",children:[(0,a.jsxs)(m.Y,{children:[(0,a.jsx)(g.w,{label:"Wat we bouwen",title:"Custom SaaS-platforms die schalen",description:"We bouwen op maat gemaakte web-applicaties en SaaS-platforms voor startups, scale-ups en gevestigde bedrijven. Niet op basis van templates, maar vanuit jouw specifieke use case.",light:!0}),(0,a.jsx)("p",{className:"mt-5 text-foreground-dark/60 leading-relaxed",children:"Of je nu een B2B-platform, een klantportaal, een interne tool of een volledig SaaS-product wil bouwen — wij begeleiden je van idee tot productieve applicatie die klaar is om te groeien."})]}),(0,a.jsx)(m.Y,{delay:.2,direction:"left",children:(0,a.jsxs)("div",{className:"rounded-card bg-white border border-foreground-dark/5 p-8",children:[(0,a.jsx)("h3",{className:"font-heading font-bold text-foreground-dark text-lg mb-6",children:"Wat ons onderscheidt"}),(0,a.jsx)("ul",{className:"space-y-4",children:j.map(e=>(0,a.jsxs)("li",{className:"flex items-start gap-3",children:[(0,a.jsx)("svg",{className:"w-5 h-5 text-accent flex-shrink-0 mt-0.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})}),(0,a.jsx)("span",{className:"text-foreground-dark/70 text-sm",children:e})]},e))})]})})]})})}),(0,a.jsx)("section",{className:"py-24 lg:py-32 bg-background",children:(0,a.jsxs)(c.m,{children:[(0,a.jsx)(m.Y,{children:(0,a.jsx)(g.w,{label:"Wat we leveren",title:"Onze SaaS-diensten",description:"Van de eerste schets tot een live, schaalbaar product — wij dekken het volledige spectrum van SaaS-ontwikkeling.",align:"center"})}),(0,a.jsx)("div",{className:"mt-16 grid sm:grid-cols-2 lg:grid-cols-4 gap-

15",children:h.map((e,t)=>(0,a.jsx)(m.Y,{delay:.09*t,children:(0,a.jsxs)("div",{className:"rounded-card bg-background-card border border-line p-7 h-full",children:[(0,a.jsx)("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-xl ".concat(e.bg," ").concat(e.color," mb-6"),children:e.icon}),(0,a.jsx)("h2",{className:"font-heading font-bold text-lg text-foreground mb-3",children:e.title}),(0,a.jsx)("p",{className:"text-foreground-muted text-sm leading-relaxed",children:e.description})]})},e.title))})]})}),(0,a.jsx)("section",{className:"py-24 lg:py-32 bg-background-light",children:(0,a.jsxs)(c.m,{children:[(0,a.jsx)(m.Y,{children:(0,a.jsx)(g.w,{label:"Ons proces",title:"Discovery tot scale",description:"Elke succesvolle applicatie volgt een bewezen pad. Wij geloven in iteratief werken — snel valideren, bijsturen en doorgroeien.",light:!0,align:"center"})}),(0,a.jsx)("div",{className:"mt-16 grid sm:grid-cols-3 lg:grid-cols-5 gap-6",children:u.map((e,t)=>(0,a.jsx)(m.Y,{delay:.08*t,children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"inline-flex items-center justify-center w-14 h-14 rounded-xl ".concat(e.bg," ").concat(e.color," font-heading font-bold text-xl mb-5"),children:e.number}),(0,a.jsx)("h3",{className:"font-heading font-bold text-lg text-foreground-dark mb-2",children:e.title}),(0,a.jsx)("p",{className:"text-foreground-dark/60 leading-relaxed text-sm",children:e.description})]})},e.number))})]})}),(0,a.jsx)(p.N,{})]})}},9547:(e,t,n)=>{"use strict";n.d(t,{N:()=>o});var a=n(3499),i=n(3364),r=n(1692),s=n(1463);function o(){return(0,a.jsx)("section",{className:"bg-background py-24 lg:py-32",children:(0,a.jsx)(i.m,{children:(0,a.jsx)(r.Y,{children:(0,a.jsxs)("div",{className:"relative overflow-hidden rounded-card ring-1 ring-accent/20",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-primary-dark via-primary to-primary-light"}),(0,a.jsx)("div",{className:"aurora absolute inset-0","aria-hidden":"true"}),(0,a.jsx)("div",{className:"grain absolute inset-0 opacity-[0.06]","aria-hidden":"true"}),(0,a.jsxs)("div",{className:"relative z-10 px-8 py-16 text-center sm:px-12 lg:px-20 lg:py-20",children:[(0,a.jsx)("h2",{className:"mx-auto max-w-3xl font-heading text-3xl font-bold leading-tight tracking-tight text-white sm:text-4xl lg:text-5xl",children:"Klaar om te zien waar je groei laat liggen?"}),(0,a.jsx)("p",{className:"mx-auto mt-5 max-w-xl text-lg leading-relaxed text-white/70",children:"In je Gratis Groeiplan kijken we samen naar je marketing en zetten we je grootste groeikansen op papier. Heb je ze niet? Dan was het onze tijd, niet die van jou."}),(0,a.jsxs)("div",{className:"mt-10",children:[(0,a.jsx)(s.$,{href:"/quickscan",size:"lg",children:"Vraag je Gratis Groeiplan aan"}),(0,a.jsx)("p",{className:"mt-3 text-sm text-white/60",children:"Gratis \xb7 1 uur \xb7 geen verplichting"})]})]})]})})})})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=1025)),_N_E=e.O()}]);