https://frechekoepfe.de/_nuxt/ZyEckz0Z.js

1import{d as e,c as a,j as t,h as l,G as s,m as n,C as r,D as i,u as o,q as d,i as c,k as u,t as v,p as m,v as p,l as h,o as k,aj as f,ak as g,_ as b}from"./mKMczYup.js";import{H as w}from"./BBQL9ZOH.js";const y={class:"px-4 sm:px-6 lg:px-8"},x={class:"max-w-6xl mx-auto"},j={class:"grid lg:grid-cols-2 gap-5 lg:gap-6 items-stretch kontakt-options"},z={class:"kontakt-card reveal-item"},A={class:"grid lg:grid-cols-2 gap-12 lg:gap-20 items-start"},V={class:"reveal-item"},D={class:"reveal-item"},M={class:"reveal-item"},_={class:"reveal-item"},B={class:"reveal-item"},K={class:"text-sm reveal-item",style:{color:"var(--global-color-blue)"}},C=["disabled"],P={key:0,class:"text-green-600 text-sm"},H={key:1,class:"text-red-600 text-sm"},L=b(e({__name:"kontakt",setup(e){const b=p(""),L=p(""),N=p(""),S=p(""),U=p(""),q=p(!1),E=p(""),G=p(""),R=p(null),{fireConfettiCloud:T}=g();async function O(){E.value="",G.value="",q.value=!0;try{const e=await $fetch("/api/contact-form",{method:"POST",body:{name:b.value,email:L.value,message:N.value,position:S.value,budget:U.value,subject:"Kontaktformular",to:"[email protected]"}});e.success&&(E.value=e.message||"Vielen Dank! Deine Anfrage wurde gesendet.",b.value="",L.value="",N.value="",S.value="",U.value="",function(){const e=R.value;if(e&&"undefined"!=typeof window){const a=e.getBoundingClientRect();return void T({x:(a.left+a.width/2)/window.innerWidth,y:a.top/window.innerHeight,direction:"up"})}T({y:.62,direction:"up"})}())}catch(e){G.value=e?.data?.statusMessage||e?.message||"Fehler beim Senden der E-Mail!"}finally{q.value=!1}}return(e,p)=>{const g=f,T=h;return k(),a("div",null,[t(w,{headingLeft:"Nice to meet you.",imageSrc:"https://frechekoepfe.b-cdn.net/images/workshop.jpg",imageAlt:"Kontakt – frecheköpfe GmbH"}),p[17]||(p[17]=l("div",{class:"spacer-large"},null,-1)),l("div",y,[l("div",x,[p[15]||(p[15]=l("p",{class:"project-intro reveal-item kontakt-lead"}," Lerne uns in einem unkomplizierten Gespräch kennen – egal ob digital oder vor Ort. Du hast eine Projektidee oder möchtest einfach kurz Kontakt aufnehmen? Wir freuen uns über jede Nachricht. ",-1)),l("div",j,[p[5]||(p[5]=s('<div class="kontakt-stack" data-v-880a7105><article class="kontakt-card reveal-item" data-v-880a7105><div class="kontakt-card-body" data-v-880a7105><h3 class="kontakt-card-title" data-v-880a7105>Anrufen</h3><p class="kontakt-card-desc" data-v-880a7105> Lieber direkt sprechen? Ruf uns an – wir sind für dich da. </p></div><a href="tel:+4972147079839" class="kontakt-card-link" data-v-880a7105> +49 721 47079839 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="14" height="14" aria-hidden="true" data-v-880a7105><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" data-v-880a7105></path></svg></a></article><article class="kontakt-card reveal-item" data-v-880a7105><div class="kontakt-card-body" data-v-880a7105><h3 class="kontakt-card-title" data-v-880a7105>Termin buchen</h3><p class="kontakt-card-desc" data-v-880a7105> Vereinbare deinen unverbindlichen Kennenlerntermin in wenigen Klicks. </p></div><a href="https://my.krewlie.com/v-card/frechekoepfe/sven-kirsch" target="_blank" rel="noopener" class="kontakt-card-link" data-v-880a7105> Termin buchen <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="14" height="14" aria-hidden="true" data-v-880a7105><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" data-v-880a7105></path></svg></a></article></div>',1)),l("article",z,[t(g,{mode:"inline",source:"Kontaktseite"})])]),p[16]||(p[16]=l("div",{class:"spacer-large"},null,-1)),l("div",A,[p[14]||(p[14]=l("div",null,[l("h3",{class:"kontakt-card-title reveal-item"},"Good old Kontaktformular"),l("p",{class:"project-intro"}," Erzähl uns mehr über dein Projekt – je mehr Details, desto besser können wir einschätzen, wie wir dich unter

1stützen. ")],-1)),l("div",null,[l("form",{class:"space-y-6",onSubmit:n(O,["prevent"])},[l("div",V,[p[6]||(p[6]=l("label",{class:"form-label"},"Name*",-1)),r(l("input",{"onUpdate:modelValue":p[0]||(p[0]=e=>d(b)?b.value=e:null),required:"",placeholder:"Dein Name",class:"form-input"},null,512),[[i,o(b)]])]),l("div",D,[p[7]||(p[7]=l("label",{class:"form-label"},"E-Mail*",-1)),r(l("input",{"onUpdate:modelValue":p[1]||(p[1]=e=>d(L)?L.value=e:null),required:"",type:"email",placeholder:"[email protected]",class:"form-input"},null,512),[[i,o(L)]])]),l("div",M,[p[8]||(p[8]=l("label",{class:"form-label"},"Nachricht*",-1)),r(l("textarea",{"onUpdate:modelValue":p[2]||(p[2]=e=>d(N)?N.value=e:null),required:"",rows:"6",placeholder:"Erzähl uns kurz von deinem Projekt",class:"form-input min-h-[160px] resize-y"},null,512),[[i,o(N)]])]),l("div",_,[p[9]||(p[9]=l("label",{class:"form-label"},"Position",-1)),r(l("input",{"onUpdate:modelValue":p[3]||(p[3]=e=>d(S)?S.value=e:null),placeholder:"z.B. Projektmanager, Designer, etc.",class:"form-input"},null,512),[[i,o(S)]])]),l("div",B,[p[10]||(p[10]=l("label",{class:"form-label"},"Budget",-1)),r(l("input",{"onUpdate:modelValue":p[4]||(p[4]=e=>d(U)?U.value=e:null),placeholder:"z.B. 5.000 – 10.000 €",class:"form-input"},null,512),[[i,o(U)]])]),l("p",K,[p[12]||(p[12]=c(" Mit dem Absenden erklärst du dich mit unserer ",-1)),t(T,{to:"/rechtliches/datenschutz",class:"contact-link",style:{"text-decoration":"underline"}},{default:u(()=>[...p[11]||(p[11]=[c("Datenschutzerklärung",-1)])]),_:1}),p[13]||(p[13]=c(" einverstanden. ",-1))]),l("button",{ref_key:"submitBtnRef",ref:R,type:"submit",disabled:o(q),class:"pill-btn reveal-item disabled:opacity-60 disabled:cursor-not-allowed"},v(o(q)?"Senden…":"Abschicken"),9,C),o(E)?(k(),a("p",P,v(o(E)),1)):m("",!0),o(G)?(k(),a("p",H,v(o(G)),1)):m("",!0)],32)])])])]),p[18]||(p[18]=l("div",{class:"spacer-large"},null,-1))])}}}),[["__scopeId","data-v-880a7105"]]);export{L as default};