https://edvi.app/_next/static/chunks/7541.d731d8093c38a195.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7541],{4032:(e,t,l)=>{l.d(t,{A:()=>i});var r,a,n=l(4232);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)({}).hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}).apply(null,arguments)}let i=function(e){return n.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:65,height:65},e),r||(r=n.createElement("defs",null,n.createElement("filter",{id:"IconPlay_svg__a",width:"124.6%",height:"124.6%",x:"-12.3%",y:"-8.8%",filterUnits:"objectBoundingBox"},n.createElement("feOffset",{dy:2,in:"SourceAlpha",result:"shadowOffsetOuter1"}),n.createElement("feGaussianBlur",{in:"shadowOffsetOuter1",result:"shadowBlurOuter1",stdDeviation:2}),n.createElement("feColorMatrix",{in:"shadowBlurOuter1",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"})),n.createElement("filter",{id:"IconPlay_svg__c",width:"154.2%",height:"154.2%",x:"-36.8%",y:"-16.6%",filterUnits:"objectBoundingBox"},n.createElement("feOffset",{dy:2,in:"SourceAlpha",result:"shadowOffsetOuter1"}),n.createElement("feGaussianBlur",{in:"shadowOffsetOuter1",result:"shadowBlurOuter1",stdDeviation:2}),n.createElement("feColorMatrix",{in:"shadowBlurOuter1",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"})),n.createElement("path",{id:"IconPlay_svg__b",d:"M28.5 57C12.76 57 0 44.24 0 28.5S12.76 0 28.5 0 57 12.76 57 28.5 44.24 57 28.5 57m.21-5.449c12.615 0 22.841-10.226 22.841-22.841S41.325 5.868 28.71 5.868 5.868 16.

