https://luminance-architect.lovable.app/assets/Kontakt-C50LTuW5.js

1import{r as m,j as e,S,b as w,P as z,h as C,e as F,L as P,t as A,i as B}from"./index-UH5x7xp4.js";import{P as D}from"./PageHero-BwRGdpH-.js";const I=t=>{const a=new FormData(t),d=String(a.get("anfrage")??"");a.delete("anfrage"),a.set("message",d);const u=String(a.get("name")??""),c=String(a.get("projekttyp")??"");return a.set("_subject",`Neue Anfrage (${c}) von ${u}`),a},E=["Imagefilm","Recruiting-Video","Produktvideo","Eventvideo","Social-Media-Content/Reels","Drohnenaufnahmen","FPV-Drohnenaufnahmen (Innen & Außen)","Immobilienvideo","Business-Fotografie","Noch offen"],v="kontakt_form",M=()=>{const[t,a]=m.useState({name:"",email:"",firma:"",telefon:"",projekttyp:"",anfrage:""}),[d,u]=m.useState(!1),[c,x]=m.useState(!1),[p,o]=m.useState(null),f=()=>{A(v,t.projekttyp||"Noch offen")},n=s=>{f(),a({...t,[s.target.name]:s.target.value})},N=async s=>{var g,k,j;s.preventDefault(),o(null);const l=s.currentTarget;if(typeof l.checkValidity=="function"&&!l.checkValidity()){(g=l.reportValidity)==null||g.call(l),o("Bitte füllen Sie alle Pflichtfelder korrekt aus (inkl. gültiger E-Mail-Adresse).");return}if(!t.name.trim()||!t.email.trim()||!t.projekttyp.trim()||!t.anfrage.trim()){o("Bitte füllen Sie alle Pflichtfelder aus.");return}x(!0);try{const y=I(l),b=await fetch("https://formspree.io/f/xzdyvzae",{method:"POST",body:y,headers:{Accept:"application/json"}});if(b.ok)u(!0),B(v,t.projekttyp||"Noch offen"),a({name:"",email:"",firma:"",telefon:"",projekttyp:"",anfrage:""});else{const h=await b.json().catch(()=>null);o(((j=(k=h==null?void 0:h.errors)==null?void 0:k[0])==null?void 0:j.message)||"Senden fehlgeschlagen. Bitte versuchen Sie es erneut.")}}catch{o("Netzwerkfehler. Bitte versuchen Sie es später erneut.")}finally{x(!1)}},i="bg-studio-obsidian border border-structure-shadow rounded-sm px-4 py-3 font-body text-studio-white text-sm focus:outline-none focus:border-premium-red transition-colors",r="font-body text-frozen-platinum text-xs tracking-wide";return e.jsxs(e.Fragment,{children:[e.jsx(S,{title:"Kontakt – Anfrage stellen | Birdview Studios Linz",description:"Anfrage an Birdview Studios in Linz: Schildern Sie kurz Ihr Vorhaben – Sie erhalten zeitnah eine Rückmeldung und ein nachvollziehbares Angebot.",canonical:"/kontakt/",jsonLd:w([{name:"Kontakt",path:"/kontakt/"}])}),e.jsxs(z,{children:[e.jsx(D,{title:"Kontakt — Birdview Studios Linz"}),e.jsx("section",{className:"bg-hero-black pb-24 md:pb-32",children:e.jsx("div",{className:"container mx-auto max-w-[1400px] px-6 md:px-8",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16",children:[e.jsxs("div",{className:"lg:col-span-5 flex flex-col gap-8",children:[e.jsxs("a",{href:"mailto:[email protected]","data-track-placement":"kontakt_sidebar",className:"flex items-center gap-4 group",children:[e.jsx("div",{className:"w-12 h-12 flex items-center justify-center bg-studio-obsidian rounded-sm",children:e.jsx(C,{size:20,className:"text-premium-red"})}),e.jsx("span",{className:"font-body text-frozen-platinum group-hover:text-studio-white transition-colors text-sm md:text-base",children:"[email protected]"})]}),e.jsxs("a",{href:"tel:+4367764395540","data-track-placement":"kontakt_sidebar",className:"flex items-center gap-4 group",children:[e.jsx("div",{className:"w-12 h-12 flex items-center justify-center bg-studio-obsidian rounded-sm",children:e.jsx(F,{size:20,className:"text-premium-red"})}),e.jsx("span",{className:"font-body text-frozen-platinum group-hover:text-studio-white transition-colors text-sm md:text-base",children:"+43 677 64395540"})]})]}),e.jsxs("div",{className:"lg:col-span-7",children:[e.jsx("h2",{className:"font-display font-bold text-soft-platinum text-xl md:text-2xl mb-3",children:"Bereit für den nächsten Schritt?"}),e.jsx("p",{className:"font-body text-tech-ash text-xs md:text-sm mb-8",children:"Kontaktformular · Unverbindliche Anfrage · Direkter Ansprechpartner · Für Unternehmen in Linz & OÖ"}),e.jsx("div",{"aria-live":"polite",children:d&&e.jsxs("div",{className:"bg-studio-obsidian rounded-sm p-8 text-center",children:[e.jsx("p",{className:"font-display font-bold text-studio-white text-lg mb-2",children:"Vielen Dank!"}),e.jsx("p",{className:"font-body text-frozen-platinum text-sm",children:"Ihre Nachricht wurde an Birdview Studios übermittelt. Wir melden uns bei Ihnen."})]})}),!d&&e.jsxs("form",{onSubmit:N,onFocusCapture:f,noValidate:!0,className:"flex flex-col gap-6",children:[e.jsx("input",{type:"text",name:"_gotcha",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"hidden"}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{htmlFor:"kontakt-name",className:r,children:"Name *"}),e.jsx("input",{type:"text",id:"kontakt-name",name:"name",autoComplete:"name",required:!0,value:t.name,onChange:n,className:i})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{htmlFor:"kontakt-email",className:r,children:"E-Mail *"}),e.jsx("input",{type:"email",id:"kontakt-email",name:"email",autoComplete:"email",required:!0,value:t.email,onChange:n,className:i})]})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{htmlFor:"kontakt-firma",className:r,children:"Firma (optional)"}

1),e.jsx("input",{type:"text",id:"kontakt-firma",name:"firma",autoComplete:"organization",value:t.firma,onChange:n,className:i})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{htmlFor:"kontakt-telefon",className:r,children:"Telefon (optional)"}),e.jsx("input",{type:"tel",id:"kontakt-telefon",name:"telefon",autoComplete:"tel",value:t.telefon,onChange:n,className:i})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{htmlFor:"kontakt-projekttyp",className:r,children:"Projekttyp *"}),e.jsxs("select",{id:"kontakt-projekttyp",name:"projekttyp",required:!0,value:t.projekttyp,onChange:n,className:i,children:[e.jsx("option",{value:"",children:"Bitte auswählen"}),E.map(s=>e.jsx("option",{value:s,children:s},s))]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("label",{htmlFor:"kontakt-anfrage",className:r,children:"Ihre Anfrage *"}),e.jsx("textarea",{id:"kontakt-anfrage",name:"anfrage",autoComplete:"off",rows:5,required:!0,value:t.anfrage,onChange:n,className:`${i} resize-none`})]}),e.jsx("div",{"aria-live":"assertive",children:p&&e.jsx("p",{className:"font-body text-soft-platinum text-sm",role:"alert",children:p})}),e.jsxs("p",{className:"font-body text-tech-ash text-xs leading-relaxed",children:["Ihre Angaben werden ausschließlich zur Bearbeitung Ihrer Anfrage verwendet. Details in der"," ",e.jsx(P,{to:"/datenschutz/",className:"text-soft-platinum underline underline-offset-4 hover:text-studio-white transition-colors",children:"Datenschutzerklärung"}),"."]}),e.jsx("button",{type:"submit",disabled:c,className:"self-start px-8 py-4 bg-premium-red text-studio-white font-body font-medium text-sm rounded-sm hover:bg-deep-red transition-colors duration-300 tracking-wide disabled:opacity-60 disabled:cursor-not-allowed",children:c?"Wird gesendet…":"Anfrage senden"})]})]})]})})})]})]})};export{M as default};