https://de-zijderoute.com/assets/ContactPage-Dg7DzsQw.js

1import{K as e,W as t,c as n}from"./createLucideIcon-CIqzM3rN.js";import{t as r}from"./arrow-up-right-C_7_ab9G.js";import{t as i}from"./PageShell-BV1GWVkT.js";import{n as a,t as o}from"./phone-BJHzvgUL.js";import{t as s}from"./map-pin-guN0MHnZ.js";import{t as c}from"./site-content-xmS2aTyf.js";import{n as l}from"./pages-content-Cvl4dHkq.js";var u=e(t(),1),d=n(),f=`mt-1 block min-h-11 w-full rounded-lg border border-border bg-card px-3 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`;function p({lang:e}){let t=l[e],[n,p]=(0,u.useState)(``),m=[{city:`Amsterdam`,...c.amsterdam},{city:`Nijmegen`,...c.nijmegen}];function h(n){n.preventDefault();let r=new FormData(n.currentTarget),i=e=>String(r.get(e)??``).trim(),a=e===`nl`?`Bericht via de website van ${i(`firstName`)} ${i(`lastName`)}`.trim():`Website message from ${i(`firstName`)} ${i(`lastName`)}`.trim(),o=[`${t.fields.firstName}: ${i(`firstName`)}`,`${t.fields.lastName}: ${i(`lastName`)}`,`${t.fields.phone}: ${i(`phone`)}`,`${t.fields.email}: ${i(`email`)}`,``,i(`message`)].join(`
2`);p(t.submitHint),window.location.href=`mailto:${c.email}?subject=${encodeURIComponent(a)}&body=${encodeURIComponent(o)}`}return(0,d.jsx)(i,{lang:e,nlPath:`/contact`,enPath:`/en/contact`,children:(0,d.jsxs)(`div`,{className:`mx-auto max-w-5xl px-5 py-12 sm:py-16`,children:[(0,d.jsx)(`h1`,{className:`font-display text-3xl leading-tight text-foreground sm:text-4xl`,children:t.heading}),(0,d.jsx)(`p`,{className:`mt-4 max-w-2xl text-sm leading-relaxed text-muted-foreground`,children:t.intro}),(0,d.jsxs)(`div`,{className:`mt-8 grid gap-4 sm:grid-cols-2`,children:[(0,d.jsxs)(`a`,{href:c.phoneHref,"aria-label":`${t.phoneLabel}: ${c.phone}`,className:`flex min-h-11 items-center gap-3 rounded-xl border border-border bg-card p-5 text-sm text-foreground hover:border-clay focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`,children:[(0,d.jsx)(o,{className:`size-4 text-clay`,"aria-hidden":`true`}),(0,d.jsxs)(`span`,{children:[(0,d.jsx)(`span`,{className:`eyebrow block text-muted-foreground`,children:t.phoneLabel}),c.phone]})]}),(0,d.jsxs)(`a`,{href:`mailto:${c.email}`,"aria-label":`${t.emailLabel}: ${c.email}`,className:`flex min-h-11 items-center gap-3 rounded-xl border border-border bg-card p-5 text-sm text-foreground hover:border-clay focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`,children:[(0,d.jsx)(a,{className:`size-4 text-clay`,"aria-hidden":`true`}),(0,d.jsxs)(`span`,{children:[(0,d.jsx)(`span`,{className:`eyebrow block text-muted-foreground`,children:t.emailLabel}),c.email]})]})]}),(0,d.jsxs)(`section`,{className:`mt-12`,children:[(0,d.jsx)(`h2`,{className:`border-b border-border pb-3 font-display text-2xl text-olive`,children:t.formHeading}),(0,d.jsx)(`p`,{className:`mt-4 max-w-2xl text-xs leading-relaxed text-muted-foreground`,children:t.formIntro}),(0,d.jsxs)(`form`,{onSubmit:h,className:`mt-6 grid max-w-2xl gap-4 sm:grid-cols-2`,children:[(0,d.jsxs)(`label`,{className:`text-xs text-muted-foreground`,children:[t.fields.firstName,` (`,t.required,`)`,(0,d.jsx)(`input`,{name:`firstName`,type:`text`,required:!0,className:f})]}),(0,d.jsxs)(`label`,{className:`text-xs text-muted-foreground`,children:[t.fields.lastName,` (`,t.optional,`)`,(0,d.jsx)(`input`,{name:`lastName`,type:`text`,className:f})]}),(0,d.jsxs)(`label`,{className:`text-xs text-muted-foreground`,children:[t.fields.phone,` (`,t.optional,`)`,(0,d.jsx)(`input`,{name:`phone`,type:`tel`,className:f})]}),(0,d.jsxs)(`label`,{className:`text-xs text-muted-foreground`,children:[t.fields.email,` (`,t.required,`)`,(0,d.jsx)(`input`,{name:`email`,type:`email`,required:!0,className:f})]}),(0,d.jsxs)(`label`,{className:`text-xs text-muted-foreground sm:col-span-2`,children:[t.fields.message,` (`,t.required,`)`,(0,d.jsx)(`textarea`,{name:`message`,required:!0,rows:5,className:`${f} py-2`})]}),(0,d.jsxs)(`div`,{className:`sm:col-span-2`,children:[(0,d.jsx)(`button`,{type:`submit`,className:`inline-flex min-h-11 items-center rounded-full bg-primary px-5 text-sm text-primary-foreground transition-opacity hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`,children:t.submit}),(0,d.jsx)(`p`,{"aria-live":`polite`,className:`mt-3 text-xs text-muted-foreground`,children:n||t.submitHint})]})]})]}),(0,d.jsxs)(`section`,{className:`mt-12`,children:[(0,d.jsx)(`h2`,{className:`border-b border-border pb-3 font-display text-2xl text-olive`,children:t.locationsHeading}),(0,d.jsx)(`ul`,{className:`mt-6 grid gap-4 sm:grid-cols-2`,children:m.map(e=>(0,d.jsxs)(`li`,{className:`rounded-xl border border-border bg-card p-5`,children:[(0,d.jsxs)(`h3`,{className:`flex items-center gap-2 font-display text-lg text-clay`,children:[(0,d.jsx)(s,{className:`size-4`,"aria-hidden":`true`}),e.city]}),(0,d.jsxs)(`p`,{className:`mt-2 text-xs leading-relaxed text-muted-foreground`,children:[e.street,(0,d.jsx)(`br`,{}),e.postal]}),(0,d.jsxs)(`p`,{className:`mt-3 text-xs text-muted-foreground`,children:[(0,d.jsx)(`span`,{className:`eyebrow block`,children:t.hoursLabel}),t.hoursPlaceholder]}),(0,d.jsxs)(`a`,{href:e.maps,target:`_blank`,rel:`noopener noreferrer`,"aria-label":t.routeLabel(e.city),className:`mt-4 inline-flex min-h-11 items-center gap-1 text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`,children:[t.routeCta(e.city),(0,d.jsx)(r,{className:`size-3`,"aria-hidden":`true`})]})]},e.city))})]})]})})}export{p as t};