CINXE.COM

<!doctype html> <html lang="nl"> <head> <meta charset="utf-8" /> <link rel="icon" href="./favicon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#D6006D" /> <meta name="description" content="Deskundige begeleiding naar de Cloud. Erkende Google Workspace en ChromeOS experts. Praktische automatisering door Zzapps developers. Wij houden van betaalbare oplossingen zonder gedoe. Interessant? Ontdek Workspace Overal, met ieder apparaat? Wij weten wat nodig is om Google Workspace succesvol te implementeren." /> <meta property="og:description" content="Deskundige begeleiding naar de Cloud. Erkende Google Workspace en ChromeOS experts. Praktische automatisering door Zzapps developers. Wij houden van betaalbare oplossingen zonder gedoe. Interessant? Ontdek Workspace Overal, met ieder apparaat? Wij weten wat nodig is om Google Workspace succesvol te implementeren." /> <meta name="title" content="Zzapps. Jouw IT. Door ons geregeld."> <meta property="og:url" content="https://zzapps.nl" /> <meta property="og:site_name" content="Zzapps" /> <meta property="og:image" content="https://d8f48bde.zzapps.pages.dev/og-image.png" /> <meta property="twitter:image" content="https://d8f48bde.zzapps.pages.dev/og-image.png" /> <link href="./_app/immutable/assets/0.CgEBMgOM.css" rel="stylesheet"> <link href="./_app/immutable/assets/2.bQgpVpOS.css" rel="stylesheet"><meta property="og:title" content="Zzapps - Jouw IT. Door ons geregeld."><title>Zzapps - Jouw IT. Door ons geregeld.</title> </head> <body data-sveltekit-preload-data="hover"> <div style="display: contents"><header class="fixed content-center w-full h-20 text-white z-[100]"><div style="opacity: 0;" class="absolute inset-0 shadow-xl bg-accent -z-10"></div> <div class="flex z-20 justify-between items-center px-4 sm:px-16 lg:hidden"><a href="/"><img src="logo.svg" alt="Zzapps logo"></a> <button type="button"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div> <div class="hidden z-20 justify-between items-center px-16 lg:flex"><a href="/"><img src="logo.svg" alt="Zzapps logo"></a> <ul class="flex gap-8"><li><a href="/" class="font-bold">Home</a></li> <li><a href="/events">Events</a></li> <li><a href="/contact">Contact</a></li></ul> <a href="/contact" class="py-2 px-8 font-medium tracking-wider uppercase bg-white rounded-md text-accent">Contact</a></div></header>  <div id="hero-wrapper" class="svelte-unrlku"><div id="hero" class="content-center pt-20 pb-24 w-full shadow-xl min-h-[44rem] svelte-unrlku"><div id="hero-content" class="container flex gap-8 px-8 mx-auto xl:px-0 xl:w-[60vw]"><div class="flex flex-col gap-8 text-white"><h1 class="text-4xl font-bold leading-normal uppercase sm:text-6xl">Jouw IT.<br>Door ons geregeld.</h1> <p class="font-medium leading-loose text-balance">Gebruik Google Workspace om jouw IT omgeving naar een hoger niveau te tillen. Wij zorgen voor een naadloze implementatie, slimme automatisering en deskundige ondersteuning. Zo zorgen wij dat jouw IT omgeving effici毛nter, veiliger en toekomstbestendig is.</p> <a href="/contact" class="py-2 px-8 uppercase bg-white rounded-md w-fit text-accent font-medium tracking-wider">Neem contact op</a></div> <div class="bg-slate-800 text-white content-center text-center hidden xl:block invisible min-w-[30%]">Stock photo here</div></div></div></div> <div class="px-8"><div id="grid" class="container hidden mx-auto xl:grid -mt-[40px] svelte-1ad8fvf"><div id="content-outer" class="col-span-full col-start-1 row-start-2 svelte-1ad8fvf"><div id="content-inner" class="flex bg-blue-200 h-[600px] flex-row svelte-1ad8fvf"><div class="px-16 w-[60%] bg-blue-gradient"></div> <div class="flex flex-col gap-8 px-16 w-[40%] bg-white box-border pt-20 pb-40"><h1 class="relative text-4xl font-bold uppercase after:content-[''] after:absolute after:left-0 after:bottom-[-8px] after:h-[4px] after:w-[1.2em] after:bg-accent">Onze Google Workspace experts</h1> <p class="flex-grow mt-4 leading-loose">Wij noemen onze experts niet zomaar zo. Ze hebben meer dan 10 jaar ervaring en diepgaande kennis van alle facetten van Google Workspace. Of je nu al werkt met Google Workspace of dit overweegt, onze experts staan klaar om jou te ondersteunen en adviseren.</p> <div class="flex gap-8"><a href="/contact" class="py-3 px-8 tracking-wider rounded-md text-white uppercase font-medium shadow-md bg-accent w-fit ">contact</a> </div></div></div></div> <div id="overlay" class="z-10 col-span-full row-span-full pointer-events-none svelte-1ad8fvf"><div id="overlay-inner" class="flex h-full flex-row"><div id="overlay-img-container" class="relative w-1/2"><img src="workspace-team.webp" alt="Zzapps team" class="absolute bottom-0 scale-125 origin-bottom-left left-0 ml-2"></div> <div id="overlay-spacer" class="w-1/2"></div></div></div></div> <div id="mobile-grid" class="container grid mx-auto mt-16 xl:hidden svelte-1ad8fvf"><div id="card-wrapper" class="grid col-span-full row-span-full grid-cols-subgrid grid-rows-subgrid svelte-1ad8fvf"><div class="col-start-1 bg-white row-start-[top-start] row-end-[content-end]"></div> <div class="z-20 col-start-1 bg-blue-gradient row-start-[top-start] row-end-[top-end]"></div></div> <div class="flex z-30 flex-col col-start-1 px-4 row-start-[overflow-start] row-end-[top-end]"><img src="workspace-team.webp" alt="Zzapps team" class="mt-auto"></div> <div class="flex z-30 flex-col col-start-1 gap-8 px-12 pt-12 pb-16 row-start-[content-start]"><h1 class="relative text-2xl font-bold uppercase sm:text-4xl after:content-[''] after:absolute after:left-0 after:bottom-[-8px] after:h-[4px] after:w-[1.2em] after:bg-accent">Onze Google Workspace experts</h1> <p class="flex-grow mt-4 leading-loose">Wij noemen onze experts niet zomaar zo. Ze hebben meer dan 10 jaar ervaring en diepgaande kennis van alle facetten van Google Workspace. Of je nu al werkt met Google Workspace of dit overweegt, onze experts staan klaar om jou te ondersteunen en adviseren.</p> <div class="flex flex-col gap-8 sm:flex-row"><a href="/contact" class="py-3 px-8 font-medium tracking-wider text-white uppercase rounded-md shadow-md bg-accent w-fit ">contact</a> </div></div></div></div> <div class="px-8"><div id="grid" class="container hidden mx-auto xl:grid -mt-[40px] svelte-1ad8fvf"><div id="content-outer" class="col-span-full col-start-1 row-start-2 svelte-1ad8fvf"><div id="content-inner" class="flex bg-blue-200 h-[600px] flex-row-reverse svelte-1ad8fvf"><div class="px-16 w-[60%] bg-blue-gradient"></div> <div class="flex flex-col gap-8 px-16 w-[40%] bg-white box-border pt-36 pb-20"><h1 class="relative text-4xl font-bold uppercase after:content-[''] after:absolute after:left-0 after:bottom-[-8px] after:h-[4px] after:w-[1.2em] after:bg-accent">Onze developers</h1> <p class="flex-grow mt-4 leading-loose">Wil jij jouw bedrijfsprocessen automatiseren en optimaliseren? Geen uitdaging is ons te complex. Ons team van developers en designers bouwt op maat gemaakte oplossingen die perfect aansluiten op jouw bestaande systemen en naadloos kunnen integreren met jouw Google Workspace omgeving.聽</p> <div class="flex gap-8"><a class="py-3 px-8 tracking-wider rounded-md text-white uppercase font-medium shadow-md bg-accent w-fit cursor-not-allowed opacity-20">Binnenkort meer</a> </div></div></div></div> <div id="overlay" class="z-10 col-span-full row-span-full pointer-events-none svelte-1ad8fvf"><div id="overlay-inner" class="flex h-full flex-row-reverse"><div id="overlay-img-container" class="relative w-1/2"><img src="devteam.webp" alt="Zzapps team" class="absolute bottom-0 scale-125 origin-bottom-right right-0 mr-2"></div> <div id="overlay-spacer" class="w-1/2"></div></div></div></div> <div id="mobile-grid" class="container grid mx-auto mt-16 xl:hidden svelte-1ad8fvf"><div id="card-wrapper" class="grid col-span-full row-span-full grid-cols-subgrid grid-rows-subgrid svelte-1ad8fvf"><div class="col-start-1 bg-white row-start-[top-start] row-end-[content-end]"></div> <div class="z-20 col-start-1 bg-blue-gradient row-start-[top-start] row-end-[top-end]"></div></div> <div class="flex z-30 flex-col col-start-1 px-4 row-start-[overflow-start] row-end-[top-end]"><img src="devteam.webp" alt="Zzapps team" class="mt-auto"></div> <div class="flex z-30 flex-col col-start-1 gap-8 px-12 pt-12 pb-16 row-start-[content-start]"><h1 class="relative text-2xl font-bold uppercase sm:text-4xl after:content-[''] after:absolute after:left-0 after:bottom-[-8px] after:h-[4px] after:w-[1.2em] after:bg-accent">Onze developers</h1> <p class="flex-grow mt-4 leading-loose">Wil jij jouw bedrijfsprocessen automatiseren en optimaliseren? Geen uitdaging is ons te complex. Ons team van developers en designers bouwt op maat gemaakte oplossingen die perfect aansluiten op jouw bestaande systemen en naadloos kunnen integreren met jouw Google Workspace omgeving.聽</p> <div class="flex flex-col gap-8 sm:flex-row"><a class="py-3 px-8 font-medium tracking-wider text-white uppercase rounded-md shadow-md bg-accent w-fit cursor-not-allowed opacity-20">Binnenkort meer</a> </div></div></div></div> <div id="outer" class="mt-16 w-full text-white svelte-26lgxb"><div id="inner" class="content-center py-32 px-8 text-white bg-pink-gradient"><div class="container flex flex-col gap-16 items-center mx-auto"><h1 class="text-4xl font-bold tracking-wide uppercase">Onze kernwaarden</h1> <div class="flex flex-col gap-16 -mt-8 w-full lg:flex-row"><div style="--offset-multiplier: 2; --width: undefinedpx;" class="grid w-full lg:w-1/3 blurb svelte-26lgxb"><div class="grid col-span-full row-span-full card-wrapper grid-cols-subgrid grid-rows-subgrid svelte-26lgxb"><div class="col-start-1 bg-white row-start-[top-start] row-end-[bottom-end]"></div> <div class="col-start-1 bg-[#e2e2e2] row-start-[top-start]"></div></div> <div class="col-start-1 px-8 xl:px-12 row-start-[overflow-start] row-end-[top-end]"><img src="blurb-riel.webp" alt="Enthousiast"></div> <div class="flex z-10 flex-col col-start-1 gap-8 px-8 pt-8 pb-16 text-primary row-start-[bottom-start]"><div class="relative text-xl font-bold tracking-wide uppercase sm:text-2xl text-primary after:content-[''] after:bottom-[-6px] after:absolute after:left-0 after:h-[4px] after:w-[1.2em] after:bg-accent">Deskundig</div> <p class="leading-loose">Met Google Developer Experts en gecertificeerde Workspace partners aan boord, beschikken we over de kennis en ervaring om jouw uitdagingen aan te gaan.</p></div></div><div style="--offset-multiplier: 1; --width: undefinedpx;" class="grid w-full lg:w-1/3 blurb svelte-26lgxb"><div class="grid col-span-full row-span-full card-wrapper grid-cols-subgrid grid-rows-subgrid svelte-26lgxb"><div class="col-start-1 bg-white row-start-[top-start] row-end-[bottom-end]"></div> <div class="col-start-1 bg-[#e2e2e2] row-start-[top-start]"></div></div> <div class="col-start-1 px-8 xl:px-12 row-start-[overflow-start] row-end-[top-end]"><img src="blurb-evgenya.webp" alt="Enthousiast"></div> <div class="flex z-10 flex-col col-start-1 gap-8 px-8 pt-8 pb-16 text-primary row-start-[bottom-start]"><div class="relative text-xl font-bold tracking-wide uppercase sm:text-2xl text-primary after:content-[''] after:bottom-[-6px] after:absolute after:left-0 after:h-[4px] after:w-[1.2em] after:bg-accent">Oprecht</div> <p class="leading-loose">We geloven in transparantie en eerlijkheid, daarom doen we wat we beloven en zeggen we wat we doen.</p></div></div><div style="--offset-multiplier: 0; --width: undefinedpx;" class="grid w-full lg:w-1/3 blurb svelte-26lgxb"><div class="grid col-span-full row-span-full card-wrapper grid-cols-subgrid grid-rows-subgrid svelte-26lgxb"><div class="col-start-1 bg-white row-start-[top-start] row-end-[bottom-end]"></div> <div class="col-start-1 bg-[#e2e2e2] row-start-[top-start]"></div></div> <div class="col-start-1 px-8 xl:px-12 row-start-[overflow-start] row-end-[top-end]"><img src="blurb-frank.webp" alt="Enthousiast"></div> <div class="flex z-10 flex-col col-start-1 gap-8 px-8 pt-8 pb-16 text-primary row-start-[bottom-start]"><div class="relative text-xl font-bold tracking-wide uppercase sm:text-2xl text-primary after:content-[''] after:bottom-[-6px] after:absolute after:left-0 after:h-[4px] after:w-[1.2em] after:bg-accent">Enthousiast</div> <p class="leading-loose">Wij vinden het geweldig om jou te helpen het maximale uit Google Workspace te halen en jouw bedrijfsprocessen te optimaliseren.</p></div></div></div></div></div></div> <footer class="px-8 pt-24 text-white sm:pt-48 bg-blue-gradient svelte-6gzneq"><div id="grid" class="container grid gap-16 mx-auto svelte-6gzneq"><div><h3 class="svelte-6gzneq">Nieuwsbrief</h3> <p class="svelte-6gzneq">Wil je op de hoogte blijven van onze ontwikkelingen? Schrijf je hier in.</p> <form class="flex flex-col gap-4 mt-4 sm:flex-row" method="post" action="/api/newsletter"><input type="email" name="email" required placeholder="Vul hier je e-mailadres in" class="py-2 px-8 bg-transparent rounded-md border-[1px] border-[#838383] placeholder-[#838383] grow disabled:cursor-not-allowed outline-accent outline-2 outline-offset-4 focus-visible:outline"> <button type="submit" class="grid overflow-hidden grid-cols-1 grid-rows-1 ml-auto tracking-wide text-white uppercase rounded-md disabled:cursor-not-allowed w-fit outline-accent outline-2 outline-offset-4 focus-visible:outline"><div class="col-span-full col-start-1 row-span-full row-start-1 content-center py-2 px-4 h-full uppercase font-medium tracking-wider text-center bg-accent">Abonneer</div> </button></form></div> <div><h3 class="svelte-6gzneq">Over ons</h3> <p class="svelte-6gzneq">Bij Zzapps geloven we dat Google Workspace meer is dan een set tools. Het is een krachtig platform dat jou en je team helpt om effici毛nter te werken, te communiceren en samen te werken. Wij weten hoe je de verschillende tools van Google Workspace op de goede manier kunt inzetten.</p> <p class="mt-4 svelte-6gzneq">Wij zijn dan ook niet zomaar een reseller. Wij zijn jouw Google Workspace partner, die jou van begin tot eind begeleidt, van de implementatie en training, geavanceerd gebruik van je beheeromgeving, tot maatwerk op het platform.</p></div> <div class="lg:col-start-2"><h3 class="svelte-6gzneq">Social</h3> <div class="flex gap-4 mt-4"><a href="https://www.linkedin.com/company/zzapps/" target="_blank" class="social-icon svelte-6gzneq"></a> <a href="https://www.youtube.com/@ZzappsNl" target="_blank" class="social-icon svelte-6gzneq"></a></div></div></div> <div class="container flex flex-col gap-4 mx-auto mt-16 sm:flex-row"><span class="text-secondary">Copyright 2024. All rights reserved.</span> <div class="flex gap-4 sm:ml-auto"><a href="/privacy" target="_blank" class="text-white">Privacy Policy</a> <span class="text-primary">|</span> <a href="/terms.pdf" target="_blank" class="text-white">Terms and Conditions</a></div></div></footer> <div class="fixed right-0 bottom-0 left-0 z-50 p-8 bg-white rounded-md shadow-lg md:right-8 md:bottom-8 md:left-auto md:w-[600px]"><h1 class="relative text-lg font-bold tracking-wide uppercase sm:text-2xl text-primary after:content-[''] after:bottom-[-6px] after:absolute after:left-0 after:h-[4px] after:w-[1.2em] after:bg-accent">Gebruik van cookies</h1> <p class="mt-8">Onze website gebruikt cookies om jouw gebruikservaring te verbeteren. Door op "Accepteren" te klikken, stem je in met het gebruik van alle cookies zoals beschreven in onze <a href="https://zzapps.nl/privacy-policy" class="text-accent">privacyverklaring</a>.</p> <p>Cookies helpen ons om onze diensten te verbeteren</p> <div class="flex gap-6 mt-8"><button type="button" class="py-2 px-4 ml-auto font-medium tracking-wide text-white uppercase rounded-md border cursor-pointer bg-primary">Afwijzen</button> <button type="button" class="py-2 px-4 font-medium tracking-wide text-white uppercase rounded-md border-2 cursor-pointer bg-accent border-accent">Accepteren</button></div></div>  <script> { __sveltekit_2kit4o = { base: new URL(".", location).pathname.slice(0, -1) }; const element = document.currentScript.parentElement; const data = [null,null]; Promise.all([ import("./_app/immutable/entry/start.GIOdGZ0D.js"), import("./_app/immutable/entry/app.BRJpuezQ.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 2], data, form: null, error: null }); }); } </script> </div> </body> </html>