https://utwpolska.pl/assets/HowToStart-CYmUuTDN.js

1import{r as s,j as e,S as F,m as n,e as y,A as x,a as I,p as $,U as v,B as C,g as R,x as H,s as L}from"./index-BPOcIo0n.js";import{H as U}from"./heart-BeSeK9VU.js";import{C as A}from"./check-circle-2-CYKplh2T.js";import{P as p}from"./phone-call-6IEwU4CA.js";import{C as S}from"./calendar-check-Wus9edo2.js";import{H as b}from"./headphones-DfFQaf6l.js";import{S as K}from"./sparkles-BFJY8EQx.js";import{S as V}from"./smile-eXbVLs28.js";import{C as G}from"./clock-DFdEjOku.js";function Q(i){return i.trim().toLowerCase()}function X(i){const j=Q(i);return/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/i.test(j)}function Y(i){return i.replace(/[^\d+]/g,"").slice(0,18)}function ce(){const[i,j]=s.useState(""),[l,P]=s.useState(""),[c,B]=s.useState(""),[f,O]=s.useState(""),[N,W]=s.useState(""),[k,_]=s.useState(""),[r,m]=s.useState({name:!1,phone:!1,email:!1,consent:!1}),[w,q]=s.useState(!1),[d,h]=s.useState("idle"),[M,z]=s.useState(null),[T,Z]=s.useState(0),t=s.useMemo(()=>{const a={};i.trim()||(a.name="Podaj imię."),l.trim()||(a.phone="Podaj numer telefonu.");const o=l.replace(/\D/g,"");return l.trim()&&o.length<7&&(a.phone="Wpisz poprawny numer telefonu."),c.trim()&&!X(c)&&(a.email="Wpisz poprawny adres e-mail."),w||(a.consent="Wymagana zgoda na przetwarzanie danych."),a},[w,c,i,l]),u=a=>`w-full px-5 py-3.5 rounded-xl bg-white border focus:outline-none focus:ring-4 transition-all font-medium text-primary placeholder:text-primary/55 ${a?"border-red-300 focus:border-red-400 focus:ring-red-200/50":"border-primary/[0.06] focus:border-accent/50 focus:ring-accent/10"}`,E=async()=>{h("sending"),z(null);try{const a=await fetch("/api/forms/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:i,phone:l,email:c||void 0,interest:f||void 0,message:N||void 0,company:k,consent:!0,page:typeof window<"u"?window.location.href:void 0})});if(!a.ok){const o=await a.text().catch(()=>"");throw new Error(o||"Nie udało się wysłać.")}h("success"),L("Contact")}catch(a){h("error"),z((a==null?void 0:a.message)||"Nie udało się wysłać. Spróbuj ponownie.")}},J=a=>{if(a.preventDefault(),d!=="sending"){if(m({name:!0,phone:!0,email:!0,consent:!0}),Object.keys(t).length){h("error"),z("Uzupełnij pola oznaczone na czerwono.");return}E()}};return e.jsxs("div",{className:"bg-surface min-h-screen pb-24",children:[e.jsx(F,{title:"Jak zacząć naukę języka po 50? | UTW APS",description:"Nie wiesz od czego zacząć? Pokażemy Ci krok po kroku. Przyjazna rozmowa, darmowy test poziomujący, pomoc techniczna. Bez zobowiązań, bez presji.",canonicalPath:"/jak-zaczac"}),e.jsxs("section",{className:"relative overflow-hidden bg-primary text-white",children:[e.jsx("div",{className:"absolute inset-0 bg-cover bg-center",style:{backgroundImage:"url('/images/online-laptop.jpg')"}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-primary/90 via-primary/70 to-primary/40"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-primary/30 via-transparent to-primary/70"}),e.jsx("div",{className:"container mx-auto px-6 pt-24 md:pt-28 pb-20 md:pb-24 relative",children:e.jsxs("div",{className:"max-w-7xl mx-auto grid lg:grid-cols-12 gap-10 items-center",children:[e.jsxs("div",{className:"lg:col-span-7",children:[e.jsxs(n.div,{initial:!1,animate:{opacity:1,y:0},className:"inline-flex items-center gap-2 bg-white/10 text-white/90 px-4 py-2 rounded-full font-bold text-sm border border-white/20",children:[e.jsx(U,{className:"w-4 h-4 text-accent"}),"Spokojny start bez presji"]}),e.jsxs(n.h1,{initial:!1,animate:{opacity:1,y:0},transition:{delay:.05},className:"mt-7 text-4xl md:text-5xl lg:text-6xl font-bold font-serif leading-[1.05]",children:["Nie wiesz od czego zacząć?",e.jsx("br",{className:"hidden md:block"})," Pokażemy Ci krok po kroku"]}),e.jsx(n.p,{initial:!1,animate:{opacity:1,y:0},transition:{delay:.1},className:"mt-6 text-lg md:text-xl text-white/70 font-medium leading-relaxed max-w-2xl",children:"Rozumiemy, że powrót do nauki po latach może budzić niepewność. Dlatego cały proces jest prosty, spokojny i bez zobowiązań. Jeden telefon — i już wiemy, jak Ci pomóc."}

1),e.jsx(n.div,{initial:!1,animate:{opacity:1,y:0},transition:{delay:.15},className:"mt-8 flex flex-wrap gap-x-6 gap-y-3 text-white/70 font-medium text-[15px]",children:["Darmowy test poziomujący","Bez umowy na lata","Pomagamy z technologią"].map(a=>e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(A,{className:"w-4 h-4 text-accent"}),a]},a))}),e.jsxs(n.div,{initial:!1,animate:{opacity:1,y:0},transition:{delay:.2},className:"mt-10 flex flex-wrap gap-4",children:[e.jsxs("a",{href:"tel:+48123125328",className:"inline-flex items-center gap-3 bg-accent hover:bg-accent-hover text-white px-7 py-4 rounded-2xl font-bold transition-all shadow-[0_16px_40px_rgba(212,175,55,0.3)]",children:[e.jsx(p,{className:"w-5 h-5"})," Zadzwoń: 12 312 53 28"]}),e.jsxs(y,{to:"/zapisy",className:"inline-flex items-center gap-3 bg-white/10 hover:bg-white/15 text-white px-7 py-4 rounded-2xl font-bold border border-white/15 transition-all",children:["Zapisz się ",e.jsx(x,{className:"w-5 h-5"})]})]})]}),e.jsx(n.div,{initial:!1,animate:{opacity:1,y:0},transition:{delay:.25},className:"lg:col-span-5 grid grid-cols-2 gap-3",children:[{icon:S,title:"Zapis online",desc:"Wybierasz grupę w kilka minut",color:"bg-accent/10 text-accent border-accent/20"},{icon:p,title:"Jeden telefon",desc:"Zadzwoń i wszystko ustalimy",color:"bg-blue-500/10 text-blue-500 border-blue-500/20"},{icon:b,title:"Pomoc techniczna",desc:"Przećwiczymy logowanie razem",color:"bg-green-500/10 text-green-600 border-green-500/20"},{icon:I,title:"Gwarancja spokojnego startu",desc:"Bez długich umów — w każdej chwili zmienisz grupę lub zrezygnujesz",color:"bg-rose-500/10 text-rose-600 border-rose-500/20"}].map(a=>e.jsxs("div",{className:"bg-white/[0.07] backdrop-blur-sm border border-white/[0.12] rounded-2xl p-5",children:[e.jsx("div",{className:`w-10 h-10 rounded-xl border flex items-center justify-center ${a.color}`,children:e.jsx(a.icon,{className:"w-4.5 h-4.5"})}),e.jsx("p",{className:"mt-3 font-bold text-white text-sm",children:a.title}),e.jsx("p",{className:"mt-1 text-white/50 font-medium text-xs leading-relaxed",children:a.desc})]},a.title))})]})})]}),e.jsx("section",{className:"py-20 md:py-24 bg-white border-b border-primary/[0.06]",children:e.jsxs("div",{className:"container mx-auto px-6",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-14",children:[e.jsx("p",{className:"text-accent font-bold uppercase tracking-wider text-xs",children:"4 proste kroki"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold font-serif text-primary mt-3",children:"Co się wydarzy, gdy się do nas odezwiesz?"}),e.jsx("p",{className:"mt-4 text-primary/60 font-medium leading-relaxed",children:"Zero niespodzianek. Oto dokładnie, jak wygląda droga od pierwszego kontaktu do pierwszej lekcji."})]}),e.jsx("div",{className:"grid md:grid-cols-4 gap-6 max-w-6xl mx-auto",children:[{n:"1",title:"Odezwij się",desc:"Zadzwoń, napisz lub rozwiąż darmowy test poziomujący online. To niezobowiązujące.",icon:$},{n:"2",title:"Spokojnie rozmawiamy",desc:"Dobieramy poziom, grupę i formę zajęć. Odpowiadamy na wszystkie pytania.",icon:v},{n:"3",title:"Pomagamy z techniką",desc:"Jeśli wybierasz online — przećwiczymy logowanie i obsługę programu razem z Tobą.",icon:b},{n:"4",title:"Pierwsza lekcja",desc:"Przychodzisz na pierwsze zajęcia w dobranej grupie. Bez presji — sprawdzasz, jak Ci z nami.",icon:S}].map(a=>e.jsxs(n.div,{initial:!1,whileInView:{opacity:1,y:0},viewport:{once:!0},className:"bg-surface rounded-2xl border border-primary/[0.04] p-7 shadow-soft relative",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-5",children:[e.jsx("div",{className:"w-9 h-9 rounded-lg bg-accent text-white font-bold flex items-center justify-center text-sm",children:a.n}),e.jsx("div",{className:"w-9 h-9 rounded-lg bg-primary/[0.04] flex items-center justify-center",children:e.jsx(a.icon,{className:"w-4 h-4 text-primary/50"})})]}),e.jsx("p",{className:"font-bold text-primary text-lg",children:a.title}),e.jsx("p",{className:"mt-2 text-primary/60 font-medium leading-relaxed text-sm",children:a.desc})]},a.n))}),e.jsx("div",{className:"mt-10 text-center",children:e.jsx("p",{className:"text-primary/50 font-medium text-sm",children:"Cały proces — od kontaktu do pierwszej lekcji — trwa zwykle 2–3 dni."})})]})}),e.jsx("section",{className:"py-20 md:py-24",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-7xl mx-auto grid lg:grid-cols-5 ga

1p-14 items-start",children:[e.jsxs("div",{className:"lg:col-span-2",children:[e.jsx("p",{className:"text-accent font-bold uppercase tracking-wider text-xs",children:"Rozumiemy Twoje obawy"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold font-serif text-primary mt-3",children:"Boisz się, że sobie nie poradzisz?"}),e.jsx("p",{className:"mt-5 text-primary/70 font-medium leading-relaxed",children:"To naturalne. Większość naszych słuchaczy miała dokładnie te same wątpliwości przed zapisaniem się. Oto jak je rozwiązujemy:"}),e.jsxs("div",{className:"mt-8 bg-primary rounded-2xl p-6 text-white",children:[e.jsx("p",{className:"text-white/60 font-bold uppercase tracking-wider text-xs",children:"Fakt"}),e.jsx("p",{className:"mt-3 font-bold font-serif text-xl",children:"93% osób, które przyszły na pierwsze zajęcia, zostaje z nami dłużej."}),e.jsx("p",{className:"mt-3 text-white/60 font-medium text-sm",children:"Bo widzą, że atmosfera i tempo są dopasowane do ich potrzeb."})]})]}),e.jsx("div",{className:"lg:col-span-3 grid sm:grid-cols-2 gap-5",children:[{icon:C,title:'„Mam słabą pamięć"',desc:"Metody są zaprojektowane dla dorosłych. Materiał wraca naturalnie, bez zakuwania. Wszystkie lekcje są nagrywane — możesz odtworzyć je w domu.",color:"bg-rose-500/10 text-rose-600"},{icon:b,title:'„Nie znam technologii"',desc:"Przed pierwszą lekcją online dzwonimy i krok po kroku przećwiczamy logowanie. Program jest prosty — nie wymaga instalowania niczego.",color:"bg-blue-500/10 text-blue-600"},{icon:K,title:'„Dawno się nie uczyłam"',desc:'Mamy grupy „od zera" — wszyscy zaczynają od początku. Nikt nikogo nie ocenia, nie ma jedynek ani testów.',color:"bg-green-500/10 text-green-600"},{icon:V,title:'„Boję się, że będę najsłabsza"',desc:"Grupy są dobierane po poziomie. Trafisz do osób z podobnym doświadczeniem. Lektorzy dbają, by każdy czuł się komfortowo.",color:"bg-amber-500/10 text-amber-600"}].map(a=>e.jsxs("div",{className:"bg-white rounded-2xl border border-primary/[0.04] p-6 shadow-soft hover:border-primary/10 hover:shadow-[0_8px_30px_-10px_rgba(11,36,71,0.08)] transition-all",children:[e.jsx("div",{className:`w-11 h-11 rounded-xl flex items-center justify-center ${a.color}`,children:e.jsx(a.icon,{className:"w-5 h-5"})}),e.jsx("p",{className:"mt-4 font-bold text-primary",children:a.title}),e.jsx("p",{className:"mt-2 text-primary/60 font-medium leading-relaxed text-sm",children:a.desc})]},a.title))})]})})}),e.jsx("section",{className:"py-20 md:py-24 bg-white border-y border-primary/[0.06]",children:e.jsxs("div",{className:"container mx-auto px-6",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-12",children:[e.jsx("p",{className:"text-accent font-bold uppercase tracking-wider text-xs",children:"W pakiecie"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold font-serif text-primary mt-3",children:"Co dostajesz jako słuchacz UTW?"})]}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-

