1import{c as i,j as e,u as l,A as d}from"./index-G-tWQl5W.js";import{H as c,F as m}from"./Footer-W4dF0zUF.js";import{T as x}from"./Testimonials-dDKwADjF.js";import{S as r}from"./sparkles-AoXvB5TB.js";import"./arrow-left-Bfe_2zkg.js";import"./star-CZWnIlao.js";const p=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6l4 2",key:"mmk7yg"}]],h=i("clock",p);const u=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],n=i("eye",u);const g=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],b=i("send",g),o="Website Aanvragen";function j({size:t="md"}){const{open:s}=l(),a=t==="lg"?"px-7 py-4 text-base":"px-5 py-2.5 text-sm";return e.jsxs("button",{type:"button",onClick:s,className:`inline-flex items-center gap-2 rounded-full bg-gradient-primary text-primary-foreground font-semibold shadow-glow transition-transform hover:-translate-y-0.5 ${a}`,children:[o,e.jsx(d,{className:"h-4 w-4"})]})}function v(){const{open:t}=l();return e.jsxs("button",{type:"button",onClick:t,className:"inline-flex items-center gap-2 rounded-full bg-white text-primary px-8 py-4 text-base font-bold hover:scale-[1.02] transition-transform shadow-xl",children:[o,e.jsx(d,{className:"h-5 w-5"})]})}function S(){return e.jsxs("div",{className:"min-h-screen bg-background text-foreground",children:[e.jsx(c,{}),e.jsx("section",{className:"relative overflow-hidden bg-hero",children:e.jsxs("div",{className:"mx-auto max-w-6xl px-6 pt-20 pb-16 md:pt-28 md:pb-20 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-primary-soft border border-primary/20 px-4 py-1.5 text-xs font-semibold text-primary mb-8",children:[e.jsx(r,{className:"h-3.5 w-3.5"}),"Geen verplichtingen"]}),e.jsxs("h1",{className:"text-4xl md:text-6xl font-black leading-[1.05] tracking-tight max-w-3xl mx-auto",children:["Zie hoe jouw nieuwe website"," ",e.jsx("span",{className:"bg-gradient-primary bg-clip-text text-transparent",children:"eruit kan zien."}),e.jsx("br",{}),"Gratis."]}),e.jsx("p",{className:"mt-6 text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed",children:"Vertel ons over je project. Binnen 24 uur krijg je van ons vrijblijvend een nieuwe, verbeterde voorbeeldsite."}),e.jsx("div",{className:"mt-10 flex justify-center",children:e.jsx(j,{size:"lg"})})]})}),e.jsx("section",{className:"py-24 md:py-32",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-6",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-16",children:[e.jsx("div",{className:"text-sm font-bold text-primary uppercase tracking-widest mb-4",children:"Hoe het werkt"}),e.jsx("h2",{className:"text-4xl md:text-5xl font-black leading-tight",children:"Van huidige site naar voorbeeld in 3 stappen."})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-8",children:[{icon:b,title:"1. Stuur je website",desc:"Deel de link van je huidige website met ons. Dat is alles wat we nodig hebben om te starten."},{icon:h,title:"2. Wij bouwen binnen 24 uur",desc:"Ons team maakt een modern, snel en SEO-geoptimaliseerd voorbeeld dat aansluit bij jouw merk."},{icon:n,title:"3. Bekijk je voorbeeld live",desc:"Je ontvangt een live link naar je voorbeeldsite. Geen verplichtingen, geen verrassingen."}].map(({icon:t,title:s,desc:a})=>e.jsxs("div",{className:"group relative rounded-2xl border border-border bg-card p-8 hover:border-primary/30 hover:shadow-soft transition-all",children:[e.jsx("div",{className:"inline-flex h-12 w-12 items-center justify-center rounded-xl bg-primary-soft text-primary mb-6",children:e.jsx(t,{className:"h-6 w-6"})}),e.jsx("h3",{className:"text-xl font-extrabold mb-3",children:s}),e.jsx("p",{className:"text-muted-foreground leading-relaxed",children:a})]},s))})]})}),e.jsx("section",{className:"py-24 md:py-32 bg-secondary/40 border-y border-border",children:e.jsxs("div",{className:"mx-auto max-w-6xl px-6 grid md:grid-cols-2 gap-16 items-center",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-bold text-primary uppercase tracking-widest mb-4",children:"Wat je krijgt"}),e.jsxs("h2",{className:"text-4xl md:text-5xl font-black leading-tight",children:["Geen saaie mockup. Een"," ",e.jsx("span",{className:"bg-gradient-primary bg-clip-text text-transparent",children:"echte live site."})]}),e.jsx("p",{className:"mt-6 text-lg text-muted-foreground leading-relaxed",children:"Je voorbeeld is geen statische afbeelding of prototype. Het is een volledig functionele website die je op je telefoon, tablet en desktop kunt bekijken."}),e.jsx("ul",{className:"mt-8 space-y-4",children:["Modern, responsief design op basis van je huidige site","100/100 PageSpeed score geoptimaliseerd","SEO-structuur en schema markup ingebouwd","Live preview link die je kunt delen met je team","Geen kosten, geen verplichtingen, geen haast"].map(t=>e.jsxs("li",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"mt-1 inline-flex h-5 w-5 items-center justify-center rounded-full bg-primary/15 text-primary flex-shrink-0",children:e.jsx(r,{className:"h-3 w-3"})}
1),e.jsx("span",{className:"text-foreground/90",children:t})]},t))})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"rounded-3xl border border-border bg-card p-6 shadow-soft",children:[e.jsxs("div",{className:"flex items-center gap-2 pb-4 border-b border-border",children:[e.jsx(n,{className:"h-5 w-5 text-primary"}),e.jsx("span",{className:"text-sm font-semibold",children:"Live preview"})]}),e.jsxs("div",{className:"mt-5 space-y-3",children:[e.jsx("div",{className:"h-3 w-3/4 rounded bg-muted"}),e.jsx("div",{className:"h-3 w-1/2 rounded bg-muted"}),e.jsx("div",{className:"mt-4 h-32 rounded-xl bg-muted"}),e.jsx("div",{className:"h-3 w-full rounded bg-muted"}),e.jsx("div",{className:"h-3 w-5/6 rounded bg-muted"})]})]}),e.jsx("div",{className:"absolute -bottom-4 -right-4 -z-10 h-full w-full rounded-3xl bg-gradient-primary opacity-20 blur-2xl"})]})]})}),e.jsx(x,{}),e.jsx("section",{className:"py-28 md:py-36",children:e.jsx("div",{className:"mx-auto max-w-4xl px-6",children:e.jsxs("div",{className:"relative overflow-hidden rounded-3xl bg-gradient-primary p-12 md:p-16 text-center shadow-glow",children:[e.jsx("div",{className:"absolute inset-0 opacity-20",style:{backgroundImage:"radial-gradient(circle at 20% 20%, white, transparent 40%)"}}),e.jsx(r,{className:"h-12 w-12 text-white/90 mx-auto mb-6"}),e.jsx("h2",{className:"relative text-3xl md:text-4xl font-black text-white leading-tight",children:"Klaar om je gratis voorbeeld te zien?"}),e.jsx("p",{className:"relative mt-5 text-lg text-white/85 max-w-xl mx-auto",children:"Vraag hem direct aan en we nemen binnen 24 uur contact op. Geen verplichtingen, geen verrassingen."}),e.jsx("div",{className:"relative mt-10 flex justify-center",children:e.jsx(v,{})})]})})}),e.jsx(m,{})]})}export{S as component};
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.