1import{c as z,j as e,m as ue,H as he,L as be,W as fe,M,S as V,C as I,G as ge,f as te,U as se,t as je,n as H,o as Y,q as ae,r as we,A as h,B as le,s as ve,k as ye,P as Ne,v as ke,e as Ce,w as Se,x as T,y as Ae,z as Ee,D as Pe,E as Me,R as G}from"./index-ByaUQ4Qy.js";import{b as d,f as Ie}from"./vendor-router-CJ8qbTQf.js";import{X as B,V as Te,t as Be,C as ze,L as _e,v as J,a as Q}from"./typical-coaching-Cdvxg4Fx.js";import{S as Le}from"./smartphone-DsPHhpD9.js";import{U as Fe}from"./user-BopFWCVu.js";import{P as We}from"./phone-ChRr-rjA.js";import{F as Re}from"./file-text-CxRSio-U.js";import{C as $e}from"./chevron-right-CsKc07nA.js";const De=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]],Oe=z("chart-column",De);const qe=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],Ue=z("circle-question-mark",qe);const Ve=[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"m9 14 2 2 4-4",key:"df797q"}]],He=z("clipboard-check",Ve);function y(x){if(!x)return null;let a;try{a=new URL(x.trim())}catch{return null}const c=a.hostname.replace(/^(www|m)\./,"");if(c==="youtu.be"){const l=a.pathname.slice(1).split("/")[0];return l?{kind:"youtube",id:l,vertical:!1}:null}if(c==="youtube.com"||c==="youtube-nocookie.com"){const[,l,p]=a.pathname.split("/");if(l==="shorts"&&p)return{kind:"youtube",id:p,vertical:!0};if(l==="embed"&&p)return{kind:"youtube",id:p,vertical:!1};if(l==="live"&&p)return{kind:"youtube",id:p,vertical:!1};const m=a.searchParams.get("v");return m?{kind:"youtube",id:m,vertical:!1}:null}return/\.(mp4|webm|ogg|mov)$/i.test(a.pathname)?{kind:"file",src:a.toString()}:null}function Ye(x){const a=y(x);if(!a||a.kind!=="youtube")return null;const c=encodeURIComponent(a.id);return a.vertical?`https://i.ytimg.com/vi/${c}/oar2.jpg`:`https://i.ytimg.com/vi/${c}/hqdefault.jpg`}function Ge({url:x,title:a,onClose:c}){const l=y(x);if(d.useEffect(()=>{const m=j=>{j.key==="Escape"&&c()};document.addEventListener("keydown",m);const g=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",m),document.body.style.overflow=g}},[c]),!l)return null;const p=l.kind==="youtube"&&l.vertical;return e.jsx("div",{className:"fixed inset-0 z-[1000] flex items-center justify-center bg-black/70 backdrop-blur-sm p-4",onClick:c,role:"dialog","aria-modal":"true","aria-label":`${a} â intro video`,children:e.jsxs("div",{className:`relative w-full ${p?"max-w-[340px]":"max-w-3xl"}`,onClick:m=>m.stopPropagation(),children:[e.jsx("button",{type:"button",onClick:c,"aria-label":"Close video",className:"absolute -top-12 right-0 w-10 h-10 rounded-full bg-white/95 text-neutral-800 shadow-lg flex items-center justify-center hover:bg-white transition-colors",children:e.jsx(B,{size:20})}),e.jsx("div",{className:`overflow-hidden rounded-2xl bg-black shadow-2xl ring-1 ring-white/10 ${p?"aspect-[9/16] max-h-[80vh] mx-auto":"aspect-video"}`,children:l.kind==="youtube"?e.jsx("iframe",{className:"w-full h-full",src:`https://www.youtube-nocookie.com/embed/${encodeURIComponent(l.id)}?autoplay=1&rel=0&modestbranding=1&playsinline=1`,title:`${a} â intro video`,allow:"autoplay; encrypted-media; picture-in-picture; fullscreen",allowFullScreen:!0,referrerPolicy:"strict-origin-when-cross-origin"}):e.jsx("video",{className:"w-full h-full",src:l.src,controls:!0,autoPlay:!0,playsInline:!0,controlsList:"nodownload"})}),e.jsx("p",{className:"mt-3 text-center text-sm font-bold text-white",children:a})]})})}const Je="/assets/webp/babblio-learner-C12-M8Yn.webp",Qe=["Morning (7â11 AM)","Afternoon (11 AMâ4 PM)","Evening (4â8 PM)","Night (8â11 PM)"],K=x=>`https://dotnet.babblio.io/lead/${x==="one_on_one"?"one-on-one":"group"}/google`,X=[{value:"one_on_one",label:"1:1 Classes"},{value:"group",label:"Group Classes"}],Ke={fontFamily:'"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, sans-serif'},Xe=[{img:T[3].img,title:"Live classes with certified tutors",desc:"Browse tutors, watch intros and book your class.",alt:"Babblio tutor directory screen"}
1,{img:T[1].img,title:"Group discussion with real learners",desc:"Speak with learners from all over India in live voice rooms.",alt:"Babblio group discussion audio room screen"},{img:T[2].img,title:"1:1 call practice",desc:"Practise on a call with a real learner from anywhere in India.",alt:"Babblio 1-on-1 voice call screen"},{img:Ae,title:"AI Roleplay & AI Interview",desc:"Rehearse real-life situations and take AI mock interviews with an instant score.",alt:"Babblio AI Roleplay and AI Mock Interview screen"},{img:Ee,title:"Check your fluency level",desc:"Find your real speaking level on the CEFR scale.",alt:"Babblio Speech Assessment screen showing CEFR level"}],u=({children:x})=>e.jsx("span",{className:"bg-gradient-to-r from-purple-600 to-fuchsia-500 bg-clip-text text-transparent",children:x}),Ze={others:["Classes only, at fixed timings","You practise only during the class","No feedback between sessions"]},Z=`${fe}?text=${encodeURIComponent("Hi, I want to know more about 1:1 English classes.")}`,et=[{icon:le,title:"Babblio Speaking App",desc:"Practise anytime with a 24/7 AI coach â group discussions and 1:1 calls with co-learners across India, plus AI roleplay, AI interviews and fluency checks, all in one app that no other institute offers.",highlight:!0},{icon:ae,title:"Certified Tutors",desc:"Learn from certified tutors who give personal feedback on your speaking."},{icon:ve,title:"Flexible Class Timing",desc:"Choose a schedule that fits your day."},{icon:He,title:"Personal Feedback",desc:"Clear feedback on grammar and pronunciation so you can see your progress."},{icon:Le,title:"Practice Anytime With The App",desc:"Use the Babblio AI tutor 24/7 between classes on Android and iOS."},{icon:te,title:"Trusted By 10,000+ Learners",desc:"Students, professionals, and job seekers across India learn with Babblio."}],ee=[{q:"What Is Babblio?",a:"Babblio is a 1:1 English speaking platform that pairs you with certified tutors for live classes, plus a mobile app with an AI coach, group discussions and 1:1 calls so you can keep practising every day."},{q:"How Much Do The English Classes Cost?",a:"Book a free trial class first â our team will share plans and pricing that fit your goals and schedule once you've tried a live session."},{q:"How Long Is Each Class?",a:"Each live 1:1 class runs for about 30â45 minutes, focused entirely on your speaking practice."},{q:"How Long Does It Take To Become Fluent In English?",a:"Most learners notice real improvement in confidence and fluency within 30 days of consistent classes and daily app practice â the exact pace depends on how often you practise."},{q:"What Happens If I Miss A Class?",a:"No problem â just message your tutor or our support team on WhatsApp to reschedule your class at a convenient time."},{q:"Will I Receive A Certificate After Completing The Course?",a:"Yes, learners who complete their course receive a certificate of completion from Babblio."},{q:"Do I Need Any Prior English Knowledge To Join?",a:"No â Babblio works for complete beginners as well as learners who want to polish an already-good level of English. Your tutor adjusts the class to your level."},{q:"Can I Talk To A Tutor Before Booking?",a:"Yes â book a free trial class and you'll get a live session with a tutor before deciding on a plan."}],tt=[{icon:Fe,text:"Live classes with certified tutors",tone:"bg-purple-100 text-purple-700"},{icon:se,text:"Group discussion with real learners from all over India",tone:"bg-purple-100 text-purple-700"},{icon:We,text:"1:1 call practice with real learners from all over India",tone:"bg-purple-100 text-purple-700"},{icon:le,text:"AI roleplay",tone:"bg-purple-100 text-purple-700"},{icon:Re,text:"AI interview",tone:"bg-purple-100 text-purple-700"},{icon:Oe,text:"Check your fluency level",tone:"bg-purple-100 text-purple-700"},{icon:ye,text:"Available 24Ã7 in the app â practise anytime, anywhere",tone:"bg-purple-100 text-purple-700"}];
1function ct(){const x=Ie(),[a,c]=d.useState({name:"",phone:"",email:"",classMode:""}),[l,p]=d.useState({}),[m,g]=d.useState(!1),[j,_]=d.useState(""),[re,b]=d.useState(!1),[o,L]=d.useState({name:"",phone:"",email:"",slot:"",classMode:""}),[n,N]=d.useState({}),[F,W]=d.useState(!1),[R,$]=d.useState(""),[ne,ie]=d.useState(0),{tutors:k,loading:C,error:D}=ue(),[S,O]=d.useState(null),A=d.useRef(null),q=t=>A.current?.scrollBy({left:t*280,behavior:"smooth"}),f=d.useRef(!1);d.useEffect(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const t=window.setInterval(()=>{const s=A.current;if(!s||f.current)return;s.scrollLeft+s.clientWidth>=s.scrollWidth-8?s.scrollTo({left:0,behavior:"smooth"}):s.scrollBy({left:280,behavior:"smooth"})},2800);return()=>window.clearInterval(t)},[]),d.useEffect(()=>{window.scrollTo(0,0)},[]);const oe=()=>{const t={};return(!a.name.trim()||a.name.trim().length<2)&&(t.name="Please enter your full name"),a.email.trim()?J(a.email.trim())||(t.email="Please enter a valid email address"):t.email="Email address is required",a.phone.trim()?Q(a.phone.trim())||(t.phone="Enter a valid 10-digit mobile number"):t.phone="Phone number is required",a.classMode||(t.classMode="Please choose 1:1 or group classes"),t},E=t=>{const{name:s}=t.target,r=s==="phone"?t.target.value.replace(/\D/g,"").slice(0,10):t.target.value;c(i=>({...i,[s]:r})),l[s]&&p(i=>({...i,[s]:""}))},de=async t=>{t.preventDefault();const s=oe();if(Object.keys(s).length>0){p(s);return}g(!0),_("");try{if(!(await fetch(K(a.classMode),{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({name:a.name.trim(),mobile:a.phone.trim(),email:a.email.trim(),classMode:a.classMode})})).ok)throw new Error("Submission failed");x(G.GoogleAdsThankYou)}catch{_("Something went wrong. Please try again or message us on WhatsApp.")}finally{g(!1)}},ce=()=>{const t={};return(!o.name.trim()||o.name.trim().length<2)&&(t.name="Please enter your full name"),o.email.trim()?J(o.email.trim())||(t.email="Please enter a valid email address"):t.email="Email address is required",o.phone.trim()?Q(o.phone.trim())||(t.phone="Enter a valid 10-digit mobile number"):t.phone="WhatsApp number is required",o.slot||(t.slot="Please choose a preferred time slot"),o.classMode||(t.classMode="Please choose 1:1 or group classes"),t},w=t=>{const{name:s}=t.target,r=s==="phone"?t.target.value.replace(/\D/g,"").slice(0,10):t.target.value;L(i=>({...i,[s]:r})),n[s]&&N(i=>({...i,[s]:""}))},xe=async t=>{t.preventDefault();const s=ce();if(Object.keys(s).length>0){N(s);return}W(!0),$("");try{if(!(await fetch(K(o.classMode),{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({name:o.name.trim(),mobile:o.phone.trim(),email:o.email.trim(),preferredSlot:o.slot,classMode:o.classMode,source:"header-demo-popup"})})).ok)throw new Error("Submission failed");b(!1),x(G.GoogleAdsThankYouDemo)}catch{$("Something went wrong. Please try again or message us on WhatsApp.")}finally{W(!1)}},P=t=>`w-full px-4 py-3 rounded-xl border text-[15px] bg-white transition-all focus:outline-none focus:ring-2 ${t?"border-red-400 bg-red-50 focus:ring-red-300":"border-neutral-200 focus:border-purple-500 focus:ring-purple-200"}`,pe=t=>e.jsxs("div",{id:t,className:"rounded-3xl bg-white border border-purple-100 shadow-2xl shadow-purple-900/10 p-4",children:[e.jsxs("h2",{className:"text-lg font-extrabold tracking-tight text-neutral-900 mb-2.5",children:["Book Your ",e.jsx(u,{children:"Trial Class"})]}),e.jsxs("form",{onSubmit:de,noValidate:!0,className:"flex flex-col gap-2",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"lead-name",className:"block text-[13px] font-bold text-neutral-700 mb-1",children:"Full name"}),e.jsx("input",{id:"lead-name",name:"name",autoComplete:"name",value:a.name,onChange:E,placeholder:"e.g. Rahul Sharma",className:P(l.name),"aria-invalid":!!l.name}),l.name&&e.jsx("p",{className:"text-xs text-red-600 mt-0.5",children:l.name})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[13px] font-bold text-neutral-700 mb-1",children:"Mobile number"}),e.jsxs("div",{className:"flex",children:[e.jsx("span",{className:"inline-flex items-center px-3.5 py-3 rounded-l-xl border border-r-0 border-neutral-200 bg-neutral-50 text-xs font-semibold text-neutral-600",children:"+91"}),e.jsx("input",{name:"phone",type:"tel",inputMode:"numeric",autoComplete:"tel-national",value:a.p
1hone,onChange:E,placeholder:"10-digit number",className:`${P(l.phone)} !rounded-l-none`,"aria-invalid":!!l.phone})]}),l.phone&&e.jsx("p",{className:"text-xs text-red-600 mt-0.5",children:l.phone})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[13px] font-bold text-neutral-700 mb-1",children:"Email"}),e.jsx("input",{name:"email",type:"email",autoComplete:"email",value:a.email,onChange:E,placeholder:"[email protected]",className:P(l.email),"aria-invalid":!!l.email}),l.email&&e.jsx("p",{className:"text-xs text-red-600 mt-0.5",children:l.email})]}),e.jsxs("div",{role:"group","aria-labelledby":"lead-classmode-label",children:[e.jsx("span",{id:"lead-classmode-label",className:"block text-[13px] font-bold text-neutral-700 mb-1",children:"Preferred Class Mode"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:X.map(s=>{const r=a.classMode===s.value;return e.jsx("button",{type:"button","aria-pressed":r,onClick:()=>{c(i=>({...i,classMode:s.value})),l.classMode&&p(i=>({...i,classMode:""}))},className:`py-2 rounded-xl border text-xs font-bold transition-all ${r?"bg-gradient-to-r from-purple-600 to-fuchsia-600 border-transparent text-white shadow-md":"border-neutral-200 text-neutral-600 hover:border-purple-300"}`,children:s.label},s.value)})}),l.classMode&&e.jsx("p",{className:"text-xs text-red-600 mt-1",children:l.classMode})]}),j&&e.jsx("p",{role:"alert",className:"text-xs text-red-600 bg-red-50 border border-red-200 rounded-xl px-3 py-2",children:j}),e.jsx("button",{type:"submit",disabled:m,className:"mt-1.5 inline-flex items-center justify-center gap-2 w-full py-3 rounded-full bg-gradient-to-r from-purple-600 to-fuchsia-600 hover:from-purple-700 hover:to-fuchsia-700 disabled:opacity-70 text-white font-extrabold text-[15px] shadow-xl shadow-purple-600/30 transition-all hover:-translate-y-0.5",children:m?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin"}),"Submittingâ¦"]}):e.jsxs(e.Fragment,{children:["Book Trial Class ",e.jsx(h,{size:17})]})}),e.jsxs("p",{className:"flex items-center justify-center gap-1.5 text-[11px] text-neutral-500 text-center",children:[e.jsx(_e,{size:11})," Your details are safe. See our"," ",e.jsx("a",{href:"/PrivacyPolicy",target:"_blank",rel:"noopener noreferrer",className:"underline hover:text-neutral-700",children:"Privacy Policy"}),"."]})]})]}),v=t=>`w-full px-4 py-3 rounded-xl border text-[15px] bg-white transition-all focus:outline-none focus:ring-2 ${t?"border-red-400 bg-red-50 focus:ring-red-300":"border-neutral-200 focus:border-purple-500 focus:ring-purple-200"}`,me=()=>re&&e.jsx("div",{className:"fixed inset-0 z-[999] flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",onClick:()=>b(!1),role:"dialog","aria-modal":"true","aria-label":"Book your demo class",children:e.jsxs("div",{className:"relative w-full max-w-3xl bg-white rounded-3xl shadow-2xl overflow-hidden max-h-[90vh] overflow-y-auto",onClick:t=>t.stopPropagation(),children:[e.jsx("button",{onClick:()=>b(!1),"aria-label":"Close",className:"absolute top-4 right-4 z-10 w-9 h-9 rounded-full bg-white/90 border border-neutral-200 shadow flex items-center justify-center hover:bg-neutral-100 transition-colors",children:e.jsx(B,{size:18})}),e.jsxs("div",{className:"grid md:grid-cols-2",children:[e.jsxs("div",{className:"order-1 md:order-2 p-6 sm:p-8",children:[e.jsx("h2",{className:"text-2xl font-extrabold tracking-tight text-neutral-900",children:"Book Your Demo Class"}),e.jsx("p",{className:"text-sm text-neutral-500 mt-1 mb-6",children:"Share your details â our team will call you to schedule your class."}),e.jsxs("form",{onSubmit:xe,noValidate:!0,className:"flex flex-col gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"demo-name",className:"block text-[13px] font-bold text-neutral-700 mb-1.5",children:"Full Name"}),e.jsx("input",{id:"demo-name",name:"name",autoComplete:"name",value:o.name,onChange:w,placeholder:"e.g. Rahul Sharma",className:v(n.name),"aria-invalid":!!n.name}),n.name&&e.jsx("p",{className:"text-xs text-red-600 mt-1",children:n.name})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"demo-phone",className:"block text-[13px] font-bold text-neutral-700 mb-1.5",children:"WhatsApp Number"}),e.jsxs("div",{className:"flex",children:[e.jsx("span",{className:"inline-flex items-center px-4 roun
1ded-l-xl border border-r-0 border-neutral-200 bg-neutral-50 text-sm font-semibold text-neutral-600",children:"+91"}),e.jsx("input",{id:"demo-phone",name:"phone",type:"tel",inputMode:"numeric",autoComplete:"tel-national",value:o.phone,onChange:w,placeholder:"10-digit number",className:`${v(n.phone)} !rounded-l-none`,"aria-invalid":!!n.phone})]}),n.phone&&e.jsx("p",{className:"text-xs text-red-600 mt-1",children:n.phone})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"demo-email",className:"block text-[13px] font-bold text-neutral-700 mb-1.5",children:"Email Address"}),e.jsx("input",{id:"demo-email",name:"email",type:"email",autoComplete:"email",value:o.email,onChange:w,placeholder:"[email protected]",className:v(n.email),"aria-invalid":!!n.email}),n.email&&e.jsx("p",{className:"text-xs text-red-600 mt-1",children:n.email})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"demo-slot",className:"block text-[13px] font-bold text-neutral-700 mb-1.5",children:"Preferred Time Slot"}),e.jsxs("select",{id:"demo-slot",name:"slot",value:o.slot,onChange:w,className:v(n.slot),"aria-invalid":!!n.slot,children:[e.jsx("option",{value:"",children:"Select a time slot"}),Qe.map(t=>e.jsx("option",{value:t,children:t},t))]}),n.slot&&e.jsx("p",{className:"text-xs text-red-600 mt-1",children:n.slot})]}),e.jsxs("div",{role:"group","aria-labelledby":"demo-classmode-label",children:[e.jsx("span",{id:"demo-classmode-label",className:"block text-[13px] font-bold text-neutral-700 mb-1.5",children:"Preferred Class Mode"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:X.map(t=>{const s=o.classMode===t.value;return e.jsx("button",{type:"button","aria-pressed":s,onClick:()=>{L(r=>({...r,classMode:t.value})),n.classMode&&N(r=>({...r,classMode:""}))},className:`py-2.5 rounded-xl border text-sm font-bold transition-all ${s?"bg-gradient-to-r from-purple-600 to-fuchsia-600 border-transparent text-white shadow-md":"border-neutral-200 text-neutral-600 hover:border-purple-300"}`,children:t.label},t.value)})}),n.classMode&&e.jsx("p",{className:"text-xs text-red-600 mt-1.5",children:n.classMode})]}),R&&e.jsx("p",{role:"alert",className:"text-sm text-red-600 bg-red-50 border border-red-200 rounded-xl px-4 py-3",children:R}),e.jsx("button",{type:"submit",disabled:F,className:"mt-1 inline-flex items-center justify-center gap-2 w-full py-4 rounded-full bg-gradient-to-r from-purple-600 to-fuchsia-600 hover:from-purple-700 hover:to-fuchsia-700 disabled:opacity-70 text-white font-extrabold text-[15px] shadow-xl shadow-purple-600/30 transition-all hover:-translate-y-0.5",children:F?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin"}),"Submittingâ¦"]}):e.jsxs(e.Fragment,{children:["Book Demo Class ",e.jsx(h,{size:18})]})})]})]}),e.jsxs("div",{className:"order-2 md:order-1 p-6 sm:p-8 bg-purple-50 flex flex-col justify-center",children:[e.jsxs("h3",{className:"text-xl font-extrabold tracking-tight text-neutral-900 mb-5",children:["Why Learn With ",e.jsx(u,{children:"Babblio?"})]}),e.jsx("ul",{className:"flex flex-col gap-3.5",children:["1:1 Personal Attention","Certified Tutors","Flexible Class Timing","Personal Feedback On Your Speaking","Trusted By 10,000+ Learners"].map(t=>e.jsxs("li",{className:"flex items-center gap-3 font-semibold text-neutral-800 text-[15px]",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0",children:e.jsx(I,{size:14,strokeWidth:3.5})}),t]},t))})]})]})]})});return e.jsxs("div",{className:"min-h-screen bg-[linear-gradient(90deg,#faf4f7_0%,#fdf8ef_100%)] text-neutral-900 antialiased pt-16 pb-20 sm:pb-0",style:Ke,children:[e.jsxs(he,{children:[e.jsx("title",{children:"Live English Speaking Classes with Certified Tutors | Babblio"}),e.jsx("meta",{name:"description",content:"Book a trial class: live English speaking classes with certified tutors, plus the Babblio app with an AI coach and real learners to practise with every day."}),e.jsx("meta",{name:"robots",content:"noindex, nofollow"}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:ee.map(t=>
1({"@type":"Question",name:t.q,acceptedAnswer:{"@type":"Answer",text:t.a}}))})})]}),e.jsx("header",{className:"fixed top-0 left-0 right-0 z-40 bg-white/90 backdrop-blur-md border-b border-purple-100",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6 h-16 flex items-center justify-between gap-3",children:[e.jsx(be,{tagline:!0,linkable:!1}),e.jsxs("div",{className:"flex items-center gap-2 sm:gap-3",children:[e.jsxs("a",{href:Z,target:"_blank",rel:"noopener noreferrer",className:"hidden sm:inline-flex items-center gap-2 px-4 sm:px-5 py-2.5 rounded-full bg-emerald-50 text-emerald-700 hover:bg-emerald-100 border border-emerald-200 text-[13px] sm:text-[14px] font-bold transition-all",children:[e.jsx(M,{size:17})," Chat With Us"]}),e.jsx("button",{type:"button",onClick:()=>b(!0),className:"hidden sm:inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-gradient-to-r from-purple-600 to-fuchsia-600 hover:from-purple-700 hover:to-fuchsia-700 text-white text-[13px] sm:text-[14px] font-bold shadow-lg shadow-purple-600/25 transition-all",children:"Book Demo Class"})]})]})}),e.jsxs("div",{className:"sm:hidden fixed bottom-0 left-0 right-0 z-40 bg-white border-t border-purple-100 shadow-[0_-4px_16px_-4px_rgba(0,0,0,0.1)] px-3 py-2.5 flex items-center gap-2",children:[e.jsxs("a",{href:Z,target:"_blank",rel:"noopener noreferrer",className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200 text-[13px] font-bold",children:[e.jsx(M,{size:16})," Chat With Us"]}),e.jsx("button",{type:"button",onClick:()=>b(!0),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-full bg-gradient-to-r from-purple-600 to-fuchsia-600 text-white text-[13px] font-bold shadow-lg shadow-purple-600/25",children:"Book Demo Class"})]}),me(),S&&e.jsx(Ge,{url:S.url,title:S.name,onClose:()=>O(null)}),e.jsxs("section",{className:"relative overflow-hidden",children:[e.jsx("div",{className:"absolute -top-24 left-1/2 -translate-x-1/2 w-[900px] h-[420px] bg-gradient-to-r from-purple-400/20 via-amber-200/30 to-fuchsia-300/20 blur-3xl rounded-full pointer-events-none"}),e.jsxs("div",{className:"relative max-w-6xl mx-auto px-4 sm:px-6 pt-5 pb-6 sm:pt-6 sm:pb-8 grid lg:grid-cols-[1.1fr_0.9fr] gap-10 lg:gap-14 items-start",children:[e.jsxs("div",{className:"flex flex-col gap-3.5 text-center lg:text-left items-center lg:items-start",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-white/80 border border-purple-200 text-purple-700 font-extrabold text-[11px] uppercase tracking-wider shadow-sm",children:[e.jsx(V,{size:13})," Live Classes + Practice App"]}),e.jsxs("h1",{className:"text-3xl sm:text-4xl lg:text-[36px] font-extrabold tracking-tight leading-[1.18]",children:["Speak English Confidently With ",e.jsx(u,{children:"1:1 English Speaking Classes"})," By Certified Tutors"]}),e.jsx("p",{className:"text-sm text-neutral-600 leading-relaxed max-w-xl",children:"Join live English speaking classes with certified tutors, then practise every day in the Babblio app â with an AI coach and real learners. Classes teach you; daily practice makes you fluent."}),e.jsx("ul",{className:"flex flex-col gap-2 text-left w-full",children:e.jsxs("li",{className:"flex items-center gap-3 font-semibold text-neutral-800",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0",children:e.jsx(I,{size:14,strokeWidth:3.5})}),"Live classes with certified tutors â personal feedback on your speaking"]})}),e.jsx("div",{className:"flex flex-wrap items-center gap-2.5",children:[{value:"5 Lakh+",label:"Learners"},{value:"4.8â
",label:"Rating"},{value:"30 Days",label:"To Fluency"}].map(t=>e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-4 py-2 rounded-full bg-white border border-purple-100 shadow-sm",children:[e.jsx("span",{className:"text-sm font-extrabold text-purple-700",children:t.value}),e.jsx("span",{className:"text-[11px] font-semibold text-neutral-500",children:t.label})]},t.value))})]}),e.jsx("div",{className:"w-full",children:pe("lead-form")})]})]}),e.jsxs("section",{className:"relative overflow-hidden bg-gradient-to-b from-white via-[#faf5ff] to-white border-y border-purple-100 py-10 sm:py-12",children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute -top-24 -left-24 w-72 h-72 rounded-full bg-purple-200/40 blur-3xl"}),e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute -bottom-24 -right-24 w-72 h-72 rounded-full bg-fuchsia-200/40 blur-3xl"}),e.jsxs("div",{className:"relative max-w-6xl mx-auto px-4 sm:px-6",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-8",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-purple-50 border border-purple-200 text-purple-700 font-extrabold text-[11px] uppercase tracking-wider mb-4",children:[e.jsx(ge,{size:14})," Expert human guidance"]}),e.jsxs("h2",{className:"text-3xl sm:text-4xl font-extrabold tracking-tight leading-[1.15] mb-3",children:["Learn with ",e.jsx(u,{children:"certified English tutors"})]}),e.jsx("p",{className:"text-neutral-600 leading-relaxed",children:"Practice with AI anytime, and get personal feedback from experienced speaking coaches."}),e.jsx("div",{className:"flex flex-wrap items-center justify-center gap-2 mt-5",children:[{icon:te,label:"Certified tutors"},{icon:M,label:"Personal speaking feedback"},{icon:se,label:"1:1 & group classes"}].map(({icon:t,label:s})=>e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white border border-purple-100 shadow-sm text-xs font-bold text-neutral-700",children:[e.jsx(t,{size:14,className:"text-purple-600"})," ",s]},s))})]}),C&&e.jsx("div",{className:"grid gap-6 md:grid-cols-3 max-w-sm md:max-w-none mx-auto",children:[0,1,2].map(t=>e.jsxs("div",{className:"rounded-3xl border border-purple-100 bg-white p-3 animate-pulse",children:[e.jsx("div",{className:"h-64 roun
1ded-2xl bg-neutral-200"}),e.jsxs("div",{className:"pt-4 px-2 pb-2 flex flex-col gap-2",children:[e.jsx("div",{className:"h-3 w-1/2 rounded bg-neutral-200"}),e.jsx("div",{className:"h-3 w-full rounded bg-neutral-200"}),e.jsx("div",{className:"h-9 w-full rounded-xl bg-neutral-200 mt-2"})]})]},t))}),!C&&(D||k.length===0)&&e.jsx("p",{className:"text-center text-sm text-neutral-500 py-6",children:"Unable to load tutors right now â please check back shortly, or book your trial class and we'll match you with one."}),!C&&!D&&k.length>0&&e.jsx("div",{className:"relative",children:e.jsx("div",{className:"grid gap-6 md:grid-cols-3 max-w-sm md:max-w-none mx-auto",children:k.map(t=>{const s=je(t.fullName);return e.jsxs("article",{className:"group flex flex-col rounded-[28px] bg-white p-2.5 border border-purple-100 shadow-[0_8px_30px_-12px_rgba(88,28,135,0.25)] hover:shadow-[0_20px_45px_-15px_rgba(147,51,234,0.4)] hover:-translate-y-1 transition-all duration-300",children:[e.jsxs("div",{className:"relative h-72 rounded-[20px] overflow-hidden bg-neutral-100",children:[e.jsx("img",{src:Ye(t.introVideoUrl)??H(t),alt:s,loading:"lazy",onError:r=>{const i=r.currentTarget,U=H(t);i.src!==U&&(i.src=U)},className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"}),e.jsx("div",{"aria-hidden":"true",className:"absolute inset-x-0 bottom-0 h-40 bg-gradient-to-t from-[#2e0a4f] via-[#2e0a4f]/60 to-transparent"}),e.jsx("span",{className:`absolute top-3 left-3 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-lg flex items-center gap-1 ${t.rating>0?"bg-emerald-600":"bg-white/20 backdrop-blur-md ring-1 ring-white/40"}`,children:t.rating>0?e.jsxs(e.Fragment,{children:[e.jsx(Y,{size:12,fill:"currentColor",strokeWidth:0})," ",t.rating.toFixed(1)," Rated"]}):e.jsxs(e.Fragment,{children:[e.jsx(ae,{size:12})," Certified Tutor"]})}),y(t.introVideoUrl)&&e.jsxs("span",{className:"absolute top-3 right-3 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider bg-black/55 backdrop-blur-md text-white ring-1 ring-white/30 flex items-center gap-1",children:[e.jsx(Te,{size:11})," Intro video"]}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 p-4 pr-16",children:[e.jsx("h3",{className:"font-extrabold text-xl leading-tight text-white drop-shadow",children:s}),t.expertise[0]&&e.jsx("p",{className:"text-xs font-semibold text-purple-200 mt-1 truncate",children:t.expertise[0].name})]}),y(t.introVideoUrl)&&e.jsx("button",{type:"button",onClick:()=>O({url:t.introVideoUrl,name:s}),"aria-label":`Watch ${s}'s intro video`,className:"absolute inset-0 cursor-pointer focus:outline-none focus-visible:ring-4 focus-visible:ring-purple-400/70 rounded-[20px]",children:e.jsxs("span",{className:"absolute bottom-4 right-4 flex items-center justify-center",children:[e.jsx("span",{"aria-hidden":"true",className:"absolute w-12 h-12 rounded-full bg-white/60 animate-ping"}),e.jsx("span",{className:"relative w-12 h-12 rounded-full bg-white text-purple-700 flex items-center justify-center shadow-xl ring-4 ring-white/30 group-hover:scale-110 transition-transform",children:e.jsx(we,{size:28,strokeWidth:1.75})})]})})]}),e.jsxs("div",{className:"flex flex-col flex-1 gap-3 pt-3.5 px-1.5 pb-1.5",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{className:"rounded-xl bg-purple-50 px-3 py-2",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-wider text-purple-500",children:"Experience"}),e.jsx("p",{className:"text-sm font-extrabold text-neutral-900",children:t.teachingExperience>0?`${t.teachingExperience}+ yrs`:"Certified"})]}),e.jsxs("div",{className:"rounded-xl bg-fuchsia-50 px-3 py-2 min-w-0",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-wider text-fuchsia-500",children:"Mother tongue"}),e.jsx("p",{className:"text-sm font-extrabold text-neutral-900 truncate",children:t.nativeLanguage||"English"})]})]}),t.about&&e.jsx("p",{className:"text-[13px] text-neutral-600 leading-relaxed line-clamp-3",children:t.about}),t.expertise.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.expertise.slice(0,3).map(r=>e.jsx("span",{className:"px-2.5 py-1 rounded-full bg-white border border-purple-200 text-purple-700 text-[11px] font-bold",children:r.name},r.expertiseId))}),e.jsxs("a",{href:"#lead-form",className:"mt-auto inline-flex items-center justify-center gap-2 w-full py-2.5 rounded-xl bg-gradient-to-r from-purple-600 to-fuchsia-600 hover:from-purple-700 hover:to-fuchsia-700 text-white font-extrabold text-sm shadow-lg shadow-purple-600/25 transition-all",children:["Book a class ",e.jsx(h,{size:16})]})]})]},t.tutorId)})})}),e.jsx("div",{className:"text-center mt-4",children:e.jsxs("a",{href:"#lead-form",className:"inline-flex items-center justify-center gap-2 px-7 py-3.5 rounded-full bg-gradient-to-r from-purple-600 to-fuchsia-600 hover:from-purple-700 hover:to-fuchsia-700 text-white font-extrabold text-[15px] shadow-xl shadow-purple-600/30 transition-all hover:-translate-y-0.5",children:["Join English Classes ",e.jsx(h,{size:18})]})})]})]}),e.jsx("section",{className:"py-10 sm:py-12",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-9",children:[e.jsxs("h2",{className:"text-3xl sm:text-4xl font-extrabold tracking-tight mb-3",children:["Why Choose ",e.jsx(u,{children:"Babblio?"})]}),e.jsx("p",{className:"text-neutral-600",children:"Everything you need to actually start speaking English with confidence."})]}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-5",children:et.map(({icon:t,title:s,desc:r,highlight:i})=>e.jsxs("div",{className:`relative rounded-3xl p-6 flex flex-col gap-3 transition-shadow ${i?"bg-gradient-to-br from-purple-600 to-fuchsia-600 text-white shadow-2xl shadow-purple-600/30 ring-2 ring-purple-300 sm:scale-[1.03]":"bg-white border border-purple-100 shadow-sm hover:shadow-xl"}`,children:[i&&e.jsx("span",{className:"absolute -top-3 right-5 text-[10px] font-extrabold uppercase tracking-wider px-3 py-1 rounded-full bg-amber-400 text-purple-900 shadow-md",children:"Only With Babblio"}),e.jsx("span",{className:`w-12 h-12 rounded-2xl flex items-center justify-center shadow-lg ${i?"bg-white/20 text-white":"bg-gradient-to-br from-purple-600 to-fuchsia-600 text-white shadow-purple-600/25"}`,children:e.jsx(t,{size:22})}),e.jsx("h3",{className:`text-lg font-extrabold tracking-tight ${i?"text-white":"text-neutral-900"}`,children:s}),e.jsx("p",{className:`text-sm leading-relaxed ${i?"text-purple-100":"text-neutral-600"}`,children:r})]},s))}),e.jsx("div",{className:"text-center mt-9",children:e.jsxs("a",{href:"#lead-form",className:"inline-flex items-center justify-center gap-2 px-7 py-3.5 rounded-full bg-gradient-to-r from-purple-600 to-fuchsia-600 hover:from-purple-700 hover:to-fuchsia-700 text-white font-extrabold text-[15px] shadow-xl shadow-purple-600/30 transition-all hover:-translate-y-0.5",children:["Join English Classes ",e.jsx(h,{size:18})]})})]})}),e.jsx("section",{className:"py-5 overflow-hidden",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6",children:[e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-6",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-purple-50 border border-purple-200 text-purple-700 font-extrabold text-xs uppercase tracking-wider mb-2 !py-1 !text-[11px]",children:[e.jsx(V,{size:12})," Why Babblio is different"]}),e.jsxs("h2",{className:"text-2xl sm:text-3xl lg:text-[32px] font-extrabold tracking-tight leading-[1.15]",children:["Classes alone won't make you fluent.",e.jsx("span",{className:"block mt-1 bg-gradient-to-r from-purple-600 via-fuchsia-500 to-amber-500 bg-clip-text text-transparent",children:"Practice will."})]}),e.jsxs("p",{className:"text-sm text-neutral-600 leading-relaxed mt-2 max-w-xl mx-auto",children:["Most coaching gives you classes and nothing more. With Babblio you get both â live classes with expert tutors ",e.jsx("strong",{className:"text-neutral-900",children:"and"})," the Babblio app, so you keep speaking every single day."]})]}),e.jsxs("div",{className:"relative grid lg:grid-cols-[0.8fr_1.2fr] gap-4 lg:gap-9 max-w-4xl mx-auto mb-7 items-stretch",children:[e.jsxs("div",{className:"hidden lg:flex absolute left-[40%] top-0 bottom-0 -translate-x-1/2 z-10 flex-col items-center pointer-events-none","aria-hidden":"true",children:[e.jsx("span",{className:"flex-1 border-l-2 border-dashed border-purple-200"}),e.jsx("span",{className:"w-9 h-9 rounded-full bg-gradient-to-br from-purple-600 to-fuchsia-600 text-white font-extrabold text-xs flex items-center justify-center ring-4 ring-purple-100 shadow-xl shadow-purple-600/30",children:"VS"}),e.jsx("span",{className:"flex-1 border-l-2 border-dashed border-purple-200"})]}),e.jsxs("div",{className:"relative flex flex-col overflow-hidden rounded-[2rem] border border-neutral-200 bg-white shadow-sm",children:[e.jsxs("div",{className:"p-4 pb-0",children:[e.jsx("h3",{className:"text-xl font-extrabold tracking-tight text-neutral-900",children:"Typical coaching"}),e.jsx("p",{className:"text-neutral-500 mt-0.5 text-sm",children:"Limited practice. Slower progress."}),e.jsx("ul",{className:"flex flex-col gap-2 mt-3",children:Ze.others.map(t=>e.jsxs("li",{className:"flex items-center gap-2.5 text-neutral-700 text-[13px]",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-red-100 text-red-500 flex items-center justify-center shrink-0",children:e.jsx(B,{size:13,strokeWidth:3})}),t]},t))})]}),e.jsx("div",{className:"relative mt-auto pt-2",children:e.jsx("img",{src:Be,alt:"A frustrated learner who only practises during class",loading:"lazy",className:"w-full h-auto block [mask-image:linear-gradient(to_bottom,transparent,black_18%)]"})})]}),e.jsx("div",{className:"relative overflow-hidden rounded-[2rem] p-[2px] bg-gradient-to-br from-purple-400 via-fuchsia-300 to-amber-300 shadow-2xl shadow-purple-600/15",children:e.jsxs("div",{className:"relative h-full rounded-[calc(2rem-2px)] bg-gradient-to-br from-white via-purple-50/70 to-amber-50 p-4 overflow-hidden",children:[e.jsxs("h3",{className:"text-xl sm:text-2xl font-extrabold tracking-tight text-neutral-900",children:[e.jsx("span",{className:"text-purple-700",children:"Babblio"})," = Classes + App"]}),e.jsx("p",{className:"mt-1 text-sm font-bold text-purple-700",children:"(Practise with co-learners from all over the world)"}),e.jsx("p",{className:"text-neutral-500 mt-0.5 text-sm",children:"More practice. Faster fluency. Anytime, anywhere."}),e.jsx("span",{className:"block w-14 h-1 rounded-full bg-amber-400 mt-1.5 mb-3"}),e.jsx("ul",{className:"relative z-10 flex flex-col gap-1 md:max-w-[70%]",children:tt.map(({icon:t,text:s,tone:r})=>e.jsxs("li",{className:"flex items-center gap-3 rounded-lg bg-white/90 border border-purple-50 shadow-sm px-2.5 py-1",children:[e.jsx("span",{className:"w-4 h-4 rounded-full bg-emerald-500 text-white flex items-center justify-center shrink-0",children:e.jsx(I,{size:10,strokeWidth:3.5})}),e.jsx("span",{className:`w-6 h-6 rounded-md flex items-center justify-center shrink-0 ${r}`,children:e.jsx(t,{size:18})}),e.jsx("span",{className:"text-[12.5px] font-medium text-neutral-800 leading-snug",children:s})]},s))}),e.jsxs("div",{className:"relative z-10 flex flex-wrap gap-2 mt-3",children:[e.jsxs("a",{href:Ne,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-lg bg-black hover:bg-neutral-800 text-white transition-colors shadow-md",children:[e.jsx(ke,{size:18}),e.jsxs("span",{className:"flex flex-col leading-tight text-left",children:[e.jsx("span",{className:"text-[9px] uppercase tracking-wide text-neutral-400",children:"Get it on"}),e.jsx("span",{className:"text-sm font-bold",children:"Google Play"})]})]}),e.jsxs("a",{href:Ce,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-lg bg-black hover:bg-neutral-800 text-white transition-colors shadow-md",children:[e.jsx(Se,{size:18}),e.jsxs("span",{className:"flex flex-col leading-tight text-left",children:[e.jsx("span",{className:"text-[9px] uppercase tracking-wide text-neutral-400",children:"Download on the"}),e.jsx("span",{className:"text-sm font-bold",children:"App Store"})]})]})]}),e.jsx("img",{src:Je,alt:"A happy learner practising with Babblio",loading:"lazy",className:"hidden md:block absolute right-0 bottom-0 w-[30%] max-w-[240px] h-auto pointer-events-none",style:{WebkitMaskImage:"linear-gradient(to left, black 80%, transparent), linear-gradient(to bottom, transparent, black 22%)",WebkitMaskComposite:"source-in",maskImage:"linear-gradient(to left, black 80%, transparent), linear-gradient(to bottom, transparent, black 22%)",maskComposite:"intersect"}})]})})]}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 mb-3 px-4 py-1.5 rounded-full bg-emerald-50 border border-emerald-200 text-emerald-700 text-[13px] font-extrabold",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-emerald-500 animate-pulse"})," Available 24Ã7 in the app"]}),e.jsxs("h3",{className:"text-2xl sm:text-3xl font-extrabold tracking-tight mb-2",children:["Everything inside the ",e.jsx(u,{children:"Babblio app"})]}),e.jsx("p",{className:"text-neutral-600",children:"Everything you'll practise with â it keeps scrolling, or swipe yourself."})]}),e.jsxs("div",{className:"relative",children:[e.jsx("button",{type:"button","aria-label":"Previous screens",onClick:()=>q(-1),className:"hidden md:flex absolute top-1/2 -translate-y-1/2 z-10 w-11 h-11 rounded-full bg-white border border-purple-100 shadow-lg text-purple-700 items-center justify-center hover:bg-purple-50 transition-colors -left-5",children:e.jsx(ze,{size:20})}),e.jsx("button",{type:"button","aria-label":"Next screens",onClick:()=>q(1),className:"hidden md:flex absolute top-1/2 -translate-y-1/2 z-10 w-11 h-11 rounded-full bg-white border border-purple-100 shadow-lg text-purple-700 items-center justify-center hover:bg-purple-50 transition-colors -right-5",children:e.jsx($e,{size:20})}),e.jsx("div",{ref:A,onMouseEnter:()=>{f.current=!0},onMouseLeave:()=>{f.current=!1},onTouchStart:()=>{f.current=!0},onTouchEnd:()=>{window.setTimeout(()=>{f.current=!1},4e3)},className:"flex gap-8 overflow-x-auto snap-x snap-mandatory scroll-smooth pt-2 pb-3 -mx-4 px-4 sm:mx-0 sm:px-2 no-scrollbar","aria-label":"App screens (scroll horizontally)",children:Xe.map(t=>e.jsxs("figure",{className:"snap-center shrink-0 w-[230px] sm:w-[250px] flex flex-col items-center gap-5 self-start",children:[e.jsx("div",{className:"w-full rounded-[2.5rem] p-2.5 bg-gradient-to-b from-neutral-200 to-neutral-400 ring-1 ring-neutral-300 shadow-[0_25px_60px_-15px_rgba(147,51,234,0.35)]",children:e.jsx("div",{className:"overflow-hidden rounded-[2rem] bg-white aspect-[9/19]",children:e.jsx("img",{src:t.img,alt:t.alt,loading:"lazy",className:"w-full h-full object-contain object-top block"})})}),e.jsxs("figcaption",{className:"text-center",children:[e.jsx("span",{className:"block font-extrabold text-base",children:t.title}),e.jsx("span",{className:"block text-sm text-neutral-600 leading-relaxed mt-1",children:t.desc})]})]},t.title))})]})]})}),e.jsx("section",{className:"py-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6",children:[e.jsxs("div",{className:"text-center mb-7",children:[e.jsxs("h2",{className:"text-3xl sm:text-4xl font-extrabold tracking-tight mb-3",children:["Learners love speaking with ",e.jsx(u,{children:"Babblio"})]}),e.jsxs("div",{className:"inline-flex items-center gap-2 text-amber-500",children:[Array.from({length:5},(t,s)=>
1e.jsx(Y,{size:18,fill:"currentColor",strokeWidth:0},s)),e.jsx("span",{className:"text-sm font-bold text-neutral-700 ml-1",children:"4.8 app rating"})]})]}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-5",children:Pe.slice(0,6).map(t=>e.jsxs("figure",{className:"rounded-3xl border border-purple-100 bg-white p-6 flex flex-col gap-4",children:[e.jsxs("blockquote",{className:"text-[15px] text-neutral-700 leading-relaxed flex-1",children:["â",t.feedback,"â"]}),e.jsxs("figcaption",{className:"flex items-center gap-3 pt-4 border-t border-purple-100",children:[e.jsx("img",{src:t.image,alt:t.name,loading:"lazy",className:"w-11 h-11 rounded-full object-cover ring-2 ring-white shadow"}),e.jsxs("span",{className:"flex flex-col leading-tight",children:[e.jsx("span",{className:"font-bold text-sm",children:t.name}),e.jsx("span",{className:"text-xs text-neutral-500",children:t.role})]})]})]},t.name))})]})}),e.jsx("section",{className:"py-8 sm:py-10",children:e.jsxs("div",{className:"max-w-3xl mx-auto px-4 sm:px-6",children:[e.jsxs("div",{className:"text-center max-w-xl mx-auto mb-8",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 text-purple-700 font-bold text-xs uppercase tracking-wider mb-3",children:[e.jsx(Ue,{size:16})," FAQs"]}),e.jsxs("h2",{className:"text-3xl sm:text-4xl font-extrabold tracking-tight",children:["Frequently Asked ",e.jsx(u,{children:"Questions"})]})]}),e.jsx("div",{className:"flex flex-col gap-3",children:ee.map((t,s)=>{const r=ne===s;return e.jsxs("div",{className:"rounded-2xl border border-purple-100 bg-white overflow-hidden",children:[e.jsxs("button",{type:"button",onClick:()=>ie(r?null:s),"aria-expanded":r,className:"w-full flex items-center justify-between gap-4 text-left px-5 py-4 font-bold text-neutral-900 hover:bg-purple-50/60 transition-colors",children:[e.jsx("span",{children:t.q}),e.jsx(Me,{size:18,className:`shrink-0 text-purple-700 transition-transform ${r?"rotate-180":""}`})]}),r&&e.jsx("div",{className:"px-5 pb-4 text-sm text-neutral-600 leading-relaxed",children:t.a})]},t.q)})})]})}),e.jsx("section",{className:"py-10 sm:py-14",children:e.jsx("div",{className:"max-w-4xl mx-auto px-4 sm:px-6",children:e.jsxs("div",{className:"relative overflow-hidden rounded-[2rem] bg-gradient-to-r from-purple-600 to-fuchsia-600 px-6 sm:px-12 py-10 sm:py-14 text-center shadow-2xl shadow-purple-600/30",children:[e.jsx("div",{className:"absolute -top-16 -right-16 w-64 h-64 bg-white/10 rounded-full blur-2xl pointer-events-none"}),e.jsx("h2",{className:"text-2xl sm:text-3xl font-extrabold tracking-tight text-white mb-3",children:"Ready To Speak English Confidently?"}),e.jsx("p",{className:"text-purple-100 max-w-xl mx-auto mb-7",children:"Book a free trial class today and start speaking with a certified tutor â plus daily practice in the Babblio app."}),e.jsxs("a",{href:"#lead-form",className:"inline-flex items-center justify-center gap-2 px-7 py-3.5 rounded-full bg-white hover:bg-purple-50 text-purple-700 font-extrabold text-[15px] shadow-xl transition-all hover:-translate-y-0.5",children:["Book Trial Class ",e.jsx(h,{size:18})]})]})})}),e.jsx("footer",{className:"py-6 text-center",children:e.jsxs("p",{className:"text-xs text-neutral-400",children:["© ",new Date().getFullYear()," Babblio Inc. All rights reserved."]})})]})}export{ct as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.