PageSourceSearch

https://www.slideboss.ai/

html slideboss.ai collected 2026-10-05 15:05:01 UTC 36,150 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-dpl-id="dpl_CUhN9VCV8q2oZqL2WakRhrMchonv"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><link rel="preload" href="https://unpkg.com/react@18/umd/react.production.min.js" as="script"/><link rel="preload" href="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" as="script"/><link rel="preload" href="https://unpkg.com/@babel/standalone@7/babel.min.js" as="script"/><link rel="preload" href="https://cdn.tailwindcss.com" as="script"/><link rel="preload" href="/_next/static/chunks/0l3ppy8lk9jv4.css?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" as="style"/><link rel="stylesheet" href="/_next/static/chunks/0l3ppy8lk9jv4.css?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" data-n-g=""/><noscript data-n-css=""></noscript>
1<script src="/_next/static/chunks/03y3njrim72sh.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/08wmhwn9sam7e.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/00_a6gu.-1zx..js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/turbopack-0jycqapfmpkq2.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/0_g3z6sm11mqp.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/0md-14a8ru_ac.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/0s.u.9bl_vn-j.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/0r2s0y9xmtp8l.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/chunks/turbopack-0p8qa4bvn0lk-.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/build-TfctsWXpff2fKS/_buildManifest.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/build-TfctsWXpff2fKS/_ssgManifest.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<script src="/_next/static/build-TfctsWXpff2fKS/_clientMiddlewareManifest.js?dpl=dpl_CUhN9VCV8q2oZqL2WakRhrMchonv" defer=""></script>
1<style id="__jsx-fb79965bb1c421c4">@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fade-in}</style></head><body class="antialiased"><div id="__next"><div class="jsx-fb79965bb1c421c4 min-h-screen bg-[#F8F9F9] text-[#00113F]"><div class="bg-[#F8F9F9]"><nav class="fixed top-0 left-0 right-0 z-40 bg-white/90 backdrop-blur-sm border-b border-gray-200"><div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between"><a href="#" class="text-xl font-bold text-[#00113F]">SlideBoss<span class="text-[#1849CD]">.ai</span></a><div class="hidden md:flex items-center gap-8"><a href="#features" class="text-[#00113F]/70 hover:text-[#1849CD] transition-colors text-sm font-medium">Features</a><a href="#how-it-works" class="text-[#00113F]/70 hover:text-[#1849CD] transition-colors text-sm font-medium">Hoe het werkt</a><a href="#cta" class="text-[#00113F]/70 hover:text-[#1849CD] transition-colors text-sm font-medium">Pricing</a><button class="bg-[#1849CD] text-white px-5 py-2 rounded-lg text-sm font-semibold hover:bg-[#0B3D91] transition-colors">Inloggen</button></div><button class="md:hidden text-[#00113F]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6" aria-hidden="true"><path d="M4 12h16"></path><path d="M4 18h16"></path><path d="M4 6h16"></path></svg></button></div></nav><section id="hero" class="pt-32 pb-20 px-6 relative overflow-hidden"><div class="absolute inset-0 bg-dots pointer-events-none" style="z-index:0"></div><div style="position:absolute;width:500px;height:500px;left:10%;top:-10%;border-radius:50%;background:radial-gradient(circle, rgba(24,73,205,0.07) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)"></div><div style="position:absolute;width:400px;height:400px;left:70%;top:20%;border-radius:50%;background:radial-gradient(circle, rgba(24,73,205,0.05) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)"></div><div style="position:absolute;width:300px;height:300px;left:50%;top:60%;border-radius:50%;background:radial-gradient(circle, rgba(24,73,205,0.04) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)"></div><div class="max-w-6xl mx-auto relative" style="z-index:1"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"><div class="text-center lg:text-left"><div class="inline-flex items-center gap-2 bg-[#1849CD]/10 text-[#1849CD] text-sm font-medium px-4 py-1.5 rounded-full mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Powered by AI</div><h1 class="text-4xl sm:text-5xl lg:text-5xl font-extrabold leading-tight mb-6">Professionele presentaties,<br/><span class="text-[#1849CD]">gegenereerd in seconden</span></h1><p class="text-lg sm:text-xl text-[#00113F]/60 max-w-2xl lg:max-w-lg mb-12">Beschrijf je presentatie en laat AI het werk doen. Van pitch deck tot kwartaalrapport — SlideBoss.ai maakt het in een handomdraai.</p><div class="w-full max-w-2xl mx-auto"><div class="flex flex-wrap gap-2 mb-3 justify-center"><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>🚀</span><span>Pitch Deck</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>📊</span><span>Kwartaalrapport</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>✨</span><span>Productlancering</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>🏢</span><span>Bedrijfspresentatie</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>💼</span><span>Verkoopvoorstel</span></button></div><div class="relative bg-white rounded-2xl shadow-xl border border-gray-200 overflow-hidden"><textarea placeholder="Beschrijf je presentatie... bijv. &#x27;Een pitch deck voor een SaaS startup die AI-gestuurde analytics aanbiedt, gericht op investeerders&#x27;" rows="4" class="w-full px-5 pt-5 pb-2 text-[#00113F] placeholder-gray-400 resize-none focus:outline-none text-base disabled:opacity-60"></textarea><div class="flex items-center justify-between px-5 pb-4"><div class="flex items-center gap-3"><span class="text-xs text-gray-400">0<!-- -->/<!-- -->3000<!-- --> tekens</span><span class="text-[10px] font-medium text-gray-400">Powered by Claude</span><button class="text-[10px] font-semibold px-2.5 py-1 rounded-lg transition-all bg-[#1849CD]/10 text-[#1849CD] border border-[#1849CD]/20 disabled:opacity-40" title="Chain mode: genereert slides individueel voor hogere kwaliteit bij 5+ slides">Chain</button></div><button disabled="" class="flex items-center gap-2 bg-[#1849CD] text-white px-6 py-2.5 rounded-xl text-sm font-semibold hover:bg-[#0B3D91] transition-colors disabled:opacity-40 disabled:cursor-not-allowed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Genereer presentatie</button></div></div></div></div><div class="hidden lg:block"><div class="relative w-full max-w-md mx-auto lg:mx-0" style="perspective:1200px"><div class="relative w-full" style="padding-bottom:70%"><div class="absolute inset-0" style="transform-style:preserve-3d;filter:blur(2px);z-index:0;opacity:0;transform:translateY(60px) translateX(-16px) translateY(8px) translateZ(-40px) rotateX(15deg)"><div class="w-full h-full rounded-xl" style="box-shadow:0 10px 30px -10px rgba(0,17,63,0.08)"><div class="w-full h-full bg-white rounded-xl p-5 flex flex-col gap-3 border border-gray-100"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-md bg-[#1849CD]/15 flex items-center justify-center"><div class="w-3 h-3 rounded-sm bg-[#1849CD]"></div></div><div class="h-3 bg-[#00113F] rounded-full w-32"></div></div><div class="h-2 bg-[#00113F]/20 rounded-full w-48"></div><div class="flex-1 flex gap-4 mt-1"><div class="flex-1 flex flex-col gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:80%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div>
1<div class="h-2 bg-[#00113F]/12 rounded-full" style="width:65%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:50%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:70%"></div></div></div></div><div class="flex items-center justify-between pt-1 border-t border-gray-50"><div class="h-1.5 bg-[#00113F]/8 rounded-full w-16"></div><div class="h-1.5 bg-[#1849CD]/20 rounded-full w-10"></div></div></div></div></div><div class="absolute inset-0" style="transform-style:preserve-3d;filter:blur(1px);z-index:1;opacity:0;transform:translateY(60px) translateX(-8px) translateY(4px) translateZ(-20px) rotateX(15deg)"><div class="w-full h-full rounded-xl" style="box-shadow:0 10px 30px -10px rgba(0,17,63,0.08)"><div class="w-full h-full bg-white rounded-xl p-5 flex flex-col gap-3 border border-gray-100"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-md bg-[#1849CD]/15 flex items-center justify-center"><div class="w-3 h-3 rounded-sm bg-[#1849CD]"></div></div><div class="h-3 bg-[#00113F] rounded-full w-32"></div></div><div class="h-2 bg-[#00113F]/20 rounded-full w-48"></div><div class="flex-1 flex gap-4 mt-1"><div class="flex-1 flex flex-col gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:80%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:65%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:50%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:70%"></div></div></div></div><div class="flex items-center justify-between pt-1 border-t border-gray-50"><div class="h-1.5 bg-[#00113F]/8 rounded-full w-16"></div><div class="h-1.5 bg-[#1849CD]/20 rounded-full w-10"></div></div></div></div></div><div class="absolute inset-0" style="transform-style:preserve-3d;z-index:2;opacity:0;transform:translateY(60px) rotateX(15deg)"><div class="w-full h-full rounded-xl" style="box-shadow:0 25px 60px -15px rgba(24,73,205,0.2), 0 10px 30px -10px rgba(0,17,63,0.1)"><div class="w-full h-full bg-white rounded-xl p-5 flex flex-col gap-3 border border-gray-100"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-md bg-[#1849CD]/15 flex items-center justify-center"><div class="w-3 h-3 rounded-sm bg-[#1849CD]"></div></div><div class="h-3 bg-[#00113F] rounded-full w-32"></div></div><div class="h-2 bg-[#00113F]/20 rounded-full w-48"></div><div class="flex-1 flex gap-4 mt-1"><div class="flex-1 flex flex-col gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:80%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:65%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:50%"></div></div><div class="flex items-center gap-2"><div class="w-1.5 h-1.5 rounded-full bg-[#1849CD] shrink-0"></div><div class="h-2 bg-[#00113F]/12 rounded-full" style="width:70%"></div></div></div><div class="w-24 flex items-end gap-1.5 pb-1"><div class="flex-1 rounded-t-sm" style="height:45%;background-color:rgba(24,73,205,0.2)"></div><div class="flex-1 rounded-t-sm" style="height:70%;background-color:rgba(24,73,205,0.2)"></div><div class="flex-1 rounded-t-sm" style="height:55%;background-color:rgba(24,73,205,0.2)"></div><div class="flex-1 rounded-t-sm" style="height:85%;background-color:#1849CD"></div><div class="flex-1 rounded-t-sm" style="height:65%;background-color:rgba(24,73,205,0.2)"></div></div></div><div class="flex items-center justify-between pt-1 border-t border-gray-50"><div class="h-1.5 bg-[#00113F]/8 rounded-full w-16"></div><div class="h-1.5 bg-[#1849CD]/20 rounded-full w-10"></div></div></div></div></div></div><div class="absolute -top-4 -right-4 w-8 h-8 rounded-lg bg-[#1849CD]/10 border border-[#1849CD]/20"></div><div class="absolute -bottom-3 -left-3 w-6 h-6 rounded-full bg-[#1849CD]/8 border border-[#1849CD]/15"></div><div class="absolute top-1/2 -left-6 w-4 h-4 rounded-md bg-[#1849CD]/6"></div></div></div></div></div></section><section class="py-12 bg-white border-y border-gray-100"><div class="max-w-5xl mx-auto px-6"><div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"><div class="" style="opacity:0;transform:translateY(24px)"><div class="text-2xl sm:text-3xl font-bold text-[#1849CD]">500+</div><div class="text-sm text-[#00113F]/50 mt-1">Bedrijven</div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="text-2xl sm:text-3xl font-bold text-[#1849CD]">10.000+</div><div class="text-sm text-[#00113F]/50 mt-1">Slides gegenereerd</div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="text-2xl sm:text-3xl font-bold text-[#1849CD]">&lt;30s</div><div class="text-sm text-[#00113F]/50 mt-1">Gemiddelde generatietijd</div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="text-2xl sm:text-3xl font-bold text-[#1849CD]">4.8/5</div><div class="text-sm text-[#00113F]/50 mt-1">Gebruikersscore</div></div></div></div></section><section id="features" class="py-20 px-6"><div class="max-w-6xl mx-auto"><div class="text-center mb-14" style="opacity:0;transform:translateY(24px)"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Alles wat je nodig hebt</h2><p class="text-[#00113F]/60 max-w-xl mx-auto">
1Van idee tot presentatie in drie klikken. SlideBoss.ai biedt alle tools voor professionele slides.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6"><div class="" style="opacity:0;transform:translateY(24px)"><div class="bg-white rounded-2xl p-6 border border-gray-100 hover:shadow-lg hover:border-[#1849CD]/20 transition-all h-full"><div class="w-11 h-11 bg-[#1849CD]/10 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-5 h-5 text-[#1849CD]" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><h3 class="font-semibold text-lg mb-2">AI-gegenereerde slides</h3><p class="text-sm text-[#00113F]/60 leading-relaxed">Beschrijf je onderwerp en onze AI maakt een complete, professionele presentatie in seconden.</p></div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="bg-white rounded-2xl p-6 border border-gray-100 hover:shadow-lg hover:border-[#1849CD]/20 transition-all h-full"><div class="w-11 h-11 bg-[#1849CD]/10 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette w-5 h-5 text-[#1849CD]" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></div><h3 class="font-semibold text-lg mb-2">Huisstijl herkenning</h3><p class="text-sm text-[#00113F]/60 leading-relaxed">Upload je logo en kleuren of laat de AI je website analyseren — elke slide past automatisch bij je merk.</p></div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="bg-white rounded-2xl p-6 border border-gray-100 hover:shadow-lg hover:border-[#1849CD]/20 transition-all h-full"><div class="w-11 h-11 bg-[#1849CD]/10 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-down w-5 h-5 text-[#1849CD]" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M12 18v-6"></path><path d="m9 15 3 3 3-3"></path></svg></div><h3 class="font-semibold text-lg mb-2">Exporteer overal naartoe</h3><p class="text-sm text-[#00113F]/60 leading-relaxed">Download als PowerPoint, PDF, PNG of ZIP — altijd klaar om te presenteren of te delen.</p></div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="bg-white rounded-2xl p-6 border border-gray-100 hover:shadow-lg hover:border-[#1849CD]/20 transition-all h-full"><div class="w-11 h-11 bg-[#1849CD]/10 rounded-xl flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-5 h-5 text-[#1849CD]" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></div><h3 class="font-semibold text-lg mb-2">Slideshow modus</h3><p class="text-sm text-[#00113F]/60 leading-relaxed">Presenteer direct vanuit de app in fullscreen, met toetsenbordnavigatie en vloeiende overgangen.</p></div></div></div></div></section><section id="how-it-works" class="py-20 px-6 bg-white"><div class="max-w-5xl mx-auto"><div class="text-center mb-14" style="opacity:0;transform:translateY(24px)"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Hoe het werkt</h2><p class="text-[#00113F]/60 max-w-xl mx-auto">In drie simpele stappen van idee naar een professionele presentatie.</p></div>
1<div class="grid md:grid-cols-5 gap-4 md:gap-0 items-center"><div class="flex flex-col items-center text-center"><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="relative mx-auto" style="width:200px;height:200px;perspective:800px"><div style="transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-45deg)" class="w-full h-full relative"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-[#1849CD]/8 to-[#1849CD]/3 border border-[#1849CD]/15" style="box-shadow:0 20px 40px -15px rgba(24,73,205,0.15), 0 0 0 1px rgba(24,73,205,0.05)"></div><div class="absolute inset-0 flex items-center justify-center"><div class="flex flex-col gap-1.5 w-24"><div class="w-full bg-white/80 rounded-md p-2 border border-[#1849CD]/10"><div class="h-1.5 bg-[#1849CD]/20 rounded-full mb-1 last:mb-0" style="width:85%;transform:scaleX(0);transform-origin:0% 50% 0"></div><div class="h-1.5 bg-[#1849CD]/20 rounded-full mb-1 last:mb-0" style="width:65%;transform:scaleX(0);transform-origin:0% 50% 0"></div><div class="h-1.5 bg-[#1849CD]/20 rounded-full mb-1 last:mb-0" style="width:75%;transform:scaleX(0);transform-origin:0% 50% 0"></div><div class="h-1.5 bg-[#1849CD]/20 rounded-full mb-1 last:mb-0" style="width:50%;transform:scaleX(0);transform-origin:0% 50% 0"></div></div><div class="w-2 h-3 bg-[#1849CD] rounded-sm ml-1"></div></div></div></div></div></div><div class="mt-5"><div class="text-xs font-bold text-[#1849CD] uppercase tracking-wider mb-1">Stap 1</div><h3 class="font-bold text-xl mb-2 text-[#00113F]">Beschrijf</h3><p class="text-sm text-[#00113F]/60 max-w-xs mx-auto">Vertel ons waar je presentatie over gaat, het doel en de doelgroep.</p></div></div><div class="hidden md:flex items-center justify-center"><svg width="80" height="4" viewBox="0 0 80 4" class="overflow-visible"><line x1="0" y1="2" x2="80" y2="2" stroke="#1849CD" stroke-width="2" stroke-dasharray="0 1" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0"></line><polygon points="75,0 80,2 75,4" fill="#1849CD" opacity="0"></polygon></svg></div><div class="flex flex-col items-center text-center"><div class="relative" style="opacity:0;transform:translateY(40px)"><div class="relative mx-auto" style="width:200px;height:200px;perspective:800px"><div style="transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-45deg)" class="w-full h-full relative"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-[#1849CD]/8 to-[#1849CD]/3 border border-[#1849CD]/15" style="box-shadow:0 20px 40px -15px rgba(24,73,205,0.15), 0 0 0 1px rgba(24,73,205,0.05)"></div><div class="absolute inset-0 flex items-center justify-center"><div class="relative w-20 h-16"><div class="absolute top-1/2 left-1/2 w-10 h-14 bg-white/90 rounded-md border border-[#1849CD]/15" style="opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.5);transform-origin:50% 50% 0"><div class="p-1.5 flex flex-col gap-1"><div class="h-1 bg-[#00113F]/15 rounded-full w-full"></div><div class="h-1 bg-[#00113F]/10 rounded-full w-3/4"></div><div class="h-1 bg-[#1849CD]/15 rounded-full w-1/2"></div></div></div><div class="absolute top-1/2 left-1/2 w-10 h-14 bg-white/90 rounded-md border border-[#1849CD]/15" style="opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.5);transform-origin:50% 50% 0"><div class="p-1.5 flex flex-col gap-1"><div class="h-1 bg-[#00113F]/15 rounded-full w-full"></div><div class="h-1 bg-[#00113F]/10 rounded-full w-3/4"></div><div class="h-1 bg-[#1849CD]/15 rounded-full w-1/2"></div></div></div><div class="absolute top-1/2 left-1/2 w-10 h-14 bg-white/90 rounded-md border border-[#1849CD]/15" style="opacity:0;transform:translateX(-50%) translateY(-50%) scale(0.5);transform-origin:50% 50% 0"><div class="p-1.5 flex flex-col gap-1"><div class="h-1 bg-[#00113F]/15 rounded-full w-full"></div><div class="h-1 bg-[#00113F]/10 rounded-full w-3/4"></div><div class="h-1 bg-[#1849CD]/15 rounded-full w-1/2"></div></div></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-[#1849CD]/20"></div></div></div></div></div></div><div class="mt-5"><div class="text-xs font-bold text-[#1849CD] uppercase tracking-wider mb-1">Stap 2</div><h3 class="font-bold text-xl mb-2 text-[#00113F]">Genereer</h3><p class="text-sm text-[#00113F]/60 max-w-xs mx-auto">Onze AI maakt een volledige presentatie met teksten, structuur en design.</p></div></div><div class="hidden md:flex items-center justify-center"><svg width="80" height="4" viewBox="0 0 80 4" class="overflow-visible"><line x1="0" y1="2" x2="80" y2="2" stroke="#1849CD" stroke-width="2" stroke-dasharray="0 1" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0"></line><polygon points="75,0 80,2 75,4" fill="#1849CD" opacity="0"></polygon></svg></div><div class="flex flex-col items-center text-center"><div class="relative" style="opacity:0;transform:translateY(40px)">
1<div class="relative mx-auto" style="width:200px;height:200px;perspective:800px"><div style="transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-45deg)" class="w-full h-full relative"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-[#1849CD]/8 to-[#1849CD]/3 border border-[#1849CD]/15" style="box-shadow:0 20px 40px -15px rgba(24,73,205,0.15), 0 0 0 1px rgba(24,73,205,0.05)"></div><div class="absolute inset-0 flex items-center justify-center"><div class="relative w-14 h-16 flex flex-col items-center"><div class="w-10 h-14 bg-white/90 rounded-md border border-[#1849CD]/15 flex flex-col items-center justify-center gap-1" style="opacity:0;transform:translateY(-30px)"><div class="w-5 h-1.5 bg-[#1849CD]/20 rounded-full"></div><div class="w-4 h-1.5 bg-[#1849CD]/15 rounded-full"></div><div class="w-3 h-1.5 bg-[#1849CD]/10 rounded-full"></div></div><div class="absolute -bottom-1 w-4 h-4 flex items-center justify-center" style="opacity:0;transform:translateY(-10px)"><div class="w-0 h-0 border-l-[6px] border-l-transparent border-r-[6px] border-r-transparent border-t-[8px] border-t-[#1849CD]"></div></div></div></div></div></div></div><div class="mt-5"><div class="text-xs font-bold text-[#1849CD] uppercase tracking-wider mb-1">Stap 3</div><h3 class="font-bold text-xl mb-2 text-[#00113F]">Download</h3><p class="text-sm text-[#00113F]/60 max-w-xs mx-auto">Exporteer als PowerPoint, PDF, PNG of ZIP en presenteer met vertrouwen.</p></div></div></div></div></section><section id="cta" class="py-20 px-6 relative overflow-hidden"><div class="absolute inset-0 bg-dots pointer-events-none" style="z-index:0"></div><div style="position:absolute;width:400px;height:400px;left:20%;top:10%;border-radius:50%;background:radial-gradient(circle, rgba(24,73,205,0.06) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)"></div><div style="position:absolute;width:350px;height:350px;left:75%;top:40%;border-radius:50%;background:radial-gradient(circle, rgba(24,73,205,0.05) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)"></div><div class="max-w-3xl mx-auto text-center relative" style="z-index:1"><div class="" style="opacity:0;transform:translateY(24px)"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Klaar om te starten?</h2></div><div class="" style="opacity:0;transform:translateY(24px)"><p class="text-[#00113F]/60 max-w-lg mx-auto mb-10">Maak je eerste presentatie gratis. Geen creditcard nodig, geen verplichtingen.</p></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="w-full max-w-2xl mx-auto"><div class="flex flex-wrap gap-2 mb-3 justify-center"><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>🚀</span><span>Pitch Deck</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>📊</span><span>Kwartaalrapport</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>✨</span><span>Productlancering</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>🏢</span><span>Bedrijfspresentatie</span></button><button class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border border-gray-200 rounded-full text-xs font-medium text-[#00113F]/70 hover:border-[#1849CD] hover:text-[#1849CD] hover:bg-[#1849CD]/5 transition-all disabled:opacity-40 disabled:cursor-not-allowed"><span>💼</span><span>Verkoopvoorstel</span></button></div><div class="relative bg-white rounded-2xl shadow-xl border border-gray-200 overflow-hidden"><textarea placeholder="Beschrijf je presentatie... bijv. &#x27;Een pitch deck voor een SaaS startup die AI-gestuurde analytics aanbiedt, gericht op investeerders&#x27;" rows="4" class="w-full px-5 pt-5 pb-2 text-[#00113F] placeholder-gray-400 resize-none focus:outline-none text-base disabled:opacity-60"></textarea><div class="flex items-center justify-between px-5 pb-4"><div class="flex items-center gap-3"><span class="text-xs text-gray-400">0<!-- -->/<!-- -->3000<!-- --> tekens</span><span class="text-[10px] font-medium text-gray-400">Powered by Claude</span><button class="text-[10px] font-semibold px-2.5 py-1 rounded-lg transition-all bg-[#1849CD]/10 text-[#1849CD] border border-[#1849CD]/20 disabled:opacity-40" title="Chain mode: genereert slides individueel voor hogere kwaliteit bij 5+ slides">Chain</button></div><button disabled="" class="flex items-center gap-2 bg-[#1849CD] text-white px-6 py-2.5 rounded-xl text-sm font-semibold hover:bg-[#0B3D91] transition-colors disabled:opacity-40 disabled:cursor-not-allowed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Genereer presentatie</button></div></div></div></div></div></section><section id="my-projects" class="py-16 px-6 bg-white border-t border-gray-100"><div class="max-w-5xl mx-auto"><div class="" style="opacity:0;transform:translateY(24px)"><div class="flex items-center gap-3 mb-8"><div class="w-10 h-10 bg-[#1849CD]/10 rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-open w-5 h-5 text-[#1849CD]" aria-hidden="true"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"></path></svg></div><div><h2 class="text-2xl font-bold text-[#00113F]">Mijn Projecten</h2></div></div></div><div class="" style="opacity:0;transform:translateY(24px)"><div class="bg-[#F8F9F9] border border-gray-100 rounded-2xl p-8 flex flex-col sm:flex-row items-center gap-6"><div class="w-14 h-14 bg-[#1849CD]/10 rounded-2xl flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-open w-7 h-7 text-[#1849CD]" aria-hidden="true"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"></path></svg></div><div class="text-center sm:text-left"><p class="font-semibold text-[#00113F] mb-1">Log in om je presentaties op te slaan en terug te zien</p><p class="text-sm text-[#00113F]/50 mb-4">Maak een gratis account aan en beheer al je gegenereerde slides op één plek.</p><button class="inline-flex items-center gap-2 bg-[#1849CD] text-white px-5 py-2 rounded-xl text-sm font-semibold hover:bg-[#0B3D91] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Inloggen of registreren</button></div></div></div></div></section><footer class="bg-[#00113F] text-white py-12 px-6"><div class="" style="opacity:0;transform:translateY(20px)"><div class="max-w-6xl mx-auto"><div class="flex flex-col md:flex-row items-center justify-between gap-6"><div><span class="text-lg font-bold">SlideBoss<span class="text-[#1849CD]">.ai</span></span>
1<p class="text-white/50 text-sm mt-1">Professionele presentaties, powered by AI.</p></div><div class="flex gap-6 text-sm text-white/50"><a href="#features" class="hover:text-white transition-colors">Features</a><a href="#how-it-works" class="hover:text-white transition-colors">Hoe het werkt</a><a href="#cta" class="hover:text-white transition-colors">Pricing</a></div></div><div class="mt-8 pt-8 border-t border-white/10 text-center text-sm text-white/30">© <!-- -->2026<!-- --> SlideBoss.ai — Alle rechten voorbehouden.</div></div></div></footer></div></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"build-TfctsWXpff2fKS","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.