https://www.ef.com.vn/assetscdn/cefcom-funneling-site-nextjs/vn/_next/static/chunks/7461.8c701d97dc7934d6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7461],{7461:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(4848),i=n(6540),o=n(4982),a=n(4277),s=n(6071);let l=(0,a.q_)({slots:{root:`
2      [--baseline-offset:calc((var(--line-height) - var(--cap-height)) / 2 +
3      var(--descent))]
4      relative
5      flex
6      h-[120px]
7      w-full items-end justify-center @container [--cap-height:0.68] [--descent:0.2] [--line-height:0.8]
8    `,chars:`
9      animate-efc-weight-bounce -mb-[calc(var(--baseline-offset)*1em)]
10      inline-block max-w-full
11      origin-bottom
12      select-none
13      overflow-hidden
14      whitespace-nowrap
15        text-[clamp(1.8rem,min(25cqw,16cqw),8.5rem)]
16      leading-[0.8]
17    `}}),c=[{fontVariationSettings:'"wght" 200'},{fontVariationSettings:'"wght" 500'},{fontVariationSettings:'"wght" 900'},{fontVariationSettings:'"wght" 500'},{fontVariationSettings:'"wght" 300'}],d={duration:3e3,iterations:1/0,easing:"cubic-bezier(0, 0, 0.95, 1)"},u=e=>{let{className:t="",themeConfig:n,keyframes:u=c,animationOptions:h=d,children:m}=e,{root:f,chars:x}=(0,s.tv)(n?(0,a.$N)(l,n):l)({}),w=(0,i.useRef)(null),p=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(w.current)return p.current=w.current.animate(u,h),()=>{p.current&&(p.current.cancel(),p.current=null)}},[u,h]),(0,r.jsx)("div",{className:(0,o.cn)(f(),t),children:(0,r.jsx)("span",{ref:w,className:x(),children:m})})};u.displayName="AnimatedVariableFontText";var h=n(1739),m=n(905),f=n(4799),x=n(1868),w=n(8444);let p={arrowRight:{icon:x.x,rotation:0},arrowLeft:{icon:w.e,rotation:0},arrowDown:{icon:x.x,rotation:90},arrowUp:{icon:x.x,rotation:-90}},g=({firstButton:e})=>{let[t,n]=(0,i.useState)(!1),{icon:o,rotation:a}=e.buttonIcon&&e.buttonIcon in p?p[e.buttonIcon]:p.arrowDown;return(0,r.jsxs)(m.Button,{className:"mt-xl w-fit cm-our-programs-button ",href:e.Link,onClick:t=>{if(e.Link&&e.Link.startsWith("#")){t.preventDefault();let n=document.getElementById(e.Link.slice(1));if(n){let e=n.querySelector(".cefcom-row"),t=e?e.getBoundingClientRect().height:0,r=n.getBoundingClientRect().top+window.scrollY-((0,f.Fr)()?-(t-16):-72);window.scrollTo({top:r,behavior:"smooth"})}}},onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),"aria-label":"cta",as:e.as,"data-testid":"button",mono:e.mono,size:e.size,variant:e.variant,children:[e.Text,(0,r.jsx)("span",{style:a?{display:"inline-flex",transform:`rotate(${a}deg)`}:void 0,children:(0,r.jsx)(o,{active:t})})]})},v=()=>{let[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{if(!window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)"),n=()=>t(e.matches);return n(),e.addEventListener?.("change",n),()=>e.removeEventListener?.("change",n)},[]),e},b={slots:{root:"flex w-full font-extralight",chars:"overflow-visible"}},k=({blok:e})=>{let{title:t,description:n,button:o}=e,a=o?.[0],s=!!a?.Link,l=v(),c=(0,i.useMemo)(()=>({duration:5e3,iterations:l?0:2}),[l]);return(0,r.jsx)("section",{id:"hero",className:`relative bg-white min-h-[328px] ${s?"pb-[64px] md:py-[64px]":"pb-0 md:pt-[64px] md:pb-0"}`,children:(0,r.jsxs)("div",{className:"flex flex-col items-center ",style:{zIndex:1},children:[t&&(0,r.jsx)("div",{className:"flex flex-col items-center w-full",children:(0,r.jsx)(u,{className:"mb-xl",animationOptions:c,themeConfig:b,children:t})}),n&&(0,r.jsx)(h.E,{align:"center",className:"max-w-2xl px-6 ",variant:"header5",children:n}),s&&(0,r.jsx)(g,{firstButton:a})]})})}},8444:(e,t,n)=>{n.d(t,{e:()=>l});var r=n(4848),i=n(6540),o=n(325),a=n(4277),s=n(4982);let l=(0,i.forwardRef)((e,t)=>{let{active:n=!1,themeConfig:i,className:l,...c}=e,{root:d,top:u,bottom:h}=(0,a.tv)(i?(0,a.$N)(o.wp,i):o.wp)({active:n,icon:"arrow"}),m=(0,s.cn)("ef-animated-arrow-left","rtl-flip",d(),l);return(0,r.jsxs)("svg",{ref:t,className:m,version:"1.1",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid","aria-hidden":!0,...c,children:[(0,r.jsx)("g",{children:(0,r.jsx)("line",{x1:"20",y1:"12",x2:"4",y2:"12",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2.3"})}),(0,r.jsx)("g",{className:u(),children:(0,r.jsx)("line",{x1:"4",y1:"12",x2:"11",y2:"5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2.3"})}),(0,r.jsx)("g",{className:h(),children:(0,r.jsx)("line",{x1:"4",y1:"12",x2:"11",y2:"19",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2.3"})})]})});l.displayName="AnimatedArrowLeft"}}]);