https://andalsoftware.com/assets/LandingPage-C3CRLacJ.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/aos-RgByzvKL.js","assets/vendor-GPGsv0WI.js"])))=>i.map(i=>d[i]);
2import{j as e,_ as f}from"./index-Bi-eA3Wq.js";import{r}from"./vendor-GPGsv0WI.js";import"./supabase-D2gm834s.js";const C="/assets/Hero%20Landing%20Page%201-DL4EwIV2.png",w=`
3  .landing-hero {
4    position: relative;
5    width: 100%;
6    height: 689px;
7    background: #F2F4F7;
8    overflow: hidden;
9  }
10
11  .landing-hero .container {
12    position: relative;
13    max-width: 1224px;
14    margin: 0 auto;
15    padding: 0 108px;
16    width: 100%;
17    height: 100%;
18    box-sizing: border-box;
19  }
20
21  .landing-hero .header-content {
22    position: relative;
23    /* Fixed 1224px width (matches legacy). The -216px right margin extends
24       the offsetParent box 216px past the container's content edge, so the
25       hero-image (anchored via right:0) sits 108px further right than the
26       container's own right padding edge. Matches production. */
27    width: 1224px;
28    height: 100%;
29    margin: 0 -216px 0 0;
30  }
31
32  .landing-hero .header-text {
33    display: flex;
34    flex-direction: column;
35    align-items: flex-start;
36    padding: 0px;
37    gap: 40px;
38    position: absolute;
39    width: 589px;
40    left: 0;
41    top: 100px;
42  }
43
44  .landing-hero .logo {
45    width: 83px;
46    height: 32px;
47    font-family: 'Verana Sans Andal', sans-serif;
48    font-style: normal;
49    font-weight: normal;
50    font-size: 32px;
51    line-height: 32px;
52    display: flex;
53    align-items: center;
54    text-align: right;
55    letter-spacing: -0.5px;
56    color: #101828;
57    flex: none;
58    order: 0;
59    flex-grow: 0;
60  }
61
62  .landing-hero .hero-title {
63    width: 589px;
64    font-family: 'Noto Sans', sans-serif;
65    font-style: normal;
66    font-weight: 700;
67    font-size: 48px;
68    line-height: 140%;
69    color: #101828;
70    flex: none;
71    order: 1;
72    align-self: stretch;
73    flex-grow: 0;
74  }
75
76  .landing-hero .hero-title .highlight {
77    color: #006DBC;
78  }
79
80  .landing-hero .hero-description {
81    width: 589px;
82    font-family: 'Noto Sans', sans-serif;
83    font-style: normal;
84    font-weight: 400;
85    font-size: 20px;
86    line-height: 140%;
87    color: #101828;
88    flex: none;
89    order: 2;
90    align-self: stretch;
91    flex-grow: 0;
92  }
93
94  .landing-hero .hero-description em {
95    font-style: italic;
96  }
97
98  .landing-hero .hero-description strong {
99    font-weight: 700;
100  }
101
102  .landing-hero .cta-button {
103    display: flex;
104    flex-direction: row;
105    justify-content: center;
106    align-items: center;
107    padding: 12px 20px;
108    gap: 12px;
109    width: 187px;
110    min-width: 80px;
111    height: 52px;
112    min-height: 52px;
113    background: #006DBC;
114    border-radius: 8px;
115    font-family: 'Noto Sans', sans-serif;
116    font-style: normal;
117    font-weight: 600;
118    font-size: 16px;
119    line-height: 140%;
120    text-align: center;
121    color: #FFFFFF;
122    text-decoration: none;
123    border: none;
124    cursor: pointer;
125    transition: background-color 0.3s;
126    flex: none;
127    order: 3;
128    flex-grow: 0;
129  }
130
131  .landing-hero .cta-button:hover {
132    background-color: #005a9e;
133  }
134
135  /* Image is inside the 1224px fixed-width container.
136     right: 0 anchors to the container right edge. The container is centered
137     in the viewport with margin auto, so the gap from viewport right equals
138     (viewport - 1224) / 2. At 1440px viewport, gap = 108px (matches legacy
139     padding). At 1280px, gap = 28px (image sits closer to viewport right). */
140  .landing-hero .hero-image {
141    position: absolute;
142    width: 651px;
143    height: 545px;
144    right: 0;
145    top: 144px;
146  }
147
148  .landing-hero .hero-image img {
149    width: 100%;
150    height: 100%;
151    object-fit: contain;
152  }
153
154  /* Match legacy breakpoint: at viewport <= 1200px, switch to stacked layout. */
155  @media (max-width: 1200px) {
156    .landing-hero {
157      height: auto;
158    }
159
160    .landing-hero .container,
161    .landing-hero .header-content {
162      padding: 0 40px;
163      margin: 0;
164    }
165
166    .landing-hero .header-content {
167      width: 100%;
168    }
169
170    .landing-hero .header-text {
171      position: relative;
172      width: 100%;
173      left: 0;
174      top: 0;
175      padding-top: 40px;
176    }
177
178    .landing-hero .hero-image {
179      position: relative;
180      right: auto;
181      top: 0;
182      width: 100%;
183      max-width: 500px;
184      margin: 0 auto;
185      padding-top: 0;
186    }
187  }
188
189  @media (max-width: 768px) {
190    .landing-hero .container,
191    .landing-hero .header-content {
192      padding: 0 20px;
193    }
194
195    .landing-hero {
196      height: auto;
197      padding: 60px 0 40px;
198    }
199
200    .landing-hero .header-text {
201      width: 100%;
202      gap: 24px;
203      padding: 20px 0;
204      position: relative;
205      top: 0;
206    }
207
208    .landing-hero .logo {
209      font-size: 24px;
210      width: auto;
211    }
212
213    .landing-hero .hero-title {
214      font-size: 32px;
215      width: 100%;
216    }
217
218    .landing-hero .hero-description {
219      font-size: 16px;
220      width: 100%;
221    }
222
223    .landing-hero .cta-button {
224      width: 100%;
225      max-width: 300px;
226    }
227
228    .landing-hero .hero-image {
229      width: 100%;
230      height: auto;
231      max-width: 400px;
232      position: relative;
233    }
234  }
235
236  @media (max-width: 480px) {
237    .landing-hero {
238      padding: 40px 0 30px;
239    }
240
241    .landing-hero .hero-title {
242      font-size: 24px;
243    }
244
245    .landing-hero .hero-description {
246      font-size: 14px;
247    }
248  }
249`;function b(){const a=n=>{n.preventDefault();const i=document.getElementById("contact");i&&(i.scrollIntoView({behavior:"smooth",block:"start"}),window.history.replaceState(null,"","#contact"))};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:w}),e.jsx("section",{className:"landing-hero",children:e.jsx("div",{className:"container",children:e.jsxs("div",{className:"header-content",children:[e.jsxs("div",{className:"header-text",children:[e.jsx("div",{className:"logo","data-aos":"fade-down",children:"andal"}),e.jsxs("h1",{className:"hero-title","data-aos":"fade-up","data-aos-delay":"100",children:["Ubah Cara Kerja HR jadi ",e.jsxs("span",{className:"highlight",children:["More Productive,",e.jsx("br",{}),"Less Effort"]})]}),e.jsxs("p",{className:"hero-description","data-aos":"fade-up","data-aos-delay":"200",children:["Saatnya gunakan ",e.jsx("em",{children:"all-in-one platform"})," ",e.jsxs("strong",{children:[e.jsx("em",{children:"HRMS"}

249)," yang berjalan sendiri secara ",e.jsx("em",{children:"real-time"})]})," untuk perkembangan bisnis yang lebih efisien"]}),e.jsx("a",{href:"#contact",className:"cta-button",onClick:a,"data-aos":"fade-up","data-aos-delay":"300",children:"Try Before You Buy"})]}),e.jsx("div",{className:"hero-image","data-aos":"fade-left","data-aos-delay":"200",children:e.jsx("img",{src:C,alt:"HRMS Platform"})})]})})})]})}const j="/assets/Landing%20Page%202-BfYFg9Q6.png",k="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7052_109)'%3e%3cpath%20opacity='0.2'%20d='M11.2087%2069.9712C9.70928%2065.7075%208.96192%2061.2157%209%2056.6962C9.165%2035.25%2026.8987%2017.8087%2048.375%2018C54.5797%2018.065%2060.6794%2019.6082%2066.1685%2022.5018C71.6575%2025.3953%2076.3777%2029.5557%2079.9375%2034.6381C83.4973%2039.7204%2085.7941%2045.5781%2086.6376%2051.7256C87.4811%2057.873%2086.8468%2064.1329%2084.7875%2069.9862C84.5824%2070.5754%2084.1988%2071.0859%2083.69%2071.4468C83.1812%2071.8078%2082.5726%2072.0011%2081.9487%2072H14.0475C13.4225%2071.9973%2012.8138%2071.8007%2012.3053%2071.4373C11.7969%2071.0739%2011.4137%2070.5616%2011.2087%2069.9712Z'%20fill='%232DBA61'/%3e%3cpath%20d='M45%2060L81%2024'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M21.165%2060C21.0551%2059.0037%2021%2058.0022%2021%2057C21.0036%2052.715%2022.0262%2048.4924%2023.9833%2044.6805C25.9404%2040.8687%2028.776%2037.5768%2032.2559%2035.0768C35.7359%2032.5767%2039.7605%2030.94%2043.9977%2030.3018C48.2348%2029.6636%2052.563%2030.0421%2056.625%2031.4062'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M82.7325%2039.24C85.138%2043.9597%2086.5604%2049.1186%2086.9137%2054.4042C87.2669%2059.6898%2086.5436%2064.9921%2084.7875%2069.99C84.5824%2070.5791%2084.1988%2071.0897%2083.69%2071.4506C83.1812%2071.8115%2082.5726%2072.0049%2081.9487%2072.0037H14.0475C13.4225%2072.001%2012.8138%2071.8044%2012.3053%2071.441C11.7969%2071.0776%2011.4137%2070.5654%2011.2087%2069.975C9.70885%2065.7101%208.96148%2061.217%209%2056.6962C9.165%2035.25%2026.8987%2017.8087%2048.375%2018C54.4281%2018.0486%2060.3863%2019.5098%2065.775%2022.2675'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7052_109'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",v="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7052_97)'%3e%3cpath%20opacity='0.2'%20d='M57%2012V33H78L57%2012Z'%20fill='%232DBA61'/%3e%3cpath%20d='M75%2084H21C20.2044%2084%2019.4413%2083.6839%2018.8787%2083.1213C18.3161%2082.5587%2018%2081.7956%2018%2081V15C18%2014.2044%2018.3161%2013.4413%2018.8787%2012.8787C19.4413%2012.3161%2020.2044%2012%2021%2012H57L78%2033V81C78%2081.7956%2077.6839%2082.5587%2077.1213%2083.1213C76.5587%2083.6839%2075.7956%2084%2075%2084Z'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M57%2012V33H78'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M39%2048L57%2066'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M57%2048L39%2066'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7052_97'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",y="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7052_88)'%3e%3cpath%20opacity='0.2'%20d='M81%2033H15V18C15%2017.2044%2015.3161%2016.4413%2015.8787%2015.8787C16.4413%2015.3161%2017.2044%2015%2018%2015H78C78.7957%2015%2079.5587%2015.3161%2080.1213%2015.8787C80.6839%2016.4413%2081%2017.2044%2081%2018V33Z'%20fill='%232DBA61'/%3e%3cpath%20d='M78%2015H18C16.3431%2015%2015%2016.3431%2015%2018V78C15%2079.6569%2016.3431%2081%2018%2081H78C79.6569%2081%2081%2079.6569%2081%2078V18C81%2016.3431%2079.6569%2015%2078%2015Z'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M66%209V21'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30%209V21'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15%2033H81'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M34.5%2057L43.5%2066L61.5%2048'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7052_88'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",A="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7052_67)'%3e%3cpath%20opacity='0.2'%20d='M48%2066C57.9411%2066%2066%2057.9411%2066%2048C66%2038.0589%2057.9411%2030%2048%2030C38.0589%2030%2030%2038.0589%2030%2048C30%2057.9411%2038.0589%2066%2048%2066Z'%20fill='%232DBA61'/%3e%3cpath%20d='M48%2048L84%2012'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M73.4549%2022.545C67.0785%2016.1835%2058.54

