https://claude-1.replit.app/assets/a-shop-beratung-DGl3NQDm.js

1import{r as i,j as e,N as j,L as d,h as N,M as y,c as w,p as k,i as v}from"./index-_TViTCDy.js";import{C as S}from"./clock-3-CScrv9NM.js";import{P as A}from"./phone-BK-nzFAw.js";import{A as u}from"./arrow-up-right-w6UVj5kE.js";const p="[email protected]",I=`mailto:${p}?subject=${encodeURIComponent("Rückfrage zu meiner Beratungsanfrage")}`,l="w-full rounded-xl border border-[#d2d2d7] bg-white px-4 py-3 text-sm text-[#1d1d1f] placeholder:text-[#86868b] transition-colors focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20";function W(){const[t,m]=i.useState({name:"",email:"",company:"",phone:"",message:""}),[c,o]=i.useState(!1),[x,h]=i.useState(null),[g,f]=i.useState(!1);i.useEffect(()=>{try{const a=localStorage.getItem("plasmasafe_user_data");if(a){const s=JSON.parse(a);m(n=>({...n,name:n.name||s.name||"",email:n.email||s.email||"",company:n.company||s.company||""}))}}catch{}},[]);const r=a=>s=>m(n=>({...n,[a]:s.target.value})),b=async a=>{a.preventDefault(),o(!0),h(null);try{await v("POST","/api/leads",{name:t.name,email:t.email,company:t.company||void 0,phone:t.phone||void 0,message:t.message||void 0,source:"landing_page_beratung"}),localStorage.setItem("plasmasafe_user_data",JSON.stringify({name:t.name,email:t.email,company:t.company})),f(!0)}catch{h("Ihre Anfrage konnte nicht gesendet werden. Bitte versuchen Sie es später erneut.")}finally{o(!1)}};return e.jsxs("div",{className:"min-h-screen bg-[#f5f5f7] font-sans text-[#1d1d1f] flex flex-col",children:[e.jsx(j,{}),e.jsx("main",{className:"flex-grow pb-28",children:e.jsxs("div",{className:"mx-auto w-full max-w-[1200px] px-6",children:[e.jsxs("header",{className:"pt-10",children:[e.jsx(d,{href:"/a-shop",className:"text-xs font-medium text-[#86868b] transition-colors hover:text-primary","data-testid":"link-back-a-shop",children:"‹ Alle Angebote"}),e.jsxs("h1",{className:"mt-4 font-sans text-[36px] leading-[1.07] font-semibold tracking-[-0.015em] text-[#1d1d1f] md:text-[48px]",children:["Ihre Frage, schriftlich."," ",e.jsx("span",{className:"text-[#86868b]",children:"Unverbindlich anfragen."})]}),e.jsx("p",{className:"mt-4 max-w-xl text-sm leading-relaxed text-[#86868b]",children:"Stellen Sie Ihre Frage zu Praxisstart, Ablauf, QMS oder Abrechnung — ohne Verpflichtung. Wir antworten innerhalb eines Werktags."}),e.jsxs("p",{className:"mt-3 max-w-xl text-sm leading-relaxed text-[#86868b]",children:["Sie möchten lieber direkt sprechen?"," ",e.jsx(d,{href:"/einfuehrung#rueckruf",className:"font-medium text-primary hover:underline","data-testid":"link-beratung-rueckruf",children:"Rückruf anfordern"})," ","— wir rufen Sie an, auf Wunsch sofort."]})]}),e.jsxs("section",{className:"mt-10 grid gap-10 lg:grid-cols-[minmax(0,1fr)_26rem] lg:items-start",children:[e.jsxs("div",{className:"lg:sticky lg:top-24",children:[e.jsxs("div",{className:"rounded-[20px] bg-white p-8 shadow-[0_4px_16px_rgba(0,0,0,0.04)]",children:[e.jsx("h2",{className:"font-sans text-[20px] font-semibold tracking-tight text-[#1d1d1f]",children:"So läuft die Beratung ab."}),e.jsx("ol",{className:"mt-6 space-y-6",children:[{title:"Sie stellen Ihre Frage",desc:"Beschreiben Sie kurz, worum es geht — z. B. Einstieg, QMS oder Abrechnung."},{title:"Wir melden uns bei Ihnen",desc:"Innerhalb eines Werktags per Telefon oder E-Mail — ganz wie Sie möchten."},{title:"Unverbindliches Gespräch",desc:"Kein Verkaufsdruck. Sie bekommen klare Antworten für Ihre Entscheidung."}].map((a,s)=>e.jsxs("li",{className:"flex gap-4",children:[e.jsx("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[#f5f5f7] text-xs font-semibold text-primary",children:s+1}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-semibold",children:a.title}),e.jsx("p",{className:"mt-1 text-sm leading-relaxed text-[#86868b]",children:a.desc})]})]},a.title))}),e.jsxs("div",{className:"mt-8 border-t border-[#d2d2d7]/60 pt-6 space-y-3",children:[e.jsxs("p",{className:"flex items-center gap-2 text-xs text-[#86868b]",children:[e.jsx(N,{className:"h-4 w-4 shrink-0 text-primary"}),"Ihre Daten werden vertraulich behandelt und nicht an Dritte weitergegeben."]}),e.jsxs("p",{className:"flex items-center gap-2 text-xs text-[#86868b]",children:[e.jsx(S,{className:"h-4 w-4 shrink-0 text-primary"}),"Antwort garantiert innerhalb eines Werktags."]})]})]}),e.jsxs("div",{className:"mt-5 grid gap-3 sm:grid-cols-2",children:[e.jsxs("a",{href:I,className:"inline-flex items-center gap-2 rounded-xl border border-[#d2d2d7] bg-white px-4 py-3 text-sm font-medium text-[#1d1d1f] transition-colors hover:border-primary hover:text-primary","data-testid":"link-beratung-email",children:[e.jsx(y,{className:"h-4 w-4 shrink-0 text-[#86868b]"}),p]}),e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-xl border border-[#d2d2d7] bg-white px-4 py-3 text-sm font-medium text-[#1d1d1f]",children:[e.jsx(A,{className:"h-4 w-4 shrink-0 text-[#86868b]"}),"Telefon: auf Anfrage"]})]})]}),e.jsx("div",{className:"rounded-[20px] bg-white p-7 shadow-[0_4px_16px_rgba(0,0,0,0.04)] md:p-8",children:g?e.jsxs("div",{className:"flex min-h-[380px] flex-col items-center justify-center text-center","data-testid":"beratung-success",children:[e.jsx("span",{className:"flex h-14 w-14 items-center justify-center rounded-full bg-[#eaf3ea]",children:e.jsx(w,{className:"h-7 w-7 text-[#1e7d32]",strokeWidth:2.5})}),e.jsx("h2",{className:"mt-6 font-sans text-[22px] font-semibold tracking-tight text-[#1d1d1f]",children:"Vielen Dank!"}),e.jsx("p",{className:"mt-3 max-w-xs text-sm leading-relaxed text-[#86868b]",children:"Ihre Beratungsanfrage ist bei uns eingegangen. Wir melden uns innerhalb eines Werktags bei Ihnen."}

1),e.jsxs(d,{href:"/a-shop",className:"mt-8 inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",children:["Zurück zu den Angeboten",e.jsx(u,{className:"h-4 w-4"})]})]}):e.jsxs("form",{onSubmit:b,className:"space-y-5",children:[e.jsx("h2",{className:"font-sans text-[20px] font-semibold tracking-tight text-[#1d1d1f]",children:"Beratungstermin anfragen."}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"beratung-name",className:"text-sm font-medium text-[#1d1d1f]",children:"Ansprechpartner"}),e.jsx("input",{id:"beratung-name",required:!0,value:t.name,onChange:r("name"),className:l,placeholder:"Ihr Name","data-testid":"input-beratung-name"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"beratung-email",className:"text-sm font-medium text-[#1d1d1f]",children:"E-Mail-Adresse"}),e.jsx("input",{id:"beratung-email",required:!0,type:"email",value:t.email,onChange:r("email"),className:l,placeholder:"[email protected]","data-testid":"input-beratung-email"})]}),e.jsxs("div",{className:"grid gap-5 sm:grid-cols-2",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"beratung-company",className:"text-sm font-medium text-[#1d1d1f]",children:"Praxis"}),e.jsx("input",{id:"beratung-company",value:t.company,onChange:r("company"),className:l,placeholder:"Name Ihrer Praxis","data-testid":"input-beratung-company"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"beratung-phone",className:"text-sm font-medium text-[#1d1d1f]",children:"Telefon"}),e.jsx("input",{id:"beratung-phone",type:"tel",value:t.phone,onChange:r("phone"),className:l,placeholder:"Optional","data-testid":"input-beratung-phone"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"beratung-message",className:"text-sm font-medium text-[#1d1d1f]",children:"Worum geht es?"}),e.jsx("textarea",{id:"beratung-message",rows:4,value:t.message,onChange:r("message"),className:`${l} resize-none`,placeholder:"z. B. Einstieg mit Blutkonzentraten, Ablauf, QMS, Abrechnung oder Terminfindung","data-testid":"input-beratung-message"})]}),x&&e.jsx("p",{className:"rounded-xl bg-[#fdecec] px-4 py-3 text-sm text-[#b42318]","data-testid":"beratung-error",children:x}),e.jsxs("button",{type:"submit",disabled:c,className:"flex w-full items-center justify-center gap-2 rounded-xl bg-primary px-6 py-3.5 text-[15px] font-medium text-white transition-colors hover:bg-[#00305f] disabled:cursor-not-allowed disabled:opacity-60","data-testid":"button-beratung-submit",children:[c?"Wird gesendet…":"Beratung anfragen",e.jsx(u,{className:"h-4 w-4"})]}),e.jsx("p",{className:"text-center text-[11px] leading-relaxed text-[#86868b]",children:"Kostenlos und unverbindlich. Mit dem Absenden stimmen Sie der Verarbeitung Ihrer Angaben zur Bearbeitung der Anfrage zu."})]})})]})]})}),e.jsx(k,{})]})}export{W as default};