https://waellerit-website-u5h6ik.abacusai.app/_next/static/chunks/749-41405e71.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[749],{6749:function(e,s,t){t.d(s,{CtaSection:function(){return x}});var n=t(7437),l=t(2265),a=t(3041),r=t(9345),i=t(3774),c=t(4743),d=t(2271),o=t(2128),m=t(4438);function x(){let[e,s]=(0,l.useState)({name:"",email:"",company:"",message:""}),[t,x]=(0,l.useState)(!1),[h,u]=(0,l.useState)(!1),p=async s=>{if(s?.preventDefault?.(),!e?.name||!e?.email||!e?.message){m.Am?.error?.("Bitte f\xfcllen Sie alle Pflichtfelder aus.");return}u(!0);try{let s=await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),t=await s.json();s.ok&&t.success?(x(!0),m.Am?.success?.("Vielen Dank! Wir melden uns zeitnah bei Ihnen.")):m.Am?.error?.(t.message||"Fehler beim Senden. Bitte versuchen Sie es erneut.")}catch{m.Am?.error?.("Verbindungsfehler. Bitte versuchen Sie es sp\xe4ter erneut.")}finally{u(!1)}},f=e=>{let{name:t,value:n}=e?.target??{};s(e=>({...e??{},[t??""]:n??""}))};return(0,n.jsxs)("section",{id:"cta","data-section-id":"cta",className:"group relative py-20",children:[(0,n.jsx)(o.j,{sectionId:"cta",filename:"waellerit-cta"}),(0,n.jsx)("div",{className:"max-w-[1200px] mx-auto px-4 sm:px-6 lg:px-8",children:(0,n.jsxs)("div",{className:"grid lg:grid-cols-2 gap-12",children:[(0,n.jsx)(d.Z,{children:(0,n.jsxs)("div",{className:"space-y-6",children:[(0,n.jsxs)("h2",{className:"font-display text-3xl md:text-4xl font-bold tracking-tight text-[#004976]",children:["Bereit f\xfcr den ",(0,n.jsx)("span",{className:"text-[#004976]",children:"Wechsel"}),"?"]}),(0,n.jsx)("p",{className:"text-[#004976]/60 text-lg leading-relaxed",children:"Lassen Sie uns gemeinsam herausfinden, wie W\xe4llerIT Ihre IT-Infrastruktur modernisieren und Kosten senken kann. Unverbindliches Erstgespr\xe4ch – kostenlos."}),(0,n.jsxs)("div",{className:"space-y-4 pt-4",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#004976]/10 flex items-center justify-center",children:(0,n.jsx)(a.Z,{className:"w-5 h-5 text-[#004976]"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm text-[#004976]/50",children:"Telefon"}),(0,n.jsx)("p",{className:"font-medium text-[#004976]",children:"+49 (0) 2602 XXX XXX"})]})]}),(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#004976]/10 flex items-center justify-center",children:(0,n.jsx)(r.Z,{className:"w-5 h-5 text-[#004976]"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm text-[#004976]/50",children:"E-Mail"}),(0,n.jsx)("p",{className:"font-medium text-[#004976]",children:"[email protected]"})]})]}),(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#004976]/10 flex items-center justify-center",children:(0,n.jsx)(i.Z,{className:"w-5 h-5 text-[#004976]"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-sm text-[#004976]/50",children:"Standort"}),(0,n.jsx)("p",{className:"font-medium text-[#004976]",children:"57632 Seelbach, Westerwald"})]})]})]})]})}),(0,n.jsx)(d.Z,{delay:.15,children:(0,n.jsx)("div",{className:"rounded-xl p-6 md:p-8 bg-white",style:{boxShadow:"var(--shadow-lg)"},children:t?(0,n.jsxs)("div",{className:"text-center py-12 space-y-4",children:[(0,n.jsx)("div",{className:"w-16 h-16 rounded-full bg-[#004976]/10 flex items-center justify-center mx-auto",children:(0,n.jsx)(c.Z,{className:"w-8 h-8 text-[#004976]"})}),(0,n.jsx)("h3",{className:"font-display text-xl font-bold text-[#004976]",children:"Nachricht gesendet!"}),(0,n.jsx)("p",{className:"text-[#004976]/60",children:"Wir melden uns innerhalb von 24 Stunden bei Ihnen."}),(0,n.jsx)("button",{onClick:()=>{x(!1),s({name:"",email:"",company:"",message:""})},className:"text-sm text-[#004976] font-medium hover:underline",children:"Neue Nachricht senden"})]}):(0,n.jsxs)("form",{onSubmit:p,className:"space-y-4",children:[(0,n.jsx)("h3",{className:"font-display text-xl font-bold text-[#004976] mb-2",children:"Kontaktformular"}),(0,n.jsxs)("div",{className:"grid sm:grid-cols-2 gap-4",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"text-sm font-medium text-[#004976]/70 block mb-1",children:"Name *"}),(0,n.jsx)("input",{type:"text",name:"name",value:e?.name??"",onChange:f,required:!0,className:"w-full px-4 py-2.5 rounded-lg border border-[#004976]/20 text-[#004976] placeholder-[#004976]/30 focus:outline-none focus:ring-2 focus:ring-[#004976]/30 focus:border-[#004976]/40 transition-all text-sm",placeholder:"Max Mustermann"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"text-sm font-medium text-[#004976]/70 block mb-1",children:"E-Mail *"}),(0,n.jsx)("input",{type:"email",name:"email",value:e?.email??"",onChange:f,required:!0,className:"w-full px-4 py-2.5 rounded-lg border border-[#004976]/20 text-[#004976] placeholder-[#004976]/30 focus:outline-none focus:ring-2 focus:ring-[#004976]/30 focus:border-[#004976]/40 transition-all text-sm",placeholder:"[email protected]"})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"text-sm font-medium text-[#004976]/70 block mb-1",children:"Unternehmen"}),(0,n.jsx)("input",{type:"text",name:"company",value:e?.company??"",onChange:f,className:"w-full px-4 py-2.5 rounded-lg border border-[#004976]/20 text-[#004976] placeholder-[#004976]/30 focus:outline-none focus:ring-2 focus:ring-[#004976]/30 focus:border-[#004976]/40 transition-all text-sm",placeholder:"Firma GmbH"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"text-sm font-medium text-[#004976]/70 block mb-1",children:"Nachricht *"}),(0,n.jsx)("textarea",{name:"message",value:e?.message??"",onChange:f,required:!0,rows:4,className:"w-full px-4 py-2.5 rounded-lg border border-[#004976]/20 text-[#004976] placeholder-[#004976]/30 focus:outline-none focus:ring-2 focus:ring-[#004976]/30 focus:border-[#004976]/40 transition-all text-sm resize-none",placeholder:"Wie k\xf6nnen wir Ihnen helfen?"})]}),(0,n.jsx)("button",{type:"submit",disabled:h,className:"w-full inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg bg-[#004976] text-white font-semibold hover:bg-[#164a68] transition-all shadow-lg shadow-[#004976]/20 text-sm disabled:opacity-60 disabled:cursor-not-allowed",children:h?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("svg",{className:"animate-spin w-4 h-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,n.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,n.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]}),"Wird gesendet…"]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.Z,{className:"w-4 h-4"}),"Nachricht senden"]})}),(0,n.jsx)("p",{className:"text-xs text-[#004976]/40 text-center",children:"Ihre Daten werden vertraulich behandelt und nicht an Dritte weitergegeben."})]})})})]})})]})}}}]);