1094 5.868 28.71 16.094 51.551 28.71 51.551"}),n.createElement("path",{id:"IconPlay_svg__d",d:"M21 25.854v9.292a3 3 0 0 0 4.342 2.683l9.291-4.646a3 3 0 0 0 0-5.366l-9.291-4.646A3 3 0 0 0 21 25.854"}))),a||(a=n.createElement("g",{fill:"none",fillRule:"evenodd"},n.createElement("g",{transform:"translate(4 2)"},n.createElement("use",{xlinkHref:"#IconPlay_svg__b",fill:"#000",filter:"url(#IconPlay_svg__a)"}),n.createElement("use",{xlinkHref:"#IconPlay_svg__b",fill:"#FFF"})),n.createElement("g",{transform:"translate(4 2)"},n.createElement("use",{xlinkHref:"#IconPlay_svg__d",fill:"#000",filter:"url(#IconPlay_svg__c)"}),n.createElement("use",{xlinkHref:"#IconPlay_svg__d",fill:"#FFF"})))))}},4220:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(9028).A)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]])},5380:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(9028).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},6467:(e,t,l)=>{l.d(t,{A:()=>o});var r=l(7876),a=l(4956),n=l(9847),s=l(4032),i=l(7716);function o(e){let{open:t,handleClose:l,data:o,videoLink:c}=e;return(0,r.jsx)(a.lG,{open:t,onOpenChange:e=>!e&&l(),children:(0,r.jsxs)(a.Cf,{showCloseButton:!1,className:"max-w-[calc(100%-1.5rem)] gap-0 overflow-visible border-border bg-surface p-3 sm:max-w-[900px] sm:p-4",children:[(0,r.jsx)(a.c7,{className:"sr-only",children:(0,r.jsx)(a.L3,{children:"Video"})}),(0,r.jsx)("button",{type:"button",onClick:l,"aria-label":"Close video",className:"absolute right-2 top-2 z-[100] inline-flex size-8 items-center justify-center rounded-md border border-border bg-surface text-foreground shadow-md transition hover:bg-wash active:scale-95",children:(0,r.jsx)(i.A,{className:"size-4",strokeWidth:2.5,"aria-hidden":!0})}),(0,r.jsx)("div",{className:"relative mt-8 aspect-video overflow-hidden rounded-xl bg-black",children:(0,r.jsx)(n.A,{width:"100%",height:"100%",src:o?o.link:c,playing:t,playIcon:(0,r.jsx)(s.A,{}),style:{position:"absolute",inset:0}})})]})})}},7541:(e,t,l)=>{l.r(t),l.d(t,{default:()=>f});var r=l(7876),a=l(4587),n=l.n(a),s=l(4232),i=l(4220),o=l(7619),c=l(5380),d=l(2597),m=l(6467),u=l(7468);function h(e){var t;if(!e)return null;let l=e.match(/(?:youtube\.com\/(?:embed\/|shorts\/|watch\?v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);return null!=(t=null==l?void 0:l[1])?t:null}function x(e){let t=h(e);return t?"https://youtu.be/".concat(t):e}function f(e){let{testimonials:t=[],moreStories:l=[],setPlayDemoVideo:a}=e,f=(0,s.useMemo)(()=>(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],l=e.map(e=>({key:e.link||e.name,name:e.name,city:e.city,caption:[e.infoTop,e.info].filter(Boolean).join(" "),videoUrl:x(e.link),image:e.imgLink,remoteImage:!1})),r=new Set(l.map(e=>h(e.videoUrl)).filter(Boolean));return[...l,...t.map((e,t)=>{let l=h(e.video);return l&&r.has(l)?null:(l&&r.add(l),{key:e.video||"extra-".concat(t),name:e.name||"Parent story",city:null,caption:e.quote||null,videoUrl:x(e.video),image:function(e){let t=h(e);return t?"https://img.youtube.com/vi/".concat(t,"/hqdefault.jpg"):null}(e.video),remoteImage:!0})}).filter(Boolean)]})(t,l),[t,l]),[p,g]=(0,s.useState)(0),[b,v]=(0,s.useState)(!1),w=function(){let[e,t]=(0,s.useState)(0);return(0,s.useEffect)(()=>{let e=()=>{let e=window.innerWidth;e<640?t(0):e<1024?t(240):t(360)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}(),y=w>0;if((0,s.useEffect)(()=>{g(0)},[f.length]),(0,s.useEffect)(()=>{if(b||f.length<2)return;let e=window.setInterval(()=>{g(e=>(e+1)%f.length)},6500);return()=>window.clearInterval(e)},[b,f.length]),!f.length)return null;let j=f[p],N=e=>{g(t=>(t+e+f.length)%f.length)};return(0,r.jsxs)("section",{className:"relative overflow-x-clip bg-wash/60 py-10 sm:py-12 lg:py-16",children:[(0,r.jsx)("div",{className:"pointer-events-none absolute inset-0 hero-mesh opacity-70","aria-hidden":!0}),(0,r.jsx)("div",{className:"pointer-events-none absolute -left-24 top-10 h-64 w-64 rounded-full bg-secondary/25 blur-3xl","aria-hidden":!0}),(0,r.jsx)("div",{className:"pointer-events-none absolute -right-20 bottom-0 h-72 w-72 rounded-full bg-primary/15 blur-3xl","aria-hidden":!0}),(0,r.jsxs)("div",{className:"relative mx-auto max-w-7xl px-4 sm:px-5 lg:px-8",children:[(0,r.jsxs)(d._A,{className:"mx-auto max-w-2xl text-center",children:[(0,r.jsx)("p",{className:"section-kicker mb-3",children:"Parent stories"}),(0,r.jsxs)("h2",{className:"font-display text-3xl font-semibold tracking-tight text-foreground sm:text-4xl lg:text-[2.75rem]",children:["Parents ",(0,r.jsx)("span",{className:"text-primary",children:"love"})," edvi"]}

