https://andalsoftware.com/assets/Home-B9WbssYM.js

1import{u as W,a as D,j as e,A as H,s as _,S as O}from"./index-Bi-eA3Wq.js";import{r as c}from"./vendor-GPGsv0WI.js";import{a as G,s as B,m as o,P as V}from"./PageWrapper-Cgfsujtc.js";import{u as k,a as f}from"./use-transform-DPyvJSI2.js";import{F as Z}from"./Footer-DWHGMHeN.js";import"./supabase-D2gm834s.js";function $(a,t,s){c.useInsertionEffect(()=>a.on(t,s),[a,t,s])}function K(a){a.values.forEach(t=>t.stop())}function y(a,t){[...t].reverse().forEach(n=>{const l=a.getVariant(n);l&&B(a,l),a.variantChildren&&a.variantChildren.forEach(d=>{y(d,t)})})}function q(a,t){if(Array.isArray(t))return y(a,t);if(typeof t=="string")return y(a,[t]);B(a,t)}function Y(){const a=new Set,t={subscribe(s){return a.add(s),()=>void a.delete(s)},start(s,n){const l=[];return a.forEach(d=>{l.push(G(d,s,{transitionOverride:n}))}),Promise.all(l)},set(s){return a.forEach(n=>{q(n,s)})},stop(){a.forEach(s=>{K(s)})},mount(){return()=>{t.stop()}}};return t}function U(){const a=W(Y);return D(a.mount,[]),a}const X=U,J=`
2  @keyframes ibadge-sonar {
3    0%   { transform: scale(1); opacity: 1; }
4    100% { transform: scale(4); opacity: 0; }
5  }
6  .ibadge-ring {
7    position: absolute;
8    width: 8px;
9    height: 8px;
10    border-radius: 50%;
11    border: 1px solid rgba(255, 255, 255, 0.15);
12    animation: ibadge-sonar 4s cubic-bezier(0.1, 0.5, 0.2, 1) infinite;
13  }
14  .ibadge-ring-2 { animation-delay: 1.3s; }
15  .ibadge-ring-3 { animation-delay: 2.6s; }
16`;function Q({label:a="ONE INTEGRATED HR PLATFORM",className:t=""}){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:J}),e.jsxs("span",{className:["inline-flex items-center gap-2.5","text-white font-semibold text-[11px] tracking-[0.12em] uppercase","px-4 py-[7px] rounded-full border","select-none",t].filter(Boolean).join(" "),style:{background:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(24px)",WebkitBackdropFilter:"blur(24px)",borderColor:"rgba(255, 255, 255, 0.2)"},children:[e.jsxs("span",{className:"relative flex items-center justify-center shrink-0",style:{width:16,height:16,overflow:"visible"},"aria-hidden":"true",children:[e.jsx("span",{className:"ibadge-ring ibadge-ring-1"}),e.jsx("span",{className:"ibadge-ring ibadge-ring-2"}),e.jsx("span",{className:"ibadge-ring ibadge-ring-3"}),e.jsx("span",{className:"absolute z-10 rounded-full",style:{width:8,height:8,background:"#ffffff",opacity:1}})]}),a]})]})}const ee=()=>e.jsxs("section",{className:"hero",children:[e.jsxs("div",{className:"hero-bg-effects",children:[e.jsx("div",{className:"hex-grid"}),e.jsx("div",{className:"particles",children:[...Array(15)].map((a,t)=>e.jsx(o.div,{className:"particle",initial:{opacity:0,y:0},animate:{opacity:[0,1,0],y:-600,x:Math.random()*200-100},transition:{duration:Math.random()*5+5,repeat:1/0,delay:Math.random()*5}},t))})]}),e.jsx("div",{className:"hero-main-container",children:e.jsxs(o.div,{className:"hero-content",initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.8,ease:"easeOut"},children:[e.jsx(Q,{className:"mb-2"}),e.jsxs("h1",{className:"hero-title",children:["Modeling the Real World",e.jsx("br",{}),"Building Technology That Disappears"]}),e.jsx("p",{className:"hero-quote",children:"“Great software reflects the real world—refined and simplified.”"}),e.jsx("p",{className:"hero-description",children:"We take the complexity of real-world processes, translate them into code, and return them to you in a simpler, more intuitive form. This way, you don’t have to serve the software—the software works for you."})]})})]}),ae="/assets/talent-C0l4BFeQ.svg",te="/assets/payroll-1_cuDHgs.svg",se="/assets/performance-BVEYGnuR.svg",ne="/assets/learning-DhLJNL8c.svg",ie="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2053%2053'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%207730'%3e%3ccircle%20id='Ellipse%2083'%20cx='26.5'%20cy='26.5'%20r='26.5'%20fill='%237066FF'/%3e%3cg%20id='Union'%3e%3cpath%20d='M27.6281%2018.0433C29.0172%2017.8343%2030.2773%2017.7868%2031.3617%2018.006C32.4705%2018.2302%2033.7134%2018.8107%2034.4667%2020.1224L34.4832%2020.152C35.179%2021.3858%2035.0989%2022.6639%2034.8899%2023.5546C34.6844%2024.4302%2034.2885%2025.2427%2033.9179%2025.9028C33.1987%2027.1835%2032.0701%2028.7327%2031.2195%2029.9916C30.2763%2031.3878%2029.5067%2032.6522%2029.0668%2033.8012C28.6299%2034.9423%2028.6643%2035.5884%2028.8112%2035.9836C28.9422%2036.336%2029.2545%2036.7521%2029.9246%2037.1911C30.5982%2037.6324%2031.4591%2037.9797%2032.3674%2038.2497C33.8638%2038.6946%2034.7341%2040.33%2

16034.3106%2041.9019C33.887%2043.4737%2032.3305%2044.3869%2030.8342%2043.9421C29.6707%2043.5963%2028.2484%2043.0644%2026.9453%2042.2108C25.6388%2041.355%2024.2806%2040.0608%2023.5649%2038.1355C22.6869%2035.7733%2023.1331%2033.4448%2023.8418%2031.5935C24.5476%2029.7504%2025.6574%2028.0034%2026.6273%2026.5679C27.3504%2025.4976%2027.9602%2024.6448%2028.4522%2023.8956C28.4436%2023.8969%2028.4345%2023.8977%2028.4259%2023.899C26.2296%2024.2294%2022.5927%2025.2571%2016.792%2027.5072C15.3332%2028.073%2013.7138%2027.2896%2013.1751%2025.7572C12.6364%2024.2248%2013.3825%2022.5237%2014.8414%2021.9578C20.7429%2019.6686%2024.8289%2018.4643%2027.6281%2018.0433Z'%20fill='%23F1F2F4'/%3e%3cpath%20d='M36.6532%2016.02C36.8321%2015.8277%2037.1256%2015.8237%2037.3088%2016.0115L38.8601%2017.6041C39.0433%2017.792%2039.0471%2018.1004%2038.8684%2018.2929L37.9859%2019.2423C37.8069%2019.4348%2037.5126%2019.4388%2037.3294%2019.2508L35.7781%2017.6582C35.5949%2017.4702%2035.5917%2017.1619%2035.7707%2016.9694L36.6532%2016.02Z'%20fill='%23F1F2F4'/%3e%3cpath%20d='M32.5449%208.05469C34.8891%208.05469%2036.7894%2010.0509%2036.7896%2012.5133C36.7896%2014.976%2034.8892%2016.9728%2032.5449%2016.9728C30.2006%2016.9727%2028.3002%2014.9759%2028.3002%2012.5133C28.3003%2010.0509%2030.2007%208.05476%2032.5449%208.05469Z'%20fill='%23F1F2F4'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",le="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2053%2053'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%207730'%3e%3ccircle%20id='Ellipse%2083'%20cx='26.5'%20cy='26.5'%20r='26.5'%20fill='%23E5272E'/%3e%3cg%20id='Vector'%3e%3cpath%20d='M21.6432%2038.3425L19.1324%2039.2152C18.5071%2039.4326%2018%2039.109%2018%2038.4926V18.236C18%2017.6463%2018.4849%2016.9996%2019.0832%2016.7918L21.6435%2015.9017C22.2418%2015.6938%2022.7267%2016.0031%2022.7267%2016.5928V36.8979C22.7267%2037.4877%2022.2415%2038.1346%2021.6432%2038.3425Z'%20fill='white'/%3e%3cpath%20d='M33.8488%2030.541L25.9374%2033.2911C24.9685%2033.6278%2024.1832%2033.1266%2024.1832%2032.1715V13.1143C24.1832%2012.2007%2024.9344%2011.1991%2025.8612%2010.8769L33.8488%208.10022C34.7757%207.77803%2035.5269%208.25739%2035.5269%209.171V28.3036C35.5269%2029.2172%2034.7757%2030.2188%2033.8488%2030.541Z'%20fill='white'/%3e%3cpath%20d='M20.3633%2044.4018C21.6686%2044.4018%2022.7267%2043.3589%2022.7267%2042.0723C22.7267%2040.7857%2021.6686%2039.7427%2020.3633%2039.7427C19.0581%2039.7427%2018%2040.7857%2018%2042.0723C18%2043.3589%2019.0581%2044.4018%2020.3633%2044.4018Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",re="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2053%2053'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%207730'%3e%3ccircle%20id='Ellipse%2083'%20cx='26.5'%20cy='26.5'%20r='26.5'%20fill='%23499AFF'/%3e%3cg%20id='Union'%3e%3cpath%20d='M22.9914%208.00418C23.3765%207.97565%2023.6691%208.10027%2023.796%208.16368C32.8493%2014.1953%2039.4554%2018.6639%2040.0928%2019.1898C40.5013%2019.5268%2040.722%2019.9491%2040.722%2019.9491C40.9383%2020.3617%2040.9864%2020.7611%2040.9961%2021.0164C40.9666%2030.0942%2040.95%2036.6024%2040.9935%2037.4182C41.0007%2037.5539%2041.0372%2038.029%2040.8088%2038.5457C40.6607%2038.881%2040.4612%2039.1123%2040.3213%2039.2491L32.0123%2043.985C31.9589%2043.9952%2031.565%2044.0644%2031.2338%2043.7864C30.9474%2043.5459%2030.9101%2043.2153%2030.9041%2043.1493C30.8972%2037.5069%2030.8907%2031.8647%2030.8838%2026.2224C30.8855%2026.1252%2030.8759%2025.9081%2030.7455%2025.6794C30.6371%2025.4895%2030.4959%2025.3791%2030.4166%2025.3264C25.053%2021.7148%2019.6892%2018.1029%2014.3256%2014.4912C14.2667%2014.4191%2014.0063%2014.0824%2014.0489%2013.6292C14.0914%2013.1786%2014.3859%2012.9157%2014.447%2012.8631L22.1606%208.32234C22.2722%208.23645%2022.5646%208.03575%2022.9914%208.00418Z'%20fill='white'/%3e%3cpath%20d='M17.4967%2019.8813C17.7334%2019.8638%2017.9127%2019.9409%2017.9909%2019.9797C23.5533%2023.6855%2027.6122%2026.4314%2028.0036%2026.7543C28.2492%2026.957%2028.3843%2027.2095%2028.3899%2027.2201C28.5228%2027.4734%2028.5528%2027.7192%2028.5586%2027.876C28.5404%2033.4532%2028.5302%2037.4523%2028.5

16569%2037.9535C28.5614%2038.037%2028.584%2038.3287%2028.4439%2038.6458C28.3528%2038.8518%2028.2295%2038.9935%2028.1436%2039.0777L23.0386%2041.9878C23.0045%2041.9944%2022.7639%2042.0356%2022.5613%2041.8656C22.3853%2041.7179%2022.3619%2041.5153%2022.358%2041.4745C22.3539%2038.0079%2022.3498%2034.5411%2022.3453%2031.0745C22.3464%2031.0147%2022.341%2030.8813%2022.261%2030.7411C22.1945%2030.6247%2022.1071%2030.5572%2022.0586%2030.5247C18.7635%2028.3057%2015.4675%2026.0862%2012.1724%2023.8672C12.136%2023.8227%2011.9768%2023.6158%2012.0029%2023.3377L12.0197%2023.2393C12.0722%2023.0224%2012.2147%2022.895%2012.2474%2022.8669L16.9865%2020.0772C17.055%2020.0246%2017.2344%2019.9007%2017.4967%2019.8813Z'%20fill='white'/%3e%3cpath%20d='M19.6701%2033.5451C19.9316%2033.3879%2020.2631%2033.5789%2020.2605%2033.8853L20.2276%2037.3545L20.2807%2040.8237C20.2854%2041.1303%2019.9547%2041.3241%2019.692%2041.1682L16.7216%2039.4043L13.709%2037.716C13.4428%2037.5667%2013.442%2037.1819%2013.7074%2037.0313L16.7107%2035.3251L19.6701%2033.5451Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",oe="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2053%2053'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%207730'%3e%3ccircle%20id='Ellipse%2083'%20cx='26.5'%20cy='26.5'%20r='26.5'%20fill='%23FF4F00'/%3e%3cg%20id='Vector'%3e%3cpath%20d='M12.4248%2037C11.2497%2037%2010.2969%2036.0377%2010.2969%2034.8502V29.1563C10.2969%2027.9691%2011.2495%2027.0065%2012.4248%2027.0065H41.1706C41.1591%2028.2717%2041.1502%2029.5367%2041.1441%2030.8017C41.1365%2032.3616%2041.1332%2033.9217%2041.1337%2035.4819C41.8548%2035.476%2042.5759%2035.4699%2043.2969%2035.464V36.9997L12.4248%2037Z'%20fill='white'/%3e%3cpath%20d='M41.9191%2025.1617H12.5829C11.331%2025.1617%2010.316%2024.1993%2010.316%2023.0119V17.1498C10.316%2015.9626%2011.331%2015%2012.5829%2015L43.2784%2015C43.2741%2015.3737%2043.2695%2015.7477%2043.2652%2016.1215C42.9585%2016.1223%2042.6521%2016.123%2042.3454%2016.1238C42.13%2017.2109%2041.9148%2018.2982%2041.6996%2019.3853C41.337%2020.8759%2040.9747%2022.3665%2040.6121%2023.8569H41.9249C41.9229%2024.2917%2041.9209%2024.7268%2041.9191%2025.1617Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",de="/assets/hris-screenshot-Dn9e-QSD.png",ce="/assets/talent-screenshot-R39t4poy.png",pe="/assets/payroll-screenshot-CivECR9C.png",he="/assets/performance-screenshot-CRGK0VDY.png",xe="/assets/learning-screenshot-CObVF4Im.png",S=[{id:"talent",icon:ie,wordmark:ae,wordmarkWidth:172,description:"Adanya *Talent Lifecycle Management* dapat memperkuat *organizational moats*, dan memitigasi *asymmetric risk*",checklist:["Dapat memilih CV berbasis *ATS-friendly*","*Talent pool management* untuk kandidat potensial","Data kandidat otomatis masuk ke Andal HR"],screenshot:ce,panelGradient:"linear-gradient(180deg, #7066ff 0%, #fff6f6 100%)",imageBox:{left:"11.8%",top:"18.06%",width:"134%",height:"82.5%"}},{id:"payroll",icon:le,wordmark:te,wordmarkWidth:150,description:"Proses *real-time* memastikan perhitungan dilakukan ketika menerima data",checklist:["*Real-time salary & tax calculation*","*Custom field & pivot table* untuk kemudahan laporan","Tersedia *host-to-host disbursement* dan *CORETAX*"],screenshot:pe,panelGradient:"linear-gradient(180deg, #e5272e 0%, #fff6f6 100%)",imageBox:{left:"11.8%",top:"18.06%",width:"140.16%",height:"86.03%"}},{id:"performance",icon:re,wordmark:se,wordmarkWidth:220,description:"Menyelaraskan target individu dengan visi perusahaan",checklist:["*Custom formula* untuk *unit of measure KPI*","*KPI dashboard* berjalan *real-time*","*Approval flow* sesuai struktur organisasi"],screenshot:he,panelGradient:"linear-gradient(180deg, #499aff 0%, #fff6f6 100%)",imageBox:{left:"11.8%",top:"18.71%",width:"129.45%",height:"82.31%"}},{id:"learning",icon:oe,wordmark:ne,wordmarkWidth:162,description:"Pusat pengembangan kompetensi mandiri untuk pertumbuhan karier karyawan yang berkelanjutan",checklist:["Implementasi *AI-assisted learning* menghadirkan pengalaman belajar yang dirancang khusus untuk setiap karyawan","*AI* merekomendasikan *course* berdasarkan pencapaian *KPI*","Karyawan dapat mengakses *courses* secara fleksibel"],screenshot:xe,panelGradient:"linear-gradient(180deg, #ff4f00 0%, #fff6f6 100%)",imageBox:{left:"11.8%",top:"17.22%",width:"151.3%",height:"88.84%"}}];function M(a){return a.split(/\*(.+?)\*/g).map((t,s)=>s%2===1?e.jsx("em",{children:t},s):t)}function me({children:a,align:t="center"}){return e.jsxs("div",{className:`flex gap-2 ${t==="start"?"items-start":"items-center"}`,children:[e.jsxs("div",{className:"relative shrink-0 w-7 h-7","aria-hidden":"true",children:[e.jsx("svg",{viewBox:"0 0 24 24",className:"absolute inset-[12.5%] w-3/4 h-3/4",children:e.jsx("path",{opacity:"0.2",fill:"#2DBA61",d:"M24 12C24 14.3734 23.2962 16.6935 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33115 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693605 16.6689 0.230582 14.3411C-0.232441 12.0133 0.00519943 9.60051 0.913451 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C7.30655 0.703788 9.62663 0 12 0C15.1826 0 18.2349 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12Z"})}),e.jsx("svg",{viewBox:"0 0 26 26",className:"absolute inset-[9.38%] w-[81.24%] h-[81.24%]",children:e.jsx("path",{fill:"#2DBA61",d:"M18.7075 9.2925C18.8005 9.38537 18.8742 9.49566 18.9246 9.61706C18.9749 9.73846 19.0008 9.86858 19.0008 10C19.0008 10.1314 18.9749 10.2615 18.9246 10.3829C18.8742 10.5043 18.8005 10.6146 18.7075 10.7075L11.7075 17.7075C11.6146 17.8005 11.5043 17.8742 11.3829 17.9246C11.2615 17.9749 11.1314 18.0008 11 18.0008C10.8686 18.0008 10.7385 17.9749 10.6171 17.9246C10.4957 17.8742 10.3854 17.8005 10.2925 17.7075L7.29251 14.7075C7.10486 14.5199 6.99945 14.2654 6.99945 14C6.99945 13.7346 7.10486 13.4801 7.29251 13.2925C7.48015 13.1049 7.73464 12.9994 8.00001 12.9994C8.26537 12.9994 8.51987 13.1049 8.70751 13.2925L11 15.5863L17.2925 9.2925C17.3854 9.19952 17.4957 9.12576 17.6171 9.07544C17.7385 9.02512 17.8686 8.99921 18 8.99921C18.1314 8.99921 18.2615 9.02512 18.3829 9.07544C18.5043 9.12576 18.6146 9.19952 18.7075 9.2925ZM26 13C26 15.5712 25.2376 18.0846 23.8091 20.2224C22.3807 22.3603 20.3503 24.0265 17.9749 25.0104C15.5995 25.9944 12.9856 26.2518 10.4638 25.7502C7.94208 25.2486 5.6257 24.0105 3.80762 22.1924C1.98953 20.3743 0.751405 18.0579 0.249797 15.5362C-0.251811 13.0144 0.00563269 10.4006 0.989572 8.02512C1.97351 5.64968 3.63975 3.61935 5.77759 2.1909C7.91543 0.762437 10.4288 0 13 0C16.4467 0.00363977 19.7512 1.37445 22.1884 3.81163C24.6256 6.24882 25.9964 9.5533 26 13ZM24 13C24 10.8244 23.3549 8.69767 22.1462 6.88873C20.9375 5.07979 19.2195 3.66989 17.2095 2.83733C15.1995 2.00476 12.9878 1.78692 10.854 2.21136C8.72022 2.6358 6.76021 3.68345 5.22183 5.22183C3.68345 6.7602 2.63581 8.72022 2.21137 10.854C1.78693 12.9878 2.00477 15.1995 2.83733 17.2095C3.66989 19.2195 5.07979 20.9375 6.88873 22.1462C8.69767 23.3549 10.8244 24 13 24C15.9164 23.9967 18.7123 22.8367 20.7745 20.7745C22.8367 18.7123 23.9967 15.9164 24 13Z"})})]}),e.jsx("p",{className:"text-sm md:text-base text-[#101828] leading-snug",children:a})]})}function L({feature:a,className:t=""}){return e.jsx("div",{className:`rounded-2xl md:rounded-[32px] border border-[#d0d5dd] overflow-hidden relative min-h-[280px] md:min-

16h-[400px] lg:min-h-[692px] transition-[background-image] duration-300 ${t}`,style:{backgroundImage:a.panelGradient},children:e.jsx(H,{mode:"wait",children:a.screenshot?e.jsx(o.div,{initial:{opacity:0,x:50},animate:{opacity:1,x:0},exit:{opacity:0,x:-30},transition:{duration:.3,ease:[.22,1,.36,1]},className:"absolute rounded-2xl overflow-hidden shadow-2xl",style:a.imageBox,children:e.jsx("img",{src:a.screenshot,alt:`Tampilan produk Andal ${a.id}`,className:"w-full h-full object-cover object-left-top"})},a.id):e.jsxs(o.div,{initial:{opacity:0,x:50},animate:{opacity:1,x:0},exit:{opacity:0,x:-30},transition:{duration:.3,ease:[.22,1,.36,1]},className:"absolute inset-0 flex flex-col items-center justify-center gap-3 text-center px-6",children:[e.jsx("img",{src:a.wordmark,alt:a.id,className:"h-6 w-auto brightness-0 invert opacity-90"}),e.jsx("p",{className:"text-sm text-white/80",children:"Tampilan produk segera hadir"})]},`${a.id}-placeholder`)})})}function ge({feature:a,isActive:t,onSelect:s}){return e.jsxs("button",{type:"button",onClick:n=>s(n.currentTarget),"aria-expanded":t,className:`w-full text-left rounded-2xl border p-5 md:p-6 lg:p-8 flex flex-col gap-4 md:gap-5 transition-colors duration-300 ${t?"bg-[#f9fafb] border-[#2dba61]":"bg-[#f9fafb] border-[#d0d5dd] hover:border-[#98a2b3]"}`,children:[e.jsxs("div",{className:"flex gap-4 md:gap-5 items-start",children:[e.jsx("img",{src:a.icon,alt:"",className:"w-10 h-10 md:w-[53px] md:h-[53px] shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsx("img",{src:a.wordmark,alt:a.id,className:"h-9 w-auto object-contain object-left"}),e.jsx("p",{className:`text-sm md:text-base text-[#4e4d53] leading-relaxed ${t?"":"line-clamp-1"}`,children:M(a.description)})]})]}),e.jsx(H,{initial:!1,children:t&&a.checklist.length>0&&e.jsx(o.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.25},className:"flex flex-col gap-2 md:gap-3 overflow-hidden",children:a.checklist.map(n=>e.jsx(me,{align:n.length>80?"start":"center",children:M(n)},n))})})]})}const fe=()=>{const[a,t]=c.useState("talent"),s=S.find(r=>r.id===a);function n(r,x){if(r===a)return;const p=x.getBoundingClientRect().top;t(r);const z=performance.now()+400;function N(){const A=x.getBoundingClientRect().top-p;A!==0&&window.scrollBy(0,A),performance.now()<z&&requestAnimationFrame(N)}requestAnimationFrame(N)}const l=c.useRef(null),{scrollYProgress:d}=k({target:l,offset:["start end","start start"]}),g=f(d,[0,.85,1],[.7,.85,1]),i=f(d,[0,.85,1],[0,0,-140]),h=f(d,[0,.85,1],[1,1,0]);return e.jsx("section",{ref:l,className:"px-4 sm:px-6 md:px-10 lg:px-[124px] py-8 md:py-12 lg:py-[52px]",children:e.jsxs("div",{className:"w-full rounded-2xl md:rounded-[32px] border border-[#aae2be] flex flex-col items-center gap-8 md:gap-10 lg:gap-[52px] px-4 sm:px-6 md:px-10 py-8 md:py-10 lg:py-[32px]",style:{backgroundImage:"linear-gradient(2.6deg, #ffffff 2.2%, #2dba61 95.2%)"},children:[e.jsxs(o.div,{className:"flex flex-col items-center gap-3 md:gap-4 text-center",style:{opacity:h},children:[e.jsx("h2",{className:"text-2xl md:text-3xl lg:text-[40px] font-semibold text-white tracking-tight",children:"Andal Kharisma HCM"}),e.jsx("p",{className:"text-base md:text-lg lg:text-[24px] italic text-white/80",children:"One Integrated HR Platform"})]}),e.jsx(o.div,{className:"relative z-10 w-full max-w-[949px] rounded-2xl overflow-hidden bg-white shadow-lg",style:{scale:g,marginTop:i},children:e.jsx("img",{src:de,alt:"Andal HRIS dashboard",className:"w-full h-auto block"})}),e.jsxs("div",{className:"w-full flex flex-col lg:flex-row gap-4 md:gap-5 items-stretch justify-center",children:[e.jsx("div",{className:"w-full lg:w-[568px] flex flex-col gap-4 md:gap-5",children:S.map(r=>{const x=r.id===a;return e.jsxs("div",{className:"flex flex-col gap-4 md:gap-5",children:[e.jsx(ge,{feature:r,isActive:x,onSelect:p=>n(r.id,p)}),x&&e.jsx(L,{feature:r,className:"lg:hidden"})]},r.id)})}),e.jsx(L,{feature:s,className:"hidden lg:block lg:w-[635px]"})]})]})})},ue="/assets/phone-frame-DaYokm9_.png",be="/assets/image-74-8pM9WLim.png",ye="/assets/image-74-1-5zzg8USt.png",je="/assets/image-74-2-B7nR-_vh.png",Ce=146,we=300,ke=5/146*100,ve=5/300*100,Ne=6/146*100,Ae=5/300*100,b=400,F=Math.round(b*Ce/we),Se=387,v=1/3,Me=2/3,u=v*.4,P=v,E=a=>Math.max(0,Math.min(1,a)),I=a=>a<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2;function Le(){if(typeof window>"u")return 200;const a=window.innerHeight;return Math.max(100,Math.round(a/2-b/2-60))}const m={gap:{title:"The Gap",body:"Karyawan seringkali merasa terasing dari data mereka sendiri. Aplikasi kantor biasanya terasa kaku, hanya milik perusahaan, dan hanya diakses saat butuh urusan administratif. Tidak ada jembatan yang menghubungkan kehidupan profesional dan akses personal karyawan secara modern."},bridge:{title:"The Bridge",body:"Andal Connect adalah aplikasi personal yang memberdayakan karyawan. Saat perusahaan Anda menggunakan Andal Kharisma HCM, Andal Connect bertransformasi menjadi Powerful Client yang menghubungkan karyawan langsung dengan seluruh ekosistem perusahaan dalam satu genggaman."}},j={title:`Andal Kharisma
17Client Mode`,items:[{label:"Attendance Client",body:"Melakukan presensi secara real-time, melihat jadwal kerja, dan mengajukan cuti dengan transparansi total."},{label:"Payroll Client",body:"Mengakses slip gaji digital secara aman, melihat riwayat pendapatan, dan rincian pajak (TER) kapan saja."},{label:"Performance Client",body:"Memantau pencapaian KPI pribadi secara harian, sehingga karyawan tahu persis posisi kontribusi mereka terhadap target perusahaan."},{label:"Learning Client",body:"Mengakses materi pelatihan mandiri (LMS) langsung dari ponsel, memungkinkan pengembangan diri dilakukan di mana saja."}]},C={title:`Personalized
18Experience`,items:[{label:"Privacy First",body:"Data pribadi tetap menjadi milik karyawan, dengan keamanan akses standar perbankan."},{label:"One-Stop Interface",body:"Tidak perlu berpindah aplikasi; semua kebutuhan profesional (Gaji, Absen, Kinerja, Belajar) ada dalam satu dashboard yang intuitif."},{label:"Real-Time Notification",body:"Mendapatkan pembaruan instan terkait persetujuan cuti, pengumuman perusahaan, atau jadwal pelatihan baru."}]};function w(){return e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",style:{flexShrink:0,marginTop:3},children:[e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"rgba(255,255,255,0.4)",strokeWidth:"1.5"}),e.jsx("path",{d:"M8 12L11 15L16 9",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Pe({activeIndex:a}){return e.jsxs("div",{style:{position:"relative",width:F,height:b,flexShrink:0,filter:"drop-shadow(0 24px 56px rgba(0,0,0,0.8))"},children:[e.jsx("div",{style:{position:"absolute",overflow:"hidden",left:`${ke}%`,top:`${ve}%`,right:`${Ne}%`,bottom:`${Ae}%`,backgroundColor:"#000"},children:[be,ye,je].map((t,s)=>e.jsx(o.img,{src:t,alt:"",draggable:!1,loading:"lazy",decoding:"async",animate:{o

18pacity:s===a?1:0},transition:{duration:.5,ease:[.22,1,.36,1]},style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"top"}},s))}),e.jsx("img",{src:ue,alt:"","aria-hidden":!0,draggable:!1,loading:"lazy",decoding:"async",style:{position:"absolute",inset:0,width:"100%",height:"100%",pointerEvents:"none",userSelect:"none"}})]})}function Ee({isActive:a}){const t=a?1:.3;return e.jsxs("div",{style:{height:"150vh",display:"flex",alignItems:"center",gap:52,pointerEvents:"auto"},children:[e.jsxs(o.div,{style:{flex:1},animate:{opacity:t},transition:{duration:.4},children:[e.jsx("h3",{style:{margin:"0 0 12px",fontSize:32,fontWeight:700,lineHeight:1.35,color:"#fff"},children:m.gap.title}),e.jsx("p",{style:{margin:0,fontSize:20,lineHeight:1.7,color:"rgba(255,255,255,0.85)"},children:m.gap.body})]}),e.jsx("div",{style:{width:F,height:b,flexShrink:0,visibility:"hidden"}}),e.jsxs(o.div,{style:{flex:1},animate:{opacity:t},transition:{duration:.4},children:[e.jsx("h3",{style:{margin:"0 0 12px",fontSize:32,fontWeight:700,lineHeight:1.35,color:"#fff"},children:m.bridge.title}),e.jsx("p",{style:{margin:0,fontSize:20,lineHeight:1.7,color:"rgba(255,255,255,0.85)"},children:m.bridge.body})]})]})}function T({data:a,isActive:t}){const s=t?1:.3;return e.jsx("div",{style:{height:"150vh",display:"flex",alignItems:"center",paddingLeft:372,pointerEvents:"auto"},children:e.jsxs(o.div,{style:{maxWidth:485,width:"100%"},animate:{opacity:s},transition:{duration:.4},children:[e.jsx("h3",{style:{margin:"0 0 28px",fontSize:40,fontWeight:700,lineHeight:1.3,color:"#fff",whiteSpace:"pre-line"},children:a.title}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:12},children:a.items.map(n=>e.jsxs("div",{style:{display:"flex",gap:8,alignItems:"flex-start"},children:[e.jsx(w,{}),e.jsxs("p",{style:{margin:0,fontSize:16,lineHeight:1.65,color:"#fff"},children:[e.jsxs("strong",{style:{fontWeight:700},children:[n.label,":"]})," ",e.jsx("span",{style:{fontWeight:400,color:"rgba(255,255,255,0.85)"},children:n.body})]})]},n.label))})]})})}function Ie(){return e.jsxs("div",{className:"px-4 sm:px-6 md:px-10 py-10",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-white tracking-widest mb-1 font-sans",children:"ANDAL CONNECT"}),e.jsx("p",{className:"text-base text-white/85 font-sans",children:"Your Personal Professional Hub"})]}),e.jsxs("div",{className:"flex flex-col gap-8 max-w-2xl mx-auto",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg md:text-xl font-bold text-white mb-2 font-sans",children:m.gap.title}),e.jsx("p",{className:"text-sm md:text-base leading-relaxed text-white/85 font-sans",children:m.gap.body})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg md:text-xl font-bold text-white mb-2 font-sans",children:m.bridge.title}),e.jsx("p",{className:"text-sm md:text-base leading-relaxed text-white/85 font-sans",children:m.bridge.body})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg md:text-xl font-bold text-white mb-4 whitespace-pre-line font-sans",children:j.title}),e.jsx("div",{className:"flex flex-col gap-4",children:j.items.map(a=>e.jsxs("div",{className:"flex gap-3 items-start",children:[e.jsx(w,{}),e.jsxs("p",{className:"m-0 text-sm md:text-base leading-relaxed text-white font-sans",children:[e.jsxs("strong",{children:[a.label,":"]})," ",e.jsx("span",{className:"text-white/85",children:a.body})]})]},a.label))})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg md:text-xl font-bold text-white mb-4 whitespace-pre-line font-sans",children:C.title}),e.jsx("div",{className:"flex flex-col gap-4",children:C.items.map(a=>e.jsxs("div",{className:"flex gap-3 items-start",children:[e.jsx(w,{}),e.jsxs("p",{className:"m-0 text-sm md:text-base leading-relaxed text-white font-sans",children:[e.jsxs("strong",{children:[a.label,":"]})," ",e.jsx("span",{className:"text-white/85",children:a.body})]})]},a.label))})]})]})]})}function Te(){const[a,t]=c.useState(0),s=c.useRef(null),n=c.useRef(Le()).current,{scrollYProgress:l}=k({target:s,offset:["start start","end end"]}),d=f(l,i=>{const h=E((i-u)/(P-u));return I(h)*Se}),g=f(l,i=>{const h=E((i-u)/(P-u));return I(h)*n});return $(l,"change",i=>{i<v?t(0):i<Me?t(1):t(2)}),e.jsxs("section",{style:{backgroundColor:"transparent",width:"100%"},className:"pt-24 lg:pt-48",children:[e.jsx("div",{className:"block xl:hidden",children:e.jsx(Ie,{})}),e.jsxs("div",{className:"hidden xl:block",style:{maxWidth:1240,margin:"0 auto",padding:"52px 24px"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:24},children:[e.jsx("h2",{style:{margin:"0 0 6px",fontSize:40,fontWeight:700,lineHeight:1.4,color:"#fff",letterSpacing:"0.06em"},children:"ANDAL CONNECT"}),e.jsx("p",{style:{margin:0,fontSize:24,fontWeight:400,lineHeight:1.4,color:"rgba(255,255,255,0.85)"},children:"Your Personal Professional Hub"})]}),e.jsxs("div",{ref:s,style:{position:"relative",height:"450vh"},children:[e.jsx("div",{style:{position:"sticky",top:0,height:"100vh",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",zIndex:30},children:e.jsx(o.div,{style:{x:d,y:g},children:e.jsx(Pe,{activeIndex:a})})}),e.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,zIndex:20,pointerEvents:"none"},children:[e.jsx(Ee,{isActive:a===0}),e.jsx(T,{data:j,isActive:a===1}),e.jsx(T,{data:C,isActive:a===2})]})]})]})]})}function Re({testimonial:a}){const{company:t,quote:s,author:n,logoPath:l,avatarPath:d}=a;return e.jsxs("article",{className:"shrink-0 w-[88vw] sm:w-[480px] md:w-[560px] lg:w-[600px] flex flex-col justify-center gap-[16px] pt-[16px] pb-[24px] px-[24px] rounded-[12px] bg-white/50 backdrop-blur-lg border border-white/40",style:{boxShadow:"0 0 0 4px rgba(255,255,255,0.6), 0 0 0 8px rgba(234,236,240,0.5), inset 0 4px 8px rgba(235,235,235,0.25), 0 20px 40px rgba(14,107,168,0.06)"},children:[e.jsxs("header",{className:"flex items-center gap-[16px]",children:[e.jsx("div",{className:"w-[32px] h-[32px] shrink-0 rounded-[4px] bg-white flex items-center justify-center overflow-hidden",style:{border:"0.5px solid #eaecf0"},children:e.jsx("img",{src:l,alt:`${t} logo`,className:"w-full h-full object-contain",loading:"lazy",decoding:"async"})}),e.jsx("span",{className:"font-sans font-bold text-[#344054]",style:{fontSize:"20px",lineHeight:"24px"},children:t})]}),e.jsx("blockquote",{className:"flex-1",children:e.jsx("p",{className:"font-sans font-medium text-[#344054]",style:{fontSize:"20px",lineHeight:"24px"},children:s})}),e.jsx("div",{"aria-hidden":"true",className:"w-full h-px shrink-0",style:{backgroundImage:"repeating-linear-gradient(to right, #98a2b3 0, #98a2b3 2px, transparent 2px, transparent 10

18px)"}}),e.jsxs("footer",{className:"flex items-center gap-[12px]",children:[e.jsx("img",{src:d,alt:`Photo of ${n.name}`,className:"w-[52px] h-[52px] shrink-0 rounded-full object-cover bg-gray-200",style:{border:"1px solid #ffffff"},loading:"lazy",decoding:"async"}),e.jsxs("div",{className:"flex flex-col gap-[4px]",children:[e.jsx("span",{className:"font-sans font-bold text-[#101828]",style:{fontSize:"16px",lineHeight:"22px"},children:n.name}),e.jsx("span",{className:"font-sans font-normal text-[#667085]",style:{fontSize:"16px",lineHeight:"22px"},children:n.role})]})]})]})}const He=()=>{const a=X(),[t,s]=c.useState([]),[n,l]=c.useState(!0);c.useEffect(()=>{let i=!1;async function h(){try{const{data:r,error:x}=await _.from("testimonials").select("id, company, quote, author_name, author_role, logo_url, avatar_url").eq("published",!0).order("display_order",{ascending:!0});if(i)return;if(x)throw x;s((r||[]).map(p=>({id:p.id,company:p.company,quote:p.quote,author:{name:p.author_name,role:p.author_role},logoPath:p.logo_url,avatarPath:p.avatar_url})))}catch(r){if(i)return;console.error("[SocialProofCards] failed to load testimonials:",r)}finally{i||l(!1)}}return h(),()=>{i=!0}},[]);const d=[...t,...t],g=c.useCallback(()=>{a.start({x:["0%","-50%"],transition:{duration:35,ease:"linear",repeat:1/0}})},[a]);return c.useEffect(()=>{t.length>0&&g()},[g,t.length]),n?e.jsx("section",{"aria-label":"Memuat testimoni pelanggan","aria-busy":"true",className:"py-[72px] px-4 sm:px-6 md:px-10 lg:px-[124px] overflow-hidden",style:{backgroundColor:"#eaecf0"},children:e.jsx("div",{className:"flex gap-6 overflow-hidden",children:[0,1,2].map(i=>e.jsx("div",{className:"shrink-0 w-[88vw] sm:w-[480px] md:w-[560px] lg:w-[600px] rounded-[12px] bg-white/40 border border-white/40 p-6 h-64 animate-pulse"},`sk-${i}`))})}):t.length===0?null:e.jsx("section",{className:"py-[72px] px-4 sm:px-6 md:px-10 lg:px-[124px] overflow-hidden",style:{backgroundColor:"#eaecf0"},children:e.jsx(o.div,{className:"flex flex-row gap-[32px] w-max py-4",animate:a,onMouseEnter:()=>a.stop(),onMouseLeave:()=>g(),children:d.map((i,h)=>e.jsx(Re,{testimonial:i},`${i.id}-${h}`))})})},R="/images/home/contact-us-illustration.png",Be=()=>{const[a,t]=c.useState(!1);return e.jsxs("section",{className:"w-full bg-white py-8 md:py-12 lg:py-[52px]",children:[e.jsx("div",{className:"max-w-content mx-auto px-6 md:px-12 lg:px-16",children:e.jsxs("div",{className:"relative lg:h-[352px]",children:[e.jsxs("div",{className:"relative z-0 flex flex-col items-start gap-4 roun

18ded-[24px] bg-[#eff8ff] px-6 py-8 sm:px-8 md:px-10 md:py-10 lg:absolute lg:inset-y-0 lg:left-[191px] lg:right-0 lg:justify-center lg:gap-6 lg:pl-[160px] lg:pr-10 lg:py-10",children:[e.jsx("img",{src:R,alt:"Ilustrasi dua profesional berjabat tangan",className:"lg:hidden w-full max-w-[220px] h-auto object-contain mx-auto",loading:"lazy",decoding:"async"}),e.jsx("h2",{className:"text-xl md:text-2xl lg:text-[32px] font-bold text-dark leading-[1.3] lg:leading-[1.2]",children:"Teknologi yang Tumbuh Bersama Bisnis Anda"}),e.jsxs("p",{className:"text-sm md:text-base text-[#344054] leading-relaxed lg:leading-[1.4]",children:["Andal membantu perusahaan membangun proses kerja yang lebih rapi, kolaboratif, dan siap menghadapi tantangan di setiap tahap pertumbuhan."," ",e.jsx("span",{className:"font-bold",children:"Jadwalkan demo dan lihat bagaimana solusi kami dapat diterapkan sesuai kebutuhan perusahaan Anda."})]}),e.jsx("button",{type:"button",onClick:()=>t(!0),className:"bg-[#2e90fa] hover:bg-[#2e90fa]/90 text-white font-semibold text-sm md:text-base px-6 py-3 rounded-full transition-colors active:scale-95 whitespace-nowrap",children:"Schedule a Demo"})]}),e.jsx("img",{src:R,alt:"Ilustrasi dua profesional berjabat tangan",className:"hidden lg:block absolute left-0 top-0 z-10 h-full w-[335px] object-contain object-left pointer-events-none select-none",loading:"lazy",decoding:"async"})]})}),e.jsx(O,{open:a,onClose:()=>t(!1)})]})},Ve=()=>{const a=c.useRef(null),{scrollYProgress:t}=k({target:a,offset:["start end","start start"]}),s=f(t,[0,1],["#ffffff","#101828"]);return e.jsx(V,{children:e.jsxs("div",{children:[e.jsx(ee,{}),e.jsx(fe,{}),e.jsx(o.div,{style:{backgroundColor:s},children:e.jsx("div",{ref:a,children:e.jsx(Te,{})})}),e.jsx(He,{}),e.jsx(Be,{}),e.jsx(Z,{})]})})};export{Ve as default};