https://staffyou.nl/assets/Dienstverband-CEVTrkTa.js

1import{c as m,j as e,L as d}from"./index-B4DSGpnZ.js";import{S as p}from"./SEO-CpUA6dGF.js";import{A as s}from"./AnimateOnScroll-Dp0jGN_b.js";import{A as h}from"./AnimatedCounter-DVxtijBx.js";import{R as x}from"./RegisterLink-CMg2E7zV.js";import{H as f}from"./HeroShiftPreview-h8Ozw4Et.js";import{S as g}from"./SectorShiftsTable-Cf9_hk0M.js";import{S as c}from"./shield-DNqPNrEq.js";import{A as l}from"./arrow-right-DVZVQsa6.js";import{C as j}from"./chevron-down-D7Nyy2eB.js";import{C as b}from"./check-DL6SDK0M.js";import{A as u}from"./arrow-up-right-TEf7Mvhi.js";import{B as v}from"./banknote-DRo0jHq5.js";import{C as w}from"./calendar-check-XzcR-U5z.js";import"./clientsData-DDpPOM7B.js";import"./openShifts-BGWMGPAZ.js";import"./map-pin-DrGM4g5r.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const k=m("HeartHandshake",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}],["path",{d:"M12 5 9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66",key:"4oyue0"}],["path",{d:"m18 15-2-2",key:"60u0ii"}],["path",{d:"m15 18-2-2",key:"6p76be"}]]),N="/werken-bij-staffyou/dienstverband-bij-staffyou",y="Dienstverband",a="py-12 md:py-16",i="inline-flex items-center gap-3 font-poppins text-xs font-semibold uppercase tracking-[0.28em] text-primary before:h-px before:w-8 before:bg-primary",o=({word:t,color:n="text-yellow"})=>e.jsx("span",{className:`font-serif italic font-normal ${n}`,children:t}),S=[{value:4500,suffix:"+",label:"Staffers in dienst"},{value:150,suffix:"+",label:"Werkgevers"},{text:"Dagelijks",label:"Uitbetaald"}],z=[{icon:v,title:"Loon goed geregeld",description:"Je ontvangt loon voor de shifts die je werkt, zonder dat je zelf hoeft te factureren."},{icon:c,title:"Verzekering en pensioen",description:"Omdat je in dienstverband werkt, zijn zaken zoals verzekering en pensioenopbouw geregeld."},{icon:w,title:"Zelf shifts kiezen",description:"Je bepaalt zelf welke diensten passen bij jouw agenda, locatie en voorkeuren."},{icon:k,title:"Geen ervaring nodig",description:"Veel shifts zijn geschikt voor beginners. Per shift zie je duidelijk wat er van je verwacht wordt."}],r=[{slug:"freelancen-bij-staffyou",title:"Freelance",items:["Eigen tarief","Zelf je opdrachten","Direct uitbetaald"],image:"/wp-images/way-freelance.jpg",to:"/werken-bij-staffyou/freelancen-bij-staffyou"}],_=()=>e.jsxs("section",{className:"relative isolate -mt-[72px] overflow-hidden bg-primary text-white",children:[e.jsxs("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0",children:[e.jsx("div",{className:"absolute -top-40 -left-40 h-[32rem] w-[32rem] rounded-full bg-primary-dark/60 blur-3xl"}),e.jsx("div",{className:"absolute bottom-0 right-0 h-[28rem] w-[28rem] rounded-full bg-[#5a3de0]/50 blur-3xl"})]}),e.jsxs("div",{className:"container relative z-10 grid grid-cols-1 gap-12 pb-20 pt-[120px] md:pb-28 md:pt-[170px] lg:grid-cols-[1fr_minmax(0,560px)] lg:items-center lg:gap-12",children:[e.jsxs("div",{className:"flex max-w-[640px] flex-col items-start gap-7",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full bg-white/10 px-4 py-1.5 text-[11px] font-semibold uppercase tracking-[0.28em] text-yellow ring-1 ring-inset ring-white/15",children:[e.jsx(c,{className:"h-3.5 w-3.5"}),"Werken bij Staffyou · ",y]}),e.jsxs("h1",{className:"font-poppins text-[3rem] font-extrabold leading-[1] tracking-[-0.02em] text-white sm:text-[3.75rem] md:text-[4.5rem] lg:text-[5rem]",children:["Werken waar en"," ",e.jsx(o,{word:"wanneer"})," je wilt!",e.jsx("span",{className:"text-yellow",children:"."})]}),e.jsx("p",{className:"max-w-[560px] text-lg leading-relaxed text-white/85",children:"Start vandaag als flexwerker in dienstverband! Download de app, like je eerste shift en ga meteen aan de slag!"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 pt-1",children:[e.jsxs(x,{className:"inline-flex min-h-14 items-center justify-center gap-3 rounded-full bg-yellow px-9 py-4 font-poppins text-base font-bold text-navy shadow-[0_22px_50px_rgba(255,213,0,0.35)] transition-all duration-300 hover:-translate-y-0.5 hover:bg-yellow-light",children:["Meld je gratis aan",e.jsx(l,{className:"h-5 w-5"})]}),e.jsxs("a",{href:"#open-shifts",className:"inline-flex min-h-14 items-center justify-center gap-2 rounded-full border border-white/25 px-7 py-4 font-poppins text-base font-semibold text-white transition-all duration-300 hover:bg-white/10",children:["Bekijk open shifts",e.jsx(j,{className:"h-4 w-4"})]})]}),e.jsx("div",{className:"mt-6 flex w-full flex-wrap items-stretch gap-x-12 gap-y-6 border-t border-white/15 pt-8",children:S.map(t=>e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"font-poppins text-4xl font-extrabold leading-none tracking-tight text-white md:text-5xl",children:t.text?t.text:e.jsxs(e.Fragment,{children:[t.prefix&&e.jsx("span",{className:"text-yellow",children:t.prefix}),e.jsx(h,{value:t.value??0}),t.suffix&&e.jsx("span",{className:"text-yellow",children:t.suffix})]})}),e.jsx("p",{className:"mt-3 text-[11px] font-semibold uppercase tracking-[0.22em] text-white/70",children:t.label})]},t.label))})]}),e.jsxs("div",{className:"relative hidden lg:flex lg:min-h-[660px] lg:items-center lg:justify-center",children:[e.jsx("div",{"aria-hidden":"true",className:"absolute left-1/2 top-1/2 h-[520px] w-[520px] -translate-x-1/2 -translate-y-1/2 roun

6ded-[44%_56%_60%_40%/48%_42%_58%_52%] bg-primary-dark/70"}),e.jsx(f,{})]})]})]}),A=()=>e.jsxs("section",{id:"over-dienstverband",className:`relative bg-[#f4f1ea] ${a}`,children:[e.jsx("span",{"aria-hidden":"true",className:"absolute inset-x-0 top-0 h-[3px] bg-primary"}),e.jsx("div",{className:"container max-w-6xl",children:e.jsxs("div",{className:"grid items-start gap-14 lg:grid-cols-[minmax(0,440px)_1fr] lg:gap-20",children:[e.jsxs("div",{children:[e.jsx("p",{className:i,children:"Over dienstverband"}),e.jsx("h2",{className:"mt-6 font-poppins text-[2.6rem] font-extrabold leading-[1.02] tracking-[-0.02em] text-navy md:text-[3.25rem]",children:"Wat betekent werken in dienstverband bij Staffyou?"})]}),e.jsxs("div",{className:"max-w-xl",children:[e.jsx("p",{className:"text-[17px] leading-[1.75] text-navy/90",children:"Als je werkt in dienstverband bij Staffyou, combineer je flexibiliteit met zekerheid. Je kiest zelf welke shifts je wilt werken, bijvoorbeeld in horeca, events, retail, logistiek of schoonmaak. Staffyou is je werkgever en zorgt dat de belangrijke zaken goed geregeld zijn."}),e.jsx("p",{className:"mt-5 text-[15px] leading-[1.75] text-text",children:"Je hoeft geen facturen te maken en geen administratie bij te houden. Je werkt je shift, registreert je uren en ontvangt je loon volgens de afspraken van je dienstverband."}),e.jsx("ul",{className:"mt-8 grid grid-cols-1 gap-x-8 gap-y-4 sm:grid-cols-2",children:["Uitzendcontract — jij bepaalt wanneer je werkt","Loon, verzekering & pensioen geregeld","Dagelijks uitbetaald: je geld direct op je rekening","Geen administratie of facturen","Duizenden shifts in heel Nederland","Geen ervaring nodig, al vanaf 16 jaar"].map(t=>e.jsxs("li",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"mt-0.5 inline-flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary text-white",children:e.jsx(b,{className:"h-3.5 w-3.5",strokeWidth:3})}),e.jsx("span",{className:"text-[14px] font-semibold leading-snug text-navy",children:t})]},t))})]})]})})]}),C=()=>e.jsx("section",{className:`bg-white ${a}`,children:e.jsxs("div",{className:"container max-w-6xl",children:[e.jsxs("div",{className:"mx-auto max-w-2xl text-center",children:[e.jsx("p",{className:i,children:"Voordelen"}),e.jsx("h2",{className:"mt-5 font-poppins text-4xl font-extrabold leading-[1.05] tracking-[-0.01em] text-navy md:text-5xl",children:"De voordelen van dienstverband"})]}),e.jsx("div",{className:"mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-4",children:z.map(t=>e.jsxs("div",{className:"rounded-[20px] bg-[#faf9f7] p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_12px_40px_rgba(17,19,54,0.08)]",children:[e.jsx("span",{className:"inline-flex h-10 w-10 items-center justify-center rounded-xl bg-primary/10 text-primary",children:e.jsx(t.icon,{className:"h-5 w-5"})}),e.jsx("h3",{className:"mt-4 font-poppins text-lg font-bold text-navy",children:t.title}),e.jsx("p",{className:"mt-2 text-[14px] leading-relaxed text-text-muted",children:t.description})]},t.title))})]})}),O=()=>e.jsxs("section",{className:`relative overflow-hidden bg-primary ${a} text-white`,children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute -left-32 -top-32 h-96 w-96 rounded-full bg-primary-dark/60 blur-3xl"}),e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute -bottom-32 -right-32 h-96 w-96 rounded-full bg-[#5a3de0]/50 blur-3xl"}),e.jsx("div",{"aria-hidden":"true",className:"absolute left-[8%] top-[18%] h-3 w-3 rounded-full bg-yellow"}),e.jsx("div",{"aria-hidden":"true",className:"absolute right-[10%] bottom-[20%] h-3 w-3 rounded-full bg-teal"}),e.jsxs("div",{className:"container relative z-10 max-w-3xl text-center",children:[e.jsx("h2",{className:"font-poppins text-4xl font-extrabold leading-[1.05] tracking-[-0.01em] md:text-6xl",children:"Start met flexibel werk in dienstverband"}),e.jsx("p",{className:"mx-auto mt-6 max-w-xl text-lg text-white/85",children:"Maak je profiel aan, bekijk de beschikbare shifts en kies zelf waar je aan de slag gaat."}),e.jsx("div",{className:"mt-10 flex justify-center",children:e.jsxs(x,{className:"inline-flex min-h-14 items-center justify-center gap-3 rounded-full bg-yellow px-10 py-4 font-poppins text-base font-bold text-navy shadow-[0_22px_50px_rgba(255,213,0,0.35)] transition-all duration-300 hover:-translate-y-0.5 hover:bg-yellow-light",children:["Aanmelden bij Staffyou",e.jsx(l,{className:"h-5 w-5"})]})})]})]}),W=()=>e.jsx("section",{className:`bg-[#f7f4ee] ${a}`,children:e.jsxs("div",{className:"container max-w-4xl",children:[e.jsx("h2",{className:"font-poppins text-3xl font-extrabold leading-[1.05] tracking-[-0.01em] text-navy md:text-4xl",children:"Voor wie is dienstverband via Staffyou geschikt?"}),e.jsx("p",{className:"mt-6 text-[17px] leading-[1.75] text-navy/90",children:"Werken in die

6nstverband via Staffyou is handig als je flexibel wilt werken naast je studie, gezin, eigen plannen of andere baan. Je kunt ervaring opdoen bij verschillende opdrachtgevers en sectoren, zonder vast te zitten aan een traditioneel rooster."}),e.jsx("p",{className:"mt-5 text-[15px] leading-[1.75] text-text",children:"Of je nu af en toe een shift wilt werken of juist vaker beschikbaar bent: in de app zie je welke diensten openstaan en kies je wat bij jou past."})]})}),D=()=>e.jsx("section",{id:"open-shifts",className:`bg-[#f7f4ee] ${a}`,children:e.jsxs("div",{className:"container max-w-6xl",children:[e.jsxs("div",{className:"mb-10 max-w-2xl",children:[e.jsx("p",{className:i,children:"Open shifts"}),e.jsxs("h2",{className:"mt-5 font-poppins text-4xl font-extrabold leading-[1.05] tracking-[-0.01em] text-navy md:text-5xl",children:["Open shifts bij"," ",e.jsx(o,{word:"topmerken",color:"text-primary"}),e.jsx("span",{className:"text-primary",children:"."})]}),e.jsx("p",{className:"mt-5 text-lg leading-relaxed text-text-muted",children:"Click op een shift om je aan te melden. Maak de eerste keer gratis een account aan binnen 2 minuten."})]}),e.jsx(g,{sectorTitle:"Dienstverband"})]})}),$=()=>e.jsx("section",{className:`bg-white ${a}`,children:e.jsxs("div",{className:"container max-w-6xl",children:[e.jsxs("div",{className:"mb-10 flex flex-col gap-4 md:flex-row md:items-end md:justify-between",children:[e.jsxs("div",{className:"max-w-xl",children:[e.jsx("p",{className:i,children:"Andere manieren"}),e.jsxs("h2",{className:"mt-5 font-poppins text-4xl font-extrabold leading-[1.05] tracking-[-0.01em] text-navy md:text-5xl",children:["Of werk op een andere"," ",e.jsx(o,{word:"manier",color:"text-navy"}),e.jsx("span",{className:"text-primary",children:"."})]})]}),e.jsxs(d,{to:"/werken-bij",className:"inline-flex items-center gap-2 font-poppins text-sm font-bold text-navy transition-colors hover:text-primary",children:["Alles bij Staffyou",e.jsx(l,{className:"h-4 w-4"})]})]}),e.jsx("div",{className:`grid gap-5 ${r.length>1?"sm:grid-cols-2 lg:grid-cols-3":""}`,children:r.map(t=>{const n=r.length===1;return e.jsx(d,{to:t.to,className:"group relative block overflow-hidden rounded-[24px] ring-1 ring-slate-200 transition-all duration-500 hover:-translate-y-1 hover:shadow-[0_22px_60px_rgba(17,19,54,0.12)]",children:e.jsxs("div",{className:`relative overflow-hidden ${n?"aspect-[4/3] sm:aspect-[5/2]":"aspect-[4/3]"}`,children:[e.jsx("img",{src:t.image,alt:t.title,className:"h-full w-full object-cover brightness-[0.78] transition-all duration-700 group-hover:scale-110"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-navy/90 via-navy/35 to-transparent"}),e.jsx("span",{className:"absolute right-4 top-4 inline-flex h-10 w-10 items-center justify-center rounded-full bg-yellow text-navy shadow-md transition-transform group-hover:rotate-45",children:e.jsx(u,{className:"h-5 w-5",strokeWidth:2.5})}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 p-6 text-white",children:[e.jsx("h3",{className:`font-poppins font-extrabold leading-tight ${n?"text-3xl sm:text-4xl":"text-3xl"}`,children:t.title}),e.jsx("p",{className:"mt-2 text-sm font-medium text-white/85",children:t.items.join(" · ")})]})]})},t.slug)})})]})}),Q=()=>e.jsxs(e.Fragment,{children:[e.jsx(p,{title:"Werken in dienstverband bij Staffyou | Flexibel werk",description:"Werk flexibel in dienstverband via Staffyou. Kies zelf je shifts in de app, terwijl loon, verzekering en pensioen goed geregeld zijn.",path:N}),e.jsx(_,{}),e.jsx(s,{duration:.4,children:e.jsx(A,{})}),e.jsx(s,{duration:.4,children:e.jsx(C,{})}),e.jsx(s,{duration:.4,children:e.jsx(D,{})}),e.jsx(s,{duration:.4,children:e.jsx(W,{})}),e.jsx(s,{duration:.4,children:e.jsx(O,{})}),e.jsx(s,{duration:.4,children:e.jsx($,{})})]});export{Q as default};