https://ppa.co.id/assets/about-C4TEccCG.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/AboutStory-B9i1Z9Wx.js","assets/index-DrLqtBaS.js","assets/use-scroll-CxBErubW.js","assets/use-transform-CF4GmxN_.js","assets/page-content-LELwXlVR.js","assets/AboutFullWidthImage-B3tXHLjo.js","assets/AboutTimeline-DCRXUEnN.js","assets/DotGrid-DTOPCUPF.js","assets/SectionLabel-EcbTUCjS.js","assets/VisionMission-C51yzgN4.js","assets/CoreValues-G_Qo-kfM.js","assets/cms-icon-Bws-r6OU.js","assets/TypeReveal-BgHtnsFF.js","assets/DotBackgroundTopRight-CuXfnYlb.js","assets/Leadership-B7EJ5R8c.js","assets/GlareHover-BSJeTbJB.js","assets/GlareHover-D3C5mUPG.css","assets/PageNav-DluoD7E1.js","assets/PageNav-BBsuSfZM.js","assets/arrow-left-D3KzmzHL.js","assets/Footer-Ci3rNrH4.js","assets/arrow-up-CFQ6mgUn.js","assets/MainCursor-BPPd833m.js"])))=>i.map(i=>d[i]);
2import{r as a,j as e,m,h as A,s as g,t as S,A as N,n as I,_ as u}from"./index-DrLqtBaS.js";import{u as k}from"./page-content-LELwXlVR.js";import{C as L}from"./CmsPicture-DrK_e3jp.js";import{u as T}from"./use-scroll-CxBErubW.js";import{u as R}from"./use-transform-CF4GmxN_.js";import{C as z}from"./chevron-down-C4Q2ZG2Y.js";const P=[.33,1,.68,1];function O(n){const s=n.match(/[\d.,]+/),i=s?s[0]:"0",p=i.includes(",")?",":i.includes(".")?".":"",l=parseInt(i.replace(/[.,]/g,""),10)||0,c=s?.index??0;return{value:l,sep:p,prefix:n.slice(0,c),suffix:n.slice(c+i.length)}}function V(n,s){const i=Math.round(n).toString();return s?i.replace(/\B(?=(\d{3})+(?!\d))/g,s):i}const C=({value:n,delayMs:s=0})=>{const i=a.useRef(null),p=S(i,{once:!0,margin:"-40px"}),{value:l,sep:c,prefix:d,suffix:v}=a.useMemo(()=>O(n),[n]),[y,x]=a.useState(0);return a.useEffect(()=>{if(!p){x(0);return}let t=0;const o=setTimeout(()=>{const _=performance.now(),b=f=>{const h=Math.min(1,(f-_)/1800),w=1-Math.pow(1-h,3);x(w*l),h<1&&(t=requestAnimationFrame(b))};t=requestAnimationFrame(b)},s);return()=>{clearTimeout(o),cancelAnimationFrame(t)}},[p,l,s]),e.jsxs("span",{ref:i,children:[d,V(y,c),v]})},D=()=>{const n=k("about","hero"),s=a.useRef(null),{scrollYProgress:i}=T({target:s,offset:["start start","end start"]}),p=R(i,[0,1],[0,80]),l=n?.stats??[];return e.jsxs("section",{id:"about-hero",ref:s,className:"relative flex flex-col bg-brand-black text-white overflow-hidden",style:{minHeight:"80vh",paddingTop:"var(--header-h)"},"aria-labelledby":"about-hero-heading",children:[e.jsx(m.div,{className:"absolute left-0 right-0 z-0",style:{to

2p:"-10%",bottom:"-10%",y:p},initial:{scale:1.06},animate:{scale:1},transition:{duration:2.5,ease:"easeOut"},children:e.jsx(L,{desktop:n?.image,mobile:n?.mobileImage,sizes:"100vw",loading:"eager",fetchPriority:"high",ariaHidden:!0,className:"h-full w-full object-cover"})}),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 z-[1] bg-black/30"}),e.jsx("div",{"aria-hidden":!0,className:"absolute top-0 left-0 right-0 z-[2]",style:{height:"40%",backgroundImage:"linear-gradient(to bottom, hsla(240,1%,16%,0.85) 0%, transparent 100%)"}}),e.jsx("div",{"aria-hidden":!0,className:"absolute bottom-0 left-0 right-0 z-[2]",style:{height:"55%",backgroundImage:"linear-gradient(to top, hsla(240,1%,16%,1.0) 0%, transparent 100%)"}}),e.jsx("div",{className:"relative z-10 flex flex-1 flex-col",style:{paddingLeft:"var(--section-pad-x)",paddingRight:"var(--section-pad-x)",paddingTop:"var(--section-pad-y)",paddingBottom:"var(--spacing-3xl)"},children:e.jsx("div",{className:"mt-auto",id:"about-hero-heading",children:e.jsx(A,{tag:"h1",text:n?.headline??"",rootMargin:"-20px",className:"text-display-xl text-white",children:n?.headline??""})})}),e.jsx("div",{className:"relative z-10 border-t border-brand-stroke-image grid grid-cols-2 lg:grid-cols-3",children:l.map((c,d)=>e.jsxs(m.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.55,delay:.9+d*.12,ease:P},className:g("flex flex-col gap-sm",d===1&&"border-l border-brand-stroke-image",d===2&&"col-span-2 border-t border-brand-stroke-image lg:col-span-1 lg:border-t-0 lg:border-l"),style:{paddingLeft:"var(--section-pad-x)",paddingRight:"var(--section-pad-x)",paddingTop:"var(--spacing-lg)",paddingBottom:"var(--spacing-lg)"},children:[e.jsx("span",{className:"text-display leading-none text-white",children:e.jsx(C,{value:c.value??"",delayMs:(.9+d*.12)*1e3})}),e.jsx("span",{className:"text-caption font-heading uppercase text-white/50",children:c.label})]},d))})]})},j=["story","history","vision","values","leadership"],F=["overview","history","vision","values","management"],E=[.33,1,.68,1],M=()=>{const n=k("about","sectionNav"),s=j.map((t,o)=>({id:t,label:n?.[F[o]]??""})),[i,p]=a.useState(j[0]),[l,c]=a.useState(!1),d=a.useRef(null),v=Math.max(0,s.findIndex(t=>t.id===i)),y=s[v].label,x=t=>String(t+1).padStart(2,"0");return a.useEffect(()=>{let t=0;const o=()=>{const _=window.innerHeight*.5;let b=j[0];for(const f of j){const h=document.getElementById(f);h&&h.getBoundingClientRect().top<=_&&(b=f)}p(b)},r=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(o)};return o(),window.addEventListener("scroll",r,{passive:!0}),()=>{cancelAnimationFrame(t),window.removeEventListener("scroll",r)}},[]),a.useEffect(()=>{if(!l)return;const t=r=>{d.current&&!d.current.contains(r.target)&&c(!1)},o=r=>{r.key==="Escape"&&c(!1)};return document.addEventListener("pointerdown",t),document.addEventListener("keydown",o),()=>{document.removeEventListener("pointerdown",t),document.removeEventListener("keydown",o)}},[l]),e.jsxs("nav",{"aria-label":"About sections",className:"sticky z-40 w-full bg-primary-foreground border-b border-brand-stroke",style:{top:"var(--header-h)"},children:[e.jsx("ul",{className:"hidden lg:grid grid-cols-5",children:s.map((t,o)=>{const r=i===t.id;return e.jsxs("li",{className:g("relative",o>0&&"border-l border-brand-stroke"),children:[e.jsx(N,{children:r&&e.jsx(m.div,{initial:{clipPath:"inset(100% 0% 0% 0%)"},animate:{clipPath:"inset(0% 0% 0% 0%)"},exit:{clipPath:"inset(100% 0% 0% 0%)"},transition:{duration:.35,ease:E},className:"absolute inset-0 bg-brand-red"},"bg")}),e.jsx("a",{href:`#${t.id}`,"aria-current":r?"true":void 0,className:g("relative z-10 flex min-h-[var(--about-subnav-h)] items-center justify-center px-3xs py-2xs text-center uppercase-mono text-nav font-semibold whitespace-nowrap transition-colors duration-300",r?"text-white":"text-brand-black hover:text-brand-black/80"),children:t.label})]},t.id)})}),e.jsxs("div",{ref:d,className:"relative lg:hidden",children:[e.jsx("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 z-10 w-[4px] bg-brand-red"}),e.jsxs("button",{type:"button","aria-haspopup":"listbox","aria-expanded":l,onClick:()=>c(t=>

2!t),className:"flex w-full items-center justify-between gap-sm min-h-[var(--about-subnav-h)] uppercase-mono text-nav font-semibold text-brand-black",style:{paddingLeft:"var(--section-pad-x)",paddingRight:"var(--section-pad-x)"},children:[e.jsxs("span",{className:"flex items-baseline gap-sm",children:[e.jsx("span",{className:"text-caption tabular-nums font-semibold text-brand-black",children:x(v)}),e.jsx("span",{children:y})]}),e.jsx(m.span,{animate:{rotate:l?180:0},transition:{duration:.3,ease:E},className:"text-brand-black/55","aria-hidden":!0,children:e.jsx(z,{className:"h-6 w-6",strokeWidth:2})})]}),e.jsx(N,{children:l&&e.jsx(m.ul,{role:"listbox",initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{duration:.3,ease:E},className:"absolute inset-x-0 top-full z-10 bg-white/80 backdrop-blur-md border-b border-brand-stroke",children:s.map((t,o)=>{const r=i===t.id;return e.jsxs("li",{className:"relative",children:[r&&e.jsx("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-brand-red"}),e.jsxs("a",{href:`#${t.id}`,role:"option","aria-selected":r,onClick:()=>c(!1),className:g("flex items-baseline gap-sm uppercase-mono text-nav transition-colors duration-200",o>0&&"border-t border-brand-stroke",r?"text-brand-red":"text-brand-black/60 hover:text-brand-black"),style:{paddingLeft:"var(--section-pad-x)",paddingRight:"var(--section-pad-x)",paddingTop:"var(--spacing-xl)",paddingBottom:"var(--spacing-xl)"},children:[e.jsx("span",{className:g("text-caption tabular-nums",r?"text-brand-red":"text-brand-black/35"),children:x(o)}),e.jsx("span",{children:t.label})]})]},t.id)})})})]})]})},B=a.lazy(()=>u(()=>import("./AboutStory-B9i1Z9Wx.js"),__vite__mapDeps([0,1,2,3,4]))),H=a.lazy(()=>u(()=>import("./AboutFullWidthImage-B3tXHLjo.js"),__vite__mapDeps([5,1,4,2,3]))),$=a.lazy(()=>u(()=>import("./AboutTimeline-DCRXUEnN.js"),__vite__mapDeps([6,1,7,4,8]))),q=a.lazy(()=>u(()=>import("./VisionMission-C51yzgN4.js"),__vite__mapDeps([9,1,7,4]))),Y=a.lazy(()=>u(()=>import("./CoreValues-G_Qo-kfM.js"),__vite__mapDeps([10,1,8,11,12,13,4]))),K=a.lazy(()=>u(()=>import("./Leadership-B7EJ5R8c.js"),__vite__mapDeps([14,1,8,12,15,16,4,2,3]))),W=a.lazy(()=>u(()=>import("./PageNav-DluoD7E1.js"),__vite__mapDeps([17,1,4,18,19]))),U=a.lazy(()=>u(()=>import("./Footer-Ci3rNrH4.js"),__vite__mapDeps([20,1,21,3]))),G=a.lazy(()=>u(()=>import("./MainCursor-BPPd833m.js"),__vite__mapDeps([22,1]))),J=[.33,1,.68,1],Q={initial:{opacity:0}

2,whileInView:{opacity:1},viewport:{once:!0,amount:.15},transition:{duration:.8,ease:J}};function ne(){return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(I,{}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(G,{})}),e.jsx(D,{}),e.jsx(M,{}),e.jsxs("div",{className:"relative",children:[e.jsx(a.Suspense,{fallback:null,children:e.jsx(B,{})}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(H,{})}),e.jsx(a.Suspense,{fallback:null,children:e.jsx($,{})}),e.jsx(m.div,{...Q,children:e.jsx(a.Suspense,{fallback:null,children:e.jsx(q,{})})}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(Y,{})}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(K,{})})]}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(W,{})}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(U,{})})]})}export{ne as component};