24966%2012.4471%2049.5473%2012.0747C40.5479%2011.7024%2031.7366%2014.7213%2024.8564%2020.5342C17.9763%2026.3472%2013.5284%2034.5307%2012.3928%2043.4659C11.2573%2052.4011%2013.5167%2061.437%2018.724%2068.7862C23.9314%2076.1354%2031.7075%2081.2624%2040.5139%2083.153C49.3203%2085.0436%2058.5156%2083.56%2066.2806%2078.9959C74.0456%2074.4317%2079.8147%2067.1193%2082.4467%2058.5054C85.0786%2049.8915%2084.3817%2040.6034%2080.4937%2032.4787'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M60.7275%2035.2725C57.7499%2032.2986%2053.8244%2030.4619%2049.6332%2030.0818C45.4419%2029.7017%2041.25%2030.8021%2037.786%2033.1919C34.3219%2035.5816%2031.8047%2039.1096%2030.6718%2043.1627C29.5389%2047.2158%2029.862%2051.5377%2031.5849%2055.3773C33.3078%2059.2168%2036.3215%2062.3314%2040.1024%2064.1796C43.8833%2066.0277%2048.1922%2066.4927%2052.2803%2065.4937C56.3685%2064.4946%2059.9773%2062.0947%2062.4796%2058.7111C64.982%2055.3275%2066.2197%2051.174%2065.9775%2046.9725'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7052_67'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",N=`
250  .landing-platform-intro {
251    padding: 60px 0;
252    text-align: center;
253    width: 100%;
254    overflow-x: hidden;
255    background: #F2F4F7;
256  }
257
258  .landing-platform-intro .section {
259    padding: 60px 0;
260    text-align: center;
261    width: 100%;
262    overflow-x: hidden;
263  }
264
265  .landing-platform-intro .container {
266    max-width: 1224px;
267    margin: 0 auto;
268    padding: 0 108px;
269    width: 100%;
270    box-sizing: border-box;
271  }
272
273  .landing-platform-intro .section-title {
274    display: flex;
275    flex-direction: column;
276    align-items: center;
277    gap: 24px;
278    margin-bottom: 40px;
279  }
280
281  .landing-platform-intro .brand-text {
282    font-size: 32px;
283    letter-spacing: -1.6px;
284    font-family: 'Noto Sans', sans-serif;
285  }
286
287  .landing-platform-intro .brand-text .brand-name {
288    color: #101828;
289    font-family: 'Verana Sans Andal', sans-serif;
290    letter-spacing: -0.5px;
291  }
292
293  .landing-platform-intro .brand-text .brand-highlight {
294    color: #2DBA61;
295    font-family: 'Verana Sans Andal Demi', sans-serif;
296    letter-spacing: -0.5px;
297  }
298
299  .landing-platform-intro .section-heading {
300    font-size: 40px;
301    font-weight: 700;
302    line-height: 1.4;
303    font-family: 'Noto Sans', sans-serif;
304    color: #101828;
305  }
306
307  .landing-platform-intro .section-description {
308    font-size: 20px;
309    line-height: 1.4;
310    max-width: 1016px;
311    margin: 0 auto;
312    font-family: 'Noto Sans', sans-serif;
313    color: #101828;
314  }
315
316  .landing-platform-intro .section-description em {
317    font-style: italic;
318  }
319
320  .landing-platform-intro .section-image {
321    max-width: 1000px;
322    margin: 40px auto 0;
323    display: block;
324  }
325
326  .landing-platform-intro .section-image img {
327    width: 100%;
328    height: auto;
329  }
330
331  .landing-platform-intro .features-grid {
332    display: grid;
333    grid-template-columns: repeat(4, 1fr);
334    gap: 40px;
335    max-width: 1224px;
336    margin: 0 auto;
337    padding: 0 108px;
338  }
339
340  .landing-platform-intro .feature-card {
341    text-align: center;
342  }
343
344  .landing-platform-intro .feature-icon {
345    width: 96px;
346    height: 96px;
347    margin: 0 auto 20px;
348  }
349
350  .landing-platform-intro .feature-icon img {
351    width: 100%;
352    height: 100%;
353    object-fit: contain;
354  }
355
356  .landing-platform-intro .feature-text {
357    font-size: 16px;
358    line-height: 1.4;
359    font-family: 'Noto Sans', sans-serif;
360    color: #101828;
361  }
362
363  .landing-platform-intro .feature-text strong {
364    font-weight: 700;
365  }
366
367  .landing-platform-intro .feature-text em {
368    font-style: italic;
369  }
370
371  @media (max-width: 1200px) {
372    .landing-platform-intro .container,
373    .landing-platform-intro .features-grid {
374      padding: 0 40px;
375    }
376
377    .landing-platform-intro .features-grid {
378      grid-template-columns: repeat(2, 1fr);
379    }
380  }
381
382  @media (max-width: 768px) {
383    .landing-platform-intro .container,
384    .landing-platform-intro .features-grid {
385      padding: 0 20px;
386    }
387
388    .landing-platform-intro .section {
389      padding: 40px 20px;
390    }
391
392    .landing-platform-intro .section-heading {
393      font-size: 28px;
394    }
395
396    .landing-platform-intro .section-description {
397      font-size: 16px;
398    }
399
400    .landing-platform-intro .brand-text {
401      font-size: 24px;
402    }
403
404    .landing-platform-intro .section-image {
405      margin: 30px auto 40px;
406    }
407
408    .landing-platform-intro .features-grid {
409      grid-template-columns: repeat(2, 1fr);
410      gap: 20px;
411    }
412
413    .landing-platform-intro .feature-icon {
414      width: 64px;
415      height: 64px;
416      margin: 0 auto 12px;
417    }
418
419    .landing-platform-intro .feature-text {
420      font-size: 14px;
421    }
422  }
423
424  @media (max-width: 480px) {
425    .landing-platform-intro .section-heading,
426    .landing-platform-intro .section-description {
427      font-size: 14px;
428    }
429  }
430`;function M(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:N}),e.jsx("section",{className:"landing-platform-intro",children:e.jsxs("div",{className:"container",children:[e.jsxs("div",{className:"section-title",style:{marginBottom:0},children:[e.jsxs("div",{className:"brand-text","data-aos":"fade-up",children:[e.jsx("span",{className:"brand-name",children:"andal"})," ",e.jsx("span",{className:"brand-highlight",children:"kharisma"})]}),e.jsx("h2",{className:"section-heading","data-aos":"fade-up","data-aos-delay":"100",children:"The Brain of Your HR Operations"}),e.jsxs("p",{className:"section-description","data-aos":"fade-up","data-aos-delay":"200",children:[e.jsx("em",{children:"Platform"})," yang mengelola seluruh proses ",e.jsx("em",{children:"HR"}),", mulai dari ",e.jsx("em",{children:"recruitment, onboarding, attendance, payroll, performance"}),", serta ",e.jsx("em",{children:"learning & development"})," secara otomatis, akurat, dan terintegrasi."]})]}),e.jsx("div",{className:"section-image","data-aos":"zoom-in","data-aos-delay":"300",children:e.jsx("img",{src:j,alt:"Andal Kharisma Dashboard",width:1224,height:794,loading:"lazy",decoding:"async"})}),e.jsxs("div",{className:"features-grid",children:[e.jsxs("div",{className:"feature-card","data-aos":"fade-up","data-aos-delay":"100",children:[e.jsx("div",{className:"feature-icon",children:e.jsx("img",{src:k,alt:"Efektif & Efisien"})}),e.jsxs("p",{className:"feature-text",children:["HR bekerja ",e.jsx("strong",{children:"lebih efektif & efisien"})]})]}),e.jsxs("div",{className:"feature-card","data-aos":"fade-up","data-aos-delay":"200",children:[e.jsx("div",{className:"feature-icon",children:e.jsx("img",{src:v,alt:"Minim Risiko"})}),e.jsxs("p",{className:"feature-text",children:[e.jsx("strong",{children:"Meminimalisir risiko"})," ",e.jsx("em",{children:"human error"})]})]}),e.jsxs("div",{className:"feature-card","data-aos":"fade-up","data-aos-delay":"300",children:[e.jsx("div",{className:"feature-icon",children:e.jsx("img",{src:y,alt:"Real-time"})}),e.jsxs("p",{className:"feature-text",children:["Data selalu ",e.jsxs("strong",{children:[e.jsx("em",{children:"real-time"})," & siap diakses"]}

430)," kapan saja"]})]}),e.jsxs("div",{className:"feature-card","data-aos":"fade-up","data-aos-delay":"400",children:[e.jsx("div",{className:"feature-icon",children:e.jsx("img",{src:A,alt:"Berbasis Data"})}),e.jsxs("p",{className:"feature-text",children:["Pengambilan keputusan bisnis ",e.jsx("strong",{children:"berbasis data"})]})]})]})]})})]})}const D="/assets/Hero%20Landing%20Page%203-DIhdTT_B.png",S="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7056_3052)'%3e%3cpath%20opacity='0.2'%20d='M15%2033H81V18C81%2017.2044%2080.6839%2016.4413%2080.1213%2015.8787C79.5587%2015.3161%2078.7957%2015%2078%2015H18C17.2044%2015%2016.4413%2015.3161%2015.8787%2015.8787C15.3161%2016.4413%2015%2017.2044%2015%2018V33Z'%20fill='%232DBA61'/%3e%3cpath%20d='M78%2015H18C16.3431%2015%2015%2016.3431%2015%2018V78C15%2079.6569%2016.3431%2081%2018%2081H78C79.6569%2081%2081%2079.6569%2081%2078V18C81%2016.3431%2079.6569%2015%2078%2015Z'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M66%209V21'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30%209V21'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15%2033H81'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M47.2%2051.2C48.9673%2051.2%2050.4%2049.7674%2050.4%2048C50.4%2046.2327%2048.9673%2044.8%2047.2%2044.8C45.4327%2044.8%2044%2046.2327%2044%2048C44%2049.7674%2045.4327%2051.2%2047.2%2051.2Z'%20fill='%232DBA61'/%3e%3cpath%20d='M64%2051.2C65.7673%2051.2%2067.2%2049.7674%2067.2%2048C67.2%2046.2327%2065.7673%2044.8%2064%2044.8C62.2327%2044.8%2060.8%2046.2327%2060.8%2048C60.8%2049.7674%2062.2327%2051.2%2064%2051.2Z'%20fill='%232DBA61'/%3e%3cpath%20d='M31.2%2070.2C32.9673%2070.2%2034.4%2068.7674%2034.4%2067C34.4%2065.2327%2032.9673%2063.8%2031.2%2063.8C29.4327%2063.8%2028%2065.2327%2028%2067C28%2068.7674%2029.4327%2070.2%2031.2%2070.2Z'%20fill='%232DBA61'/%3e%3cpath%20d='M47.2%2070.2C48.9673%2070.2%2050.4%2068.7674%2050.4%2067C50.4%2065.2327%2048.9673%2063.8%2047.2%2063.8C45.4327%2063.8%2044%2065.2327%2044%2067C44%2068.7674%2045.4327%2070.2%2047.2%2070.2Z'%20fill='%232DBA61'/%3e%3cpath%20d='M64%2070.2C65.7673%2070.2%2067.2%2068.7674%2067.2%2067C67.2%2065.2327%2065.7673%2063.8%2064%2063.8C62.2327%2063.8%2060.8%2065.2327%2060.8%2067C60.8%2068.7674%2062.2327%2070.2%2064%2070.2Z'%20fill='%232DBA61'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7056_3052'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",V="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7056_3065)'%3e%3cpath%20opacity='0.2'%20d='M66%2021H24C23.2044%2021%2022.4413%2021.3161%2021.8787%2021.8787C21.3161%2022.4413%2021%2023.2044%2021%2024V75H51.1575C50.8059%2073.2576%2051.0845%2071.447%2051.9437%2069.891C52.803%2068.3349%2054.1869%2067.1347%2055.8488%2066.5041C57.5107%2065.8736%2059.3426%2065.8538%2061.0177%2066.4483C62.6928%2067.0428%2064.1024%2068.2129%2064.995%2069.75L69%2075.8662V24C69%2023.2044%2068.6839%2022.4413%2068.1213%2021.8787C67.5587%2021.3161%2066.7957%2021%2066%2021Z'%20fill='%232DBA61'/%3e%3cpath%20d='M37.6%2028H45.6'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M51.2%2028H52'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M69%2048C73.5753%2050.7448%2077.3617%2054.6278%2079.9904%2059.2707C82.6191%2063.9137%2084.0005%2069.1583%2084%2074.4937V90'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.2%2021H24C23.2044%2021%2022.4413%2021.3161%2021.8787%2021.8787C21.3161%2022.4413%2021%2023.2044%2021%2024V75'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M60.3525%2090L52.005%2077.25C

43051.0262%2075.5283%2050.768%2073.4893%2051.2869%2071.578C51.8058%2069.6667%2053.0597%2068.0382%2054.7748%2067.0479C56.49%2066.0577%2058.5272%2065.786%2060.4419%2066.2922C62.3567%2066.7984%2063.9934%2068.0415%2064.995%2069.75L69%2075.8662V24C69%2023.2044%2068.684%2022.4413%2068.1214%2021.8787C67.5588%2021.3161%2066.7957%2021%2066%2021H60'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7056_3065'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",H="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7056_3114)'%3e%3cpath%20opacity='0.2'%20d='M63%2075V39H84V72C84%2072.7957%2083.6839%2073.5587%2083.1213%2074.1213C82.5587%2074.6839%2081.7956%2075%2081%2075H63Z'%20fill='%232DBA61'/%3e%3cpath%20d='M24%2021H15C13.4087%2021%2011.8826%2021.6321%2010.7574%2022.7574C9.63214%2023.8826%209%2025.4087%209%2027C9%2028.5913%209.63214%2030.1174%2010.7574%2031.2426C11.8826%2032.3679%2013.4087%2033%2015%2033H21C22.5913%2033%2024.1174%2033.6321%2025.2426%2034.7574C26.3679%2035.8826%2027%2037.4087%2027%2039C27%2040.5913%2026.3679%2042.1174%2025.2426%2043.2426C24.1174%2044.3679%2022.5913%2045%2021%2045H10.5'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18%2018V21'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18%2045V48'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M36%2021H84V72C84%2072.7956%2083.6839%2073.5587%2083.1213%2074.1213C82.5587%2074.6839%2081.7956%2075%2081%2075H15C14.2044%2075%2013.4413%2074.6839%2012.8787%2074.1213C12.3161%2073.5587%2012%2072.7956%2012%2072V57'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M39%2039H84'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30%2057H84'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M63%2039V75'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7056_3114'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",B="data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7056_3126)'%3e%3cpath%20opacity='0.2'%20d='M60%206L54%2036L78%2045L36%2090L42%2060L18%2051L60%206Z'%20fill='%232DBA61'/%3e%3cpath%20d='M60%206L54%2036L78%2045L36%2090L42%2060L18%2051L60%206Z'%20stroke='%232DBA61'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7056_3126'%3e%3crect%20width='96'%20height='96'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",F=`
431  .landing-connect-section {
432    background-color: white;
433    padding: 60px 0;
434    width: 100%;
435    overflow-x: hidden;
436  }
437
438  .landing-connect-section .container {
439    max-width: 1224px;
440    margin: 0 auto;
441    padding: 0 108px;
442    width: 100%;
443    box-sizing: border-box;
444  }
445
446  .landing-connect-section .product-grid {
447    display: grid;
448    grid-template-columns: 1fr 1fr;
449    gap: 60px;
450    align-items: start;
451    margin-bottom: 0;
452  }
453
454  .landing-connect-section .product-grid .product-info,
455  .landing-connect-section .product-grid .product-features {
456    grid-column: 2;
457  }
458
459  .landing-connect-section .product-grid .product-image {
460    grid-column: 1;
461    grid-row: 1 / 3;
462  }
463
464  .landing-connect-section .product-image {
465    width: 100%;
466    display: flex;
467    align-items: center;
468    justify-content: center;
469  }
470
471  .landing-connect-section .product-image img {
472    max-width: 100%;
473    height: auto;
474  }
475
476  .landing-connect-section .product-info h3 {
477    font-size: 24px;
478    font-weight: 700;
479    margin-bottom: 16px;
480    font-family: 'Noto Sans', sans-serif;
481    color: #101828;
482  }
483
484  .landing-connect-section .product-info h3 .brand-name {
485    color: #101828;
486    font-family: 'Verana Sans Andal', sans-serif;
487    letter-spacing: -0.5px;
488  }
489
490  .landing-connect-section .product-info h3 .brand-highlight {
491    color: #2DBA61;
492    font-family: 'Verana Sans Andal Demi', sans-serif;
493    letter-spacing: -0.5px;
494  }
495
496  .landing-connect-section .product-info h2 {
497    font-size: 40px;
498    font-weight: 700;
499    margin-bottom: 24px;
500    line-height: 1.4;
501    font-family: 'Noto Sans', sans-serif;
502    color: #101828;
503  }
504
505  .landing-connect-section .product-info p {
506    font-size: 18px;
507    line-height: 1.6;
508    margin-bottom: 40px;
509    font-family: 'Noto Sans', sans-serif;
510    color: #101828;
511  }
512
513  .landing-connect-section .product-info em {
514    font-style: italic;
515  }
516
517  .landing-connect-section .product-info strong {
518    font-weight: 700;
519  }
520
521  .landing-connect-section .product-features {
522    display: grid;
523    grid-template-columns: 1fr 1fr;
524    gap: 32px;
525  }
526
527  .landing-connect-section .product-feature-item {
528    display: flex;
529    flex-direction: column;
530    align-items: center;
531    text-align: center;
532    gap: 16px;
533  }
534
535  .landing-connect-section .product-feature-icon {
536    width: 96px;
537    height: 96px;
538  }
539
540  .landing-connect-section .product-feature-icon img {
541    width: 100%;
542    height: 100%;
543  }
544
545  .landing-connect-section .product-feature-item h4 {
546    font-family: 'Noto Sans', sans-serif;
547    font-size: 16px;
548    font-weight: 700;
549    color: #101828;
550    margin: 0;
551  }
552
553  .landing-connect-section .product-feature-item p {
554    font-family: 'Noto Sans', sans-serif;
555    font-size: 14px;
556    line-height: 1.4;
557    color: #101828;
558    margin: 0;
559  }
560
561  @media (max-width: 1200px) {
562    .landing-connect-section .container {
563      padding: 0 40px;
564    }
565  }
566
567  @media (max-width: 768px) {
568    .landing-connect-section .container {
569      padding: 0 20px;
570    }
571
572    .landing-connect-section {
573      padding: 40px 0;
574    }
575
576    .landing-connect-section .product-grid {
577      display: flex;
578      flex-direction: column;
579      gap: 32px;
580      margin-bottom: 0;
581    }
582
583    .landing-connect-section .product-grid .product-image,
584    .landing-connect-section .product-grid .product-info,
585    .landing-connect-section .product-grid .product-features {
586      grid-column: unset;
587      grid-row: unset;
588    }
589
590    .landing-connect-section .product-image {
591      height: auto;
592      order: 2;
593    }
594
595    .landing-connect-section .product-info {
596      order: 1;
597    }
598
599    .landing-connect-section .product-info h2 {
600      font-size: 24px;
601      margin-bottom: 16px;
602    }
603
604    .landing-connect-section .product-info h3 {
605      font-size: 18px;
606    }
607
608    .landing-connect-section .product-info p {
609      font-size: 14px;
610      margin-bottom: 24px;
611    }
612
613    .landing-connect-section .product-features {
614      order: 3;
615    }
616
617    .landing-connect-section .product-feature-icon {
618      width: 64px;
619      height: 64px;
620    }
621
622    .landing-connect-section .product-feature-item h4 {
623      font-size: 14px;
624    }
625
626    .landing-connect-section .product-feature-item p {
627      font-size: 12px;
628    }
629  }
630`;function z(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:F}),e.jsx("section",{className:"landing-connect-section",children:e.jsx("div",{className:"container",children:e.jsxs("div",{className:"product-grid",children:[e.jsx("div",{className:"product-image","data-aos":"fade-right",children:e.jsx("img",{src:D,alt:"Andal Connect"})}),e.jsxs("div",{className:"product-info","data-aos":"fade-left",children:[e.jsxs("h3",{children:[e.jsx("span",{className:"brand-name",children:"andal"})," ",e.jsx("span",{className:"brand-highlight",children:"connect"})]}),e.jsx("h2",{children:"From Payroll to Leave, Just Tap and Retrieve"}),e.jsxs("p",{children:["Aplikasi ",e.jsx("em",{children:"mobile"})," yang dirancang untuk memudahkan karyawan dalam mengelola kebutuhan administrasi ",e.jsx("em",{children:"HR"}

630)," seperti akses data pribadi, pengajuan cuti maupun izin, dan ",e.jsx("em",{children:"monitoring"})," absensi serta ",e.jsx("em",{children:"salary detail"})," hanya melalui ",e.jsx("em",{children:"handphone"}),"."]})]}),e.jsxs("div",{className:"product-features",children:[e.jsxs("div",{className:"product-feature-item","data-aos":"zoom-in","data-aos-delay":"100",children:[e.jsx("div",{className:"product-feature-icon",children:e.jsx("img",{src:S,alt:"Presensi Fleksibel"})}),e.jsxs("p",{children:[e.jsx("strong",{children:"Opsi presensi fleksibel"})," (",e.jsx("em",{children:"single location"}),", ",e.jsx("em",{children:"multi location"}),", ",e.jsx("em",{children:"anywhere"}),")"]})]}),e.jsxs("div",{className:"product-feature-item","data-aos":"zoom-in","data-aos-delay":"200",children:[e.jsx("div",{className:"product-feature-icon",children:e.jsx("img",{src:V,alt:"Genggaman Tangan"})}),e.jsxs("p",{children:["Semua kebutuhan karyawan ",e.jsx("strong",{children:"ada di genggaman tangan"})]})]}),e.jsxs("div",{className:"product-feature-item","data-aos":"zoom-in","data-aos-delay":"300",children:[e.jsx("div",{className:"product-feature-icon",children:e.jsx("img",{src:H,alt:"Transparansi Data"})}),e.jsxs("p",{children:[e.jsx("strong",{children:"Transparansi data"})," ",e.jsx("em",{children:"payroll"})," & absensi"]})]}),e.jsxs("div",{className:"product-feature-item","data-aos":"zoom-in","data-aos-delay":"400",children:[e.jsx("div",{className:"product-feature-icon",children:e.jsx("img",{src:B,alt:"Cepat"})}),e.jsxs("p",{children:["Proses pengajuan ",e.jsx("strong",{children:"cepat, tanpa bolak-balik"})," ke ",e.jsx("em",{children:"HR"})]})]})]})]})})})]})}const L="/assets/Landing%20Page%204-CiKBaMcu.png",I="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M45.5%2024.75C45.5%2028.4775%2038.7837%2031.5%2030.5%2031.5C26.825%2031.5%2023.4575%2030.9056%2020.8494%2029.9175C28.0175%2029.4094%2033.5%2026.625%2033.5%2023.25V18.135C40.3475%2018.7613%2045.5%2021.4838%2045.5%2024.75ZM33.5%2015.75C33.5%2012.0225%2026.7838%209%2018.5%209C10.2162%209%203.5%2012.0225%203.5%2015.75C3.5%2019.4775%2010.2162%2022.5%2018.5%2022.5C26.7838%2022.5%2033.5%2019.4775%2033.5%2015.75Z'%20fill='%23208344'/%3e%3cpath%20d='M35%2016.7944V15.75C35%2011.0475%2027.9069%207.5%2018.5%207.5C9.09313%207.5%202%2011.0475%202%2015.75V23.25C2%2027.1669%206.92188%2030.2794%2014%2031.2113V32.25C14%2036.9525%2021.0931%2040.5%2030.5%2040.5C39.9069%2040.5%2047%2036.9525%2047%2032.25V24.75C47%2020.8687%2042.2337%2017.7525%2035%2016.7944ZM44%2024.75C44%2027.2288%2038.2269%2030%2030.5%2030C29.8006%2030%2029.1069%2029.9756%2028.4225%2029.9306C32.4669%2028.4569%2035%2026.0625%2035%2023.25V19.8263C40.6006%2020.6606%2044%2022.9256%2044%2024.75ZM14%2028.1719V23.7113C15.4921%2023.9057%2016.9953%2024.0021%2018.5%2024C20.0047%2024.0021%2021.5079%2023.9057%2023%2023.7113V28.1719C21.5101%2028.392%2020.006%2028.5016%2018.5%2028.5C16.994%2028.5016%2015.4899%2028.392%2014%2028.1719ZM32%2020.6119V23.25C32%2024.8231%2029.6731%2026.5125%2026%2027.5381V23.1562C28.4206%2022.5694%2030.47%2021.6956%2032%2020.6119ZM18.5%2010.5C26.2269%2010.5%2032%2013.2712%2032%2015.75C32%2018.2288%2026.2269%2021%2018.5%2021C10.7731%2021%205%2018.2288%205%2015.75C5%2013.2712%2010.7731%2010.5%2018.5%2010.5ZM5%2023.25V20.6119C6.53%2021.6956%208.57938%2022.5694%2011%2023.1562V27.5381C7.32687%2026.5125%205%2024.8231%205%2023.25ZM17%2032.25V31.4681C17.4931%2031.4869%2017.9919%2031.5%2018.5%2031.5C19.2275%2031.5%2019.9381%2031.4756%2020.6356%2031.4344C21.4105%2031.7118%2022.1998%2031.9471%2023%2032.1394V36.5381C19.3269%2035.5125%2017%2033.8231%2017%2032.25ZM26%2037.1719V32.7C27.4916%2032.9005%2028.995%2033.0007%2030.5%2033C32.0047%2033.0021%2033.5079%2032.9057%2035%2032.7113V37.1719C32.0159%2037.6094%2028.9841%2037.6094%2026%2037.1719ZM38%2036.5381V32.1562C40.4206%2031.5694%2042.47%2030.6956%2044%2029.6119V32.25C44%2033.8231%2041.6731%2035.5125%2038%2036.5381Z'%20fill='%23208344'/%3e%3c/svg%3e",P="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M12.5%2021V27C12.5%2027.3978%2012.342%2027.7794%2012.0607%2028.0607C11.7794%2028.342%2011.3978%2028.5%2011%2028.5H5C4.60218%2028.5%204.22064%2028.342%203.93934%2028.0607C3.65804%2027.7794%203.5%2027.3978%203.5%2027V21C3.5%2020.6022%203.65804%2020.2206%203.93934%2019.9393C4.22064%2019.658%204.60218%2019.5%205%2019.5H11C11.3978%2019.5%2011.7794%2019.658%2012.0607%2019.9393C12.342%2020.2206%2012.5%2020.6022%2012.5%2021ZM39.5%207.5H30.5C30.1022%207.5%2029.7206%207.65804%2029.4393%207.93934C29.158%208.22064%2029%208.60218%2029%209V18C29%2018.3978%2029.158%2018.7794%2029.4393%2019.0607C29.7206%2019.342%2030.1022%2019.5%2030.5%2019.5H39.5C39.8978%2019.5%2040.2794%2019.342%2040.5607%2019.0607C40.842%2018.7794%2041%2018.3978%2041%2018V9C41%208.60218%2040.842%208.22064%2040.5607%207.93934C40.2794%207.65804%2039.8978%207.5%2039.5%207.5ZM39.5%2028.5H30.5C30.1022%2028.5%2029.7206%2028.658%2029.4393%2028.9393C29.158%2029.2206%2029%2029.6022%2029%2030V39C29%2039.3978%2029.158%2039.7794%2029.4393%2040.0607C29.7206%2040.342%2030.1022%2040.5%2030.5%2040.5H39.5C39.8978%2040.5%2040.2794%2040.342%2040.5607%2040.0607C40.842%2039.7794%2041%2039.3978%2041%2039V30C41%2029.6022%2040.842%2029.2206%2040.5607%2028.9393C40.2794%2028.658%2039.8978%2028.5%2039.5%2028.5Z'%20fill='%23208344'/%3e%3cpath%20d='M30.5%2021H39.5C40.2957%2021%2041.0587%2020.6839%2041.6213%2020.1213C42.1839%2019.5587%2042.5%2018.7956%2042.5%2018V9C42.5%208.20435%2042.1839%207.44129%2041.6213%206.87868C41.0587%206.31607%2040.2957%206%2039.5%206H30.5C29.7044%206%2028.9413%206.31607%2028.3787%206.87868C27.8161%207.44129%2027.5%208.20435%2027.5%209V12H24.5C23.3065%2012%2022.1619%2012.4741%2021.318%2013.318C20.4741%2014.1619%2020%2015.3065%2020%2016.5V22.5H14V21C14%2020.2044%2013.6839%2019.4413%2013.1213%2018.8787C12.5587%2018.3161%2011.7956%2018%2011%2018H5C4.20435%2018%203.44129%2018.3161%202.87868%2018.8787C2.31607%2019.4413%202%2020.2044%202%2021V27C2%2

630027.7956%202.31607%2028.5587%202.87868%2029.1213C3.44129%2029.6839%204.20435%2030%205%2030H11C11.7956%2030%2012.5587%2029.6839%2013.1213%2029.1213C13.6839%2028.5587%2014%2027.7956%2014%2027V25.5H20V31.5C20%2032.6935%2020.4741%2033.8381%2021.318%2034.682C22.1619%2035.5259%2023.3065%2036%2024.5%2036H27.5V39C27.5%2039.7957%2027.8161%2040.5587%2028.3787%2041.1213C28.9413%2041.6839%2029.7044%2042%2030.5%2042H39.5C40.2957%2042%2041.0587%2041.6839%2041.6213%2041.1213C42.1839%2040.5587%2042.5%2039.7957%2042.5%2039V30C42.5%2029.2044%2042.1839%2028.4413%2041.6213%2027.8787C41.0587%2027.3161%2040.2957%2027%2039.5%2027H30.5C29.7044%2027%2028.9413%2027.3161%2028.3787%2027.8787C27.8161%2028.4413%2027.5%2029.2044%2027.5%2030V33H24.5C24.1022%2033%2023.7206%2032.842%2023.4393%2032.5607C23.158%2032.2794%2023%2031.8978%2023%2031.5V16.5C23%2016.1022%2023.158%2015.7206%2023.4393%2015.4393C23.7206%2015.158%2024.1022%2015%2024.5%2015H27.5V18C27.5%2018.7956%2027.8161%2019.5587%2028.3787%2020.1213C28.9413%2020.6839%2029.7044%2021%2030.5%2021ZM11%2027H5V21H11V27ZM30.5%2030H39.5V39H30.5V30ZM30.5%209H39.5V18H30.5V9Z'%20fill='%23208344'/%3e%3c/svg%3e",R="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFtSURBVHgB7ZmvTgNBEId/s61EVCNIFZqkDwA8BgrUJSh4A/oIVFJFJb6ePgCX8AjnsJWQlB3m7tpAwTDJTjJiPnG3k+zs3pf9I26AICgGQcl4ejZCGt6A6ArgMYpBDZgfkTezZrpaqzI1nbcCz5J1AisYryJyrhFJ0NCtgKFASzs+DW81KUNN5+0W6tuMeUaaoxAJuRKBqg/oUp7T/+eq+D4DJQX+jqc7a0oJn9hJMA6J+CFRfmnfbQwjzCSIckXgSdeWt8QXMMJQgg72YtAxjDCTyMyrX/ESRuiuWBVpmRlvcnVOMrgGDWoYYSjRUcvVafbxO+KK9UJIeCEkvBASXggJL4SEF0LCCyHhhZDwQkh4ISS8EBJeCAkvKCWkwrlLTLlCQfbH4wYKdP9iMy9E+66fB5UUUMqJ8M+AFlCgWwne3HclWkva8T9lHgUDTef1qnkfnR49ydp/9MVBGqEY3VadSQ37WluMD4KCfAFagmXYmxpe3gAAAABJRU5ErkJggg==",T="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M41%2012V36H24.5V12H41Z'%20fill='%23208344'/%3e%3cpath%20d='M42.5%2023.9999C42.5%2024.3977%2042.342%2024.7792%2042.0607%2025.0605C41.7794%2025.3418%2041.3978%2025.4999%2041%2025.4999H24.5C24.1022%2025.4999%2023.7207%2025.3418%2023.4394%2025.0605C23.158%2024.7792%2023%2024.3977%2023%2023.9999C23%2023.602%2023.158%2023.2205%2023.4394%2022.9392C23.7207%2022.6579%2024.1022%2022.4999%2024.5%2022.4999H41C41.3978%2022.4999%2041.7794%2022.6579%2042.0607%2022.9392C42.342%2023.2205%2042.5%2023.602%2042.5%2023.9999ZM24.5%2013.4999H41C41.3978%2013.4999%2041.7794%2013.3418%2042.0607%2013.0605C42.342%2012.7792%2042.5%2012.3977%2042.5%2011.9999C42.5%2011.602%2042.342%2011.2205%2042.0607%2010.9392C41.7794%2010.6579%2041.3978%2010.4999%2041%2010.4999H24.5C24.1022%2010.4999%2023.7207%2010.6579%2023.4394%2010.9392C23.158%2011.2205%2023%2011.602%2023%2011.9999C23%2012.3977%2023.158%2012.7792%2023.4394%2013.0605C23.7207%2013.3418%2024.1022%2013.4999%2024.5%2013.4999ZM41%2034.4999H24.5C24.1022%2034.4999%2023.7207%2034.6579%2023.4394%2034.9392C23.158%2035.2205%2023%2035.602%2023%2035.9999C23%2036.3977%2023.158%2036.7792%2023.4394%2037.0605C23.7207%2037.3418%2024.1022%2037.4999%2024.5%2037.4999H41C41.3978%2037.4999%2041.7794%2037.3418%2042.0607%2037.0605C42.342%2036.7792%2042.5%2036.3977%2042.5%2035.9999C42.5%2035.602%2042.342%2035.2205%2042.0607%2034.9392C41.7794%2034.6579%2041.3978%2034.4999%2041%2034.4999ZM15.9388%207.93861L11%2012.8792L9.06126%2010.9386C8.7798%2010.6571%208.39806%2010.499%208.00001%2010.499C7.60196%2010.499%207.22022%2010.6571%206.93876%2010.9386C6.6573%2011.2201%206.49918%2011.6018%206.49918%2011.9999C6.49918%2012.3979%206.6573%2012.7796%206.93876%2013.0611L9.93876%2016.0611C10.0781%2016.2006%2010.2435%2016.3112%2010.4256%2016.3867C10.6077%2016.4622%2010.8029%2016.501%2011%2016.501C11.1971%2016.501%2011.3923%2016.4622%2011.5744%2016.3867C11.7565%2016.3112%2011.922%2016.2006%2012.0613%2016.0611L18.0613%2010.0611C18.3427%209.77965%2018.5008%209.3979%2018.5008%208.99986C18.5008%208.60181%2018.3427%208.22007%2018.0613%207.93861C17.7798%207.65715%2017.3981%207.49902%2017%207.49902C16.602%207.49902%2016.2202%207.65715%2015.9388%207.93861ZM15.9388%2019.9386L11%2024.8792L9.06126%2022.9386C8.7798%2022.6571%208.39806%2022.499%208.00001%2022.499C7.60196%2022.499%207.22022%2022.6571%206.93876%2022.9386C6.6573%2023.2201%206.49918%2023.6018%206.49918%2023.9999C6.49918%2024.1969%206.538%2024.3921%206.61342%2024.5742C6.68884%2024.7563%206.79939%2024.9217%206.93876%2025.0611L9.93876%2028.0611C10.0781%2028.2006%2010.2435%2028.3112%2010.4256%2028.3867C10.6077%2028.4622%2010.8029%2028.501%2011%2028.501C11.1971%2028.501%2011.3923%2028.4622%2011.5744%2028.3867C11.7565%2028.3112%2011.922%2028.2006%2012.0613%2028.0611L18.0613%2022.0611C18.3427%2021.7796%2018.5008%2021.3979%2018.5008%2020.9999C18.5008%2020.6018%2018.3427%2020.2201%2018.0613%2019.9386C17.7798%2019.6571%2017.3981%2019.499%2017%2019.499C16.602%2019.499%2016.2202%2019.6571%2015.9388%2019.9386ZM15.9388%2031.9386L11%2036.8792L9.06126%2034.9386C8.92189%2034.7992%208.75644%2034.6887%208.57435%2034.6133C8.39227%2034.5378%208.1971%2034.499%208.00001%2034.499C7.80292%2034.499%207.60775%2034.5378%207.42567%2034.6133C7.24358%2034.6887%207.07813%2034.7992%206.93876%2034.9386C6.79939%2035.078%206.68884%2035.2434%206.61342%2035.4255C6.538%2035.6076%206.49918%2035.8028%206.49918%2035.9999C6.49918%2036.197%206.538%2036.3921%206.61342%2036.5742C6.68884%2036.7563%206.79939%2036.9217%206.93876%2037.0611L9.93876%2040.0611C10.0781%2040.2006%2010.2435%2040.3112%2010.4256%2040.3867C10.6077%2040.4622%2010.8029%2040.501%2011%2040.501C11.1971%2040.501%2011.3923%2040.4622%2011.5744%2040.3867C11.7565%2040.3112%2011.922%2040.2006%2012.0613%2040.0611L18.0613%2034.0611C18.3427%2033.7796%2018.5008%2033.3979%2018.5008%2032.9999C18.5008%2032.6018%2018.3427%2032.2201%2018.0613%2031.9386C17.7798%2031.6571%2017.3981%2031.499%2017%2031.499C16.

630602%2031.499%2016.2202%2031.6571%2015.9388%2031.9386Z'%20fill='%23208344'/%3e%3c/svg%3e",Z="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M41%209V16.5H8V9C8%208.60218%208.15804%208.22064%208.43934%207.93934C8.72064%207.65804%209.10218%207.5%209.5%207.5H39.5C39.8978%207.5%2040.2794%207.65804%2040.5607%207.93934C40.842%208.22064%2041%208.60218%2041%209Z'%20fill='%23208344'/%3e%3cpath%20d='M39.5%206H35V4.5C35%204.10218%2034.842%203.72064%2034.5607%203.43934C34.2794%203.15804%2033.8978%203%2033.5%203C33.1022%203%2032.7206%203.15804%2032.4393%203.43934C32.158%203.72064%2032%204.10218%2032%204.5V6H17V4.5C17%204.10218%2016.842%203.72064%2016.5607%203.43934C16.2794%203.15804%2015.8978%203%2015.5%203C15.1022%203%2014.7206%203.15804%2014.4393%203.43934C14.158%203.72064%2014%204.10218%2014%204.5V6H9.5C8.70435%206%207.94129%206.31607%207.37868%206.87868C6.81607%207.44129%206.5%208.20435%206.5%209V39C6.5%2039.7957%206.81607%2040.5587%207.37868%2041.1213C7.94129%2041.6839%208.70435%2042%209.5%2042H39.5C40.2957%2042%2041.0587%2041.6839%2041.6213%2041.1213C42.1839%2040.5587%2042.5%2039.7957%2042.5%2039V9C42.5%208.20435%2042.1839%207.44129%2041.6213%206.87868C41.0587%206.31607%2040.2957%206%2039.5%206ZM14%209V10.5C14%2010.8978%2014.158%2011.2794%2014.4393%2011.5607C14.7206%2011.842%2015.1022%2012%2015.5%2012C15.8978%2012%2016.2794%2011.842%2016.5607%2011.5607C16.842%2011.2794%2017%2010.8978%2017%2010.5V9H32V10.5C32%2010.8978%2032.158%2011.2794%2032.4393%2011.5607C32.7206%2011.842%2033.1022%2012%2033.5%2012C33.8978%2012%2034.2794%2011.842%2034.5607%2011.5607C34.842%2011.2794%2035%2010.8978%2035%2010.5V9H39.5V15H9.5V9H14ZM39.5%2039H9.5V18H39.5V39ZM21.5%2022.5V34.5C21.5%2034.8978%2021.342%2035.2794%2021.0607%2035.5607C20.7794%2035.842%2020.3978%2036%2020%2036C19.6022%2036%2019.2206%2035.842%2018.9393%2035.5607C18.658%2035.2794%2018.5%2034.8978%2018.5%2034.5V24.9263L17.6713%2025.3425C17.3152%2025.5205%2016.903%2025.5498%2016.5254%2025.4239C16.1477%2025.2981%2015.8355%2025.0273%2015.6575%2024.6712C15.4795%2024.3152%2015.4502%2023.903%2015.5761%2023.5254C15.7019%2023.1477%2015.9727%2022.8355%2016.3287%2022.6575L19.3287%2021.1575C19.5575%2021.043%2019.8118%2020.989%2020.0673%2021.0004C20.3229%2021.0119%2020.5713%2021.0886%2020.7888%2021.2231C21.0064%2021.3576%2021.186%2021.5456%2021.3105%2021.7691C21.4349%2021.9926%2021.5002%2022.2442%2021.5%2022.5ZM32.5925%2028.2094L29%2033H32C32.3978%2033%2032.7794%2033.158%2033.0607%2033.4393C33.342%2033.7206%2033.5%2034.1022%2033.5%2034.5C33.5%2034.8978%2033.342%2035.2794%2033.0607%2035.5607C32.7794%2035.842%2032.3978%2036%2032%2036H26C25.7214%2036%2025.4484%2035.9224%2025.2114%2035.776C24.9744%2035.6295%2024.7829%2035.42%2024.6584%2035.1708C24.5338%2034.9217%2024.481%2034.6427%2024.5061%2034.3653C24.5311%2034.0878%2024.6329%2033.8229%2024.8%2033.6L30.1963%2026.4056C30.319%2026.2422%2030.407%2026.0555%2030.455%2025.8568C30.503%2025.6581%2030.5098%2025.4518%2030.4752%2025.2504C30.4405%2025.049%2030.3651%2024.8568%2030.2535%2024.6856C30.1419%2024.5144%2029.9964%2024.3678%2029.8261%2024.2548C29.6558%2024.1418%2029.4643%2024.0648%2029.2631%2024.0285C29.062%2023.9923%2028.8556%2023.9975%2028.6566%2024.0439C28.4575%2024.0902%2028.2701%2024.1768%2028.1057%2024.2982C27.9413%2024.4196%2027.8035%2024.5734%2027.7006%2024.75C27.605%2024.926%2027.4752%2025.0811%2027.3187%2025.2062C27.1622%2025.3312%2026.9822%2025.4236%2026.7894%2025.4779C26.5966%2025.5323%2026.3949%2025.5475%2026.1961%2025.5226C25.9974%2025.4977%2025.8056%2025.4333%2025.6322%2025.3331C25.4587%2025.2329%2025.3071%2025.099%2025.1862%2024.9393C25.0654%2024.7795%2024.9777%2024.5972%2024.9285%2024.403C24.8792%2024.2089%2024.8694%2024.0068%2024.8995%2023.8088C24.9296%2023.6108%2024.999%2023.4208%2025.1038%2023.25C25.5992%2022.3925%2026.3638%2021.7225%2027.2788%2021.3437C28.1938%202

6300.9649%2029.2082%2020.8985%2030.1648%2021.1549C31.1214%2021.4112%2031.9667%2021.9759%2032.5697%2022.7615C33.1727%2023.5471%2033.4997%2024.5097%2033.5%2025.5C33.5032%2026.4783%2033.1843%2027.4304%2032.5925%2028.2094Z'%20fill='%23208344'/%3e%3c/svg%3e",E="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASaSURBVHgB7Vg9bxtHEJ3ZOyWVALpMqnPyAyxA6X2yKSBFkCilkcJMY3eJBbu04pMEdwnstK6oKqXiQEWQyOC5SxFC1B+IWTmlFaiLeTt+e1/cI4/iUSIpF3wAsbe3u8N5Nx87u0QLLLCADaZLgBfUfXL4Gmm5QqI6RKrTDX7v0jkxVxLeznqDWJ7gsTY8Kk2KlrbPQ2ZuJLyd+iP8W3D2LO5S5KxNSsSlOSC1QNB/I6ci6oDRQvFVjK2m7z1yohYertIEcGgOqN34dJ9SFxKRg4iXvoMLhELcxu/AtMziY/hDM6+29sl/J61//qoqf+bulAQxtdLu6x653yjRp4PzFOk70OZO2j2hhLRpTeA3u1t/7I36D0WzhtIr+TNzu4xAiSY1q/WJdNPbXX/lBZ9745fOAqL6mUjLv2VTlIIVJLfCKEFxvJQRmT0JRsbJ1GBeHRoX+rhAQKStRe5qUZ9prb5EvPyEt6n1DJHek0ERsyeh3/6aPSIbgURUIMKsiwTIuYt8004XvBbhX0DogbVkwwv8wj4zcxLdIERwSk5EMf+ITHQrtoDRkyknpYmejRBjslg776mlDXtw9pYwiKJNEOmmvWVY5D7i4DfF+m/0P+pPdNqjRDCslHcEbmVhLiRgDezE0ZpFpBSa9fKoMaHEcmWYjyUoIdLdenGVRH+LbkjJHkBWS67QrbK1mtWy7XbQOrTHL6WKteHt3LhHrLKMc4rM9MB2K0PAobf3mfiL5I0kH8PCpZMw8HZvvoIqXtaPyxDEAFpYQEN5ttxMGiBR2L3nUgCOhYkXx2llROJUDPdhEwnF77w9SIDoApZIa6JHeDRlRa3iMuP/IUXu5mC5jdyPjcwJoNLt0nUMAg8Pn5YJPReJameDMRAKuj8cbg/JNmSU8lGuoJU3UPG4u3UYniVqYhJTIdDH2jgFq2CimCghsEdRL4j3gSrr46/s7kNGVtkadwzpgqhsiRICCLLDgCaE99hfIe0epd0TyLhSOi+ujz7wiVHKK35DEb3sBn92yuZWIjEtArm83bpkz5DDqdKw0pJR+jp2Mz+uWIdgLhOizaQe6yN2J+/xOr5OfAvh03hckMDN763uCQjtp/9bozylyojV3CDHNZnw68Lb+JDh9I6oWpocSyCWx71G6aCSa/jLDaqG5Giq5RhlRm0g9RYSgkvqfwhVlfJ8JQsktxVe+eCZ3mtK9pDiQOdjJIyO7TawIOVEJE4MYTbmxsfHTLbQM02qUNOn5fIE0FQt1MyJT4f4/5c4OIVVMxwlehY++vTLDlNCsNsYOa6kgznhYHCOQpyllGvi6Kv8pUNH9pypk0i/aEAXRK480z0qxCuq2Icvnttz348C0IJVk/nDo5Ierop4L0h4AVK8Q9dx7GxYu7kFcyJkVAfR0zI3vBQSudIUX13iJ4m7DOeDkJLyOzxL3nwulEcpXQ7zpX9Gim1WzVgFEoLbaVwzjryJ87brAU0CRdjcxiptkF3rmMy1VzVzZWBs+z7aFs0XttLPJ9ojSpAUX7v1JprbNDtMVelB5KGEbX0DVwsrNE2Yk9kMlF5ggQUWWGBueAeTwOBGd2UdfAAAAABJRU5ErkJggg==",J="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M44%2028.5001V33.0001C44%2033.3979%2043.842%2033.7795%2043.5607%2034.0608C43.2794%2034.3421%2042.8978%2034.5001%2042.5%2034.5001H6.5C6.10218%2034.5001%205.72064%2034.3421%205.43934%2034.0608C5.15804%2033.7795%205%2033.3979%205%2033.0001V28.712C5%2017.9345%2013.6531%209.03762%2024.4306%209.00012C26.9972%208.99099%2029.5404%209.48864%2031.9143%2010.4645C34.2881%2011.4404%2036.446%2012.8753%2038.2641%2014.687C40.0822%2016.4986%2041.5247%2018.6514%2042.509%2021.0217C43.4933%2023.3921%2044%2025.9335%2044%2028.5001Z'%20fill='%23208344'/%3e%3cpath%20d='M39.3237%2013.6257C37.3794%2011.6769%2035.0685%2010.1323%2032.5242%209.08099C29.98%208.02964%2027.2529%207.49235%2024.5%207.50008H24.425C12.8881%207.53946%203.5%2017.0626%203.5%2028.712V33.0001C3.5%2033.7957%203.81607%2034.5588%204.37868%2035.1214C4.94129%2035.684%205.70435%2036.0001%206.5%2036.0001H42.5C43.2957%2036.0001%2044.0587%2035.684%2044.6213%2035.1214C45.1839%2034.5588%2045.5%2033.7957%2045.5%2033.0001V28.5001C45.5077%2025.7352%2044.9656%2022.9963%2043.9053%2020.4428C42.845%2017.8892%2041.2877%2015.572%2039.3237%2013.6257ZM42.5%2033.0001H22.9456L33.2131%2018.8813C33.4473%2018.5596%2033.5442%2018.158%2033.4823%2017.7649C33.4204%2017.3717%2033.2049%2017.0193%2032.8831%2016.7851C32.5614%2016.5509%2032.1598%2016.454%2031.7667%2016.5159C31.3735%2016.5778%2031.02

63011%2016.7933%2030.7869%2017.1151L19.235%2033.0001H6.5V28.712C6.5%2028.1345%206.52813%2027.5645%206.58063%2027.0001H11C11.3978%2027.0001%2011.7794%2026.842%2012.0607%2026.5607C12.342%2026.2794%2012.5%2025.8979%2012.5%2025.5001C12.5%2025.1023%2012.342%2024.7207%2012.0607%2024.4394C11.7794%2024.1581%2011.3978%2024.0001%2011%2024.0001H7.11313C9.04813%2016.7138%2015.3631%2011.2051%2023%2010.5638V15.0001C23%2015.3979%2023.158%2015.7794%2023.4393%2016.0607C23.7206%2016.342%2024.1022%2016.5001%2024.5%2016.5001C24.8978%2016.5001%2025.2794%2016.342%2025.5607%2016.0607C25.842%2015.7794%2026%2015.3979%2026%2015.0001V10.562C29.7212%2010.8751%2033.2534%2012.3363%2036.1083%2014.7435C38.9633%2017.1507%2041.0002%2020.3852%2041.9375%2024.0001H38C37.6022%2024.0001%2037.2206%2024.1581%2036.9393%2024.4394C36.658%2024.7207%2036.5%2025.1023%2036.5%2025.5001C36.5%2025.8979%2036.658%2026.2794%2036.9393%2026.5607C37.2206%2026.842%2037.6022%2027.0001%2038%2027.0001H42.4381C42.4775%2027.497%2042.5%2027.9957%2042.5%2028.5001V33.0001Z'%20fill='%23208344'/%3e%3c/svg%3e",K="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_7511_1027)'%3e%3cpath%20opacity='0.2'%20d='M32%2018.75C32%2020.975%2031.3402%2023.1501%2030.104%2025.0002C28.8679%2026.8502%2027.1109%2028.2922%2025.0552%2029.1436C22.9995%2029.9951%2020.7375%2030.2179%2018.5552%2029.7838C16.373%2029.3498%2014.3684%2028.2783%2012.7951%2026.705C11.2217%2025.1316%2010.1503%2023.1271%209.71617%2020.9448C9.28209%2018.7625%209.50487%2016.5005%2010.3564%2014.4448C11.2078%2012.3891%2012.6498%2010.6321%2014.4998%209.39597C16.3499%208.1598%2018.525%207.5%2020.75%207.5C23.7337%207.5%2026.5952%208.68526%2028.705%2010.795C30.8147%2012.9048%2032%2015.7663%2032%2018.75Z'%20fill='%23208344'/%3e%3cpath%20d='M48.5%2025.5002C48.5%2025.898%2048.342%2026.2795%2048.0607%2026.5608C47.7794%2026.8421%2047.3978%2027.0002%2047%2027.0002H44V30.0002C44%2030.398%2043.842%2030.7795%2043.5607%2031.0608C43.2794%2031.3421%2042.8978%2031.5002%2042.5%2031.5002C42.1022%2031.5002%2041.7206%2031.3421%2041.4393%2031.0608C41.158%2030.7795%2041%2030.398%2041%2030.0002V27.0002H38C37.6022%2027.0002%2037.2206%2026.8421%2036.9393%2026.5608C36.658%2026.2795%2036.5%2025.898%2036.5%2025.5002C36.5%2025.1024%2036.658%2024.7208%2036.9393%2024.4395C37.2206%2024.1582%2037.6022%2024.0002%2038%2024.0002H41V21.0002C41%2020.6024%2041.158%2020.2208%2041.4393%2019.9395C41.7206%2019.6582%2042.1022%2019.5002%2042.5%2019.5002C42.8978%2019.5002%2043.2794%2019.6582%2043.5607%2019.9395C43.842%2020.2208%2044%2020.6024%2044%2021.0002V24.0002H47C47.3978%2024.0002%2047.7794%2024.1582%2048.0607%2024.4395C48.342%2024.7208%2048.5%2025.1024%2048.5%2025.5002ZM37.6494%2036.5345C37.9055%2036.8394%2038.03%2037.2335%2037.9955%2037.6301C37.9611%2038.0267%2037.7705%2038.3935%2037.4656%2038.6496C37.1608%2038.9057%2036.7667%2039.0302%2036.3701%2038.9957C35.9734%2038.9612%2035.6067%2038.7706%2035.3506%2038.4658C31.5781%2033.9733%2026.3919%2031.5002%2020.75%2031.5002C15.1081%2031.5002%209.92188%2033.9733%206.14938%2038.4658C5.89328%2038.7704%205.52667%2038.9608%205.13021%2038.995C4.73374%2039.0293%204.3399%2038.9047%204.03531%2038.6486C3.73073%2038.3925%203.54036%2038.0259%203.50607%2037.6294C3.47179%2037.233%203.5964%2036.8391%203.8525%2036.5345C6.65375%2033.2008%2010.1375%2030.8327%2014.0094%2029.5652C11.6579%2028.1006%209.84748%2025.9101%208.85188%2023.3249C7.85628%2020.7398%207.72972%2017.9007%208.49134%2015.2373C9.25297%2012.5738%2010.8613%2010.2309%2013.0731%208.56288C15.2849%206.89491%2017.9798%205.99268%2020.75%205.99268C23.5202%205.99268%2026.2151%206.89491%2028.4269%208.56288C30.6387%2010.2309%2032.247%2012.5738%2033.0087%2015.2373C33.7703%2017.9007%2033.6437%2020.7398%2032.6481%2023.3249C31.6525%2025.9101%2029.8421%2028.1006%2027.4906%2029.5652C31.3625%2030.8327%2034.8463%2033.2008%2037.6494%2036.5345ZM20.75%2028.5002C22.6784%2028.5002%2024.5634%2027.9283%2026.1668%2026.857C27.7702%2025.7857%2029.0199%2024.2629%2029.7578%2022.4813C30.4958%2020.6998%2030.6889%2018.7394%2030.3127%2016.848C29.9365%2014.9567%2029.0079%2013.2194%2027.6443%2011.8559C26.2807%2010.4923%2024.5434%209.56372%2022.6521%209.18752C20.7608%208.81131%2018.8004%209.00439%2017.0188%209.74235C15.2373%2010.4803%2013.7145%2011.73%2012.6432%2013.3334C11.5718%2014.9367%2011%2016.8218%2011%2018.7502C11.003%2021.3351%2012.0312%2023.8133%2013.859%2025.6412C15.6868%2027.469%2018.1651%2028.4972%2020.75%2028.5002Z'%20fill='%23208344'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7511_1027'%3e%3crect%20width='48'%20height='48'%20fill='white'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",_="data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M42.5%2024C42.5%2028.7739%2040.6036%2033.3523%2037.2279%2036.7279C33.8523%2040.1036%2029.2739%2042%2024.5%2042V31.5C26.4891%2031.5%2028.3968%2030.7098%2029.8033%2029.3033C31.2098%2027.8968%2032%2025.9891%2032%2024C32%2022.0109%2031.2098%2020.1032%2029.8033%2018.6967C28.3968%2017.2902%2026.4891%2016.5%2024.5%2016.5V6C29.2739%206%2033.8523%207.89642%2037.2279%2011.2721C40.6036%2014.6477%2042.5%2019.2261%2042.5%2024Z'%20fill='%23208344'/%3e%3cpath%20d='M24.5%204.5C24.1021%204.5%2023.7206%204.65804%2023.4393%204.93934C23.158%205.22064%2023%205.60218%2023%206V16.5C23%2016.8978%2023.158%2017.2794%2023.4393%2017.5607C23.7206%2017.842%2024.1021%2018%2024.5%2018C25.8207%2018.0003%2027.

6301045%2018.4364%2028.1521%2019.2406C29.1998%2020.0448%2029.9528%2021.1723%2030.2944%2022.4481C30.6361%2023.7239%2030.5472%2025.0767%2030.0416%2026.2969C29.536%2027.517%2028.6419%2028.5362%2027.498%2029.1965C26.3542%2029.8567%2025.0244%2030.1211%2023.715%2029.9486C22.4055%2029.7761%2021.1896%2029.1764%2020.2557%2028.2424C19.3219%2027.3084%2018.7223%2026.0924%2018.5499%2024.783C18.3776%2023.4735%2018.6421%2022.1438%2019.3025%2021C19.401%2020.8294%2019.4649%2020.641%2019.4907%2020.4457C19.5164%2020.2503%2019.5034%2020.0518%2019.4523%2019.8615C19.4013%2019.6712%2019.3133%2019.4928%2019.1933%2019.3365C19.0734%2019.1802%2018.9238%2019.0491%2018.7531%2018.9506L9.65934%2013.7006C9.48872%2013.6021%209.30035%2013.5381%209.105%2013.5124C8.90966%2013.4867%208.71116%2013.4997%208.52085%2013.5508C8.33053%2013.6018%208.15214%2013.6898%207.99585%2013.8098C7.83955%2013.9297%207.70843%2014.0793%207.60997%2014.25C5.46371%2017.9674%204.60403%2022.2892%205.16425%2026.545C5.72447%2030.8007%207.67327%2034.7528%2010.7084%2037.7881C13.7436%2040.8235%2017.6955%2042.7726%2021.9513%2043.333C26.207%2043.8935%2030.5288%2043.0341%2034.2464%2040.8881C37.9639%2038.7421%2040.8695%2035.4294%2042.5125%2031.4638C44.1555%2027.4981%2044.4441%2023.1012%2043.3335%2018.9548C42.2229%2014.8085%2039.7752%2011.1444%2036.37%208.53094C32.9649%205.91745%2028.7925%204.50055%2024.5%204.5ZM9.51684%2017.0812L16.0625%2020.8612C15.69%2021.8658%2015.4995%2022.9286%2015.5%2024C15.5%2024.2869%2015.515%2024.5625%2015.5412%2024.8475L8.23997%2026.8125C7.67058%2023.5143%208.11584%2020.1209%209.51684%2017.0812ZM9.01622%2029.7019L16.3287%2027.7444C16.9401%2029.077%2017.8672%2030.2406%2019.0296%2031.1341C20.1921%2032.0277%2021.5549%2032.6244%2023%2032.8725V40.4306C19.8946%2040.1428%2016.934%2038.9828%2014.4597%2037.0844C11.9854%2035.1861%2010.0983%2032.6268%209.01622%2029.7019ZM26%2040.4306V32.8725C28.0963%2032.5172%2029.999%2031.4312%2031.3711%2029.807C32.7432%2028.1828%2033.4959%2026.1252%2033.4959%2023.9991C33.4959%2021.8729%2032.7432%2019.8154%2031.3711%2018.1911C29.999%2016.5669%2028.0963%2015.4809%2026%2015.1256V7.5675C30.0991%207.94201%2033.9102%209.83512%2036.6852%2012.8752C39.4602%2015.9153%2040.9987%2019.8829%2040.9987%2023.9991C40.9987%2028.1152%2039.4602%2032.0828%2036.6852%2035.1229C33.9102%2038.163%2030.0991%2040.0561%2026%2040.4306Z'%20fill='%23208344'/%3e%3c/svg%3e",U=`
631  .landing-features-section {
632    background-color: white;
633    padding: 60px 0;
634    width: 100%;
635    overflow-x: hidden;
636  }
637
638  .landing-features-section .container {
639    max-width: 1224px;
640    margin: 0 auto;
641    padding: 0 108px;
642    width: 100%;
643    box-sizing: border-box;
644  }
645
646  .landing-features-section .section-image {
647    max-width: 1000px;
648    margin: 0 auto 60px;
649    display: block;
650  }
651
652  .landing-features-section .section-image img {
653    width: 100%;
654    height: auto;
655  }
656
657  .landing-features-section .section-heading {
658    font-size: 40px;
659    font-weight: 700;
660    line-height: 1.4;
661    font-family: 'Noto Sans', sans-serif;
662    color: #101828;
663    margin-bottom: 60px;
664    text-align: center;
665  }
666
667  .landing-features-section .feature-cards-container {
668    overflow: visible;
669  }
670
671  .landing-features-section .feature-cards-grid {
672    display: grid;
673    grid-template-columns: repeat(3, 1fr);
674    gap: 24px;
675    max-width: 1224px;
676    margin: 0 auto;
677  }
678
679  .landing-features-section .feature-detail-card {
680    background: white;
681    border-radius: 12px;
682    padding: 24px 0px;
683    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
684    display: flex;
685    flex-direction: column;
686    align-items: center;
687    gap: 7px;
688  }
689
690  .landing-features-section .feature-detail-card.green-bg {
691    background: #F5FAF7;
692  }
693
694  .landing-features-section .feature-detail-icon {
695    width: 48px;
696    height: 48px;
697    flex: none;
698    order: 0;
699    flex-grow: 0;
700    display: flex;
701    align-items: center;
702    justify-content: center;
703  }
704
705  .landing-features-section .feature-detail-icon img {
706    width: 100%;
707    height: 100%;
708    object-fit: contain;
709  }
710
711  .landing-features-section .feature-detail-card h4 {
712    font-family: 'Noto Sans', sans-serif;
713    font-style: normal;
714    font-weight: 700;
715    font-size: 20px;
716    line-height: 120%;
717    text-align: center;
718    color: #101828;
719    flex: none;
720    order: 1;
721    flex-grow: 0;
722    padding: 0 24px;
723    width: 100%;
724  }
725
726  .landing-features-section .feature-detail-card ul {
727    list-style: none;
728    padding: 0 24px;
729    margin: 0;
730    width: 100%;
731    flex: none;
732    order: 2;
733    flex-grow: 0;
734  }
735
736  .landing-features-section .feature-detail-card ul li {
737    font-family: 'Noto Sans', sans-serif;
738    font-style: normal;
739    font-weight: 400;
740    font-size: 14px;
741    line-height: 140%;
742    color: #101828;
743    margin-bottom: 4px;
744    padding-left: 20px;
745    position: relative;
746    text-align: left;
747    display: block;
748  }
749
750  .landing-features-section .feature-detail-card ul li:before {
751    content: "•";
752    position: absolute;
753    left: 4px;
754    color: #2DBA61;
755    font-weight: bold;
756    font-size: 14px;
757  }
758
759  .landing-features-section .feature-detail-card ul li em {
760    font-style: italic;
761  }
762
763  .landing-features-section .pagination-dots {
764    display: none;
765    justify-content: center;

766    align-items: center;
767    gap: 8px;
768    margin-top: 20px;
769    padding: 0 20px;
770  }
771
772  .landing-features-section .pagination-dot {
773    width: 8px;
774    height: 8px;
775    border-radius: 50%;
776    background-color: #D0D5DD;
777    cursor: pointer;
778    transition: all 0.3s ease;
779  }
780
781  .landing-features-section .pagination-dot.active {
782    width: 24px;
783    border-radius: 4px;
784    background-color: #006DBC;
785  }
786
787  @media (max-width: 1200px) {
788    .landing-features-section .container {
789      padding: 0 40px;
790    }
791
792    .landing-features-section .feature-cards-grid {
793      grid-template-columns: repeat(2, 1fr);
794    }
795  }
796
797  @media (max-width: 768px) {
798    .landing-features-section .container {
799      padding: 0 20px;
800    }
801
802    .landing-features-section {
803      padding: 40px 0;
804    }
805
806    .landing-features-section .section-heading {
807      font-size: 28px;
808      margin-bottom: 40px;
809    }
810
811    .landing-features-section .feature-cards-container {
812      position: relative;
813      overflow-x: auto;
814      overflow-y: hidden;
815      -webkit-overflow-scrolling: touch;
816      scrollbar-width: none;
817      -ms-overflow-style: none;
818    }
819
820    .landing-features-section .feature-cards-container::-webkit-scrollbar {

821      display: none;
822    }
823
824    .landing-features-section .feature-cards-grid {
825      display: flex;
826      flex-wrap: nowrap;
827      gap: 16px;
828      padding: 0 20px 20px 20px;
829      margin: 0;
830      width: 100%;
831    }
832
833    .landing-features-section .feature-detail-card {
834      flex: 0 0 280px;
835      min-width: 280px;
836    }
837
838    .landing-features-section .feature-detail-card h4 {
839      font-size: 18px;
840      padding: 0 20px;
841    }
842
843    .landing-features-section .feature-detail-card ul {
844      padding: 0 20px;
845    }
846
847    .landing-features-section .feature-detail-card ul li {
848      font-size: 13px;
849    }
850
851    .landing-features-section .pagination-dots {
852      display: flex;
853    }
854  }
855
856  @media (max-width: 480px) {
857    .landing-features-section .section-heading {
858      font-size: 24px;
859    }
860  }
861`,O=[{icon:I,title:"Payroll & Tax Automation",bg:"green-bg",bullets:[e.jsx(e.Fragment,{children:e.jsx("em",{children:"Real-time salary & tax calculation"})}),"Perhitungan komponen gaji yang fleksibel dengan menggunakan formula","Format CORETAX siap pakai (BPMP & BPA1)",e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Custom field & pivot table"})," untuk data & laporan"]})]},{icon:P,title:"Host-to-Host Disbursement",bg:"",bullets:["Bayar gaji langsung ke bank (Mandiri & BCA)","Lebih aman menggunakan releaser dari <em>internet banking</em> bank","Tersedia berbagai format bank transfer"]},{icon:R,title:"Employee Self Service & Mobile Apps",bg:"green-bg",bullets:["SPL, cuti, izin & klaim diajukan langsung melalui Andal Connect","Cek kunjungan, potongan, dan jadwal kerja <em>via</em> HP","Klaim reimburse langsung dari aplikasi","Rekap absensi bisa dilihat <em>real-time</em>"]},{icon:T,title:"Smart HR Assistance (My Task)",bg:"",bullets:["Pengingat otomatis untuk tugas <em>HR</em>","<em>HR</em> dapat mengetahui <em>list</em> pekerjaan / <em>task</em> terkait KPI <em>based on calendar</em>","Mengurangi risiko pekerjaan yang terlewat"]},{icon:Z,title:"Attendance & Scheduling",bg:"green-bg",bullets:["Manajemen <em>shift</em> & jadwal kerja","Presensi <em>GPS/fingerprint</em> dengan deteksi ketinggalan","<em>Replacement Day Off</em> - kompensasi kerja di hari libur","<em>Log</em> kehadiran terintegrasi dengan <em>payroll</em>"]},{icon:E,title:"Reimbursement & Claim Management",bg:"",bullets:[e.jsx(e.Fragment,{children:e.jsx("em",{children:"Policy-based expense management"})}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Tracking budget"})," perusahaan"]}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Workflow approval"})," fleksibel"]})]},{icon:J,title:"Performance & KPI Management",bg:"green-bg",bullets:["Terdapat <em>review cycle</em> yang <em>flexible</em> (bulanan, semester, tahunan)",e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Custom formula"})," untuk perhitungan ",e.jsx("em",{children:"KPI"})]}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Custom approval flow"})," sesuai struktur organisasi"]}),e.jsx(e.Fragment,{children:e.jsx("em",{children:"360° Review & IPR feedback"})}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"KPI Dashboard"})," untuk ",e.jsx("em",{children:"monitoring progress real-time"})]}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"My task"})," otomatis sesuai ",e.jsx("em",{children:"review cycle"})]}),"Semua tugas yang harus dikerjakan akan ditampilkan di <em>My Task</em>"]},{icon:K,title:"Recruitment & Onboarding",bg:"",bullets:["Dapat memilih <em>CV</em> berbasis <em>ATS-friendly</em>","Dapat memantau media <em>job posting</em> yang paling berkontribusi","Integrasi jadwal <em>interview</em> dengan <em>Google Meet / Zoom / Teams</em>",e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Talent pool management"})," untuk kandidat potensial"]}),"Data kandidat otomatis masuk ke Andal <em>HR</em>","Pengingat kebutuhan <em>onboarding</em> untuk tim terkait"]},{icon:_,title:"Dashboard & Analytics",bg:"green-bg",bullets:[e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Payroll summary"})," & absensi dalam satu tampilan"]}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"Organization chart"})," dalam format ",e.jsx("em",{children:"tree view"})]}),e.jsx(e.Fragment,{children:e.jsx("em",{children:"Drag-and-drop report customization"})}),e.jsxs(e.Fragment,{children:[e.jsx("em",{children:"People analytics"})," untuk pengambilan keputusan lebih cepat"]})]}];function q({text:a}){const n=i=>{if(typeof i=="string"){const t=i.split(/(<[^>

861]+>)/g);let s=!1;return t.map((o,d)=>o==="<em>"?(s=!0,null):o==="</em>"?(s=!1,null):s?e.jsx("em",{children:o},d):o)}return i};return e.jsx("li",{children:n(a)})}function Y(){const a=r.useRef(null);return r.useEffect(()=>{const n=a.current;return n?(()=>{if(window.innerWidth>768)return;const t=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&!n.dataset.scrollHintShown&&(n.dataset.scrollHintShown="true",setTimeout(()=>{n.scrollTo({left:80,behavior:"smooth"}),setTimeout(()=>{n.scrollTo({left:0,behavior:"smooth"})},800)},300),t.unobserve(n))})});return t.observe(n),()=>t.disconnect()})():void 0},[]),e.jsxs(e.Fragment,{children:[e.jsx("style",{children:U}),e.jsx("section",{className:"landing-features-section",children:e.jsxs("div",{className:"container",children:[e.jsx("div",{className:"section-image","data-aos":"fade-up",children:e.jsx("img",{src:L,alt:"Andal Platform"})}),e.jsx("h2",{className:"section-heading","data-aos":"fade-up",children:"Cara Andal Kharisma & Andal Connect Tingkatkan Produktivitas Kerja Kamu"}),e.jsx("div",{className:"feature-cards-container",ref:a,children:e.jsx("div",{className:"feature-cards-grid",children:O.map((n,i)=>e.jsxs("div",{className:`feature-detail-card ${n.bg}`,"data-aos":"fade-up","data-aos-delay":i%3*100,children:[e.jsx("div",{className:"feature-detail-icon",children:e.jsx("img",{src:n.icon,alt:n.title})}),e.jsx("h4",{children:n.title}),e.jsx("ul",{children:n.bullets.map((t,s)=>e.jsx(q,{text:t},s))})]},i))})}),e.jsx("div",{className:"pagination-dots",id:"featureCardsDots"})]})})]})}const Q="/assets/andalKharisma-BszZPfG0.png",G="/assets/andalPerformance-BhnUg-Nx.png",X="/assets/andalLearning-Bat2GZE-.png",W="/assets/andalTalent-18ObzDHW.png",$=`
862  .landing-products-section {
863    background-color: #F2F4F7;
864    padding: 80px 0;
865    width: 100%;
866    overflow-x: hidden;
867  }
868
869  .landing-products-section .products-heading-wrapper {
870    display: flex;
871    align-items: center;
872    gap: 40px;
873    margin-bottom: 60px;
874    max-width: 1352px;
875    margin-left: auto;
876    margin-right: auto;
877    padding: 0 108px;
878  }
879
880  .landing-products-section .products-heading {
881    font-family: 'Noto Sans', sans-serif;
882    font-size: 40px;
883    font-weight: 700;
884    line-height: 1.4;
885    color: #101828;
886    margin: 0;
887    flex: 1.5;
888  }
889
890  .landing-products-section .products-heading-line {
891    flex: 1;
892    height: 2px;
893    background-color: #006DBC;
894  }
895
896  .landing-products-section .products-grid {
897    display: grid;
898    grid-template-columns: repeat(3, 1fr);
899    grid-template-rows: 400px 400px;
900    gap: 32px;
901    max-width: 1352px;
902    margin: 0 auto;
903    padding: 0 108px;
904  }
905
906  .landing-products-section .product-card {
907    background: #FFFFFF;
908    border-radius: 24px;
909    padding: 32px;
910    box-shadow: 0px 8px 64px 6px rgba(83, 105, 135, 0.08);
911    display: grid;
912    grid-template-columns: 1.3fr 1fr;
913    gap: 24px;
914    align-items: center;
915    overflow: hidden;
916  }
917
918  .landing-products-section .product-card.dark-bg {
919    background: #0C111D;
920    color: white;
921  }
922
923  .landing-products-section .product-card:nth-child(1) {
924    grid-column: 1 / 3;
925    grid-row: 1;
926  }
927
928  .landing-products-section .product-card:nth-child(2) {
929    grid-column: 3;
930    grid-row: 1;
931    grid-template-columns: 1fr;
932  }
933
934  .landing-products-section .product-card:nth-child(3) {
935    grid-column: 1;
936    grid-row: 2;
937    grid-template-columns: 1fr;
938  }
939
940  .landing-products-section .product-card:nth-child(4) {
941    grid-column: 2 / 4;
942    grid-row: 2;
943  }
944
945  .landing-products-section .product-brand {
946    font-family: 'Noto Sans', sans-serif;
947    font-size: 20px;
948    font-weight: 500;
949  }
950
951  .landing-products-section .product-brand .brand-base {
952    color: #101828;
953    font-family: 'Verana Sans Andal', sans-serif;
954    letter-spacing: -0.5px;
955  }
956
957  .landing-products-section .product-card.dark-bg .product-brand .brand-base {
958    color: white;
959  }
960
961  .landing-products-section .product-brand .brand-kharisma {
962    color: #2DBA61;
963    font-family: 'Verana Sans Andal Demi', sans-serif;
964    letter-spacing: -0.5px;
965  }
966
967  .landing-products-section .product-brand .brand-performance {
968    color: #499AFF;
969    font-family: 'Verana Sans Andal Demi', sans-serif;
970    letter-spacing: -0.5px;
971  }
972
973  .landing-products-section .product-brand .brand-learning {
974    color: #FF4F00;
975    font-family: 'Verana Sans Andal Demi', sans-serif;
976    letter-spacing: -0.5px;
977  }
978
979  .landing-products-section .product-brand .brand-talent {
980    color: #7066FF;
981    font-family: 'Verana Sans Andal Demi', sans-serif;
982    letter-spacing: -0.5px;
983  }
984
985  .landing-products-section .product-card h3 {
986    font-family: 'Noto Sans', sans-serif;
987    font-size: 24px;
988    font-weight: 700;
989    line-height: 1.3;
990    margin: 0;
991    color: #101828;
992  }
993
994  .landing-products-section .product-card.dark-bg h3 {
995    color: white;
996  }
997
998  .landing-products-section .product-card p {
999    font-family: 'Noto Sans', sans-serif;
1000    font-size: 14px;
1001    line-height: 1.5;
1002    margin: 0;
1003    color: #101828;
1004  }
1005
1006  .landing-products-section .product-card.dark-bg p {
1007    color: rgba(255, 255, 255, 0.85);
1008  }
1009
1010  .landing-products-section .product-card em {
1011    font-style: italic;
1012  }
1013
1014  .landing-products-section .product-content {
1015    display: flex;
1016    flex-direction: column;
1017    gap: 12px;
1018  }
1019
1020  .landing-products-section .product-screenshot {
1021    width: calc(100% + 32px);
1022    height: calc(100% + 64px);
1023    margin: -32px -32px -32px 0;
1024    border-top-right-radius: 24px;
1025    border-bottom-right-radius: 24px;
1026    overflow: hidden;
1027  }
1028
1029  .landing-products-section .product-screenshot img {
1030    width: 100%;
1031    height: 100%;
1032    object-fit: cover;
1033    display: block;
1034  }
1035
1036  .landing-products-section .product-card:nth-child(2) .product-screenshot,
1037  .landing-products-section .product-card:nth-child(3) .product-screenshot {
1038    width: calc(100% + 64px);
1039    height: calc(100% + 32px);
1040    margin: 0 -32px -32px -32px;
1041    border-radius: 0;
1042    border-bottom-right-radius: 24px;
1043    border-bottom-left-radius: 24px;
1044  }
1045
1046  @media (max-width: 1200px) {
1047    .landing-products-section .products-heading-wrapper,
1048    .landing-products-section .products-grid {
1049      padding: 0 40px;
1050    }
1051
1052    .landing-products-section .products-heading {
1053      text-align: center;
1054    }
1055
1056    .landing-products-section .products-heading-line {
1057      display: none;
1058    }
1059
1060    .landing-products-section .products-grid {
1061      grid-template-columns: 1fr;
1062      grid-template-rows: auto;
1063    }
1064
1065    .landing-products-section .product-card:nth-child(1),
1066    .landing-products-section .product-card:nth-child(2),
1067    .landing-products-section .product-card:nth-child(3),
1068    .landing-products-section .product-card:nth-child(4) {
1069      grid-column: unset;
1070      grid-row: unset;
1071      grid-template-columns: 1fr 1fr;
1072    }
1073  }
1074
1075  @media (max-width: 768px) {
1076    .landing-products-section .products-heading-wrapper,
1077    .landing-products-section .products-grid {
1078      padding: 0 20px;
1079    }
1080
1081    .landing-products-section {
1082      padding: 60px 0;
1083    }
1084
1085    .landing-products-section .products-heading-wrapper {
1086      margin-bottom: 40px;
1087    }
1088
1089    .landing-products-section .products-heading {
1090      font-size: 28px;
1091      text-align: center;
1092    }
1093
1094    .landing-products-section .products-heading-line {
1095      display: none;
1096    }
1097
1098    .landing-products-section .products-grid {
1099      grid-template-columns: 1fr;
1100      grid-template-rows: auto;
1101      gap: 24px;
1102    }
1103
1104    .landing-products-section .product-card {
1105      padding: 32px;
1106      grid-template-columns: 1fr;
1107      height: auto;
1108    }
1109
1110    .landing-products-section .product-card:nth-child(1),
1111    .landing-products-section .product-card:nth-child(2),
1112    .landing-products-section .product-card:nth-child(3),
1113    .landing-products-section .product-card:nth-child(4) {
1114      grid-column: unset;
1115      grid-row: unset;
1116      grid-template-columns: 1fr;
1117    }
1118
1119    .landing-products-section .product-card h3 {
1120      font-size: 24px;
1121    }
1122
1123    .landing-products-section .product-card p {
1124      font-size: 14px;
1125    }
1126
1127    .landing-products-section .product-screenshot,
1128    .landing-products-section .product-card:nth-child(2) .product-screenshot,
1129    .landing-products-section .product-card:nth-child(3) .product-screenshot {
1130      width: calc(100% + 64px);
1131      height: auto;
1132      margin: 0 -32px -32px -32px;
1133      border-radius: 0;
1134      border-bottom-left-radius: 24px;
1135      border-bottom-right-radius: 24px;
1136    }
1137  }
1138
1139  @media (max-width: 480px) {
1140    .landing-products-section .products-heading {
1141      font-size: 24px;
1142    }
1143  }
1144`,e2=[{name:"kharisma",brand:"andal",highlight:"kharisma",title:"Seamless Payroll, Stress-Free HR",description:"Kelola penggajian, tunjangan, dan administrasi kepegawaian dengan sistem <em>payroll</em> yang cepat, akurat, dan transparan. Semua proses <em>payroll</em> jadi mudah tanpa risiko salah hitung.",image:Q,dark:!1},{name:"performance",brand:"andal",highlight:"performance",title:"Measure. Motivate. Maximize.",description:"Evaluasi kinerja karyawan secara objektif dan transparan untuk dorong produktivitas.",image:G,dark:!0},{name:"learning",brand:"andal",highlight:"learning",title:"Grow Skills, Build Future",description:"<em>Platform</em> pembelajaran untuk tingkatkan kompetensi dan perkembangan karier karyawan",image:X,dark:!0},{name:"talent",brand:"andal",highlight:"talent",title:"Find the Right Talent, Fast!",description:"Permudah proses rekrutmen dari pencarian, seleksi, hingga <em>onboarding</em>. Dengan sistem terintegrasi, perusahaan bisa mendapatkan talenta terbaik lebih efisien.",image:W,dar

1144k:!1}];function n2({text:a}){const n=a.split(/(<[^>]+>)/g);let i=!1;return e.jsx(e.Fragment,{children:n.map((t,s)=>t==="<em>"?(i=!0,null):t==="</em>"?(i=!1,null):i?e.jsx("em",{children:t},s):t)})}function a2(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:$}),e.jsxs("section",{className:"landing-products-section",children:[e.jsxs("div",{className:"products-heading-wrapper",children:[e.jsx("h2",{className:"products-heading","data-aos":"fade-up",children:"Tampilan Modern, Minimalis, dan Mudah Dipahami"}),e.jsx("div",{className:"products-heading-line","data-aos":"fade-left","data-aos-delay":"200"})]}),e.jsx("div",{className:"products-grid",children:e2.map((a,n)=>e.jsxs("div",{className:`product-card ${a.dark?"dark-bg":""}`,"data-aos":"fade-up","data-aos-delay":n*100,children:[e.jsxs("div",{className:"product-content",children:[e.jsxs("div",{className:"product-brand",children:[e.jsx("span",{className:"brand-base",children:a.brand})," ",e.jsx("span",{className:`brand-${a.highlight}`,children:a.highlight})]}),e.jsx("h3",{children:a.title}),e.jsx("p",{children:e.jsx(n2,{text:a.description})})]}),e.jsx("div",{className:"product-screenshot",children:e.jsx("img",{src:a.image,alt:`Andal ${a.highlight} Screenshot`})})]},n))})]})]})}const i2="/assets/petaPerusahaan-CNHJVYZz.png",t2="/assets/Hospitality-fMdItCZX.png",s2="/assets/Manufacture-Drlin5Ob.png",o2="/assets/Distribution-CTVgGNMy.png",r2="/assets/Financial-CLXz20wv.png",d2="/assets/Service-DekX9Y-2.png",l2=`
1145  .landing-clients-section {
1146    background-color: white;
1147    padding: 80px 0;
1148    text-align: center;
1149    width: 100%;
1150    overflow-x: hidden;
1151  }
1152
1153  .landing-clients-section .container {
1154    max-width: 1224px;
1155    margin: 0 auto;
1156    padding: 0 108px;
1157    width: 100%;
1158    box-sizing: border-box;
1159  }
1160
1161  .landing-clients-section .clients-heading {
1162    font-family: 'Noto Sans', sans-serif;
1163    font-size: 40px;
1164    font-weight: 700;
1165    line-height: 1.4;
1166    color: #101828;
1167    margin: 0 0 24px 0;
1168  }
1169
1170  .landing-clients-section .clients-heading .highlight {
1171    color: #006DBC;
1172  }
1173
1174  .landing-clients-section .clients-description {
1175    font-family: 'Noto Sans', sans-serif;
1176    font-size: 16px;
1177    line-height: 1.6;
1178    color: #101828;
1179    max-width: 900px;
1180    margin: 0 auto 60px auto;
1181  }
1182
1183  .landing-clients-section .clients-map-image {
1184    max-width: 900px;
1185    margin: 0 auto 60px auto;
1186  }
1187
1188  .landing-clients-section .clients-map-image img {
1189    width: 100%;
1190    height: auto;
1191  }
1192
1193  .landing-clients-section .industries-container {
1194    overflow: visible;
1195  }
1196
1197  .landing-clients-section .industries-grid {
1198    display: grid;
1199    grid-template-columns: repeat(6, 1fr);
1200    row-gap: 16px;
1201    column-gap: 8px;
1202  }
1203
1204  .landing-clients-section .industries-grid img {
1205    width: 100%;
1206    height: auto;
1207    display: block;
1208    border-radius: 12px;
1209    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
1210  }
1211
1212  .landing-clients-section .industries-grid img:nth-child(1),
1213  .landing-clients-section .industries-grid img:nth-child(2),
1214  .landing-clients-section .industries-grid img:nth-child(3) {
1215    grid-column: span 2;
1216  }
1217
1218  .landing-clients-section .industries-grid img:nth-child(4) {
1219    grid-column: 2 / 4;
1220  }
1221
1222  .landing-clients-section .industries-grid img:nth-child(5) {
1223    grid-column: 4 / 6;
1224  }
1225
1226  .landing-clients-section .pagination-dots {
1227    display: none;
1228  }
1229
1230  @media (max-width: 1200px) {
1231    .landing-clients-section .container {
1232      padding: 0 40px;
1233    }
1234  }
1235
1236  @media (max-width: 768px) {
1237    .landing-clients-section .container {
1238      padding: 0 20px;
1239    }
1240
1241    .landing-clients-section {
1242      padding: 60px 0;
1243    }
1244
1245    .landing-clients-section .clients-heading {
1246      font-size: 28px;
1247    }
1248
1249    .landing-clients-section .clients-description {
1250      font-size: 14px;
1251      padding: 0 20px;
1252      margin-bottom: 40px;
1253    }
1254
1255    .landing-clients-section .clients-map-image {
1256      margin: 0 0 60px 0;
1257      max-width: none;
1258      width: 100vw;
1259      position: relative;
1260      left: 50%;
1261      right: 50%;
1262      margin-left: -50vw;
1263      margin-right: -50vw;
1264    }
1265
1266    .landing-clients-section .clients-map-image img {
1267      width: 100%;
1268      height: auto;
1269      display: block;
1270    }
1271
1272    .landing-clients-section .industries-container {
1273      position: relative;
1274      overflow-x: auto;
1275      overflow-y: hidden;
1276      -webkit-overflow-scrolling: touch;
1277      scrollbar-width: none;
1278      -ms-overflow-style: none;
1279    }
1280
1281    .landing-clients-section .industries-container::-webkit-scrollbar {

1282      display: none;
1283    }
1284
1285    .landing-clients-section .industries-grid {
1286      display: flex;
1287      flex-wrap: nowrap;
1288      gap: 12px;
1289      padding: 0 20px 20px 20px;
1290      margin: 0;
1291      width: 100%;
1292    }
1293
1294    .landing-clients-section .industries-grid img {
1295      flex: 0 0 320px;
1296      min-width: 320px;
1297      grid-column: unset;
1298    }
1299
1300    .landing-clients-section .pagination-dots {
1301      display: flex;
1302      justify-content: center;
1303      align-items: center;
1304      gap: 8px;
1305      margin-top: 20px;
1306      padding: 0 20px;
1307    }
1308  }
1309
1310  @media (max-width: 480px) {
1311    .landing-clients-section .clients-heading {
1312      font-size: 24px;
1313    }
1314  }
1315`,c2=[{image:t2,alt:"Hospitality Companies"},{image:s2,alt:"Manufacture Companies"},{image:o2,alt:"Distribution Companies"},{image:r2,alt:"Financial Companies"},{image:d2,alt:"Service Companies"}];function g2(){const a=r.useRef(null);return r.useEffect(()=>{const n=a.current;return n?(()=>{if(window.innerWidth>768)return;const t=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&!n.dataset.scrollHintShown&&(n.dataset.scrollHintShown="true",setTimeout(()=>{n.scrollTo({left:80,behavior:"smooth"}),setTimeout(()=>{n.scrollTo({left:0,behavior:"smooth"})},800)},300),t.unobserve(n))})});return t.observe(n),()=>t.disconnect()})():void 0},[]),e.jsxs(e.Fragment,{children:[e.jsx("style",{children:l2}),e.jsx("section",{className:"landing-clients-section",children:e.jsxs("div",{className:"container",children:[e.jsxs("h2",{className:"clients-heading","data-aos":"fade-up",children:["Telah Membantu ",e.jsx("span",{className:"highlight",children:"300+"})," Perusahaan di Seluruh Indonesia"]}),e.jsx("p",{className:"clients-description","data-aos":"fade-up","data-aos-delay":"100",children:"Produk Andal telah digunakan di berbagai provinsi di Indonesia. DKI Jakarta, Bekasi, dan Tangerang merupakan wilayah terbesar yang didominasi oleh perusahaan di sektor manufaktur."}),e.jsx("div",{className:"clients-map-image","data-aos":"zoom-in","data-aos-delay":"200",children:e.jsx("img",{src:i2,alt:"Peta Perusahaan Indonesia"})}),e.jsx("div",{className:"industries-container",ref:a,children:e.jsx("div",{className:"industries-grid",children:c2.map((n,i)=>e.jsx("img",{src:n.image,alt:n.alt,"data-aos":"fade-up","data-aos-delay":i*100},i))})}),e.jsx("div",{className:"pagination-dots",id:"industriesDots"})]})})]})}const p2="/assets/Investor-Bq6v0SlY.png",h2=`
1316  .landing-investor-section {
1317    background-color: white;
1318    padding: 80px 0;
1319    text-align: center;
1320    width: 100%;
1321    overflow-x: hidden;
1322  }
1323
1324  .landing-investor-section .container {
1325    max-width: 1224px;
1326    margin: 0 auto;
1327    padding: 0 108px;
1328    width: 100%;
1329    box-sizing: border-box;
1330  }
1331
1332  .landing-investor-section .investor-heading {
1333    font-family: 'Noto Sans', sans-serif;
1334    font-size: 40px;
1335    font-weight: 700;
1336    line-height: 1.4;
1337    color: #101828;
1338    margin: 0 0 24px 0;
1339  }
1340
1341  .landing-investor-section .investor-heading .highlight {
1342    color: #006DBC;
1343  }
1344
1345  .landing-investor-section .investor-description {
1346    font-family: 'Noto Sans', sans-serif;
1347    font-size: 16px;
1348    line-height: 1.6;
1349    color: #101828;
1350    max-width: 900px;
1351    margin: 0 auto 60px auto;
1352  }
1353
1354  .landing-investor-section .investor-map-image {
1355    max-width: 1000px;
1356    margin: 0 auto;
1357  }
1358
1359  .landing-investor-section .investor-map-image img {
1360    width: 100%;
1361    height: auto;
1362  }
1363
1364  @media (max-width: 1200px) {
1365    .landing-investor-section .container {
1366      padding: 0 40px;
1367    }
1368  }
1369
1370  @media (max-width: 768px) {
1371    .landing-investor-section .container {
1372      padding: 0 20px;
1373    }
1374
1375    .landing-investor-section {
1376      padding: 60px 0;
1377    }
1378
1379    .landing-investor-section .investor-heading {
1380      font-size: 28px;
1381    }
1382
1383    .landing-investor-section .investor-description {
1384      font-size: 14px;
1385      padding: 0 20px;
1386      margin-bottom: 40px;
1387    }
1388
1389    .landing-investor-section .investor-map-image {
1390      margin: 0;
1391      max-width: none;
1392      width: 100vw;
1393      position: relative;
1394      left: 50%;
1395      right: 50%;
1396      margin-left: -50vw;
1397      margin-right: -50vw;
1398    }
1399
1400    .landing-investor-section .investor-map-image img {
1401      width: 100%;
1402      height: auto;
1403      display: block;
1404    }
1405  }
1406
1407  @media (max-width: 480px) {
1408    .landing-investor-section .investor-heading {
1409      font-size: 24px;
1410    }
1411  }
1412`;function m2(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:h2}),e.jsx("section",{className:"landing-investor-section",children:e.jsxs("div",{className:"container",children:[e.jsxs("h2",{className:"investor-heading","data-aos":"fade-up",children:[e.jsx("span",{className:"highlight",children:"Investor"})," by Country"]}),e.jsx("p",{className:"investor-description","data-aos":"fade-up","data-aos-delay":"100",children:"Andal melangkah melampui batas, melayani perusahaan dari berbagai negara. Di Indonesia, kami dengan bangga mendukung banyak bisnis lokal, sementara di Jepang kami dipercaya oleh klien terbesar kami di sektor manufaktur komponen otomotif. Kepercayaan juga datang dari berbagai negara lain, karena kami selalu berkomitmen menghadirkan layanan yang andal dan berkualitas di tingkat global."}),e.jsx("div",{className:"investor-map-image","data-aos":"zoom-in","data-aos-delay":"200",children:e.jsx("img",{src:p2,alt:"Investor by Country Map"})})]})})]})}const x2="/assets/iso-I0Rob02i.png",u2=`
1413  .landing-reasons-section {
1414    background-color: white;
1415    padding: 80px 0;
1416    width: 100%;
1417    overflow-x: hidden;
1418  }
1419
1420  .landing-reasons-section .reasons-container {
1421    max-width: 1224px;
1422    margin: 0 auto;
1423    display: grid;
1424    grid-template-columns: 1fr 1fr;
1425    gap: 80px;
1426    align-items: center;
1427    padding: 0 108px;
1428  }
1429
1430  .landing-reasons-section .reasons-image {
1431    position: relative;
1432    width: 100%;
1433    display: flex;
1434    align-items: center;
1435    justify-content: center;
1436  }
1437
1438  .landing-reasons-section .reasons-image img {
1439    max-width: 100%;
1440    height: auto;
1441  }
1442
1443  .landing-reasons-section .reasons-content h2 {
1444    font-family: 'Noto Sans', sans-serif;
1445    font-size: 40px;
1446    font-weight: 700;
1447    line-height: 1.4;
1448    margin-bottom: 24px;
1449    color: #101828;
1450  }
1451
1452  .landing-reasons-section .reasons-content h2 .highlight {
1453    color: #006DBC;
1454  }
1455
1456  .landing-reasons-section .reasons-content > p {
1457    font-family: 'Noto Sans', sans-serif;
1458    font-size: 16px;
1459    line-height: 1.6;
1460    margin-bottom: 32px;
1461    color: #101828;
1462  }
1463
1464  .landing-reasons-section .reasons-content em {
1465    font-style: italic;
1466  }
1467
1468  .landing-reasons-section .reasons-list {
1469    display: flex;
1470    flex-direction: column;
1471    gap: 20px;
1472  }
1473
1474  .landing-reasons-section .reason-item {
1475    display: flex;
1476    align-items: flex-start;
1477    gap: 16px;
1478  }
1479
1480  .landing-reasons-section .reason-icon {
1481    width: 32px;
1482    height: 32px;
1483    flex-shrink: 0;
1484    background-color: #006DBC;
1485    border-radius: 50%;
1486    display: flex;
1487    align-items: center;
1488    justify-content: center;
1489  }
1490
1491  .landing-reasons-section .reason-icon svg {
1492    width: 16px;
1493    height: 16px;
1494    fill: white;
1495  }
1496
1497  .landing-reasons-section .reason-text {
1498    font-family: 'Noto Sans', sans-serif;
1499    font-size: 16px;
1500    line-height: 1.5;
1501    color: #101828;
1502  }
1503
1504  .landing-reasons-section .reason-text strong {
1505    font-weight: 700;
1506  }
1507
1508  .landing-reasons-section .reason-text em {
1509    font-style: italic;
1510  }
1511
1512  @media (max-width: 1200px) {
1513    .landing-reasons-section .reasons-container {
1514      grid-template-columns: 1fr;
1515      gap: 40px;
1516      padding: 0 40px;
1517    }
1518  }
1519
1520  @media (max-width: 768px) {
1521    .landing-reasons-section .reasons-container {
1522      grid-template-columns: 1fr;
1523      gap: 40px;
1524      padding: 0 20px;
1525    }
1526
1527    .landing-reasons-section {
1528      padding: 60px 0;
1529    }
1530
1531    .landing-reasons-section .reasons-content h2 {
1532      font-size: 28px;
1533    }
1534
1535    .landing-reasons-section .reasons-content > p {
1536      font-size: 14px;
1537    }
1538
1539    .landing-reasons-section .reason-text {
1540      font-size: 14px;
1541    }
1542  }
1543
1544  @media (max-width: 480px) {
1545    .landing-reasons-section .reasons-content h2 {
1546      font-size: 24px;
1547    }
1548  }
1549`,f2=[{text:e.jsxs(e.Fragment,{children:["Fitur lengkap & ",e.jsx("em",{children:"User friendly"})]})},{text:e.jsxs(e.Fragment,{children:["Layanan ",e.jsx("em",{children:"after sales"})," yang responsif"]})},{text:e.jsxs(e.Fragment,{children:["Minim ",e.jsx("em",{children:"human error"})]})},{text:e.jsx(e.Fragment,{children:"Tersertifikasi ISO 27001"})},{text:e.jsxs(e.Fragment,{children:["Sistem saling terintegrasi, bekerja secara otomatis, tanpa ",e.jsx("em",{children:"effort"})," lebih"]})}],C2=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"})});function w2(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:u2}),e.jsx("section",{className:"landing-reasons-section",children:e.jsxs("div",{className:"reasons-container",children:[e.jsx("div",{className:"reasons-image","data-aos":"fade-right",children:e.jsx("img",{src:x2,alt:"Andal Connect - ISO 27001 Certified"})}),e.jsxs("div",{className:"reasons-content","data-aos":"fade-left",children:[e.jsxs("h2",{children:[e.jsx("span",{className:"highlight",children:"Alasan Mereka"})," Memilih Andal"]}),e.jsxs("p",{children:["Andal dipercaya oleh banyak perusahaan karena memberikan solusi ",e.jsx("em",{children:"HRMS"})," yang lengkap, mudah digunakan, serta didukung sistem yang andal dan layanan profesional. Berikut alasan mengapa mereka memilih Andal:"]}),e.jsx("div",{className:"reasons-list",children:f2.map((a,n)=>e.jsxs("div",{className:"reason-item","data-aos":"fade-up","data-aos-delay":(n+1)*100,children:[e.jsx("div",{className:"reason-icon",children:e.jsx(C2,{})}),e.jsx("p",{className:"reason-text",children:a.text})]},n))})]})]})})]})}const b2="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.2'%20d='M28%2016C28%2018.3734%2027.2962%2020.6935%2025.9776%2022.6668C24.6591%2024.6402%2022.7849%2026.1783%2020.5922%2027.0866C18.3995%2027.9948%2015.9867%2028.2324%2013.6589%2027.7694C11.3311%2027.3064%209.19295%2026.1635%207.51472%2024.4853C5.83649%2022.8071%204.6936%2020.6689%204.23057%2018.3411C3.76755%2016.0133%204.00519%2013.6005%204.91344%2011.4078C5.8217%209.21509%207.35977%207.34094%209.33316%206.02236C11.3065%204.70379%2013.6266%204%2

1549016%204C19.1826%204%2022.2348%205.26428%2024.4853%207.51472C26.7357%209.76516%2028%2012.8174%2028%2016Z'%20fill='%23006DBC'/%3e%3cpath%20d='M21.7075%2012.2925C21.8005%2012.3854%2021.8742%2012.4957%2021.9246%2012.6171C21.9749%2012.7385%2022.0008%2012.8686%2022.0008%2013C22.0008%2013.1314%2021.9749%2013.2615%2021.9246%2013.3829C21.8742%2013.5043%2021.8005%2013.6146%2021.7075%2013.7075L14.7075%2020.7075C14.6146%2020.8005%2014.5043%2020.8742%2014.3829%2020.9246C14.2615%2020.9749%2014.1314%2021.0008%2014%2021.0008C13.8686%2021.0008%2013.7385%2020.9749%2013.6171%2020.9246C13.4957%2020.8742%2013.3854%2020.8005%2013.2925%2020.7075L10.2925%2017.7075C10.1049%2017.5199%209.99944%2017.2654%209.99944%2017C9.99944%2016.7346%2010.1049%2016.4801%2010.2925%2016.2925C10.4801%2016.1049%2010.7346%2015.9994%2011%2015.9994C11.2654%2015.9994%2011.5199%2016.1049%2011.7075%2016.2925L14%2018.5863L20.2925%2012.2925C20.3854%2012.1995%2020.4957%2012.1258%2020.6171%2012.0754C20.7385%2012.0251%2020.8686%2011.9992%2021%2011.9992C21.1314%2011.9992%2021.2615%2012.0251%2021.3829%2012.0754C21.5043%2012.1258%2021.6146%2012.1995%2021.7075%2012.2925ZM29%2016C29%2018.5712%2028.2376%2021.0846%2026.8091%2023.2224C25.3806%2025.3603%2023.3503%2027.0265%2020.9749%2028.0104C18.5994%2028.9944%2015.9856%2029.2518%2013.4638%2028.7502C10.9421%2028.2486%208.62569%2027.0105%206.80761%2025.1924C4.98953%2023.3743%203.7514%2021.0579%203.24979%2018.5362C2.74818%2016.0144%203.00563%2013.4006%203.98956%2011.0251C4.9735%208.64968%206.63975%206.61935%208.77759%205.1909C10.9154%203.76244%2013.4288%203%2016%203C19.4467%203.00364%2022.7512%204.37445%2025.1884%206.81163C27.6255%209.24882%2028.9964%2012.5533%2029%2016ZM27%2016C27%2013.8244%2026.3549%2011.6977%2025.1462%209.88873C23.9375%208.07979%2022.2195%206.66989%2020.2095%205.83733C18.1995%205.00476%2015.9878%204.78692%2013.854%205.21136C11.7202%205.6358%209.7602

1549%206.68345%208.22182%208.22183C6.68345%209.7602%205.6358%2011.7202%205.21136%2013.854C4.78692%2015.9878%205.00476%2018.1995%205.83732%2020.2095C6.66989%2022.2195%208.07978%2023.9375%209.88873%2025.1462C11.6977%2026.3549%2013.8244%2027%2016%2027C18.9164%2026.9967%2021.7123%2025.8367%2023.7745%2023.7745C25.8367%2021.7123%2026.9967%2018.9164%2027%2016Z'%20fill='%23006DBC'/%3e%3c/svg%3e",j2="https://sais.api.andalhr.com/graphql",k2=typeof window<"u"&&window.__RUNTIME_CONFIG__||{},x=k2.VITE_SAIS_CONTACT_SIGNATURE||void 0;if(!x)throw new Error("Missing VITE_SAIS_CONTACT_SIGNATURE. Set it in website/.env (see .env.example) before running.");const v2=`
1550  .landing-contact-form .form-card {
1551    background: white;
1552    border-radius: 16px;
1553    padding: 40px;
1554    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
1555  }
1556
1557  .landing-contact-form .form-grid {
1558    display: grid;
1559    grid-template-columns: 1fr 1fr;
1560    gap: 20px 24px;
1561  }
1562
1563  .landing-contact-form .form-group {
1564    margin-bottom: 0;
1565  }
1566
1567  .landing-contact-form .form-group label {
1568    display: block;
1569    font-family: 'Noto Sans', sans-serif;
1570    font-size: 14px;
1571    font-weight: 500;
1572    color: #101828;
1573    margin-bottom: 8px;
1574  }
1575
1576  .landing-contact-form .form-group label .required {
1577    color: #F5222D;
1578  }
1579
1580  .landing-contact-form .form-group input {
1581    width: 100%;
1582    padding: 12px 16px;
1583    border: 1px solid #D0D5DD;
1584    border-radius: 8px;
1585    font-family: 'Noto Sans', sans-serif;
1586    font-size: 16px;
1587    color: #101828;
1588    transition: border-color 0.3s;
1589    box-sizing: border-box;
1590  }
1591
1592  .landing-contact-form .form-group input:focus {
1593    outline: none;
1594    border-color: #006dbc;
1595  }
1596
1597  .landing-contact-form .form-group input::placeholder {
1598    color: #98A2B3;
1599  }
1600
1601  .landing-contact-form .submit-button {
1602    width: 100%;
1603    padding: 12px 20px;
1604    background: #006DBC;
1605    border-radius: 8px;
1606    font-family: 'Noto Sans', sans-serif;
1607    font-weight: 600;
1608    font-size: 16px;
1609    color: #FFFFFF;
1610    border: none;
1611    cursor: pointer;
1612    transition: background-color 0.3s;
1613    margin-top: 24px;
1614  }
1615
1616  .landing-contact-form .submit-button:hover {
1617    background-color: #005a9e;
1618  }
1619
1620  .landing-contact-form .submit-button:disabled {
1621    background-color: #98A2B3;
1622    cursor: not-allowed;
1623  }
1624
1625  .landing-contact-form .form-feedback {
1626    display: none;
1627    margin-top: 20px;
1628    text-align: center;
1629  }
1630
1631  .landing-contact-form .loading-state {
1632    display: none;
1633  }
1634
1635  .landing-contact-form .loading-state .spinner {
1636    display: inline-block;
1637    width: 40px;
1638    height: 40px;
1639    border: 4px solid #f3f3f3;

1640    border-top: 4px solid #006DBC;
1641    border-radius: 50%;
1642    animation: spin 1s linear infinite;
1643  }
1644
1645  .landing-contact-form .loading-state p {
1646    margin-top: 12px;
1647    font-size: 14px;
1648    color: #667085;
1649  }
1650
1651  .landing-contact-form .success-state {
1652    display: none;
1653    padding: 16px;
1654    background: #f0fdf4;
1655    border-radius: 8px;
1656    color: #2DBA61;
1657  }
1658
1659  .landing-contact-form .success-state .success-icon {
1660    font-size: 24px;
1661    font-weight: bold;
1662  }
1663
1664  .landing-contact-form .success-state p {
1665    margin-top: 8px;
1666    font-size: 14px;
1667  }
1668
1669  .landing-contact-form .error-state {
1670    display: none;
1671    padding: 16px;
1672    background: #fef2f2;
1673    border-radius: 8px;
1674    color: #dc2626;
1675  }
1676
1677  .landing-contact-form .error-state .error-icon {
1678    font-size: 24px;
1679    font-weight: bold;
1680  }
1681
1682  .landing-contact-form .error-state p {
1683    margin-top: 8px;
1684    font-size: 14px;
1685  }
1686
1687  @keyframes spin {
1688    0% { transform: rotate(0deg); }
1689    100% { transform: rotate(360deg); }
1690  }
1691
1692  @media (max-width: 768px) {
1693    .landing-contact-form .form-card {
1694      padding: 24px;
1695    }
1696
1697    .landing-contact-form .form-grid {
1698      grid-template-columns: 1fr;
1699      gap: 24px;
1700    }
1701  }
1702
1703  @media (max-width: 480px) {
1704    .landing-contact-form .form-card {
1705      padding: 20px;
1706    }
1707
1708    .landing-contact-form .form-grid {
1709      gap: 20px;
1710    }
1711  }
1712`;function y2(){const[a,n]=r.useState({nama:"",perusahaan:"",jabatan:"",jumlahKaryawan:"",hp:"",email:""}),[i,t]=r.useState("idle"),[s,o]=r.useState(""),d=g=>{const{name:c,value:l}=g.target;n(p=>({...p,[c]:l}))},u=async g=>{var c;g.preventDefault(),t("loading"),o("");try{const l=`
1713        mutation SubmitContactForm($input: ContactFormInput!) {
1714          submitContactForm(input: $input)
1715        }
1716      `,p={input:{fullName:a.nama,companyName:a.perusahaan,position:a.jabatan,employeeCount:parseInt(a.jumlahKaryawan)||0,phoneNumber:a.hp,email:a.email}},h=await fetch(j2,{method:"POST",headers:{"Content-Type":"application/json","X-Signature":x},body:JSON.stringify({query:l,variables:p})});if(!h.ok)throw new Error("Network response was not ok");const m=await h.json();if(m.errors)throw new Error(((c=m.errors[0])==null?void 0:c.message)||"GraphQL error");t("success")}catch(l){console.error("Form submission error:",l),t("error"),o(l.message||"Terjadi kesalahan. Silakan coba lagi.")}};return r.useEffect(()=>{i==="success"&&n({nama:"",perusahaan:"",jabatan:"",jumlahKaryawan:"",hp:"",email:""})},[i]),e.jsxs(e.Fragment,{children:[e.jsx("style",{children:v2}),e.jsx("div",{className:"landing-contact-form",children:e.jsx("div",{className:"form-card",children:e.jsxs("form",{onSubmit:u,children:[e.jsxs("div",{className:"form-grid",children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"nama",children:["Nama Lengkap ",e.jsx("span",{className:"required",children:"*"})]}),e.jsx("input",{type:"text",id:"nama",name:"nama",value:a.nama,onChange:d,required:!0,placeholder:"John Doe"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"perusahaan",children:["Nama Perusahaan ",e.jsx("span",{className:"required",children:"*"})]}),e.jsx("input",{type:"text",id:"perusahaan",name:"perusahaan",value:a.perusahaan,onChange:d,required:!0,placeholder:"PT Example Indonesia"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"jabatan",children:["Jabatan di Perusahaan ",e.jsx("span",{className:"required",children:"*"})]}),e.jsx("input",{type:"text",id:"jabatan",name:"jabatan",value:a.jabatan,onChange:d,required:!0,placeholder:"HR Manager"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"jumlahKaryawan",children:["Jumlah Karyawan ",e.jsx("span",{className:"required",children:"*"})]}),e.jsx("input",{type:"number",id:"jumlahKaryawan",name:"jumlahKaryawan",value:a.jumlahKaryawan,onChange:d,required:!0,min:"1",placeholder:"100"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"hp",children:["Nomor HP ",e.jsx("span",{className:"required",children:"*"})]}),e.jsx("input",{type:"tel",id:"hp",name:"hp",value:a.hp,onChange:d,required:!0,placeholder:"081234567890"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"email",children:["Email ",e.jsx("span",{className:"required",children:"*"})]}),e.jsx("input",{type:"email",id:"email",name:"email",value:a.email,onChange:d,required:!0,placeholder:"[email protected]"})]})]}),e.jsx("button",{type:"submit",className:"submit-button",disabled:i==="loading",children:i==="loading"?"Mengirim...":"Try Before You Buy"}),e.jsxs("div",{className:"form-feedback",style:{display:i!=="idle"?"block":"none"},children:[e.jsxs("div",{className:"loading-state",style:{display:i==="loading"?"block":"none"},children:[e.jsx("div",{className:"spinner"}),e.jsx("p",{children:"Mengirim data..."})]}),e.jsxs("div",{className:"success-state",style:{display:i==="success"?"block":"none"},children:[e.jsx("span",{className:"success-icon",children:"✓"}),e.jsx("p",{children:"Terima kasih! Kami akan segera menghubungi Anda."})]}),e.jsxs("div",{className:"error-state",style:{display:i==="error"?"block":"none"},children:[e.jsx("span",{className:"error-icon",children:"✗"}),e.jsx("p",{children:s||"Terjadi kesalahan. Silakan coba lagi."})]})]})]})})})]})}const A2=`
1717  .landing-contact-section {
1718    background-color: #F2F4F7;
1719    padding: 60px 0 40px;
1720    width: 100%;
1721    overflow-x: hidden;
1722  }
1723
1724  .landing-contact-section .cta-container {
1725    max-width: 1224px;
1726    margin: 0 auto;
1727    display: grid;
1728    grid-template-columns: 1fr 1fr;
1729    gap: 60px;
1730    align-items: center;
1731    padding: 0 108px;
1732  }
1733
1734  .landing-contact-section .cta-left h2 {
1735    font-family: 'Noto Sans', sans-serif;
1736    font-size: 40px;
1737    font-weight: 700;
1738    line-height: 1.4;
1739    margin-bottom: 24px;
1740    color: #101828;
1741  }
1742
1743  .landing-contact-section .cta-left h2 .highlight {
1744    color: #006DBC;
1745  }
1746
1747  .landing-contact-section .cta-left > p {
1748    font-family: 'Noto Sans', sans-serif;
1749    font-size: 16px;
1750    line-height: 1.6;
1751    margin-bottom: 32px;
1752    color: #101828;
1753  }
1754
1755  .landing-contact-section .benefits-list {
1756    display: flex;
1757    flex-direction: column;
1758    gap: 16px;
1759  }
1760
1761  .landing-contact-section .benefit-item {
1762    display: flex;
1763    align-items: center;
1764    gap: 12px;
1765  }
1766
1767  .landing-contact-section .check-icon {
1768    width: 32px;
1769    height: 32px;
1770    flex-shrink: 0;
1771  }
1772
1773  .landing-contact-section .benefit-item p {
1774    font-family: 'Noto Sans', sans-serif;
1775    font-size: 16px;
1776    line-height: 1.4;
1777    color: #101828;
1778    margin: 0;
1779  }
1780
1781  @media (max-width: 1200px) {
1782    .landing-contact-section .cta-container {
1783      grid-template-columns: 1fr;
1784      padding: 0 40px;
1785    }
1786  }
1787
1788  @media (max-width: 768px) {
1789    .landing-contact-section .cta-container {
1790      grid-template-columns: 1fr;
1791      gap: 40px;
1792      padding: 0 20px;
1793    }
1794
1795    .landing-contact-section {
1796      padding: 40px 0 30px;
1797    }
1798
1799    .landing-contact-section .cta-left h2 {
1800      font-size: 28px;
1801    }
1802
1803    .landing-contact-section .cta-left > p {
1804      font-size: 14px;
1805    }
1806
1807    .landing-contact-section .benefit-item p {
1808      font-size: 14px;
1809    }
1810  }
1811
1812  @media (max-width: 480px) {
1813    .landing-contact-section .cta-left h2 {
1814      font-size: 24px;
1815    }
1816  }
1817`,N2=["Gratis konsultasi","Gratis simulasi penggajian","Gratis training penggunaan"];function M2(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:A2}),e.jsx("section",{className:"landing-contact-section",id:"contact",children:e.jsxs("div",{className:"cta-container",children:[e.jsxs("div",{className:"cta-left","data-aos":"fade-right",children:[e.jsxs("h2",{children:["Saatnya Dapatkan ",e.jsx("span",{className:"highlight",children:"Solusi Terbaik"})," untuk Kebutuhan Bisnis Kamu"]}),e.jsx("p",{children:"Diskusikan tantangan bisnis kamu dan nikmati penawaran spesial :"}),e.jsx("div",{className:"benefits-list",children:N2.map((a,n)=>e.jsxs("div",{className:"benefit-item","data-aos":"fade-up","data-aos-delay":(n+1)*100,children:[e.jsx("img",{src:b2,alt:"Check",className:"check-icon"}),e.jsx("p",{children:a})]},n))})]}),e.jsx("div",{className:"cta-right","data-aos":"fade-left",children:e.jsx(y2,{})})]})})]})}const D2=`
1818  .landing-whatsapp-button {
1819    position: fixed;
1820    bottom: 30px;
1821    right: 30px;
1822    width: 60px;
1823    height: 60px;
1824    background-color: #25D366;
1825    border-radius: 50%;
1826    display: flex;
1827    align-items: center;
1828    justify-content: center;
1829    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
1830    cursor: pointer;
1831    transition: transform 0.3s;
1832    z-index: 1000;
1833    text-decoration: none;
1834  }
1835
1836  .landing-whatsapp-button:hover {
1837    transform: scale(1.1);
1838  }
1839
1840  .landing-whatsapp-button svg {
1841    width: 32px;
1842    height: 32px;
1843  }
1844
1845  @media (max-width: 768px) {
1846    .landing-whatsapp-button {
1847      width: 50px;
1848      height: 50px;
1849      bottom: 20px;
1850      right: 20px;
1851    }
1852
1853    .landing-whatsapp-button svg {
1854      width: 24px;
1855      height: 24px;
1856    }
1857  }
1858`,S2=()=>e.jsx("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M27.2 4.66C24.23 1.68 20.26 0 16 0C7.29 0 0.24 7.05 0.24 15.76C0.24 18.54 0.97 21.25 2.34 23.61L0.1 32L8.7 29.8C10.95 31.04 13.45 31.69 16 31.69C24.71 31.69 31.76 24.64 31.76 15.93C31.76 11.67 30.08 7.64 27.2 4.66ZM16 29.02C13.71 29.02 11.47 28.41 9.51 27.26L9.05 26.99L3.93 28.34L5.3 23.35L4.99 22.87C3.73 20.83 3.06 18.5 3.06 16.06C3.06 8.73 8.97 2.82 16.3 2.82C19.87 2.82 23.21 4.2 25.75 6.75C28.3 9.3 29.68 12.63 29.68 16.21C29.68 23.54 23.77 29.02 16 29.02ZM23.1 19.5C22.7 19.3 20.8 18.4 20.4 18.2C20 18.1 19.7 18 19.4 18.4C19.1 18.8 18.4 19.6 18.2 19.9C17.9 20.2 17.7 20.2 17.3 20C16.9 19.8 15.6 19.4 14.1 18C12.9 16.9 12.1 15.6 11.9 15.2C11.7 14.8 11.9 14.6 12.1 14.4C12.3 14.2 12.5 13.9 12.7 13.7C12.9 13.5 13 13.3 13.1 13.1C13.2 12.8 13.2 12.6 13.1 12.4C13 12.2 12.1 10.3 11.8 9.5C11.5 8.7 11.2 8.8 11 8.8C10.8 8.8 10.5 8.8 10.2 8.8C9.9 8.8 9.4 8.9 9 9.3C8.6 9.7 7.7 10.6 7.7 12.5C7.7 14.4 9.1 16.2 9.3 16.5C9.5 16.8 12.1 20.9 16 22.6C16.9 23 17.6 23.2 18.2 23.4C19.1 23.7 19.9 23.6 20.5 23.5C21.2 23.4 22.7 22.6 23 21.8C23.3 21 23.3 20.3 23.2 20.2C23.1 20.1 22.8 20 22.4 19.8L23.1 19.5Z",fill:"white"})});function V2(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:D2}),e.jsx("a",{href:"https://wa.me/62881037026260?text=Halo%20Andal!%F0%9F%91%8B%F0%9F%8F%BB%0ASaya%20sedang%20mencari%20solusi%20terbaik%20untuk%20kebutuhan%20HR%20dan%20payroll%20di%20perusahaan%20kami.%0A%0ABerikut%20data%20diri%20saya%0ANama%20Lengk

1858ap%3A%20%0AJabatan%2FPosisi%3A%20%0AEmail%3A%20%0APerusahaan%3A%20%0AJumlah%20Karyawan%3A",target:"_blank",rel:"noopener noreferrer",className:"landing-whatsapp-button","aria-label":"Chat on WhatsApp",children:e.jsx(S2,{})})]})}const H2=`
1859  html, body {
1860    overflow-x: hidden;
1861    max-width: 100vw;
1862  }
1863
1864  .landing-page-root {
1865    overflow-x: hidden;
1866    max-width: 100vw;
1867    font-family: 'Noto Sans', sans-serif;
1868  }
1869
1870  .landing-page-root * {
1871    box-sizing: border-box;
1872  }
1873
1874  .landing-page-footer {
1875    background-color: #006DBC;
1876    color: #ffffff;
1877    text-align: center;
1878    padding: 16px 20px;
1879    font-family: 'Noto Sans', sans-serif;
1880    font-size: 14px;
1881    line-height: 1.4;
1882    width: 100%;
1883  }
1884`;function L2(){return r.useEffect(()=>{let a=!1;return f(()=>import("./aos-RgByzvKL.js").then(n=>n.a),__vite__mapDeps([0,1])).then(n=>{a||n.init({duration:800,easing:"ease-in-out",once:!0,offset:100})}),()=>{a=!0}},[]),e.jsxs(e.Fragment,{children:[e.jsx("style",{children:H2}),e.jsxs("main",{className:"landing-page-root",children:[e.jsx(b,{}),e.jsx(M,{}),e.jsx(z,{}),e.jsx(Y,{}),e.jsx(a2,{}),e.jsx(g2,{}),e.jsx(m2,{}),e.jsx(w2,{}),e.jsx(M2,{}),e.jsx("footer",{className:"landing-page-footer",children:"Copyright © 2026 Andal. All rights reserved."}),e.jsx(V2,{})]})]})}export{L2 as default};