15 max-w-6xl mx-auto",children:[{icon:v,title:"Małe grupy",desc:"6–12 osób. Lektor ma czas dla każdego."},{icon:R,title:"Nagrania lekcji",desc:"Każda lekcja nagrana — odtwarzasz kiedy chcesz."},{icon:G,title:"SMS-y przed lekcją",desc:"Przypomnienie SMS 24h przed zajęciami."},{icon:C,title:"Materiały w cenie",desc:"Podręcznik i ćwiczenia bez dodatkowych opłat."}].map(a=>e.jsxs("div",{className:"bg-surface rounded-2xl border border-primary/[0.04] p-6 text-center",children:[e.jsx("div",{className:"w-11 h-11 rounded-xl bg-accent/10 text-accent flex items-center justify-center mx-auto",children:e.jsx(a.icon,{className:"w-5 h-5"})}),e.jsx("p",{className:"mt-4 font-bold text-primary",children:a.title}),e.jsx("p",{className:"mt-2 text-primary/60 font-medium text-sm leading-relaxed",children:a.desc})]},a.title))})]})}),e.jsx("section",{className:"py-20 md:py-24",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("p",{className:"text-accent font-bold uppercase tracking-wider text-xs",children:"FAQ"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold font-serif text-primary mt-3",children:"Najczęstsze pytania"})]}),e.jsx("div",{className:"space-y-3",children:[{q:"Czy muszę podpisywać umowę na cały rok?",a:"Nie. Dajemy gwarancję spokojnego startu — nie wiążemy Cię długimi umowami. W dowolnym momencie możesz zmienić grupę lub zrezygnować. Poziom sprawdzisz bezpłatnym testem poziomującym."},{q:"Czy mogę najpierw przyjść na lekcję próbną?",a:H},{q:"Ile kosztują zajęcia?",a:"Cena zależy od formy (online/stacjonarnie) i częstotliwości. Szczegóły znajdziesz w cenniku lub zapytaj telefonicznie — chętnie wszystko wyjaśnimy."},{q:"Jak szybko mogę zacząć?",a:"Zwykle w ciągu tygodnia. Po rozmowie telefonicznej dobieramy grupę i umawiamy termin pierwszej lekcji."},{q:"Czy mogę zmienić grupę lub język?",a:"Tak. Jeśli coś nie pasuje — tempo, godzina, język — możemy przenieść Cię do innej grupy bez dodatkowych opłat."},{q:"Co jeśli muszę opuścić lekcję?",a:"Wszystkie lekcje online są nagrywane. Możesz obejrzeć nagranie w dowolnym momencie. Na stacjonarnych — materiały przekażemy e-mailem."},{q:"Czy potrzebuję komputera do zajęć online?",a:"Wystarczy telefon, tablet lub komputer z dostępem do internetu. Program działa w przeglądarce — nie trzeba nic instalować."}].map((a,o)=>{const g=T===o;return e.jsxs("div",{className:"bg-white rounded-2xl border border-primary/[0.04] overflow-hidden",children:[e.jsxs("button",{type:"button",onClick:()=>Z(D=>D===o?null:o),className:"w-full px-6 py-5 text-left flex items-center justify-between gap-4",children:[e.jsx("span",{className:"font-bold text-primary",children:a.q}),e.jsx("span",{className:`w-8 h-8 rounded-xl border flex items-center justify-center shrink-0 transition-colors ${g?"bg-primary text-white border-primary":"bg-surface text-primary/55 border-primary/[0.06]"}`,children:e.jsx(x,{className:`w-3.5 h-3.5 transition-transform ${g?"rotate-90":""}`})})]}),g&&e.jsx("div",{className:"px-6 pb-5 text-primary/60 font-medium leading-relaxed",children:a.a})]},a.q)})})]})})}),e.jsx("section",{className:"py-20 md:py-24 bg-white border-t border-primary/[0.06]",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-6xl mx-auto grid lg:grid-cols-5 gap-12 items-start",children:[e.jsxs("div",{className:"lg:col-span-2",children:[e.jsx("p",{className:"text-accent font-bold uppercase tracking-wider text-xs",children:"Kontakt"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold font-serif text-primary mt-3",children:"Odezwij się — pomożemy Ci zacząć"}),e.jsx("p",{className:"mt-5 text-primary/60 font-medium leading-relaxed",children:"Najszybciej zadzwonić. Nasz doradca spokojnie odpowie na pytania i pomoże dobrać zajęcia."}),e.jsxs("a",{href:"tel:+48123125328",className:"mt-8 flex items-center gap-4 bg-accent/10 border border-accent/20 rounded-2xl p-5 hover:bg-accent/15 transition-colors group",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-accent text-white flex items-center justify-center shrink-0 group-hover:scale-105 transition-transform",children:e.jsx(p,{className:"w-5 h-5"})}),e.jsxs("div",{children:[e.jsx("p",{className:"font-bold text-primary text-lg",children:"12 312 53 28"}),e.jsx("p",{className:"text-primary/50 font-medium text-sm",children:"Pon–Pt, 10:00–19:00"})]})]}),e.jsxs("div",{className:"mt-6 space-y-3",children:[e.jsxs(y,{to:"/testy-poziomujace",className:"flex items-center gap-3 text-primary/70 font-medium hover:text-accent transition-colors",children:[e.jsx(x,{className:"w-4 h-4 text-accent"}),"Rozwiąż darmowy test poziomujący"]}),e.jsxs(y,{to:"/zapisy",className:"flex items-center gap-3 text-primary/70 font-medium hover:text-accent transition-colors",children:[e.jsx(x,{className:"w-4 h-4 text-accent"}),"Zapisz się do grupy"]})]})]}),e.jsx("div",{className:"lg:col-span-3",children:e.jsxs("div",{className:"bg-surface rounded-2xl border border-primary/[0.04] p-7 md:p-9 shadow-soft",children:[e.jsx("h3",{className:"font-bold font-serif text-primary text-xl",children:"Zostaw numer — oddzwonimy"}),e.jsx("p",{className:"text-primary/50 font-medium text-sm mt-1",children:"Od

1powiadamy w ciągu 24h. Bez spamu."}),d==="success"&&e.jsx("div",{className:"bg-green-50 border border-green-200 text-green-900 rounded-xl p-5 font-medium mt-6",children:"Dziękujemy! Odezwiemy się wkrótce."}),d==="error"&&e.jsx("div",{className:"bg-red-50 border border-red-200 text-red-900 rounded-xl p-5 font-medium mt-6",children:M||"Nie udało się wysłać. Spróbuj ponownie."}),e.jsxs("form",{className:"mt-6 space-y-4",onSubmit:J,autoComplete:"on",noValidate:!0,children:[e.jsx("input",{value:k,onChange:a=>_(a.target.value),className:"hidden",tabIndex:-1,autoComplete:"off"}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"howto-name",className:"text-primary font-bold text-sm",children:"Imię"}),e.jsx("input",{type:"text",placeholder:"Jan",id:"howto-name",name:"name",autoComplete:"given-name",className:u(!!(r.name&&t.name)),value:i,onChange:a=>j(a.target.value),onBlur:()=>m(a=>({...a,name:!0})),required:!0}),r.name&&t.name?e.jsx("p",{className:"text-xs text-red-700 font-medium",children:t.name}):null]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("label",{htmlFor:"howto-phone",className:"text-primary font-bold text-sm",children:"Telefon"}),e.jsx("input",{type:"tel",placeholder:"500 123 456",id:"howto-phone",name:"phone",inputMode:"tel",autoComplete:"tel",className:u(!!(r.phone&&t.phone)),value:l,onChange:a=>P(Y(a.target.value)),onBlur:()=>m(a=>({...a,phone:!0})),required:!0}),r.phone&&t.phone?e.jsx("p",{className:"text-xs text-red-700 font-medium",children:t.phone}):null]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("label",{htmlFor:"howto-email",className:"text-primary font-bold text-sm",children:["E-mail ",e.jsx("span",{className:"text-primary/55 font-medium",children:"(opcjonalnie)"})]}),e.jsx("input",{type:"email",placeholder:"[email protected]",id:"howto-email",name:"email",autoComplete:"email",className:u(!!(r.email&&t.email)),value:c,onChange:a=>B(a.target.value),onBlur:()=>m(a=>({...a,email:!0}))}),r.email&&t.email?e.jsx("p",{className:"text-xs text-red-700 font-medium",children:t.email}):null]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("label",{className:"text-primary font-bold text-sm",children:["Co Cię interesuje? ",e.jsx("span",{className:"text-primary/55 font-medium",children:"(opcjonalnie)"})]}),e.jsxs("select",{name:"interest",autoComplete:"off",className:"w-full px-5 py-3.5 rounded-xl bg-white border border-primary/[0.06] focus:border-accent/50 focus:outline-none focus:ring-4 focus:ring-accent/10 transition-all font-medium text-primary cursor-pointer appearance-none",value:f,onChange:a=>O(a.target.value),children:[e.jsx("option",{value:"",children:"— Wybierz (nieobowiązkowe) —"}),e.jsx("option",{value:"online",children:"Zajęcia online"}),e.jsx("option",{value:"krakow",children:"Stacjonarnie — Kraków"}),e.jsx("option",{value:"warszawa",children:"Stacjonarnie — Warszawa"}),e.jsx("option",{value:"nie-wiem",children:"Jeszcze nie wiem"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("label",{className:"text-primary font-bold text-sm",children:["Wiadomość ",e.jsx("span",{className:"text-primary/55 font-medium",children:"(opcjonalnie)"})]}),e.jsx("textarea",{rows:3,placeholder:"Np. interesuje mnie angielski od podstaw, zajęcia online w godzinach porannych",id:"howto-message",name:"message",autoComplete:"off",className:`${u(!1)} resize-none`,value:N,onChange:a=>W(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("label",{className:"flex items-start gap-3 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:w,onChange:a=>{q(a.target.checked),m(o=>({...o,consent:!0}))},className:"mt-1 w-5 h-5 rounded border-primary/20 text-accent focus:ring-accent/30 cursor-pointer shrink-0"}),e.jsxs("span",{className:"text-sm text-primary/70 font-medium leading-relaxed",children:["Wyrażam zgodę na przetwarzanie moich danych osobowych w celu obsługi zapytania. Zapoznałem/am się z"," ",e.jsx("a",{href:"/polityka-prywatnosci",target:"_blank",rel:"noopener noreferrer",className:"text-accent hover:text-accent-hover underline",children:"Polityką prywatności"}),"."]})]}),r.consent&&t.consent?e.jsx("p",{className:"text-xs text-red-700 font-medium ml-8",children:t.consent}):null]}),e.jsxs("button",{type:"submit",disabled:d==="sending",className:"w-full bg-accent hover:bg-accent-hover text-white px-8 py-4 rounded-2xl font-bold transition-all flex items-center justify-center gap-3 shadow-[0_16px_40px_rgba(212,175,55,0.3)] disabled:opacity-60",children:[d==="sending"?"Wysyłamy...":"Oddzwońcie do mnie"," ",e.jsx(p,{className:"w-4 h-4"})]})]})]})})]})})}),e.jsx("section",{className:"py-20 md:py-24",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsx("div",{className:"max-w-6xl mx-auto",children:e.jsxs("div",{className:"bg-primary rounded-2xl p-8 md:p-12 text-white text-center",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold font-serif",children:"Pierwszy krok jest najprostszy"}),e.jsx("p",{className:"mt-5 text-white/70 font-medium leading-relaxed max-w-2xl mx-auto",children:"Zadzwoń lub zostaw numer, a odezwiemy się do Ciebie. Spokojnie porozmawiamy i doradzimy — bez zobowiązań, bez presji."}),e.jsxs("div",{className:"mt-8 flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsxs("a",{href:"tel:+48123125328",className:"inline-flex items-center justify-center gap-3 bg-accent hover:bg-accent-hover text-white px-8 py-4 rounded-2xl font-bold transition-all shadow-[0_16px_40px_rgba(212,175,55,0.3)]",children:[e.jsx(p,{className:"w-5 h-5"})," 12 312 53 28"]}),e.jsxs(y,{to:"/zapisy",className:"inline-flex items-center justify-center gap-3 bg-white/10 hover:bg-white/15 text-white px-8 py-4 rounded-2xl font-bold border border-white/15 transition-all",children:["Zapisz się ",e.jsx(x,{className:"w-5 h-5"})]})]})]})})})})]})}export{ce as HowToStart};