https://vastgoeddaniel.be/assets/contact-Bjk8rXXs.js

1import{i as e,n as t,t as n}from"./jsx-runtime-CY_MMzgk.js";import{t as r}from"./site-layout-DpbrLVG5.js";import{t as i}from"./useServerFn-BlR_M09i.js";import{a,i as o,n as s,r as c,t as l}from"./select-Bj5EyOf4.js";import{t as u}from"./site-content-fields-CNGvFCBr.js";import{S as d,U as f,V as p,et as m,it as h,nt as g,ot as _,rt as v,tt as y}from"./index-BS6Tz_pS.js";import{t as b}from"./label-jfWHvoM5.js";import{t as x}from"./textarea-DY9G5zD6.js";import{t as S}from"./leads-submit.functions-DRJiLKxQ.js";var C=e(t()),w=n(),T=[`Ik wil mijn vastgoed te koop zetten`,`Ik wil mijn vastgoed te huur zetten`,`Ik wil mijn vastgoed laten schatten`,`Ik wil meer informatie over rentmeesterschap`,`Andere vraag`];function E(){let e={naam:``,email:``,telefoon:``,onderwerp:``,onderwerpAnders:``,bericht:``},[t,n]=(0,C.useState)(e),[E,D]=(0,C.useState)(!1),O=i(S);return(0,w.jsxs)(r,{children:[(0,w.jsx)(`section`,{className:`bg-secondary/40 py-16`,children:(0,w.jsxs)(`div`,{className:`container-page text-center`,children:[(0,w.jsx)(`p`,{className:`text-xs uppercase tracking-[0.3em] text-accent`,children:d(`contact.hero.eyebrow`,u[`contact.hero.eyebrow`])}),(0,w.jsx)(`h1`,{className:`mt-2 font-display text-5xl`,children:d(`contact.hero.title`,u[`contact.hero.title`])}),(0,w.jsx)(`p`,{className:`mx-auto mt-4 max-w-xl text-muted-foreground`,children:d(`contact.hero.intro`,u[`contact.hero.intro`])})]})}),(0,w.jsx)(`section`,{className:`container-page py-16`,children:(0,w.jsxs)(`div`,{className:`grid gap-10 lg:grid-cols-[1fr_1.2fr]`,children:[(0,w.jsxs)(`aside`,{className:`space-y-6`,children:[(0,w.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-6 shadow-soft`,children:[(0,w.jsx)(`h2`,{className:`font-display text-2xl`,children:`Kantoor`}),(0,w.jsxs)(`ul`,{className:`mt-4 space-y-4 text-sm`,children:[(0,w.jsxs)(`li`,{className:`flex items-start gap-3`,children:[(0,w.jsx)(y,{className:`mt-0.5 h-5 w-5 text-accent`}),(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`p`,{className:`font-medium`,children:`Vastgoed Daniël`}),(0,w.jsxs)(`p`,{className:`text-muted-foreground`,children:[`Clemenceaustraat 20`,(0,w.jsx)(`br`,{}),`2860 Sint-Katelijne-Waver`]})]})]}),(0,w.jsxs)(`li`,{className:`flex items-start gap-3`,children:[(0,w.jsx)(m,{className:`mt-0.5 h-5 w-5 text-accent`}),(0,w.jsx)(`a`,{href:`tel:+32468117940`,className:`hover:text-primary`,children:`+32 468 11 79 40`})]}),(0,w.jsxs)(`li`,{className:`flex items-start gap-3`,children:[(0,w.jsx)(g,{className:`mt-0.5 h-5 w-5 text-accent`}),(0,w.jsx)(`a`,{href:`mailto:[email protected]`,className:`hover:text-primary`,children:`[email protected]`})]})]}),(0,w.jsxs)(`div`,{className:`mt-6 flex gap-2`,children:[(0,w.jsx)(`a`,{href:`https://www.instagram.com/vastgoed_daniel/`,target:`_blank`,rel:`noreferrer`,"aria-label":`Instagram`,className:`inline-flex h-9 w-9 items-center justify-center rounded-full border border-border hover:bg-primary hover:text-primary-foreground`,children:(0,w.jsx)(v,{className:`h-4 w-4`})}),(0,w.jsx)(`a`,{href:`https://www.facebook.com/vastgoeddaniel`,target:`_blank`,rel:`noreferrer`,"aria-label":`Facebook`,className:`inline-flex h-9 w-9 items-center justify-center rounded-full border border-border hover:bg-primary hover:text-primary-foreground`,children:(0,w.jsx)(h,{className:`h-4 w-4`})})]})]}),(0,w.jsx)(`div`,{className:`overflow-hidden rounded-lg border border-border`,children:(0,w.jsx)(`iframe`,{src:`https://www.google.com/maps?q=Clemenceaustraat+20,+2860+Sint-Katelijne-Waver&output=embed`,title:`Kaart`,className:`h-64 w-full`,loading:`lazy`})})]}),(0,w.jsxs)(`form`,{onSubmit:async r=>{if(r.preventDefault(),!t.onderwerp){_.error(`Kies een onderwerp`);return}D(!0);try{let{onderwerpAnders:r,...i}=t,a=t.onderwerp===`Andere vraag`?r.trim().slice(0,100):t.onderwerp;await O({data:{type:`contact`,...i,onderwerp:a}}),_.success(`Bericht verstuurd`,{description:`Daniël neemt zo snel mogelijk contact op.`}),n(e)}catch(e){_.error(e.message)}D(!1)},className:`luxe-card space-y-4 rounded-lg border border-border bg-card p-6 shadow-soft md:p-8`,children:[(0,w.jsx)(`h2`,{className:`luxe-field font-display text-2xl`,children:`Stuur een bericht`}),(0,w.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,w.jsxs)(`div`,{className:`luxe-field space-y-1.5`,style:{animationDelay:`60ms`}

1,children:[(0,w.jsx)(b,{htmlFor:`naam`,children:`Naam *`}),(0,w.jsx)(p,{id:`naam`,required:!0,value:t.naam,onChange:e=>n({...t,naam:e.target.value})})]}),(0,w.jsxs)(`div`,{className:`luxe-field space-y-1.5`,style:{animationDelay:`120ms`},children:[(0,w.jsx)(b,{htmlFor:`email`,children:`E-mail *`}),(0,w.jsx)(p,{id:`email`,type:`email`,required:!0,value:t.email,onChange:e=>n({...t,email:e.target.value})})]}),(0,w.jsxs)(`div`,{className:`luxe-field space-y-1.5`,style:{animationDelay:`180ms`},children:[(0,w.jsx)(b,{htmlFor:`telefoon`,children:`Telefoon`}),(0,w.jsx)(p,{id:`telefoon`,value:t.telefoon,onChange:e=>n({...t,telefoon:e.target.value})})]}),(0,w.jsxs)(`div`,{className:`luxe-field space-y-1.5`,style:{animationDelay:`240ms`},children:[(0,w.jsx)(b,{htmlFor:`onderwerp`,children:`Waarover gaat je vraag? *`}),(0,w.jsxs)(l,{value:t.onderwerp,onValueChange:e=>n({...t,onderwerp:e,onderwerpAnders:e===`Andere vraag`?t.onderwerpAnders:``}),children:[(0,w.jsx)(o,{id:`onderwerp`,children:(0,w.jsx)(a,{placeholder:`Kies een onderwerp`})}),(0,w.jsx)(s,{children:T.map(e=>(0,w.jsx)(c,{value:e,children:e},e))})]})]}),t.onderwerp===`Andere vraag`&&(0,w.jsxs)(`div`,{className:`luxe-field space-y-1.5 md:col-span-2`,children:[(0,w.jsx)(b,{htmlFor:`onderwerpAnders`,children:`Welk onderwerp? *`}),(0,w.jsx)(p,{id:`onderwerpAnders`,required:!0,maxLength:100,value:t.onderwerpAnders,onChange:e=>n({...t,onderwerpAnders:e.target.value})})]})]}),(0,w.jsxs)(`div`,{className:`luxe-field space-y-1.5`,style:{animationDelay:`300ms`},children:[(0,w.jsx)(b,{htmlFor:`bericht`,children:`Bericht *`}),(0,w.jsx)(x,{id:`bericht`,required:!0,rows:6,value:t.bericht,onChange:e=>n({...t,bericht:e.target.value})})]}),(0,w.jsx)(`div`,{className:`luxe-field`,style:{animationDelay:`360ms`},children:(0,w.jsx)(f,{type:`submit`,variant:`gold`,size:`lg`,disabled:E,className:`transition-transform duration-300 hover:scale-[1.03]`,children:E?`Versturen…`:`Verstuur bericht`})})]})]})}),(0,w.jsx)(`section`,{className:`bg-sidebar text-sidebar-foreground`,children:(0,w.jsxs)(`div`,{className:`container-page grid gap-6 py-12 md:grid-cols-2 lg:grid-cols-3 text-sm`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`p`,{className:`text-xs uppercase tracking-widest text-accent`,children:`Wettelijk`}),(0,w.jsxs)(`p`,{className:`mt-2`,children:[(0,w.jsx)(`strong`,{children:`Daniël Yikik`}),`, BIV-erkend vastgoedmakelaar-bemiddelaar, BIV nr. 512636.`]}),(0,w.jsx)(`p`,{className:`mt-1 text-sidebar-foreground/80`,children:`Ondernemingsnr. 0685.981.030 · Derdenrekening FINTRO BE02 1431 2599 8657.`})]}),(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`p`,{className:`text-xs uppercase tracking-widest text-accent`,children:`Toezicht`}),(0,w.jsxs)(`p`,{className:`mt-2 text-sidebar-foreground/80`,children:[`Beroepsinstituut van Vastgoedmakelaars (BIV), Luxemburgstraat 16B, 1000 Brussel, 02/205.38.50 -`,` `,(0,w.jsx)(`a`,{href:`https://www.biv.be`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-accent`,children:`www.biv.be`})]})]}),(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`p`,{className:`text-xs uppercase tracking-widest text-accent`,children:`Verzekering`}),(0,w.jsx)(`p`,{className:`mt-2 text-sidebar-foreground/80`,children:`Onderworpen aan de BIV-plichtenleer. BA-verzekering en borgstelling via NV AXA Belgium (polisnr. 730.390.160).`})]})]})})]})}export{E as component};