1),(0,r.jsx)("p",{className:"mt-3 text-sm text-muted-foreground sm:text-base",children:"Real families on camera — watch how tutoring fits into their lives."})]}),(0,r.jsxs)(d._A,{delay:.08,className:"relative mt-7 sm:mt-9",children:[(0,r.jsx)("div",{className:(0,u.cn)("relative mx-auto w-full","h-[min(28rem,calc(85vw*4/3))] sm:h-[26rem] lg:h-[28rem]",y?"max-w-6xl":"max-w-sm"),children:f.map((e,t)=>{let l=t-p,s=Math.abs(l);if(y?s>1:0!==s)return null;let o=0===l;return(0,r.jsx)("article",{className:(0,u.cn)("absolute left-1/2 top-1/2 overflow-hidden rounded-2xl border bg-card shadow-medium transition-[transform,opacity] duration-500 ease-out",y?"w-[min(72vw,18rem)] sm:w-[19rem] lg:w-[22rem]":"w-[min(88vw,20rem)]",o?"z-20 border-primary/30":"z-10 border-border/60"),style:{transform:"translate(calc(-50% + ".concat(y?l*w:0,"px), -50%) scale(").concat(o?1:.88,")"),opacity:o?1:.72},children:(0,r.jsx)("button",{type:"button",className:"block w-full border-0 bg-transparent p-0 text-left",onClick:()=>{o?(null==a||a(!1),v(!0)):g(t)},"aria-label":o?"Play video: ".concat(e.name):"Show story: ".concat(e.name),"aria-current":o?"true":void 0,children:(0,r.jsxs)("div",{className:"relative aspect-[3/4] w-full",children:[e.image?(0,r.jsx)(n(),{src:e.image,alt:"",fill:!0,unoptimized:e.remoteImage,sizes:"(max-width: 640px) 88vw, (max-width: 1024px) 304px, 352px",className:"object-cover"}):(0,r.jsx)("div",{className:"absolute inset-0 bg-wash"}),(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-foreground

1/85 via-foreground/20 to-transparent"}),o?(0,r.jsxs)("span",{className:"absolute right-3 top-3 inline-flex items-center gap-2 rounded-full border border-white/30 bg-white/15 px-2.5 py-1.5 text-xs font-semibold text-white backdrop-blur-md sm:right-4 sm:top-4 sm:px-3 sm:text-sm",children:[(0,r.jsx)(i.A,{className:"size-3.5 fill-white"}),"Play video"]}):null,(0,r.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4 sm:p-5 lg:p-6",children:[(0,r.jsx)("h3",{className:"font-display text-lg font-semibold text-white sm:text-xl lg:text-2xl",children:e.name}),e.city?(0,r.jsx)("p",{className:"mt-0.5 text-sm text-white/75",children:e.city}):null,e.caption?(0,r.jsx)("p",{className:"mt-2 line-clamp-2 text-sm leading-relaxed text-white/90 sm:mt-3 sm:line-clamp-3",children:e.caption}):null]})]})})},e.key)})}),(0,r.jsxs)("div",{className:"mt-5 flex items-center justify-center gap-3 sm:mt-6 sm:gap-4",children:[(0,r.jsx)("button",{type:"button",onClick:()=>N(-1),className:"inline-flex size-10 items-center justify-center rounded-full border border-border bg-surface text-foreground shadow-soft transition hover:border-primary/40 hover:text-primary sm:size-11","aria-label":"Previous story",children:(0,r.jsx)(o.A,{className:"size-5"})}),(0,r.jsx)("div",{className:"flex max-w-[min(100%,14rem)] flex-wrap items-center justify-center gap-1.5 sm:max-w-none sm:gap-2",role:"tablist","aria-label":"Parent stories",children:f.map((e,t)=>(0,r.jsx)("button",{type:"button",role:"tab","aria-selected":t===p,"aria-label":"Show story ".concat(t+1),onClick:()=>g(t),className:(0,u.cn)("h-2 rounded-full transition-all duration-300",t===p?"w-7 bg-secondary sm:w-8":"w-2 bg-primary/25 hover:bg-primary/45")},e.key))}),(0,r.jsx)("button",{type:"button",onClick:()=>N(1),className:"inline-flex size-10 items-center justify-center rounded-full border border-border bg-surface text-foreground shadow-soft transition hover:border-primary/40 hover:text-primary sm:size-11","aria-label":"Next story",children:(0,r.jsx)(c.A,{className:"size-5"})})]}),(0,r.jsxs)("p",{className:"mt-3 text-center font-display text-sm font-semibold tabular-nums text-primary",children:[String(p+1).padStart(2,"0"),(0,r.jsx)("span",{className:"text-muted-foreground/50",children:" / "}),String(f.length).padStart(2,"0")]})]})]}),(0,r.jsx)(m.A,{open:b,handleClose:()=>v(!1),videoLink:null==j?void 0:j.videoUrl})]})}},7619:(e,t,l)=>{l.d(t,{A:()=>r});let r=(0,l(9028).A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])}}]);