https://wirelingo.com/assets/Features-BEFkUbws.js

1import{r,j as e}from"./vendor-react-4XT1lARu.js";import{u as Pe,i as ze,a as n,b as me,M as We,c as Re,B as h,S as j,d as $e,C as P,L as p,e as Ge,F as o,V as z,f as xe,g,h as qe,T as W,j as he,k as Je,l as R,H as $,P as He,m as Ve,n as ge,W as ue,A as pe,o as S,p as Ue,q as Oe,D as be,r as fe,s as ve,t as Ke,v as Qe,w as Ye,x as je,y as _e,z as Xe,G as Ze,E as et,I as tt,J as at,Z as st,K as rt,N as nt,O as it,Q as lt,R as ot,U as dt,X as ct,Y as mt}from"./index-BVK4sMpl.js";import{u as xt,f as ht}from"./trial-duration-BSV7I8Xp.js";import"./i18n-D2s5SYoo.js";import"./vendor-radix-Dw269-bE.js";function jt(){const[,y]=Pe(),b=r.useRef(null),[w,C]=r.useState(!1),{data:f,isFetching:N}=xt(),ye=ht(f==null?void 0:f.trialDuration),[B,we]=r.useState("Mandarin"),[F,Ne]=r.useState("Mandarin"),[d,Be]=r.useState("Mandarin"),[A,v]=r.useState(!1),u=r.useRef(null),[c,ke]=r.useState(0),G={Mandarin:{pattern:'"把" (bǎ) sentence structure',explanation:"Used to emphasize the object of an action"},Spanish:{pattern:'"Ser" vs "Estar" distinction',explanation:'Two forms of "to be" for permanent vs temporary states'},German:{pattern:"Verb-second (V2) word order",explanation:"The conjugated verb always comes second in main clauses"},French:{pattern:'Passé composé with "avoir/être"',explanation:"Past tense using auxiliary verbs for completed actions"},Japanese:{pattern:"〜ている (~te iru) form",explanation:"Expresses ongoing actions or resulting states"},English:{pattern:"Present perfect continuous",explanation:"Expresses actions that started in the past and continue now"}},Ee={Mandarin:[{word:"经济",meaning:"economy"},{word:"发展",meaning:"develop"},{word:"政策",meaning:"policy"}],Spanish:[{word:"desarrollo",meaning:"development"},{word:"gobierno",meaning:"government"},{word:"economía",meaning:"economy"}],German:[{word:"Wirtschaft",meaning:"economy"},{word:"Regierung",meaning:"government"},{word:"Entwicklung",meaning:"development"}],French:[{word:"économie",meaning:"economy"},{word:"politique",meaning:"politics"},{word:"développement",meaning:"development"}],Japanese:[{word:"経済",meaning:"economy"},{word:"政府",meaning:"government"},{word:"発展",meaning:"development"}],English:[{word:"resilience",meaning:"ability to recover"},{word:"sovereignty",meaning:"supreme authority"},{word:"momentum",meaning:"force of movement"}]},k={Mandarin:{word:"环境",pronunciation:"huánjìng",definition:"environment; surroundings"},Spanish:{word:"ambiente",pronunciation:"am-bi-EN-te",definition:"environment; atmosphere"},German:{word:"Umwelt",pronunciation:"OOM-velt",definition:"environment; surroundings"},French:{word:"environnement",pronunciation:"ahn-vee-ron-MAHN",definition:"environment; surroundings"},Japanese:{word:"環境",pronunciation:"かんきょう",definition:"environment; surroundings"},English:{word:"environment",pronunciation:"en-VY-ron-ment",definition:"the natural world; surrounding conditions"}},m=[{lang:"Chinese",definition:"樱花；在日本文化中象征美丽与短暂，每年春天短暂绽放。"},{lang:"Spanish",definition:"Flor de cerezo; símbolo de belleza y fugacidad en la cultura japonesa."},{lang:"German",definition:"Kirschblüte; Symbol für Schönheit und Vergänglichkeit in der japanischen 

1Kultur."},{lang:"French",definition:"Fleur de cerisier ; symbole de beauté et d'éphémère dans la culture japonaise."},{lang:"English",definition:"Cherry blossom; symbol of beauty and impermanence in Japanese culture."},{lang:"Vietnamese",definition:"Hoa anh đào; biểu tượng của vẻ đẹp và sự phù du trong văn hóa Nhật Bản."},{lang:"Portuguese (Brazil)",definition:"Flor de cerejeira; símbolo de beleza e efemeridade na cultura japonesa."},{lang:"Malay",definition:"Bunga sakura; simbol kecantikan dan sifat sementara dalam budaya Jepun."},{lang:"Indonesian",definition:"Bunga sakura; simbol keindahan dan kefanaan dalam budaya Jepang."},{lang:"Polish",definition:"Kwiat wiśni; symbol piękna i ulotności w kulturze japońskiej."},{lang:"Italian",definition:"Fiore di ciliegio; simbolo di bellezza e impermanenza nella cultura giapponese."},{lang:"Turkish",definition:"Kiraz çiçeği; Japon kültüründe güzellik ve geçicilik sembolü."},{lang:"Arabic",definition:"زهرة الكرز؛ رمز للجمال والزوال في الثقافة اليابانية."},{lang:"Greek",definition:"Άνθος κερασιάς· σύμβολο ομορφιάς και εφήμερου στην ιαπωνική κουλτούρα."},{lang:"Korean",definition:"벚꽃; 일본 문화에서 아름다움과 무상함의 상징으로 봄마다 짧게 핀다."},{lang:"Hindi",definition:"चेरी ब्लॉसम; जापानी संस्कृति में सौंदर्य और क्षणभंगुरता का प्रतीक।"},{lang:"Russian",definition:"Цветок сакуры; символ красоты и мимолётности в японской культуре."},{lang:"Filipino",definition:"Bulaklak ng seresa; sagisag ng kagandahan at kawalang-pangmatagalan sa kulturang Hapones."},{lang:"Thai",definition:"ดอกซากุระ; สัญลักษณ์ของความงามและความไม่เที่ยงในวัฒนธรรมญี่ปุ่น."},{lang:"Japanese",definition:"桜；日本文化において美しさと無常を象徴し、春に短期間だけ咲く花。"}],Se=async()=>{var t;if(A){(t=u.current)==null||t.pause(),v(!1);return}try{v(!0);const a=k[d].word,i=await fetch("/api/tts/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({text:a,language:d.toLowerCase()})});if(i.ok){const x=await i.blob(),s=URL.createObjectURL(x);u.current&&(u.current.src=s,u.current.onended=()=>v(!1),await u.current.play())}else v(!1)}catch{v(!1)}};r.useEffect(()=>{const t=new IntersectionObserver(([a])=>{a.isIntersecting&&(C(!0),t.unobserve(a.target))},{threshold:.3});return b.current&&t.observe(b.current),()=>t.disconnect()},[]);const L=r.useRef(null),[q,De]=r.useState(!1);r.useEffect(()=>{const t=new IntersectionObserver(([a])=>{a.isIntersecting&&(De(!0),t.unobserve(a.target))},{threshold:.3});return L.current&&t.observe(L.current),()=>t.disconnect()},[]),r.useEffect(()=>{const t=setInterval(()=>{ke(a=>(a+1)%m.length)},3200);return()=>clearInterval(t)},[m.length]);const T=r.useRef(null),[l,Ce]=r.useState(!1),[Fe,J]=r.useState(0),[Ae,Le]=r.useState(0),[E,Te]=r.useState(0),[H,Ie]=r.useState(!1),[V,gt]=r.useState(!1),I=[{name:"Learn New",icon:"sparkles",description:"Fresh items to master",color:"from-blue-400 to-cyan-400",items:12},{name:"Practice Weak",icon:"target",description:"Strengthen weak spots",color:"from-orange-400 to-amber-400",items:8},{name:"Reinforce",icon:"zap",description:"Strengthen active learning",color:"from-yellow-400 to-lime-400",items:25},{name:"Retain",icon:"trophy",description:"Keep mastered items fresh",color:"from-emerald-400 to-teal-400",items:20},{name:"Mixed Practice",icon:"shuffle",description:"Random variety",color:"from-purple-400 to-pink-400",items:15},{name:"Daily Review",icon:"calendar",description:"Spaced repetition",color:"from-green-400 to-emerald-400",items:18},{name:"Zen Mode",icon:"moon",description:"Relaxed learning",color:"from-indigo-400 to-violet-400",items:10}],M=[{name:"Multiple Choice",icon:"list",tag:"Classic recall"},{name:"Type Answer",icon:"keyboard",tag:"Type it out"}

1,{name:"Fill the Gap",icon:"text-cursor",tag:"In context"},{name:"Match Pairs",icon:"link",tag:"Speed recall"},{name:"Audio Challenge",icon:"headphones",tag:"Train your ear"},{name:"Sentence Writing",icon:"pen-line",tag:"AI-marked"}],Me=[{word:"经济",pronunciation:"jīngjì",meaning:"economy",strength:92,dueIn:"Due in 5 days",language:"Mandarin"},{word:"desarrollo",pronunciation:"de-sa-rro-llo",meaning:"development",strength:67,dueIn:"Due tomorrow",language:"Spanish"},{word:"Umwelt",pronunciation:"oom-velt",meaning:"environment",strength:34,dueIn:"Due now",language:"German"},{word:"politique",pronunciation:"po-li-tik",meaning:"politics",strength:85,dueIn:"Due in 3 days",language:"French"},{word:"環境",pronunciation:"かんきょう",meaning:"environment",strength:78,dueIn:"Due in 2 days",language:"Japanese"}];return r.useEffect(()=>{const t=new IntersectionObserver(([a])=>{a.isIntersecting&&(Ce(!0),t.unobserve(a.target))},{threshold:.2});return T.current&&t.observe(T.current),()=>t.disconnect()},[]),r.useEffect(()=>{if(l){const t=setTimeout(()=>Te(73),300);return()=>clearTimeout(t)}},[l]),r.useEffect(()=>{if(!l||H)return;const t=setInterval(()=>{J(a=>(a+1)%I.length)},3e3);return()=>clearInterval(t)},[l,I.length,H]),r.useEffect(()=>{if(!l||V)return;const t=setInterval(()=>{Le(a=>(a+1)%M.length)},2500);return()=>clearInterval(t)},[l,M.length,V]),r.useEffect(()=>{ze()&&y("/platform")},[y]),r.useEffect(()=>{var O,K,Q,Y,_,X,Z,ee,te;const t="WireLingo Features: Learn Languages Through Real News | WireLingo",a="Explore every WireLingo feature: graded real-world news in six languages, a live dictionary, native audio, translation into 20 languages, quizzes, an AI speaking tutor and smart revision.",i="https://wirelingo.com/features",x=document.title,s={description:((O=document.querySelector('meta[name="description"]'))==null?void 0:O.getAttribute("content"))||"",ogTitle:((K=document.querySelector('meta[property="og:title"]'))==null?void 0:K.getAttribute("content"))||"",ogDescription:((Q=document.querySelector('meta[property="og:description"]'))==null?void 0:Q.getAttribute("content"))||"",ogUrl:((Y=document.querySelector('meta[property="og:url"]'))==null?void 0:Y.getAttribute("content"))||"",ogType:((_=document.querySelector('meta[property="og:type"]'))==null?void 0:_.getAttribute("content"))||"",twitterTitle:((X=document.querySelector('meta[name="twitter:title"]'))==null?void 0:X.getAttribute("content"))||"",twitterDescription:((Z=document.querySelector('meta[name="twitter:description"]'))==null?void 0:Z.getAttribute("content"))||"",twitterUrl:((ee=document.querySelector('meta[name="twitter:url"]'))==null?void 0:ee.getAttribute("content"))||""},U=((te=document.querySelector('link[rel="canonical"]'))==null?void 0:te.getAttribute("href"))||"";return document.title=t,n("name","description",a),me("canonical",i),n("property","og:title",t),n("property","og:description",a),n("property","og:url",i),n("property","og:type","website"),n("name","twitter:title",t),n("name","twitter:description",a),n("name","twitter:url",i),()=>{var ae,se,re,ne,ie,le,oe,de,ce;document.title=x,s.description?n("name","description",s.description):(ae=document.querySelector('meta[name="description"]'))==null||ae.remove(),U?me("canonical",U):(se=document.querySelector('link[rel="canonical"]'))==null||se.remove(),s.ogTitle?n("property","og:title",s.ogTitle):(re=document.querySelector('meta[property="og:title"]'))==null||re.remove(),s.ogDescription?n("property","og:description",s.ogDescription):(ne=document.querySelector('meta[property="og:description"]'))==null||ne.remove(),s.ogUrl?n("property","og:url",s.ogUrl):(ie=document.querySelector('meta[property="og:url"]'))==null||ie.remove(),s.ogType?n("property","og:type",s.ogType):(le=document.querySelector('meta[property="og:type"]'))==null||le.remove(),s.twitterTitle?n("name","twitter:title",s.twitterTitle):(oe=document.querySelector('meta[name="twitter:title"]'))==null||oe.remove(),s.twitterDescription?n("name","twitter:description",s.twitterDescription):(de=document.querySelector('meta[name="twitter:description"]'))==null||de.remove(),s.twitterUrl?n("name","twitter:url",s.twitterUrl):(ce=document.querySelector('meta[name="twitter:url"]'))==null||ce.remove()}},[]),e.jsxs("div",{className:"marketing-page min-h-screen text-[#F4F9F6]",children:[e.jsx(We,{}),e.jsx(Re,{fixed:!0,className:"z-0"}),e.jsx("style",{children:`
2        .gradient-text {
3          background: linear-gradient(to right, #ffffff, #9DC2B0, #6B8E7B);
4          -webkit-background-clip: text;
5          -webkit-text-fill-color: transparent;
6        }
7      `}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("section",{className:"relative min-h-[75vh] flex items-center justify-center px-[5%] pt-36 pb-20 overflow-hidden",children:e.jsxs("div",{className:"relative z-10 text-center max-w-4xl mx-auto",children:[e.jsx("div",{className:"mb-6",children:e.jsxs(h,{variant:"outline",className:"border-[#6

7B8E7B]/50 text-[#9DC2B0] px-4 py-1.5 text-sm",children:[e.jsx(j,{className:"w-4 h-4 mr-2"}),"All features, one page"]})}),e.jsxs($e,{className:"mb-6",children:[e.jsx("span",{className:"marketing-hero-gradient-text",children:"Everything You Need"}),e.jsx("span",{className:"marketing-hero-gradient-text",children:"to Learn a Language"})]}),e.jsx("p",{className:"text-xl text-[#9DC2B0] max-w-3xl mx-auto leading-relaxed mb-10",children:"One platform, six languages, real stories graded to your level. Here's what you get inside WireLingo."}),e.jsxs("div",{className:"flex flex-col min-[400px]:flex-row gap-6 justify-center mb-8",children:[e.jsx(P,{href:"/onboarding",pageLocation:"features_hero",overrideText:"Start Reading Free",size:"lg",className:"bg-[#6B8E7B] text-white text-lg shadow-2xl",testId:"button-features-hero-start",showLanguageModal:!1}),e.jsx(p,{href:"/how-it-works",title:"See how WireLingo works",children:e.jsx(Ge,{size:"lg",variant:"outline",className:"border-white/30 text-white text-lg backdrop-blur-sm bg-white/5","data-testid":"button-features-hero-how-it-works",children:"See How It Works"})})]})]})}),e.jsxs("section",{className:"relative py-20 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/30 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#E8F3EE] via-[#D4E8DD] to-[#C5DFD0]"}),e.jsx("div",{className:"max-w-6xl mx-auto relative",children:e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:"text-4xl md:text-5xl font-bold animated-gradient mb-8",style:{letterSpacing:"-0.02em"},children:"Learn from stories the world is actually talking about"}),e.jsxs("div",{className:"max-w-3xl mx-auto space-y-4 text-lg text-[#4A6B5D] leading-relaxed",children:[e.jsx("p",{children:"WireLingo teaches you a language through real news, graded to match your level and refreshed every day. You read what's genuinely happening, not scripted textbook dialogues, so the words you pick up are the ones people are using right now."}),e.jsx("p",{children:"Every feature on this page exists to do one thing: help you understand real content a little above your current level, then remember it. Below is the full toolkit, grouped by what it helps you do: read, understand, practice and track your progress."})]}),e.jsx("div",{ref:L,className:"mt-10 transition-all duration-700 ease-out",style:{opacity:q?1:0,transform:q?"translateY(0)":"translateY(24px)"},children:e.jsxs("div",{className:"bg-white/80 backdrop-blur-sm rounded-2xl border border-[#6B8E7B]/20 shadow-sm px-6 py-5 flex flex-col md:flex-row items-center gap-6 md:gap-0",children:[e.jsx("div",{className:"flex items-center gap-0 shrink-0",children:[{number:"17",label:"Topics"},{number:"5",label:"Levels"},{number:"6",label:"Languages"}].map((t,a)=>e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"px-6 text-center",children:[e.jsx("div",{className:"text-3xl font-bold text-[#2D4438]",children:t.number}),e.jsx("div",{className:"text-xs text-[#6B8E7B] mt-0.5 font-medium",children:t.label})]}),a<2&&e.jsx("div",{className:"w-px h-10 bg-[#6B8E7B]/20"})]},t.label))}),e.jsx("div",{className:"w-px h-12 bg-[#6B8E7B]/20 hidden md:block mx-2"}),e.jsxs("div",{className:"flex-1 flex flex-col gap-2 items-center md:items-start px-4",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:[{code:"mandarin",name:"Mandarin",href:"/learn-mandarin"},{code:"spanish",name:"Spanish",href:"/learn-spanish"},{code:"german",name:"German",href:"/learn-german"}].map(t=>e.jsx(p,{href:t.href,title:`Learn ${t.name} with WireLingo`,children:e.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-[#E8F3EE] border border-[#6B8E7B]/20 hover:border-[#6B8E7B]/50 hover:bg-[#D4E8DD] transition-colors cursor-pointer",children:[e.jsx(o,{language:t.code,size:"sm"}),e.jsx("span",{className:"text-sm font-medium text-[#2D4438]",children:t.name})]})},t.code))}),e.jsx("div",{className:"flex flex-wrap gap-2",children:[{code:"french",name:"French",href:"/learn-french"},{code:"japanese",name:"Japanese",href:"/learn-japanese"},{code:"english",name:"English",href:"/learn-english"}].map(t=>e.jsx(p,{href:t.href,title:`Learn ${t.name} with WireLingo`,children:e.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-[#E8F3EE] border border-[#6

7B8E7B]/20 hover:border-[#6B8E7B]/50 hover:bg-[#D4E8DD] transition-colors cursor-pointer",children:[e.jsx(o,{language:t.code,size:"sm"}),e.jsx("span",{className:"text-sm font-medium text-[#2D4438]",children:t.name})]})},t.code))})]}),e.jsx("div",{className:"w-px h-12 bg-[#6B8E7B]/20 hidden md:block mx-2"}),e.jsx("div",{className:"shrink-0 px-4",children:e.jsx(p,{href:"/platform",title:"Browse free graded news articles on WireLingo",children:e.jsx("button",{className:"px-6 py-3 text-sm font-semibold bg-[#6B8E7B] hover:bg-[#5A7F71] text-white rounded-xl transition-colors shadow-md whitespace-nowrap",children:"Browse Articles Free"})})})]})})]})})]}),e.jsxs("section",{className:"relative py-20 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/30 to-transparent"}),e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsx("div",{className:"text-center mb-12",children:e.jsx("h2",{className:"text-3xl font-bold gradient-text mb-2",children:"Features at a Glance"})}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-10",children:[{icon:e.jsx(z,{className:"w-7 h-7"}),title:"Native Audio",desc:"narration on every article"},{icon:e.jsx(xe,{className:"w-7 h-7"}),title:"Live Dictionary",desc:"tap any word for an instant definition"},{icon:e.jsx(g,{className:"w-7 h-7"}),title:"Grammar Points",desc:"see the patterns behind each sentence"},{icon:e.jsx(qe,{className:"w-7 h-7"}),title:"Progress Tracking",desc:"watch your fluency grow"},{icon:e.jsx(W,{className:"w-7 h-7"}),title:"Smart Keywords",desc:"curated vocabulary for every story"},{icon:e.jsx(he,{className:"w-7 h-7"}),title:"17 Topics",desc:"read about what you actually care about"}].map(t=>e.jsxs("div",{className:"p-5 rounded-2xl bg-white/[0.03] border border-white/5 text-center hover:border-[#6B8E7B]/40 transition-all duration-300",children:[e.jsx("div",{className:"text-[#6B8E7B] flex justify-center mb-3",children:t.icon}),e.jsx("div",{className:"text-sm font-bold text-[#F4F9F6] mb-1",children:t.title}),e.jsx("div",{className:"text-xs text-[#9DC2B0] leading-snug",children:t.desc})]},t.title))})]})]}),e.jsxs("section",{className:"relative py-32 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/40 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-[#0F1813] via-[#1A2620] to-[#0F1813]"}),e.jsx("div",{className:"absolute top-20 right-[10%] w-[500px] h-[500px] bg-[#6B8E7B]/10 rounded-full blur-[150px]"}),e.jsx("div",{className:"absolute bottom-20 left-[10%] w-[400px] h-[400px] bg-[#9DC2B0]/10 rounded-full blur-[120px]"}),e.jsx("div",{className:"max-w-7xl mx-auto relative",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center",children:[e.jsx("div",{className:"order-2 lg:order-1",ref:b,children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute -inset-4 bg-gradient-to-r from-[#6B8E7B]/20 to-[#9DC2B0]/20 rounded-3xl blur-xl"}),e.jsxs("div",{className:"relative bg-[#1E2B25] rounded-3xl p-8 border border-[#6B8E7B]/30",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx(g,{className:"w-6 h-6 text-[#9DC2B0]"}),e.jsx("span",{className:"text-white font-semibold",children:"Smart Difficulty Analysis"})]}),e.jsx("div",{className:"space-y-4",children:[{label:"Vocabulary Complexity",value:72,color:"from-blue-400 to-blue-500",delay:0},{label:"Sentence Structure",value:65,color:"from-green-400 to-green-500",delay:.15},{label:"Grammar Patterns",value:58,color:"from-yellow-400 to-yellow-500",delay:.3},{label:"Topic Familiarity",value:80,color:"from-purple-400 to-purple-500",delay:.45}].map(t=>e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{className:"text-[#9DC2B0]",children:t.label}),e.jsxs("span",{className:"text-white font-medium",children:[t.value,"%"]})]}),e.jsx("div",{className:"h-2 bg-[#2D4438] rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full bg-gradient-to-r ${t.color} rounded-full transition-all duration-1000 ease-out`,style:{width:w?`${t.value}%`:"0%",transitionDelay:w?`${t.delay}s`:"0s"}})})]},t.label))}),e.jsx("div",{className:"mt-8 p-4 bg-[#2D4438] rounded-xl",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[#9DC2B0]",children:"Final Grade:"}),e.jsx("span",{className:"px-3 py-1 rounded-full bg-gradient-to-r from-yellow-400 to-yellow-500 text-black text-sm font-bold",children:"Intermediate"})]})})]})]})}),e.jsxs("div",{className:"order-1 lg:order-2",children:[e.jsx("div",{className:"mb-4",children:e.jsxs("span",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#6B8E7B]/20 border border-[#6

7B8E7B]/30 text-[#9DC2B0] text-sm font-medium",children:[e.jsx(g,{className:"w-4 h-4"}),"Intelligent Grading"]})}),e.jsx("h2",{className:"text-4xl md:text-5xl font-bold gradient-text mb-6",style:{letterSpacing:"-0.02em"},children:"Read real news, graded to your level"}),e.jsx("p",{className:"text-lg text-[#9DC2B0] leading-relaxed mb-6",children:"Fresh articles arrive daily across six languages, sorted into 17 topics so you can follow the subjects you'd read about anyway. Every story is graded across five levels from A1 to C1/C2 — guided by CEFR, with HSK and JLPT for Mandarin and Japanese — so beginners and advanced readers can open the same news event at a version that fits them."}),e.jsx("p",{className:"text-lg text-[#9DC2B0] leading-relaxed mb-8",children:"Grading isn't done by hand or guesswork. WireLingo's system analyzes each article for four dimensions, then places it at the right level — content that stretches you a little without leaving you lost."}),e.jsx("div",{className:"space-y-4 mb-10",children:["Vocabulary complexity analysis (word frequency, technical terms)","Sentence structure evaluation (length, subordination, complexity)","Grammar pattern detection (tenses, cases, constructions)","Topic-based difficulty adjustment"].map(t=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(Je,{className:"w-5 h-5 text-[#6B8E7B] shrink-0"}),e.jsx("span",{className:"text-[#9DC2B0]",children:t})]},t))}),e.jsx(p,{href:"/platform",title:"Browse today's graded news stories",children:e.jsx("button",{className:"px-8 py-4 text-base font-semibold bg-[#6B8E7B] hover:bg-[#5A7F71] text-white rounded-md transition-colors shadow-lg",children:"See Today's Stories"})})]})]})})]}),e.jsxs("section",{className:"relative py-20 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/30 to-transparent"}),e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:"text-4xl md:text-5xl font-bold gradient-text mb-6",style:{letterSpacing:"-0.02em"},children:"Understand every word as you read"}),e.jsx("p",{className:"text-xl text-[#9DC2B0] max-w-3xl mx-auto",children:"Reading above your level only works if you're never stuck. WireLingo puts a full set of comprehension tools right inside every article, so you can look up, listen and understand without leaving the page or switching apps."})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-8",children:[e.jsx("div",{className:"group",children:e.jsxs("div",{className:"relative bg-white/[0.03] backdrop-blur-sm rounded-3xl p-8 border border-white/10 hover:border-[#6B8E7B]/50 transition-all duration-300 hover:-translate-y-2 hover:bg-white/[0.06] h-full",children:[e.jsx("div",{className:"w-16 h-16 bg-gradient-to-br from-[#6B8E7B] to-[#5A7F71] rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300",children:e.jsx(g,{className:"w-8 h-8 text-white"})}),e.jsx("h3",{className:"text-2xl font-bold text-white mb-3",children:"Grammar Points"}),e.jsx("p",{className:"text-[#9DC2B0] leading-relaxed mb-4",children:"Every article explains its key grammar patterns, so you learn why a sentence is built the way it is, not only what it means."}),e.jsxs("div",{className:"bg-white/[0.05] rounded-xl p-4 border border-white/10",children:[e.jsx("div",{className:"text-sm text-[#6B8E7B] font-medium mb-2",children:"Example Pattern:"}),e.jsx("div",{lang:R(B),className:"text-white font-medium",children:G[B].pattern}),e.jsx("div",{className:"text-xs text-[#9DC2B0] mt-1",children:G[B].explanation}),e.jsx("div",{className:"flex items-center gap-1 pt-3 mt-3 border-t border-white/10",children:["Mandarin","Spanish","German","French","Japanese","English"].map(t=>e.jsx("button",{onClick:()=>we(t),className:`p-1 rounded transition-all duration-200 ${B===t?"opacity-100 bg-white/10 scale-110":"opacity-40 hover:opacity-70 hover:bg-white/5"}`,children:e.jsx(o,{language:t,size:"sm"})},t))})]})]})}),e.jsx("div",{className:"group",children:e.jsxs("div",{className:"relative bg-white/[0.03] backdrop-blur-sm rounded-3xl p-8 border border-white/10 hover:border-[#6

7B8E7B]/50 transition-all duration-300 hover:-translate-y-2 hover:bg-white/[0.06] h-full",children:[e.jsx("div",{className:"w-16 h-16 bg-gradient-to-br from-[#6B8E7B] to-[#5A7F71] rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300",children:e.jsx(he,{className:"w-8 h-8 text-white"})}),e.jsx("h3",{className:"text-2xl font-bold text-white mb-3",children:"Key Vocabulary"}),e.jsx("p",{className:"text-[#9DC2B0] leading-relaxed mb-4",children:"Each article comes with a curated vocabulary list — definitions, pinyin or readings and usage in context — so you build your word bank from the story you've just read."}),e.jsxs("div",{className:"bg-white/[0.05] rounded-xl p-4 border border-white/10",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:Ee[F].map((t,a)=>e.jsxs(h,{className:"bg-[#6B8E7B]/30 text-[#9DC2B0] border-[#6B8E7B]/50",children:[e.jsx("span",{lang:R(F),children:t.word})," (",t.meaning,")"]},a))}),e.jsx("div",{className:"flex items-center gap-1 pt-3 mt-3 border-t border-white/10",children:["Mandarin","Spanish","German","French","Japanese","English"].map(t=>e.jsx("button",{onClick:()=>Ne(t),className:`p-1 rounded transition-all duration-200 ${F===t?"opacity-100 bg-white/10 scale-110":"opacity-40 hover:opacity-70 hover:bg-white/5"}`,children:e.jsx(o,{language:t,size:"sm"})},t))})]})]})}),e.jsx("div",{className:"group",children:e.jsxs("div",{className:"relative bg-white/[0.03] backdrop-blur-sm rounded-3xl p-8 border border-white/10 hover:border-[#6B8E7B]/50 transition-all duration-300 hover:-translate-y-2 hover:bg-white/[0.06] h-full overflow-hidden",children:[e.jsx("div",{className:"absolute -top-20 -right-20 w-40 h-40 bg-[#6B8E7B]/20 rounded-full blur-3xl op

7acity-0 group-hover:opacity-100 transition-opacity duration-500"}),e.jsx("audio",{ref:u}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-16 h-16 bg-gradient-to-br from-[#6B8E7B] to-[#5A7F71] rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-[#6B8E7B]/20",children:e.jsx(xe,{className:"w-8 h-8 text-white"})}),e.jsx("h3",{className:"text-2xl font-bold text-white mb-3",children:"Live Dictionary"}),e.jsx("p",{className:"text-[#9DC2B0] leading-relaxed mb-5",children:"Tap any word for instant definitions in every learning language. Smart fallback means you never hit a dead end, even on rare words."}),e.jsxs("div",{className:"relative bg-gradient-to-br from-[#1E2B25] to-[#162019] rounded-2xl p-4 border border-[#6B8E7B]/30 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"}),e.jsxs("div",{className:"relative space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{lang:R(d),className:"text-2xl font-bold text-white",children:k[d].word}),e.jsx("span",{className:"text-[#9DC2B0] text-sm",children:k[d].pronunciation}),e.jsx("button",{onClick:Se,className:`ml-auto w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 ${A?"bg-[#6B8E7B] ring-2 ring-[#6B8E7B]/30":"bg-[#6B8E7B]/30 hover:bg-[#6B8E7B]/50"}`,children:e.jsx(z,{className:`w-4 h-4 text-white ${A?"animate-pulse":""}`})})]}),e.jsx("div",{className:"text-sm text-white/80 leading-relaxed",children:k[d].definition}),e.jsx("div",{className:"flex items-center gap-1 pt-2 border-t border-white/10",children:["Mandarin","Spanish","German","French","Japanese","English"].map(t=>e.jsx("button",{onClick:()=>Be(t),className:`p-1 rounded transition-all duration-200 ${d===t?"opacity-100 bg-white/10 scale-110":"opacity-40 hover:opacity-70 hover:bg-white/5"}`,children:e.jsx(o,{language:t,size:"sm"})},t))})]})]})]})]})}),e.jsx("div",{className:"group",children:e.jsxs("div",{className:"relative bg-white/[0.03] backdrop-blur-sm rounded-3xl p-8 border border-white/10 hover:border-[#6B8E7B]/50 transition-all duration-300 hover:-translate-y-2 hover:bg-white/[0.06] h-full overflow-hidden",children:[e.jsx("div",{className:"absolute -top-20 -left-20 w-40 h-40 bg-[#6B8E7B]/30 rounded-full blur-3xl op

7acity-0 group-hover:opacity-50 transition-opacity duration-500"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-16 h-16 bg-gradient-to-br from-[#6B8E7B] to-[#5A7F71] rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-[#6B8E7B]/20",children:e.jsx($,{className:"w-8 h-8 text-white"})}),e.jsx("h3",{className:"text-2xl font-bold text-white mb-3",children:"Native Audio & Dialects"}),e.jsx("p",{className:"text-[#9DC2B0] leading-relaxed mb-4",children:"Every article includes high-quality native-accent narration. Choose your preferred dialect to train your ear on authentic regional pronunciation."}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-5",children:[{lang:"mandarin",label:"Mainland Chinese"},{lang:"spanish",label:"Castilian / Latin American / Mexican"},{lang:"french",label:"Parisian / Québécois"},{lang:"german",label:"Standard German"},{lang:"japanese",label:"Standard Japanese"},{lang:"english",label:"American / British"}].map(({lang:t,label:a})=>e.jsxs("div",{className:"flex items-center gap-1.5 bg-white/[0.05] border border-white/10 rounded-lg px-2.5 py-1",children:[e.jsx(o,{language:t,size:"sm"}),e.jsx("span",{className:"text-[11px] text-[#9DC2B0] whitespace-nowrap",children:a})]},t))}),e.jsx("div",{className:"relative bg-gradient-to-br from-[#1E2B25] to-[#162019] rounded-2xl p-4 border border-[#6B8E7B]/30 overflow-hidden",children:e.jsxs("div",{className:"relative space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-[#9DC2B0] truncate flex-1",children:"Beginner article · native-quality audio"}),e.jsx(h,{className:"text-xs bg-green-500/20 text-green-400 border-green-500/30",children:"Beginner"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 rounded-full flex items-center justify-center bg-[#6B8E7B]/30",children:e.jsx(He,{className:"w-5 h-5 text-white ml-0.5"})}),e.jsx("div",{className:"flex gap-0.5 flex-1 items-center h-8",children:[...Array(20)].map((t,a)=>e.jsx("div",{className:"w-1 rounded-full bg-[#6B8E7B]/40",style:{height:`${Math.sin(a*.5)*8+12}px`}},a))}),e.jsx(z,{className:"w-4 h-4 text-[#6B8E7B]"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-[#9DC2B0] w-10",children:"0:00"}),e.jsx("div",{className:"flex-1 h-1.5 bg-[#2D4438] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-gradient-to-r from-[#6B8E7B] to-[#9DC2B0]",style:{width:"0%"}})}),e.jsx("span",{className:"text-xs text-[#9DC2B0] w-10 text-right",children:"—:——"})]})]})})]})]})}),e.jsx("div",{className:"group md:col-span-2",children:e.jsxs("div",{className:"relative rounded-3xl overflow-hidden border border-blue-500/30 hover:border-blue-500/50 transition-all duration-500 bg-gradient-to-br from-blue-900/30 via-indigo-900/30 to-purple-900/30",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[400px] h-[400px] rounded-full blur-[120px] group-hover:opacity-100 transition-opacity duration-700",style:{background:"radial-gradient(circle, rgba(59,130,246,0.2) 0%, transparent 70%)"}}),e.jsx("div",{className:"absolute bottom-0 left-0 w-[300px] h-[300px] rounded-full blur-[100px]",style:{background:"radial-gradient(circle, rgba(99,102,241,0.2) 0%, transparent 70%)"}}),e.jsx("div",{className:"absolute inset-0 opacity-[0.04]",style:{backgroundImage:"radial-gradient(circle, #818cf8 1px, transparent 1px)",backgroundSize:"28px 28px"}}),e.jsx("div",{className:"relative p-8 md:p-10",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-10 items-stretch",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"inline-flex items-center gap-2 mb-6 px-3 py-1.5 rounded-full border",style:{background:"rgba(99,102,241,0.12)",borderColor:"rgba(99,102,241,0.35)"},children:[e.jsx(j,{className:"w-3.5 h-3.5 text-indigo-400"}),e.jsx("span",{className:"text-xs font-semibold tracking-wide text-indigo-300",children:"20 Languages"})]}),e.jsxs("div",{className:"relative w-16 h-16 mb-6",children:[e.jsx("div",{className:"absolute inset-0 rounded-2xl blur-xl opacity-60",style:{background:"linear-gradient(135deg, #3b82f6, #6366f1)"}}),e.jsx("div",{className:"relative w-16 h-16 rounded-2xl flex items-center justify-center group-hover:scale-105 transition-transform duration-300",style:{background:"linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #8b5cf6 100%)"},children:e.jsx(Ve,{className:"w-8 h-8 text-white"})})]}),e.jsxs("h3",{className:"text-2xl md:text-3xl font-bold mb-4 leading-tight",children:[e.jsx("span",{className:"text-white",children:"Translation"}),e.jsx("span",{className:"block text-blue-400",children:" into 20 Languages"})]}),e.jsx("p",{className:"text-blue-100/70 leading-relaxed mb-6",children:"Every dictionary lookup, vocabulary definition, grammar explanation and revision card is instantly translated into your native language. Whether you're in the live dictionary, reviewing key vocab or studying grammar points — you always understand in your own language."}),e.jsx("div",{className:"flex flex-wrap gap-2",children:["Live dictionary","Key vocabulary","Grammar points","Revision hub"].map(t=>e.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1 rounded-full border border-blue-500/20",style:{background:"rgba(59,130,246,0.08)"},children:[e.jsx(ge,{className:"w-3 h-3 text-blue-400"}),e.jsx("span",{className:"text-[11px] text-blue-200/80 font-medium",children:t})]},t))})]}),e.jsxs("div",{className:"flex flex-col gap-4 justify-center",children:[e.jsxs("div",{className:"rounded-2xl overflow-hidden border border-blue-500/25",style:{background:"rgba(30,41,78,0.5)"},children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-blue-500/20",style:{background:"rgba(59,130,246,0.08)"},children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ue,{className:"w-3.5 h-3.5 text-blue-400"}),e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-blue-400",children:"Translated for you"})]}),e.jsx(pe,{mode:"wait",children:e.jsxs(S.div,{initial:{opacity:0,x:6}

7,animate:{opacity:1,x:0},exit:{opacity:0,x:-6},transition:{duration:.25},className:"flex items-center gap-1.5",children:[e.jsx(o,{language:m[c].lang.toLowerCase(),size:"xs"}),e.jsx("span",{className:"text-[10px] text-blue-200 font-medium",children:m[c].lang})]},c)})]}),e.jsxs("div",{className:"px-4 pt-3 pb-2",children:[e.jsxs("div",{className:"flex items-baseline gap-2.5 mb-2",children:[e.jsx("span",{lang:"ja",className:"text-white font-bold text-2xl leading-tight",children:"桜"}),e.jsx("span",{className:"text-blue-400 text-sm font-medium",children:"sakura"}),e.jsx("span",{className:"ml-auto text-[10px] px-2 py-0.5 rounded-full border border-indigo-500/30 text-indigo-300",style:{background:"rgba(99,102,241,0.12)"},children:"Japanese"})]}),e.jsx("div",{style:{minHeight:"48px"},children:e.jsx(pe,{mode:"wait",children:e.jsx(S.p,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.35},className:"text-blue-100/70 text-xs leading-relaxed",children:m[c].definition},c)})})]}),e.jsx("div",{className:"mx-4 mb-3 rounded-full overflow-hidden",style:{height:"3px",background:"rgba(99,102,241,0.2)"},children:e.jsx(S.div,{className:"h-full rounded-full",style:{background:"linear-gradient(90deg, #60a5fa, #818cf8)"},animate:{width:`${(c+1)/m.length*100}%`},transition:{duration:.4,ease:"easeInOut"}})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest mb-2 text-blue-300/40",children:"20 supported languages"}),e.jsx("div",{className:"grid grid-cols-5 gap-1",children:m.map(({lang:t},a)=>{const i=a===c;return e.jsxs(S.div,{animate:{background:i?"rgba(59,130,246,0.25)":"rgba(59,130,246,0.06)",borderColor:i?"rgba(99,102,241,0.6)":"rgba(59,130,246,0.15)"},transition:{duration:.3},className:"py-1 px-1 rounded-lg flex flex-col items-center gap-0.5",style:{border:"1px solid rgba(59,130,246,0.15)"},children:[e.jsx("div",{className:"inline-flex items-center justify-center w-4 h-3 overflow-hidden rounded-sm",children:e.jsx(o,{language:t.toLowerCase(),size:"xs"})}),e.jsx("span",{className:`font-medium text-center leading-none transition-colors duration-300 ${i?"text-white":"text-blue-300/70"}`,style:{fontSize:"8px"},children:t})]},t)})})]})]})]})})]})}),e.jsx("div",{className:"group md:col-span-2",children:e.jsxs("div",{className:"relative bg-white/[0.03] backdrop-blur-sm rounded-3xl p-8 border border-white/10 hover:border-[#6B8E7B]/50 transition-all duration-300 hover:bg-white/[0.06] overflow-hidden",children:[e.jsx("div",{className:"absolute -top-20 -right-20 w-40 h-40 bg-[#6B8E7B]/20 rounded-full blur-3xl op

7acity-0 group-hover:opacity-100 transition-opacity duration-500"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-16 h-16 bg-gradient-to-br from-[#6B8E7B] to-[#5A7F71] rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-[#6B8E7B]/20",children:e.jsx(ue,{className:"w-8 h-8 text-white"})}),e.jsx("h3",{className:"text-2xl font-bold text-white mb-3",children:"Sage Assist: word and sentence insights"}),e.jsx("p",{className:"text-[#9DC2B0] leading-relaxed mb-6 max-w-2xl",children:"Tap the globe for an instant translation of any sentence. Then tap any word and Sage explains its meaning, tense, conjugation and grammatical role, and why that exact form appears in that exact sentence. It's contextual understanding rather than a plain dictionary entry."}),e.jsx("div",{className:"flex flex-wrap gap-2",children:["Sentence translation","Word-level analysis","Grammar explanation","All 6 languages"].map(t=>e.jsxs("div",{className:"flex items-center gap-1.5 px-3 py-1 rounded-full bg-[#6B8E7B]/10 border border-[#6B8E7B]/20",children:[e.jsx(ge,{className:"w-3 h-3 text-[#6B8E7B]"}),e.jsx("span",{className:"text-[11px] text-[#9DC2B0] font-medium",children:t})]},t))})]})]})})]})]})]}),e.jsxs("section",{className:"relative py-20 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/40 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#E8F3EE] via-[#D4E8DD] to-[#C5DFD0]"}),e.jsxs("div",{className:"max-w-7xl mx-auto relative",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h2",{className:"text-4xl md:text-5xl font-bold animated-gradient mb-6",style:{letterSpacing:"-0.02em"},children:"Practice until it sticks"}),e.jsx("p",{className:"text-xl text-[#4A6B5D] max-w-3xl mx-auto",children:"Reading builds understanding. Practicing turns it into recall. WireLingo gives you several ways to use what you've read: testing yourself, speaking out loud, writing characters and listening on the move."})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsx(D,{icon:e.jsx(j,{className:"w-8 h-8"}),title:"Interactive Quizzes",isNew:!0,description:"Every article comes with quizzes built around what you've just read. Multiple choice, fill-in-the-blank and typed answers all target the vocabulary from that specific story, with instant feedback so you learn as you go and score tracking so you can watch yourself improve.",highlights:["Multiple choice","Fill in the blank","Typed answers","Score tracking"]}),e.jsx(D,{icon:e.jsx(Ue,{className:"w-8 h-8"}),title:"Sage, Your AI Tutor",isNew:!0,description:"Have real spoken conversations with Sage, WireLingo's AI language companion. Practice speaking naturally with real-time voice, responses adapted to your level and a tutor who remembers you between sessions. Available in all six languages.",highlights:["Real-time voice","Adapted to your level","All 6 languages"]}),e.jsx(D,{icon:e.jsx($,{className:"w-8 h-8"}),title:"WireWaves",description:"A hands-free stream of real news stories, graded to your level and read aloud in your target language. It's auto-queued so it never runs out, refreshed with today's stories and made for commuting, cooking or working out, giving you comprehension practice for every spare minute.",highlights:["Hands-free listening","Always fresh","Never repeats","Skip anytime"]}),e.jsx(D,{icon:e.jsx(Oe,{className:"w-8 h-8"}),title:"Character Writing",description:"Master Chinese and Japanese characters with interactive stroke-by-stroke practice. Draw with your finger, a pen or a mouse and learn the correct stroke order as you go.",highlights:["Stroke-by-stroke","Mandarin & Japanese","Finger, pen or mouse"]})]})]})]}),e.jsxs("section",{className:"relative py-24 md:py-32 px-[5%] overflow-hidden",ref:T,children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#E8F3EE] via-[#D4E8DD] to-[#C5DFD0]"}),e.jsx("div",{className:"absolute top-20 right-[10%] w-[500px] h-[500px] bg-gradient-to-br from-purple-200/30 to-pink-200/30 rounded-full blur-[150px]"}),e.jsx("div",{className:"absolute bottom-20 left-[5%] w-[400px] h-[400px] bg-gradient-to-br from-blue-200/30 to-cyan-200/30 rounded-full blur-[120px]"}),e.jsxs("div",{className:"max-w-7xl mx-auto relative",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("div",{className:"flex justify-center mb-4",children:e.jsxs(h,{className:"bg-gradient-to-r from-purple-100 to-pink-100 text-purple-700 border-purple-200",children:[e.jsx(be,{className:"w-4 h-4 mr-2"}),"Revision Hub"]})}),e.jsx("h2",{className:"text-4xl md:text-5xl font-bold animated-gradient mb-4",children:"Track your progress and stay motivated"}),e.jsx("p",{className:"text-lg text-gray-600 max-w-2xl mx-auto leading-relaxed",children:"Gamified revision with 7 practice modes, 6 question types, and intelligent spaced repetition that adapts to your learning pace."})]}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 mb-12",children:[{icon:g,value:"7",label:"Practice Modes",color:"from-blue-500 to-cyan-500"},{icon:fe,value:"7",label:"Question Types",color:"from-purple-500 to-pink-500"}

7,{icon:W,value:"0-100%",label:"Strength Tracking",color:"from-green-500 to-emerald-500"},{icon:g,value:"Smart",label:"Spaced Repetition",color:"from-orange-500 to-amber-500"}].map((t,a)=>e.jsxs("div",{className:"bg-white rounded-2xl p-4 md:p-6 border border-gray-100 shadow-sm text-center transform transition-all duration-500",style:{opacity:l?1:0,transform:l?"translateY(0)":"translateY(20px)",transitionDelay:`${a*100}ms`},children:[e.jsx("div",{className:`w-12 h-12 mx-auto mb-3 rounded-xl bg-gradient-to-br ${t.color} flex items-center justify-center`,children:e.jsx(t.icon,{className:"w-6 h-6 text-white"})}),e.jsx("div",{className:`text-2xl md:text-3xl font-bold bg-gradient-to-r ${t.color} bg-clip-text text-transparent`,children:t.value}),e.jsx("div",{className:"text-xs md:text-sm text-gray-500 mt-1",children:t.label})]},t.label))}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-white rounded-2xl p-6 border border-gray-100 shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-5",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center",children:e.jsx(be,{className:"w-5 h-5 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-gray-900 font-semibold",children:"7 Practice Modes"}),e.jsx("p",{className:"text-gray-500 text-xs",children:"Choose your training style"})]})]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-2",children:I.map((t,a)=>{const x={sparkles:j,target:W,zap:st,trophy:je,shuffle:rt,calendar:nt,moon:it}[t.icon]||j,s=a===Fe;return e.jsxs("button",{onClick:()=>{J(a),Ie(!0)},"aria-pressed":s,"aria-label":`${t.name} — ${t.description} — ${t.items} items`,className:`relative p-3 rounded-xl transition-all duration-300 text-left ${s?"bg-gradient-to-br "+t.color+" shadow-lg scale-[1.02]":"bg-gray-50 hover:bg-gray-100 border border-gray-100"}`,children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(x,{className:`w-4 h-4 ${s?"text-white":"text-gray-500"}`}),e.jsx("span",{className:`text-xs font-medium ${s?"text-white":"text-gray-700"}`,children:t.name})]}),e.jsxs("div",{className:`text-[10px] ${s?"text-white/80":"text-gray-500"}`,children:[t.items," items"]}),s&&e.jsx("div",{className:"absolute -top-1 -right-1 w-3 h-3 bg-white rounded-full flex items-center justify-center shadow-sm",children:e.jsx("div",{className:"w-1.5 h-1.5 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full"})})]},t.name)})})]}),e.jsxs("div",{className:"bg-white rounded-2xl p-6 border border-gray-100 shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-5",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-gradient-to-br from-cyan-500 to-blue-500 flex items-center justify-center",children:e.jsx(fe,{className:"w-5 h-5 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-gray-900 font-semibold",children:"6 Question Types"}),e.jsx("p",{className:"text-gray-500 text-xs",children:"Varied challenges, real recall"})]})]}),e.jsx("div",{className:"space-y-2",children:M.map((t,a)=>{const x={list:ve,keyboard:lt,"text-cursor":ot,link:dt,headphones:$,blocks:ct,"pen-line":mt}[t.icon]||ve,s=a===Ae;return e.jsxs("div",{className:`flex items-center gap-3 p-3 rounded-xl transition-all duration-300 ${s?"bg-gradient-to-r from-cyan-50 to-blue-50 border border-cyan-200":"bg-gray-50 border border-gray-100"}`,children:[e.jsx("div",{className:`w-8 h-8 rounded-lg flex items-center justify-center ${s?"bg-cyan-100":"bg-gray-100"}`,children:e.jsx(x,{className:`w-4 h-4 ${s?"text-cyan-600":"text-gray-500"}`})}),e.jsx("span",{className:`flex-1 text-sm ${s?"text-gray-900 font-medium":"text-gray-600"}`,children:t.name}),e.jsx(h,{className:`text-[10px] ${s?"bg-cyan-100 text-cyan-700 border-cyan-200":"bg-gray-100 text-gray-500 border-gray-200"}`,children:t.tag})]},t.name)})})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-white rounded-2xl p-6 border border-gray-100 shadow-sm",children:[e.jsxs("div",{className:"flex items-center justify-between mb-5",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-gradient-to-br from-green-500 to-emerald-500 flex items-center justify-center",children:e.jsx(Ke,{className:"w-5 h-5 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-gray-900 font-semibold",children:"Strength Tracking"}),e.jsx("p",{className:"text-gray-500 text-xs",children:"0-100% mastery score"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Qe,{className:"w-5 h-5 text-orange-500"}),e.jsx("span",{className:"text-orange-500 font-bold",children:"12"}),e.jsx("span",{className:"text-gray-500 text-xs",children:"day streak"})]})]}),e.jsxs("div",{className:"flex items-center gap-6 mb-6 p-4 bg-gray-50 rounded-xl border border-gray-100",children:[e.jsxs("div",{className:"relative w-20 h-20 flex-shrink-0",role:"progressbar","aria-valuenow":E,"aria-valuemin":0,"aria-valuemax":100,"aria-label":`Overall mastery: ${E}%`,children:[e.jsxs("svg",{className:"w-20 h-20 transform -rotate-90",viewBox:"0 0 36 36","aria-hidden":"true",children:[e.jsx("path",{d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",fill:"none",stroke:"#e5e7eb",strokeWidth:"3"}),e.jsx("path",{d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",fill:"none",stroke:"url

7(#featStrengthGradient)",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:`${E}, 100`,className:"transition-all duration-1000 ease-out"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"featStrengthGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#22c55e"}),e.jsx("stop",{offset:"100%",stopColor:"#10b981"})]})})]}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true",children:e.jsxs("span",{className:"text-xl font-bold text-green-600",children:[E,"%"]})})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"text-gray-900 font-medium mb-1",children:"Overall Mastery"}),e.jsx("div",{className:"text-gray-500 text-sm mb-2",children:"247 vocabulary · 89 grammar"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(h,{className:"bg-green-100 text-green-700 text-[10px] border-green-200",children:"+12% this week"}),e.jsx(h,{className:"bg-blue-100 text-blue-700 text-[10px] border-blue-200",children:"18 due today"})]})]})]}),e.jsx("div",{className:"space-y-2",children:Me.map((t,a)=>e.jsxs("div",{className:"flex items-center gap-3 p-3 bg-gray-50 rounded-xl transition-all duration-300 hover:bg-gray-100 border border-gray-100",style:{opacity:l?1:0,transform:l?"translateX(0)":"translateX(20px)",transitionDelay:`${(a+4)*100}ms`},children:[e.jsxs("div",{className:"relative w-10 h-10 flex-shrink-0",role:"progressbar","aria-valuenow":t.strength,"aria-valuemin":0,"aria-valuemax":100,"aria-label":`${t.word} strength: ${t.strength}%`,children:[e.jsxs("svg",{className:"w-10 h-10 transform -rotate-90",viewBox:"0 0 36 36","aria-hidden":"true",children:[e.jsx("path",{d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",fill:"none",stroke:"#e5e7eb",strokeWidth:"4"}),e.jsx("path",{d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",fill:"none",stroke:t.strength>=80?"#22c55e":t.strength>=50?"#eab308":"#ef4444",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:`${l?t.strength:0}, 100`,className:"transition-all duration-1000 ease-out",style:{transitionDelay:`${(a+5)*100}ms`}})]}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true",children:e.jsx("span",{className:"text-[10px] font-bold text-gray-700",children:t.strength})})]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{language:t.language,size:"xs"}),e.jsx("span",{className:"text-gray-900 font-medium",children:t.word}),e.jsx("span",{className:"text-gray-500 text-xs",children:t.pronunciation})]}),e.jsx("div",{className:"text-gray-500 text-xs truncate",children:t.meaning})]}),e.jsxs("div",{className:"flex items-center gap-1 text-gray-500",children:[e.jsx(Ye,{className:"w-3 h-3"}),e.jsx("span",{className:"text-[10px] whitespace-nowrap",children:t.dueIn})]})]},t.word))})]}),e.jsxs("div",{className:"bg-gradient-to-br from-purple-50 to-pink-50 rounded-2xl p-6 border border-purple-100",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-gradient-to-br from-yellow-500 to-orange-500 flex items-center justify-center",children:e.jsx(je,{className:"w-5 h-5 text-white"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-gray-900 font-semibold",children:"Earn XP & Rewards"}),e.jsx("p",{className:"text-gray-500 text-xs",children:"Level up your learning"})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-2xl font-bold text-amber-500",children:"2,847"}),e.jsx("div",{className:"text-xs text-gray-500",children:"Total XP"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-3 mb-4",children:[e.jsxs("div",{className:"bg-white rounded-xl p-3 text-center border border-gray-100 shadow-sm",children:[e.jsx("div",{className:"text-lg font-bold text-cyan-600",children:"AI-marked"}),e.jsx("div",{className:"text-[10px] text-gray-500",children:"Sentence Writing"})]}),e.jsxs("div",{className:"bg-white rounded-xl p-3 text-center border border-gray-100 shadow-sm",children:[e.jsx("div",{className:"text-lg font-bold text-purple-600",children:"Listening"}),e.jsx("div",{className:"text-[10px] text-gray-500",children:"Audio Challenge"})]}),e.jsxs("div",{className:"bg-white rounded-xl p-3 text-center border border-gray-100 shadow-sm",children:[e.jsx("div",{className:"text-lg font-bold text-green-600",children:"Speed"}),e.jsx("div",{className:"text-[10px] text-gray-500",children:"Match Pairs"})]})]}),e.jsx(P,{href:"/onboarding",pageLocation:"features_progress",overrideText:"Start Reading Free",className:"w-full",showLanguageModal:!1,testId:"button-features-progress-start"})]})]})]})]})]}),e.jsxs("section",{className:"relative py-20 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/40 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#E8F3EE] via-[#D4E8DD] to-[#C5DFD0]"}),e.jsxs("div",{className:"max-w-3xl mx-auto relative text-center",children:[e.jsx("h2",{className:"text-4xl md:text-5xl font-bold animated-gradient mb-6",style:{letterSpacing:"-0.02em"},children:"Learn on the go"}),e.jsx("p",{className:"text-xl text-[#4A6B5D] mb-10 leading-relaxed",children:"WireLingo works wherever you do. Read and practice on the web, or take it with you on the mobile app so a spare ten minutes on the train becomes real progress."}),e.jsx(_e,{location:"features_page",className:"mb-4"}),e.jsx("p",{className:"text-sm text-[#4A6B5D]/70 mt-4",children:"Also available on de

7sktop"})]})]}),e.jsxs("section",{className:"relative py-20 px-[5%] overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/30 to-transparent"}),e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsx("div",{className:"text-center mb-12",children:e.jsx("h2",{className:"text-3xl font-bold gradient-text mb-2",children:"Explore More"})}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:[{title:"How It Works",desc:"See the method behind the reading",href:"/how-it-works",cta:"Explore the method",linkTitle:"See how WireLingo teaches languages through real news",icon:e.jsx(g,{className:"w-8 h-8"})},{title:"Pricing",desc:"Find the plan that fits you",href:"/pricing",cta:"View pricing plans",linkTitle:"See WireLingo pricing plans",icon:e.jsx(Xe,{className:"w-8 h-8"})},{title:"Education & Institutions",desc:"WireLingo for schools, colleges and universities",href:"/schools-universities-institutions",cta:"Explore for schools",linkTitle:"WireLingo for schools, universities and institutions",icon:e.jsx(Ze,{className:"w-8 h-8"})}].map(t=>e.jsx(p,{href:t.href,title:t.linkTitle,children:e.jsxs("div",{className:"group p-8 rounded-2xl bg-white/[0.03] border border-white/5 hover:border-[#6B8E7B]/40 hover:bg-white/[0.06] transition-all duration-300 cursor-pointer h-full",children:[e.jsx("div",{className:"text-[#6B8E7B] mb-4 group-hover:scale-110 transition-transform duration-300",children:t.icon}),e.jsx("h3",{className:"text-lg font-bold text-[#F4F9F6] mb-2",children:t.title}),e.jsx("p",{className:"text-sm text-[#9DC2B0] leading-relaxed mb-4",children:t.desc}),e.jsxs("span",{className:"inline-flex items-center gap-1 text-sm text-[#6B8E7B] font-semibold group-hover:gap-2 transition-all duration-300",children:[t.cta," ",e.jsx(et,{className:"w-4 h-4"})]})]})},t.href))})]})]}),e.jsxs("section",{className:"relative py-24 px-[5%] overflow-hidden",...tt("features-individual-trial",!N),children:[e.jsx("div",{className:"absolute top-0 left-[10%] right-[10%] h-px bg-gradient-to-r from-transparent via-[#6B8E7B]/30 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-[#0A0F0D] via-[#1E2B25] to-[#0A0F0D]"}),e.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] h-[700px] bg-[#6B8E7B]/8 rounded-full blur-[150px]"}),e.jsxs("div",{className:"max-w-3xl mx-auto relative text-center",children:[e.jsx("h2",{className:"text-4xl md:text-5xl font-bold text-[#F4F9F6] mb-6",style:{letterSpacing:"-0.02em"},children:"Start learning through real stories today"}),e.jsxs("p",{className:"text-xl text-[#9DC2B0] mb-10",children:["Every feature on this page is yours to try free for ",ye,". Pick a language, choose your level and start reading."]}),e.jsx(P,{href:"/onboarding",pageLocation:"features_cta_banner",size:"lg",className:"bg-[#6B8E7B] hover:bg-[#5A7F71] text-white px-12 py-7 text-xl shadow-xl",testId:"button-features-cta-start",showLanguageModal:!1})]})]})]}),e.jsx(at,{})]})}function D({icon:y,title:b,description:w,highlights:C,isNew:f}){return e.jsxs("div",{className:"p-10 rounded-3xl bg-white/50 border border-[#6B8E7B]/20 backdrop-blur-sm hover:border-[#6B8E7B]/50 hover:bg-white/60 transition-all duration-300 group",children:[e.jsxs("div",{className:"flex items-start justify-between mb-6",children:[e.jsx("div",{className:"text-[#4A6B5D] group-hover:scale-110 transition-transform inline-block",children:y}),f&&e.jsx("span",{className:"px-2.5 py-1 rounded-full bg-[#6B8E7B] text-white text-xs font-bold",children:"New"})]}),e.jsx("h3",{className:"text-2xl font-bold mb-4 text-[#1E2B25]",children:b}),e.jsx("p",{className:"text-[#4A6B5D] leading-relaxed mb-6",children:w}),e.jsx("div",{className:"flex flex-wrap gap-2",children:C.map(N=>e.jsx("span",{className:"px-3 py-1 rounded-full bg-[#6B8E7B]/15 border border-[#6B8E7B]/30 text-[#4A6B5D] text-sm",children:N},N))})]})}export{jt as default};