https://babblio.io/assets/js/Home-DsCdepZa.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/js/Feature-BH2SGMrh.js","assets/js/index-DzNrVu8b.js","assets/js/vendor-router-Ct3VqQkO.js","assets/css/index--cnrD1VT.css","assets/js/Testimonials-BcTPib0a.js","assets/js/Frequently-CaX-j0Od.js","assets/js/Blog-vqGXOa9r.js"])))=>i.map(i=>d[i]);
2import{j as e,H as h,_ as n}from"./index-DzNrVu8b.js";import{b as t}from"./vendor-router-Ct3VqQkO.js";const g="/assets/mp4/circle-biching-DR8hLi32.mp4",f="/assets/mp4/english-ai-avatar-D-9WpwSj.mp4",u="/assets/svg/iconscircle2-Bt3DKJGV.svg",b="/assets/webp/Mobiledesign2-Dy-3xyal.webp",w="/assets/png/Mobiledesign2-BgrQfBUX.png",v=t.lazy(()=>n(()=>import("./Feature-BH2SGMrh.js"),__vite__mapDeps([0,1,2,3]))),j=t.lazy(()=>n(()=>import("./Testimonials-BcTPib0a.js"),__vite__mapDeps([4,1,2,3]))),y=t.lazy(()=>n(()=>import("./Frequently-CaX-j0Od.js"),__vite__mapDeps([5,1,2,3]))),_=t.lazy(()=>n(()=>import("./Blog-vqGXOa9r.js"),__vite__mapDeps([6,1,2,3]))),F=()=>{const[p,a]=t.useState(!0),[d,c]=t.useState(!1),[x,i]=t.useState(!1),l=t.useRef(null);return t.useEffect(()=>{if(window.innerWidth>=768){const s=setTimeout(()=>c(!0),500);return()=>clearTimeout(s)}},[]),t.useEffect(()=>{const s=l.current;if(!s)return;const o=setTimeout(()=>i(!0),3e3),r=new IntersectionObserver(m=>{m[0].isIntersecting&&(clearTimeout(o),i(!0),r.disconnect())},{rootMargin:"400px"});return r.observe(s),()=>{r.disconnect(),clearTimeout(o)}},[]),e.jsxs("main",{className:"overflow-x-hidden",children:[e.jsxs(h,{children:[e.jsx("title",{children:"Babblio – AI English Speaking App | Practice with Real People"}),e.jsx("meta",{name:"description",content:"Babblio is the #1 AI English speaking app. Practice real conversations, join group discussions, fix grammar & speak fluently. Download free on Android & iOS!"}),e.jsx("link",{rel:"canonical",href:"https://babblio.io/"})]}),e.jsx("div",{className:"relative w-full overflow-hidden h-auto min-h-[640px] sm:min-h-[680px] md:h-[920px] bg-[linear-gradient(to_bottom_right,#f8e8f7,#e4e8f7)]",children:e.jsxs("div",{className:"absolute mt-12 md:mt-2 left-1/2 -translate-x-1/2 top-[40px] md:top-[120px] flex flex-col items-center w-[90%] max-w-[1120px] h-auto pb-10 gap-[20px] md:gap-[10px] px-4",children:[d&&e.jsx("img",{src:u,alt:"","aria-hidden":"true",className:`absolute top-72 sm:top-36 md:top-64 lg:top-36
3                 max-w-[1420px]
4                 h-[350px] sm:h-[700px] md:h-[800px] lg:h-[1200px]
5                 object-contain opacity-30 z-[0] animate-spinReverse`}),e.jsx("h1",{className:`w-full font-poppins font-semibold text-[26px] md:text-[48px] leading-[40px] md:leading-[72px] text-center bg-[linear-gradient(319.48deg,#FDBA00_-23.68%,#FF37DF_13.1%,#6E00FF_73.14%)] 
6          bg-clip-text text-transparent flex-none order-0 self-stretch grow-0`,children:"Enhance Your Language Skills with AI"}),e.jsxs("p",{className:"w-full font-poppins font-normal text-[16px] md:text-[24px] leading-[24px] md:leading-[36px] text-center text-[#1407AB] flex-none order-1 self-stretch grow-0",children:["Unlock fluency and confidence as Babblio blends advanced AI,"," ","engaging experiences, and tailored support for your learning journey."]}),e.jsxs("div",{className:"flex items-center justify-center gap-2 px-5 py-2 rounded-full bg-white/70 backdrop-blur-sm border border-purple-200 shadow-sm",children:[e.jsx("span",{className:"text-lg",children:"🎙️"}),e.jsx("p",{className:"font-poppins font-semibold text-[15px] md:text-[18px] text-center bg-[linear-gradient(319.48deg,#FDBA00_-23.68%,#FF37DF_13.1%,#6E00FF_73.14%)] bg-clip-text text-transparent",children:"English bolna seekho — bina darr ke"})]}),e.jsxs("div",{className:"flex flex-row z-[5] justify-center items-center pt-[10px] gap-[12px] flex-none order-2 grow-0",children:[e.jsxs("a",{href:"https://play.google.com/store/apps/details?id=com.babblio.android",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-4 py-2.5 bg-black rounded-xl hover:bg-gray-900 transition-colors duration-200 shadow-md hover:shadow-lg",children:[e.jsxs("svg",{viewBox:"0 0 24 24",className:"w-6 h-6 flex-shrink-0",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M3.18 1.47C2.77 1.9 2.53 2.57 2.53 3.44v17.12c0 .87.24 1.54.65 1.97l.1.09 9.59-9.59v-.23L3.28 3.38l-.1.09z",fill:"#4285F4"}),e.jsx("path",{d:"M15.74 15.81l-3.19-3.2v-.22l3.19-3.2.07.04 3.78 2.15c1.08.61 1.08 1.62 0 2.24l-3.78 2.14-.07.05z",fill:"#FBBC04"}),e.jsx("path",{d:"M15.81 15.76L12.62 12.6 3.18 22.04c.36.38.95.43 1.61.05l10.9-6.2-.88-.13z",fill:"#34A853"}),e.jsx("path",{d:"M15.81 8.24L4.9 2.04c-.66-.38-1.25-.33-1.61.05l9.44 9.44 3.08-3.07-.88.13z",fill:"#EA4335"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[9px] text-gray-400 leading-none",children:"GET IT ON"}),e.jsx("div",{className:"text-sm md:text-base font-semibold text-white leading-tight",children:"Google Play"})]})]}),e.jsxs("a",{href:"https://apps.apple.com/ae/app/babblio/id6756316035",target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-4 py-2.5 bg-black rounded-xl hover:bg-gray-900 transition-colors duration-200 shadow-md hover:shadow-lg",children:[e.jsx("svg",{viewBox:"0 0 24 24",className:"w-6 h-6 flex-shrink-0 fill-white",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M18.71 19.5c-.83 1.24

6-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98l-.09.06c-.22.15-2.19 1.28-2.17 3.81.03 3.02 2.65 4.03 2.68 4.04l-.06.27zM13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[9px] text-gray-400 leading-none",children:"Download on the"}),e.jsx("div",{className:"text-sm md:text-base font-semibold text-white leading-tight",children:"App Store"})]})]})]})]})}),e.jsx("div",{className:`relative w-full flex justify-center items-center
7                mt-[-80px] sm:mt-[-160px] md:mt-[-310px] lg:mt-[-370px] px-4`,children:e.jsxs("div",{className:`relative w-full z-[10] max-w-[980px] 
8                  h-[300px] sm:h-[400px] md:h-[520px] lg:h-[580px]
9                  flex justify-center items-center`,children:[e.jsx("div",{className:"hover:cursor-pointer",onClick:()=>a(!1),children:e.jsxs("picture",{children:[e.jsx("source",{srcSet:b,type:"image/webp"}),e.jsx("img",{src:w,alt:"Mobile design",fetchPriority:"high",loading:"eager",width:"520",height:"404",className:`relative w-full h-full
10                   -top-[40px] sm:-top-[55px] md:-top-[80px] lg:-top-[95px]
11                   object-contain z-[2]`})]})}),p?e.jsx(e.Fragment,{children:e.jsx("video",{src:g,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"none",className:`absolute left-1/2 -translate-x-1/2 mt-2 md:mt-5 -translate-y-1/2
12                   w-[75px] sm:w-[125px] md:w-[165px] lg:w-[200px]
13                   h-[75px] sm:h-[125px] md:h-[165px] lg:h-[210px]
14                   z-[4] object-cover rounded-full cursor-pointer`,onClick:()=>a(!1)})}):e.jsx("video",{src:f,autoPlay:!0,loop:!0,playsInline:!0,preload:"none",className:`absolute top-[37.5%] sm:top-[35.5%]  md:top-[35.5%] lg:top-[34.7%] -translate-y-[48%]
15                   w-[100px] sm:w-[170px] md:w-[220px] lg:w-[245px] 
16                   h-[215px] sm:h-[370px] md:h-[470px] lg:h-[530px] 
17                   z-[4] object-cover cursor-pointer 
18                   rounded-[12px] sm:rounded-[18px] md:rounded-[25px] lg:rounded-[35px]`,onClick:()=>a(!0)}),e.jsx("div",{className:"absolute bottom-[5px] sm:bottom-[8px] md:bottom-[10px] left-1/2 -translate-x-1/2 z-[10]",children:e.jsx("a",{href:"https://play.google.com/store/apps/details?id=com.babblio.android",target:"_blank",rel:"noopener noreferrer",className:`block
19                       w-[160px] sm:w-[180px] md:w-[200px]
20                       h-[38px] sm:h-[45px] md:h-[50px]
21                       text-white font-semibold
22                       text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px]
23                       leading-[38px] sm:leading-[45px] md:leading-[50px]
24                       text-center font-poppins
25                       bg-[linear-gradient(319.48deg,#FDBA00_-23.68%,#FF37DF_13.1%,#6E00FF_73.14%)]
26                       rounded-full px-5 sm:px-6 md:px-8
27                       hover:opacity-90 hover:scale-105 transition-all duration-200`,children:"Test Your Skill"})})]})}),e.jsx("div",{ref:l,"aria-hidden":"true"}),x&&e.jsxs(t.Suspense,{fallback:null,children:[e.jsx("div",{className:"relative mt-0",children:e.jsx(v,{})}),e.jsx("div",{className:"relative mt-[8px]",children:e.jsx(j,{})}),e.jsx("div",{className:"relative mt-[8px]",children:e.jsx(y,{})}),e.jsx("div",{className:"relative mt-[8px]",children:e.jsx(_,{})})]}),e.jsx("style",{children:`
28    /* Faster pulse for center element (optional) */
29    @keyframes pulse-fast {
30      0%, 100% {
31        transform: translate(-50%, -50%) scale(1);
32      }
33      50% {
34        transform: translate(-50%, -50%) scale(1.2);
35      }
36    }
37
38    .animate-pulse-fast {
39      animation: pulse-fast 0.5s ease-in-out infinite;
40    }
41
42    /* Smooth reverse spin for circles */
43    @keyframes spinReverse {
44      0% { transform: rotate(0deg); }
45      100% { transform: rotate(-360deg); }
46    }
47
48    @keyframes spinForward {
49      0% { transform: rotate(0deg); }
50      100% { transform: rotate(360deg); }
51    }
52
53    .animate-spinReverse {
54      animation: spinReverse 60s linear infinite;
55      transform-origin: center center;
56    }
57
58    .animate-spinForward {
59      animation: spinForward 60s linear infinite;
60      transform-origin: center center;
61    }
62
63    /* Make sure the image rotates around its own center */
64    .circle-rotating {
65      position: absolute;
66      left: 50%;
67      top: 50%;
68      transform: translate(-50%, -50%);
69      transform-origin: center center;
70    }
71
72    /* Optional: Mobile-specific adjustments */
73    @media (max-width: 768px) {
74      .hero-section {
75        min-height: 500px;
76      }
77    }
78  `})]})};export{F as Home,F as default};