https://systrastudios.de/assets/Fragebogen-DwIT5bAT.js

1import{j as e,L as I,H as d,w as Me,x as Oe,r as c}from"./react-Cyy6GMNm.js";import{A as be}from"./ArrowLeft01Icon-Dyic07IP.js";import{S as Ue}from"./Shield01Icon-CKvIlKQn.js";import{S as Ge}from"./ServerStack01Icon-C-uktc9M.js";import{S as de}from"./SEOHead-D-8NoOrC.js";import{s as C,L as me,c as O}from"./index-B64tgm8X.js";import{B as P}from"./button-CqDv14hQ.js";import{I as Re}from"./input-Bv3Juaoj.js";import{T as ue}from"./textarea-CvPec41Y.js";import{L as $}from"./label-D_1CW3v6.js";import{u as N}from"./index-B7yEy78r.js";import{P as Ze}from"./progress-z7JF5MrZ.js";import{C as he}from"./CheckmarkCircle02Icon-D-PTcbNP.js";import{T as pe}from"./Tick02Icon-CswCv6U-.js";import{A as xe}from"./ArrowRight01Icon-D04wg_Dq.js";import{F as je}from"./File01Icon-BGmMMIco.js";import{I as Ke}from"./InformationCircleIcon-CUKxAkIj.js";import{A as Ve}from"./ArrowDown01Icon-DJ3rel_9.js";import{C as He}from"./Cancel01Icon-DEn6vYAd.js";import{U as $e}from"./Upload01Icon-C5fhFoE5.js";import{S as ke}from"./SentIcon-C0kcpH8C.js";import{B as qe}from"./Building02Icon-CVUxVDbn.js";import{P as Je}from"./PaletteIcon-9WZUFbHN.js";import"./supabase-dSTJ1T4q.js";import"./index-Dpr3OEgK.js";const Qe=[["path",{d:"M11.996 5H21.996",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5",key:"0"}],["path",{d:"M11.996 9H17.996",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5",key:"1"}],["path",{d:"M11.996 15H21.996",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5",key:"2"}],["path",{d:"M11.996 19H17.996",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5",key:"3"}],["path",{d:"M1.99603 7C1.99603 6.06812 1.99603 5.60218 2.14827 5.23463C2.35126 4.74458 2.74061 4.35523 3.23067 4.15224C3.59821 4 4.06415 4 4.99603 4C5.92792 4 6.39386 4 6.7614 4.15224C7.25146 4.35523 7.6408 4.74458 7.84379 5.23463C7.99603 5.60218 7.99603 6.06812 7.99603 7C7.99603 7.93188 7.99603 8.39782 7.84379 8.76537C7.6408 9.25542 7.25146 9.64477 6.7614 9.84776C6.39386 10 5.92792 10 4.99603 10C4.06415 10 3.59821 10 3.23067 9.84776C2.74061 9.64477 2.35126 9.25542 2.14827 8.76537C1.99603 8.39782 1.99603 7.93188 1.99603 7Z",stroke:"currentColor",strokeWidth:"1.5",key:"4"}],["path",{d:"M1.99603 17C1.99603 16.0681 1.99603 15.6022 2.14827 15.2346C2.35126 14.7446 2.74061 14.3552 3.23067 14.1522C3.59821 14 4.06415 14 4.99603 14C5.92792 14 6.39386 14 6.7614 14.1522C7.25146 14.3552 7.6408 14.7446 7.84379 15.2346C7.99603 15.6022 7.99603 16.0681 7.99603 17C7.99603 17.9319 7.99603 18.3978 7.84379 18.7654C7.6408 19.2554 7.25146 19.6448 6.7614 19.8478C6.39386 20 5.92792 20 4.99603 20C4.06415 20 3.59821 20 3.23067 19.8478C2.74061 19.6448 2.35126 19.2554 2.14827 18.7654C1.99603 18.3978 1.99603 17.9319 1.99603 17Z",stroke:"currentColor",strokeWidth:"1.5",key:"5"}]],Ye=[["path",{d:"M15.2141 5.98239L16.6158 4.58063C17.39 3.80646 18.6452 3.80646 19.4194 4.58063C20.1935 5.3548 20.1935 6.60998 19.4194 7.38415L18.0176 8.78591M15.2141 5.98239L6.98023 14.2163C5.93493 15.2616 5.41226 15.7842 5.05637 16.4211C4.70047 17.058 4.3424 18.5619 4 20C5.43809 19.6576 6.94199 19.2995 7.57889 18.9436C8.21579 18.5877 8.73844 18.0651 9.78375 17.0198L18.0176 8.78591M15.2141 5.98239L18.0176 8.78591",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"0"}],["path",{d:"M11 20H17",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5",key:"1"}]],V=({children:a})=>e.jsxs("div",{className:"min-h-screen flex flex-col bg-background",children:[e.jsx("header",{className:"sticky top-0 z-50 bg-background/95 backdrop-blur-sm border-b border-border/40",children:e.jsxs("div",{className:"max-w-3xl mx-auto px-5 flex items-center justify-between h-14",children:[e.jsx(I,{to:"/",className:"text-lg font-semibold tracking-tight",children:"systra studios"}),e.jsxs(I,{to:"/",className:"flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",children:[e.jsx(d,{icon:be,size:14,strokeWidth:1,"aria-hidden":"true"}),"Zur Website"]})]})}),e.jsx("main",{className:"flex-1",children:a}),e.jsx("footer",{className:"border-t border-border/20 py-6 mt-auto",children:e.jsx("div",{className:"max-w-3xl mx-auto px-5",children:e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-3 text-[11px] text-muted-foreground

1/70",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(I,{to:"/",className:"font-medium text-muted-foreground hover:text-foreground transition-colors",children:"systra studios"}),e.jsx("span",{className:"hidden sm:inline text-border",children:"·"}),e.jsx(I,{to:"/datenschutz/",className:"hover:text-muted-foreground transition-colors",children:"Datenschutz"}),e.jsx(I,{to:"/impressum/",className:"hover:text-muted-foreground transition-colors",children:"Impressum"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(d,{icon:Ue,size:10,strokeWidth:1,"aria-hidden":"true"}),"SSL-verschlüsselt"]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(d,{icon:Ge,size:10,strokeWidth:1,"aria-hidden":"true"}),"EU-Hosting"]})]})]})})})]}),ge={contact_person:"",company_name:"",email:"",phone:"",address:"",website:"",project_name:"",budget:"",timeline:"",description:"",target_audience:"",reference_sites:"",color_preference:"",style_preference:"",additional_notes:""},Xe=["Noch unklar","Bis 1.900 €","Bis 3.900 €","Bis 7.900 €"],et=["So schnell wie möglich","In 2 bis 3 Tagen","In 1 bis 2 Wochen","In 1+ Monaten"],tt=["Hell & freundlich","Warm & natürlich","Dunkel & elegant","Frisch & lebendig","Bunt & 

1kreativ","Noch offen"],H=["Hochwertig","Vertrauensvoll","Modern & clean","Nahbar & warm","Kreativ & auffällig","Klassisch & seriös","Ruhig & reduziert","Noch offen"],Ne=["Neue Website","Relaunch bestehender Website","Landingpage für Kampagne","Onlineshop"],ve={"Fast immer sinnvoll":["Startseite","Über uns","Leistungen","Kontakt","Kontaktformular"],"Oft gewünscht":["Bewertungen","FAQ","Blog","Galerie / Portfolio","Google Maps","WhatsApp-Button"],"Besondere Funktionen":["Newsletter","Terminbuchung","Suchfunktion","Mehrsprachigkeit","Kundenlogin","Preisrechner","Dateien hochladen","Stellenangebote","Team","Standorte"]},ye={Kundentyp:["Privatkunden (B2C)","Geschäftskunden (B2B)","Beide"],Reichweite:["Lokal / Regional","Deutschlandweit","International"]},D=[{icon:qe,label:"Kontakt",shortLabel:"1"},{icon:je,label:"Projekt",shortLabel:"2"},{icon:Qe,label:"Inhalte",shortLabel:"3"},{icon:Je,label:"Design",shortLabel:"4"},{icon:ke,label:"Absenden",shortLabel:"5"}],nt=["Weiter zu Projekt","Weiter zu Inhalten","Weiter zu Design","Zur Zusammenfassung"],q="fragebogen_draft";function st(a){try{localStorage.setItem(q,JSON.stringify(a))}catch{}}function rt(){try{const a=localStorage.getItem(q);return a?JSON.parse(a):null}catch{return null}}function it(){localStorage.removeItem(q)}const we=Object.values(ve).flat(),fe=Object.values(ye).flat(),Ce={"Bewertungen / Referenzen":"Bewertungen","Buchung / Termine":"Terminbuchung","Chat / WhatsApp-Button":"WhatsApp-Button","Newsletter-Anmeldung":"Newsletter","Social-Media-Einbindung":"Verlinkung zu Instagram & Co.","FAQ-Akkordeon":"FAQ","Bewertungen einbinden":"Bewertungen","Online-Buchung":"Terminbuchung",Mitgliederbereich:"Kundenlogin",Angebotsrechner:"Preisrechner","Datei-Upload":"Dateien hochladen"};function at(a){let h=[],n="";const f=a.split(`
2
3`),u=[];for(const p of f)if(p.startsWith("Projektart: ")){const x=p.replace("Projektart: ","");Ne.includes(x)&&(n=x)}else if(p.startsWith("Gewünschte Seiten: ")||p.startsWith("Gewünschte Funktionen: ")||p.startsWith("Gewünschte Inhalte: ")){const b=p.replace(/^Gewünschte (Seiten|Funktionen|Inhalte): /,"").split(", ").map(o=>Ce[o]||o);h.push(...b.filter(o=>we.includes(o)))}else u.push(p);return{content:[...new Set(h)],projectType:n,cleanDescription:u.join(`
4
5`)}}function ot(a){const h=a.split(`
6`),n=[],f=[];for(const u of h){const p=u.split(", "),x=p.filter(o=>fe.includes(o)),b=p.filter(o=>!fe.includes(o)&&o.trim());n.push(...x),f.push(...b)}return{chips:n,freeText:f.join(", ")}}const Tt=()=>{const{token:a}=Me(),h=Oe(),[n,f]=c.useState(ge),[u,p]=c.useState([]),[x,b]=c.useState([]),[o,S]=c.useState([]),[_e,Se]=c.useState({"Fast immer sinnvoll":!0,"Oft gewünscht":!0,"Besondere Funktionen":!1}),[v,U]=c.useState(""),[G,J]=c.useState(null),[B,R]=c.useState(null),[We,Q]=c.useState(null),[Y,X]=c.useState(!1),[ee,Le]=c.useState(!1),[Ie,te]=c.useState(!!a),[Z,ne]=c.useState(!1),[se,Pe]=c.useState(a||null),[m,W]=c.useState(0),[re,T]=c.useState(!1),[E,ie]=c.useState({}),k=!!a,ae=c.useRef(!1);c.useEffect(()=>{if(a)(async()=>{const{data:t,error:i}=await C.rpc("get_questionnaire_by_token",{p_token:a}),s=Array.isArray(t)?t[0]:null;if(i||!s){N.error("Fragebogen nicht gefunden"),te(!1);return}if(f({contact_person:s.contact_person||"",company_name:s.company_name||"",email:s.email||"",phone:s.phone||"",address:s.address||"",website:s.website||"",project_name:s.project_name||"",budget:s.budget||"",timeline:s.timeline||"",description:s.description||"",target_audience:s.target_audience||"",reference_sites:s.reference_sites||"",color_preference:s.color_preference||"",style_preference:s.style_preference||"",additional_notes:s.additional_notes||""}),s.description){const r=at(s.description);p(r.content),r.projectType&&U(r.projectType),f(l=>({...l,description:r.cleanDescription}))}if(s.target_audience){const r=ot(s.target_audience);b(r.chips),f(l=>({...l,target_audience:r.freeText}))}if(s.style_preference){let r=s.style_preference;const l=r.match(/Wirkung:\s*(.+?)(?:\s*\|\s*|$)/);l&&(r=l[1]);const le=r.split(",").map(L=>L.trim()).filter(Boolean),ce=le.filter(L=>H.includes(L));ce.length>0&&(S(ce),f(L=>({...L,style_preference:le.filter(Fe=>!H.includes(Fe)).join(", ")})))}if(s.logo_storage_path){Q(s.logo_storage_path);const{data:r}=C.storage.from("portal-files").getPublicUrl(s.logo_storage_path);r?.publicUrl&&R(r.publicUrl)}te(!1)})();else{const t=rt();if(t){f(t.form);const i=[...t.selectedPages||[],...t.selectedFeatures||[]].map(s=>Ce[s]||s);p(t.selectedContent||[...new Set(i.filter(s=>

6we.includes(s)))]),b(t.selectedAudience),S(t.selectedVibes||[]),U(t.projectType),W(t.step),ae.current=!0}}},[a]),c.useEffect(()=>{if(k||Z||!ae.current&&m===0&&n===ge)return;const t=setTimeout(()=>{st({form:n,selectedPages:[],selectedFeatures:[],selectedContent:u,selectedAudience:x,selectedVibes:o,projectType:v,step:m})},500);return()=>clearTimeout(t)},[n,u,x,o,v,m,k,Z]);const j=c.useCallback((t,i)=>{f(s=>({...s,[t]:i})),ie(s=>{const r={...s};return delete r[t],r})},[]),K=(t,i,s)=>{i(r=>r.includes(s)?r.filter(l=>l!==s):[...r,s])},Be=t=>{const i=t.target.files?.[0];if(i){if(i.size>10*1024*1024){N.error("Datei darf maximal 10 MB groß sein");return}J(i),R(URL.createObjectURL(i))}},Te=()=>{J(null),R(null),Q(null)},Ee=()=>{const t=u.length>0?u.join(", "):"",i=[v?`Projektart: ${v}`:"",t?`Gewünschte Inhalte: ${t}`:"",n.description].filter(Boolean).join(`
7
8`),r=[x.length>0?x.join(", "):"",n.target_audience].filter(Boolean).join(`
9`),l=o.length>0?o.join(", "):n.style_preference;return{...n,description:i,target_audience:r,style_preference:l||n.style_preference}},z=t=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()),A=t=>!t.trim()||/^[+\d\s\-/()]{6,20}$/.test(t.trim()),ze=()=>{const t={};return n.contact_person.trim()||(t.contact_person="Pflichtfeld"),n.company_name.trim()||(t.company_name="Pflichtfeld"),n.email.trim()?z(n.email)||(t.email="Ungültige E-Mail-Adresse"):t.email="Pflichtfeld",n.phone.trim()&&!A(n.phone)&&(t.phone="Ungültige Telefonnummer"),ie(t),Object.keys(t).length===0},Ae=async()=>{if(!n.contact_person.trim()||!n.email.trim()||!n.company_name.trim()){N.error("Bitte fülle mindestens Name, Unternehmen und E-Mail aus"),W(0);return}if(!z(n.email)){N.error("Bitte gib eine gültige E-Mail-Adresse ein"),W(0);return}if(!A(n.phone)){N.error("Bitte gib eine gültige Telefonnummer ein"),W(0);return}X(!0);try{let t=We;if(G){const s=G.name.split(".").pop(),r=`questionnaires/${Date.now()}_logo.${s}`,{error:l}=await C.storage.from("portal-files").upload(r,G);if(l)throw l;t=r}const i=Ee();if(k&&a){const{error:s}=await C.rpc("update_questionnaire_by_token",{p_token:a,p_data:{...i,logo_storage_path:t,status:"updated"}});if(s)throw s;N.success("Fragebogen aktualisiert!"),ne(!0)}else{const{data:s,error:r}=await C.from("client_questionnaires").insert({...i,logo_storage_path:t}).select("id, edit_token").single();if(r)throw r;Pe(s.edit_token),it();try{await C.functions.invoke("process-questionnaire",{body:{questionnaire_id:s.id,edit_token:s.edit_token}})}catch{}ne(!0)}}catch(t){N.error(t.message||"Fehler beim Speichern")}finally{X(!1)}},y=t=>{m===0&&t>0&&!ze()||(W(t),window.scrollTo({top:0,behavior:"smooth"}))},De=async()=>{const t=`${window.location.origin}/fragebogen/${se}`;try{await navigator.clipboard.writeText(t),T(!0),N.success("Link kopiert!"),setTimeout(()=>T(!1),2e3)}catch{const i=document.createElement("input");i.value=t,document.body.appendChild(i),i.select(),document.execCommand("copy"),document.body.removeChild(i),T(!0),N.success("Link kopiert!"),setTimeout(()=>T(!1),2e3)}};if(Ie)return e.jsx(V,{children:e.jsx("div",{className:"min-h-[60vh] flex items-center justify-center",children:e.jsx(d,{icon:me,size:32,strokeWidth:1,className:"animate-spin text-muted-foreground","aria-hidden":"true"})})});if(Z)return e.jsxs(V,{children:[e.jsx(de,{title:"Fragebogen gesendet | Systra Studios",description:"Vielen Dank!",canonical:"/fragebogen",noIndex:!0}),e.jsx("section",{className:"py-20 md:py-28",children:e.jsxs("div",{className:"max-w-xl mx-auto px-5 text-center",children:[e.jsx("div",{className:"w-16 h-16 rounded-full bg-[hsl(var(--chip))] flex items-center justify-center mx-auto mb-6",children:e.jsx(d,{icon:he,size:32,strokeWidth:1,className:"text-foreground","aria-hidden":"true"})}),e.jsx("h1",{className:"text-h2 mb-3",children:k?"Änderungen gespeichert!":"Vielen Dank!"}),e.jsx("p",{className:"text-body-muted mb-6 max-w-md mx-auto",children:k?"Deine Änderungen wurden erfolgreich gespeichert. Du kannst den Fragebogen jederzeit erneut über deinen Link bearbeiten.":"Wir haben deine Angaben erhalten und melden uns in Kürze bei dir."}),se&&!k&&e.jsxs("div",{className:"bg-muted/60 rounded-xl p-5 mb-6 text-left",children:[e.jsx("p",{className:"text-sm font-medium mb-3",children:"Dein Bearbeitungslink:"}),e.jsx("p",{className:"text-xs text-muted-foreground mb-3",children:"Über diesen Link kannst du deine Angaben jederzeit ändern oder ergänzen."}),e.jsxs(P,{variant:"outline",size:"sm",onClick:De,className:"",children:[re?e.jsx(d,{icon:pe,size:16,strokeWidth:1,className:"mr-1.5","aria-hidden":"true"}):e.jsx(e.Fragment,{}),re?"Kopiert!":"Link kopieren"]})]}),e.jsxs(P,{variant:"outline",className:"",onClick:()=>

9h("/"),children:["Zur Startseite",e.jsx(d,{icon:xe,size:16,strokeWidth:1,className:"ml-2","aria-hidden":"true"})]})]})})]});const oe=n.contact_person.trim()&&n.email.trim()&&n.company_name.trim()&&z(n.email)&&A(n.phone);return e.jsxs(V,{children:[e.jsx(de,{title:k?"Fragebogen bearbeiten | Systra Studios":"Projekt-Fragebogen | Systra Studios",description:"Erzähl uns von deinem Projekt. In wenigen Minuten haben wir ein gutes Bild.",canonical:"/fragebogen",noIndex:!0}),e.jsx("section",{className:"py-8 md:py-20",children:e.jsxs("div",{className:"max-w-xl mx-auto px-5 sm:px-6",children:[e.jsxs("div",{className:"text-center mb-8 md:mb-14",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-primary/8 text-foreground text-xs font-medium tracking-wide mb-4 md:mb-5",children:[e.jsx(d,{icon:je,size:14,strokeWidth:1,"aria-hidden":"true"}),"Unverbindliche Anfrage"]}),e.jsx("h1",{className:"text-xl md:text-[32px] font-semibold tracking-tight mb-2 md:mb-3 leading-tight",children:k?"Fragebogen bearbeiten":"Erzähl uns von deinem Projekt"}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-[15px] max-w-md mx-auto leading-relaxed",children:"In 3 bis 5 Minuten haben wir ein gutes Bild von deinem Projekt, deinen Zielen und dem gewünschten Stil."})]}),e.jsxs("div",{className:"bg-muted/40 rounded-xl px-4 md:px-5 py-3 md:py-3.5 mb-8 md:mb-12 flex items-start gap-3",children:[e.jsx(d,{icon:Ke,size:16,strokeWidth:1,className:"text-foreground mt-0.5 shrink-0","aria-hidden":"true"}),e.jsx("p",{className:"text-xs md:text-[13px] text-muted-foreground leading-relaxed",children:"Unverbindlich und in wenigen Minuten ausgefüllt. Wir melden uns danach persönlich bei dir."})]}),e.jsxs("div",{className:"mb-2",children:[e.jsx("div",{className:"flex items-center justify-between text-xs text-muted-foreground mb-2",children:e.jsxs("span",{className:"font-medium text-foreground",children:["Schritt ",m+1," von ",D.length]})}),e.jsx(Ze,{value:(m+1)/D.length*100,className:"h-1"})]}),e.jsx("div",{className:"flex items-center gap-1 sm:gap-2 mb-10 md:mb-14 mt-5 overflow-x-auto scrollbar-hide -mx-5 px-5 sm:-mx-10 sm:px-10 justify-center",children:D.map((t,i)=>{const s=i===m,r=i<m;return e.jsxs("button",{onClick:()=>y(i),className:O("flex items-center gap-1.5 sm:gap-2 px-3 sm:px-4 py-2 sm:py-2.5 rounded-full text-[13px] font-medium transition-all min-h-[40px] touch-manipulation whitespace-nowrap shrink-0",s&&i===D.length-1?"bg-[hsl(var(--chip))] text-foreground":s?"bg-primary text-primary-foreground shadow-sm":r?"bg-[hsl(var(--chip))] text-foreground hover:bg-primary/15":"text-muted-foreground/60 hover:text-muted-foreground hover:bg-muted/60"),children:[r?e.jsx(d,{icon:he,size:16,strokeWidth:1,className:"shrink-0","aria-hidden":"true"}):e.jsx(d,{icon:t.icon,size:16,strokeWidth:1,className:"shrink-0","aria-hidden":"true"}),e.jsx("span",{className:"hidden sm:inline",children:t.label})]},i)})}),e.jsxs("form",{autoComplete:"on",onSubmit:t=>t.preventDefault(),className:"space-y-8",children:[m===0&&e.jsxs("div",{className:"space-y-7 animate-in fade-in duration-300",children:[e.jsx(F,{title:"Kontaktdaten",subtitle:"Damit wir wissen, wer du bist und wie wir dich erreichen."}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-5",children:[e.jsx(_,{label:"Ansprechpartner *",value:n.contact_person,onChange:t=>j("contact_person",t),placeholder:"Vor- und Nachname",autoComplete:"name",error:E.contact_person}),e.jsx(_,{label:"Unternehmen *",value:n.company_name,onChange:t=>j("company_name",t),placeholder:"Name deines Unternehmens",autoComplete:"organization",error:E.company_name}),e.jsx(_,{label:"E-Mail *",value:n.email,onChange:t=>j("email",t),placeholder:"[email protected]",type:"email",autoComplete:"email",error:E.email||(n.email.trim().length>0&&!z(n.email)?"Bitte gib eine gültige E-Mail-Adresse ein":void 0)}),e.jsx(_,{label:"Telefon (optional)",value:n.phone,onChange:t=>j("phone",t),placeholder:"+49 123 456789",type:"tel",autoComplete:"tel",error:E.phone||(n.phone.trim().length>0&&!A(n.phone)?"Bitte gib eine gültige Telefonnummer ein":void 0)}),e.jsx(_,{label:"Adresse",value:n.address,onChange:t=>j("address",t),placeholder:"Straße, Hausnummer, PLZ, Ort",className:"sm:col-span-2",autoComplete:"street-address"}),e.jsx(_,{label:"Website (falls vorhanden)",value:n.website,onChange:t=>j("website",t),placeholder:"www.dein-unternehmen.de",type:"url",className:"sm:col-span-2",autoComplete:"url"})]})]}),m===1&&e.jsxs("div",{className:"space-y-6 animate-in fade-in duration-300",children:[e.jsx(F,{title:"Projekt & Zielgruppe",subtitle:"Grundlegendes zu Art, Umfang und Zielgruppe deines Projekts."}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-2.5",children:"Art des Projekts"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Ne.map(t=>e.jsx(w,{active:v===t,onClick:()=>U(v===t?"":t),children:t},t))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-2.5",children:"Preisrahmen"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Xe.map(t=>e.jsx(w,{active:n.budget===t,onClick:()=>j("budget",n.budget===t?"":t),children:t},t))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-2.5",children:"Zeitrahmen"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:et.map(t=>e.jsx(w,{active:n.timeline===t,onClick:()=>j("timeline",n.timeline===t?"":t),children:t},t))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-2.5",children:"Zielgruppe"}),e.jsx("div",{className:"space-y-3",children:Object.entries(ye).map(([t,i])=>e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium text-muted-foreground mb-1.5",children:t}),e.jsx("div",{className:"flex flex-wrap gap-2",children:i.map(s=>e.jsx(w,{active:x.includes(s),onClick:()=>K(x,b,s),children:s},s))})]},t))})]})]}),m===2&&e.jsxs("div",{className:"space-y-6 animate-in fade-in duration-300",children:[e.jsx(F,{title:"Seiten & Funktionen",subtitle:"Was 

9soll deine Website können? Wähle aus, was zu deinem Projekt passt."}),Object.entries(ve).map(([t,i])=>{const s=_e[t]!==!1,r=i.filter(l=>u.includes(l)).length;return e.jsxs("div",{children:[e.jsxs("button",{type:"button",onClick:()=>Se(l=>({...l,[t]:!s})),className:"flex items-center justify-between w-full mb-3 group",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("p",{className:"text-sm font-semibold text-foreground",children:t}),r>0&&!s&&e.jsx("span",{className:"text-[11px] font-medium text-foreground bg-[hsl(var(--chip))] px-2 py-0.5 rounded-full",children:r})]}),e.jsx(d,{icon:Ve,size:16,strokeWidth:1,className:O("text-muted-foreground transition-transform duration-200",s&&"rotate-180"),"aria-hidden":"true"})]}),s&&e.jsx("div",{className:"flex flex-wrap gap-2",children:i.map(l=>e.jsx(w,{active:u.includes(l),onClick:()=>K(u,p,l),children:l},l))})]},t)}),e.jsxs("div",{className:"pt-2",children:[e.jsx($,{className:"mb-2 block text-sm font-medium",children:"Besondere Wünsche (optional)"}),e.jsx(ue,{value:n.description,onChange:t=>j("description",t.target.value),placeholder:"Gibt es besondere Wünsche oder Funktionen? Zum Beispiel Buchungssystem, Vergleichsrechner, Kundenlogin, spezielle Formulare oder Schnittstellen.",rows:3})]})]}),m===3&&e.jsxs("div",{className:"space-y-6 animate-in fade-in duration-300",children:[e.jsx(F,{title:"Design & Wirkung",subtitle:"Wie soll deine Website aussehen und wirken?"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-1",children:"Wie soll deine Website wirken?"}),e.jsx("p",{className:"text-xs text-muted-foreground mb-2.5",children:"Mehrfachauswahl möglich."}),e.jsx("div",{className:"flex flex-wrap gap-2",children:H.map(t=>e.jsx(w,{active:o.includes(t),onClick:()=>K(o,S,t),children:t},t))})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-2.5",children:"Welche Farbwelt passt zu deiner Marke?"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:tt.map(t=>e.jsx(w,{active:n.color_preference===t,onClick:()=>j("color_preference",n.color_preference===t?"":t),children:t},t))})]}),e.jsxs("div",{children:[e.jsx($,{className:"mb-2 block text-sm font-medium",children:"Referenz-Websites oder Design-Beispiele (optional)"}),e.jsx(ue,{value:n.reference_sites,onChange:t=>j("reference_sites",t.target.value),placeholder:"z.B. Www.beispielseite.de. Mir gefällt die klare Struktur und der hochwertige Bildstil.",rows:3})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold mb-1",children:"Logo oder Design-Dateien hochladen"}),e.jsx("p",{className:"text-xs text-muted-foreground mb-3",children:"Logo, Visitenkarten, Farbvorgaben oder andere Brand-Materialien (optional)."}),B?e.jsxs("div",{className:"relative inline-block",children:[e.jsx("img",{src:B,alt:"Vorschau",className:"h-24 w-auto rounded-lg border border-border object-contain bg-background p-2"}),e.jsx("button",{onClick:Te,className:"absolute -top-2 -right-2 w-6 h-6 rounded-full bg-destructive text-destructive-foreground flex items-center justify-center",children:e.jsx(d,{icon:He,size:12,strokeWidth:1,"aria-hidden":"true"})})]}):e.jsxs("label",{className:"flex items-center gap-3 px-5 py-5 rounded-xl border-2 border-dashed border-border/60 cursor-pointer transition-colors bg-background touch-manipulation",children:[e.jsx(d,{icon:$e,size:20,strokeWidth:1,className:"text-muted-foreground","aria-hidden":"true"}),e.jsx("span",{className:"text-sm text-muted-foreground",children:"Datei auswählen (max. 10 MB)"}),e.jsx("input",{type:"file",accept:"image/*,.svg,.pdf",onChange:Be,className:"hidden"})]})]})]}),m===4&&e.jsxs("div",{className:"space-y-6 animate-in fade-in duration-300",children:[e.jsxs("div",{className:"mb-2",children:[e.jsxs("div",{className:"flex items-center gap-2.5 mb-2",children:[e.jsx("span",{className:"shrink-0 w-8 h-8 rounded-full bg-[hsl(var(--chip))] flex items-center justify-center",children:e.jsx(d,{icon:pe,size:16,strokeWidth:1,className:"text-foreground","aria-hidden":"true"})}),e.jsx("h2",{className:"text-lg font-semibold tracking-tight",children:"Fast geschafft"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Prüfe deine Angaben kurz und sende deine Anfrage ab."})]}),e.jsxs(M,{title:"Kontakt",onEdit:()=>y(0),children:[e.jsx(g,{label:"Name",value:n.contact_person}),e.jsx(g,{label:"Unternehmen",value:n.company_name}),e.jsx(g,{label:"E-Mail",value:n.email}),n.phone&&e.jsx(g,{label:"Telefon",value:n.phone}),n.address&&e.jsx(g,{label:"Adresse",value:n.address}),n.website&&e.jsx(g,{label:"Website",value:n.website})]}),e.jsxs(M,{title:"Projekt",onEdit:()=>y(1),children:[v&&e.jsx(g,{label:"Projektart",value:v}),n.budget&&e.jsx(g,{label:"Preisrahmen",value:n.budget}),n.timeline&&e.jsx(g,{label:"Zeitrahmen",value:n.timeline}),x.length>0&&e.jsx(g,{label:"Zielgruppe",value:x.join(", ")})]}),(u.length>0||n.description)&&e.jsxs(M,{title:"Seiten & Funktionen",onEdit:()=>y(2),children:[u.length>0&&e.jsx(g,{label:"Gewählt",value:u.join(", ")}),n.description&&e.jsx(g,{label:"Besondere Wünsche",value:n.description})]}),(o.length>0||n.color_preference||n.reference_sites||B)&&e.jsxs(M,{title:"Design & Wirkung",onEdit:()=>y(3),children:[o.length>0&&e.jsx(g,{label:"Wirkung",value:o.join(", ")}),n.color_preference&&e.jsx(g,{label:"Farbwelt",value:n.color_preference}),n.reference_sites&&e.jsx(g,{label:"Referenzen",value:n.reference_sites}),B&&e.jsx(g,{label:"Dateien",value:"✓ Hochgeladen"})]}),e.jsxs("label",{className:"flex items-start gap-3 cursor-pointer group touch-manipulation",children:[e.jsx("input",{type:"checkbox",checked:ee,onChange:t=>

9Le(t.target.checked),className:"mt-1 h-4 w-4 rounded border-border text-foreground focus:ring-primary/20 shrink-0"}),e.jsxs("span",{className:"text-[13px] text-muted-foreground leading-relaxed",children:["Ich habe die ",e.jsx("a",{href:"/datenschutz/",target:"_blank",className:"underline hover:text-foreground",children:"Datenschutzerklärung"})," gelesen und bin mit der Verarbeitung meiner Daten zur Bearbeitung meiner Anfrage einverstanden. *"]})]}),!oe&&e.jsxs("p",{className:"text-sm text-destructive flex items-center gap-2",children:["Bitte fülle Name, Unternehmen und E-Mail aus.",e.jsx("button",{onClick:()=>y(0),className:"underline font-medium",children:"Zum Kontakt-Schritt"})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between mt-8 md:mt-10 pt-3 md:pt-4 pb-3 border-t border-border/60 sticky bottom-0 bg-background/95 backdrop-blur-sm z-10 -mx-5 px-5 sm:mx-0 sm:px-0",children:[e.jsxs(P,{variant:"ghost",onClick:()=>y(m-1),disabled:m===0,className:"rounded-full min-h-[44px] text-muted-foreground",children:[e.jsx(d,{icon:be,size:16,strokeWidth:1,className:"mr-1","aria-hidden":"true"}),e.jsx("span",{className:"hidden sm:inline",children:"Zurück"})]}),m<4?e.jsxs(P,{onClick:()=>y(m+1),className:"rounded-full min-h-[44px]",children:[e.jsx("span",{className:"sm:hidden",children:"Weiter"}),e.jsx("span",{className:"hidden sm:inline",children:nt[m]||"Weiter"}),e.jsx(d,{icon:xe,size:16,strokeWidth:1,className:"ml-1.5","aria-hidden":"true"})]}):e.jsxs(P,{onClick:Ae,disabled:Y||!oe||m===4&&!ee,className:"min-h-[44px]",children:[Y&&e.jsx(d,{icon:me,size:16,strokeWidth:1,className:"mr-2 animate-spin","aria-hidden":"true"}),e.jsx("span",{className:"sm:hidden",children:k?"Speichern":"Absenden"}),e.jsx("span",{className:"hidden sm:inline",children:k?"Änderungen speichern":"Anfrage absenden"}),e.jsx(d,{icon:ke,size:16,strokeWidth:1,className:"ml-1.5","aria-hidden":"true"})]})]})]})})]})},F=({title:a,subtitle:h})=>e.jsxs("div",{className:"mb-2",children:[e.jsx("h2",{className:"text-lg font-semibold tracking-tight",children:a}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:h})]}),_=({label:a,value:h,onChange:n,placeholder:f,type:u="text",className:p,autoComplete:x,error:b})=>{const o=c.useId();return e.jsxs("div",{className:p,children:[e.jsx($,{htmlFor:o,className:"mb-2 block text-sm font-medium",children:a}),e.jsx(Re,{id:o,type:u,value:h,onChange:S=>n(S.target.value),placeholder:f,autoComplete:x,"aria-invalid":b?!0:void 0,"aria-describedby":b?`${o}-error`:void 0,className:O("min-h-[48px] border border-border/80 bg-background",b&&"border-destructive focus-visible:ring-destructive")}

9),b&&e.jsx("p",{id:`${o}-error`,className:"text-xs text-destructive mt-1.5",children:b})]})},w=({active:a,onClick:h,children:n})=>e.jsx("button",{type:"button",onClick:h,className:O("px-3.5 sm:px-4 py-2 sm:py-2.5 rounded-full text-[12px] sm:text-[13px] font-medium border transition-all min-h-[40px] sm:min-h-[42px] touch-manipulation",a?"bg-primary text-primary-foreground border-primary shadow-sm":"bg-background text-muted-foreground border-border/60 hover:text-foreground"),children:n}),M=({title:a,onEdit:h,children:n})=>e.jsxs("div",{className:"rounded-xl border border-border/50 bg-muted/15 p-3.5 sm:p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2.5 sm:mb-3",children:[e.jsx("p",{className:"text-sm font-semibold text-foreground",children:a}),e.jsxs("button",{onClick:h,className:"text-foreground text-xs font-medium hover:underline flex items-center gap-1 touch-manipulation min-h-[36px] px-2",children:[e.jsx(d,{icon:Ye,size:12,strokeWidth:1,"aria-hidden":"true"}),"Bearbeiten"]})]}),e.jsx("div",{className:"space-y-2",children:n})]}),g=({label:a,value:h})=>e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] text-muted-foreground/70 uppercase tracking-wider mb-0.5",children:a}),e.jsx("p",{className:"text-sm text-foreground leading-snug",children:h})]});export{Tt as default};