PageSourceSearch

https://canon-chew-98868523.figma.site/_components/v2/523127243bb23c4918ec20b8d04ac415a51b17b7.js

js canon-chew-98868523.figma.site collected 2026-10-03 03:15:50 UTC 2,548,526 bytes, 45,226 lines download raw bytes

1const K6 = () => Promise.resolve().then(() => $6), Qp = globalThis.__GLOBALS__.ReactJSXRuntime, { Fragment: V, jsx: e, jsxs: a } = Qp;
2"use" in globalThis.__GLOBALS__.React || (globalThis.__GLOBALS__.React.use = () => {
3  throw new Error("`use` is not available in this version of React. Make currently only supports React 18, but `use` is only available in React 19+.");
4});
5function qc(t) {
6  const i = t?.props?._fgT, n = typeof i == "function" || typeof i == "string" || typeof i == "object" && i !== null && "$$typeof" in i;
7  return globalThis.__GLOBALS__.React.isValidElement(t) && n;
8}
9function Ea(t) {
10  return globalThis.__GLOBALS__.React.isValidElement(t) && t.type === "fg-txt";
11}
12function Yc(t) {
13  const { _fgT: i, _fgS: n, _fgB: r, _fgD: s, ...l } = t.props;
14  return globalThis.__GLOBALS__.React.createElement(i, {
15    ...l,
16    key: t.key
17  }, l.children);
18}
19function Ai(t) {
20  return qc(t) ? Yc(t) : Ea(t) ? t.props.children : t;
21}
22const ka = globalThis.__GLOBALS__.React.Children, dt = {
23  map(t, i, n) {
24    return ka.map(t, (r, s) => {
25      const l = Ai(r);
26      return Ea(r) ? null : i.call(n, l, s);
27    });
28  },
29  forEach(t, i, n) {
30    ka.forEach(t, (r, s) => {
31      if (Ea(r))
32        return;
33      const l = Ai(r);
34      i.call(n, l, s);
35    });
36  },
37  count(t) {
38    let i = 0;
39    return ka.forEach(t, (n) => {
40      Ea(n) || i++;
41    }), i;
42  },
43  toArray(t) {
44    const i = [];
45    return ka.forEach(t, (n) => {
46      Ea(n) || i.push(Ai(n));
47    }), i;
48  },
49  only(t) {
50    const i = ka.only(t);
51    return Ai(i);
52  }
53}, Pn = [
54  "_fgT",
55  "_fgS",
56  "_fgB",
57  "_fgD"
58];
59function eh(t) {
60  if (t == null || typeof t != "object") return t;
61  const i = Object.keys(t);
62  let n = !1;
63  for (let s = 0; s < Pn.length; s++)
64    if (Pn[s] in t) {
65      n = !0;
66      break;
67    }
68  if (!n) return t;
69  const r = {};
70  for (let s = 0; s < i.length; s++) {
71    const l = i[s];
72    Pn.indexOf(l) === -1 && (r[l] = t[l]);
73  }
74  return r;
75}
76const dl = globalThis.__GLOBALS__.React.cloneElement, Zt = (t, ...i) => {
77  if (qc(t)) {
78    const n = Yc(t), r = i[0];
79    return r != null && typeof r == "object" && (i = [
80      eh(r),
81      ...i.slice(1)
82    ]), dl(n, ...i);
83  }
84  return dl(t, ...i);
85}, oe = {
86  ...globalThis.__GLOBALS__.React,
87  Children: dt,
88  cloneElement: Zt
89}, { Component: Ur, createContext: $e, createElement: je, createFactory: th, createRef: ah, forwardRef: G, Fragment: $t, isValidElement: ga, lazy: ih, memo: nh, Profiler: rh, PureComponent: sh, startTransition: lh, StrictMode: oh, Suspense: ch, use: dh, useCallback: ie, useContext: pe, useDebugValue: mh, useDeferredValue: ph, useEffect: R, useId: cn, useImperativeHandle: hh, useInsertionEffect: qr, useLayoutEffect: oi, useMemo: ve, useReducer: Xc, useRef: j, useState: C, useSyncExternalStore: uh, useTransition: xh, version: gh, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: fh } = globalThis.__GLOBALS__.React, bh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
90  __proto__: null,
91  Children: dt,
92  Component: Ur,
93  Fragment: $t,
94  Profiler: rh,
95  PureComponent: sh,
96  StrictMode: oh,
97  Suspense: ch,
98  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: fh,
99  cloneElement: Zt,
100  createContext: $e,
101  createElement: je,
102  createFactory: th,
103  createRef: ah,
104  default: oe,
105  forwardRef: G,
106  isValidElement: ga,
107  lazy: ih,
108  memo: nh,
109  startTransition: lh,
110  use: dh,
111  useCallback: ie,
112  useContext: pe,
113  useDebugValue: mh,
114  useDeferredValue: ph,
115  useEffect: R,
116  useId: cn,
117  useImperativeHandle: hh,
118  useInsertionEffect: qr,
119  useLayoutEffect: oi,
120  useMemo: ve,
121  useReducer: Xc,
122  useRef: j,
123  useState: C,
124  useSyncExternalStore: uh,
125  useTransition: xh,
126  version: gh
127}, Symbol.toStringTag, { value: "Module" }));
128/**
129 * @license lucide-react v0.487.0 - ISC
130 *
131 * This source code is licensed under the ISC license.
132 * See the LICENSE file in the root directory of this source tree.
133 */
134const yh = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), wh = (t) => t.replace(
135  /^([A-Z])|[\s-_]+(\w)/g,
136  (i, n, r) => r ? r.toUpperCase() : n.toLowerCase()
137), ml = (t) => {
138  const i = wh(t);
139  return i.charAt(0).toUpperCase() + i.slice(1);
140}, Jc = (...t) => t.filter((i, n, r) => !!i && i.trim() !== "" && r.indexOf(i) === n).join(" ").trim();
141/**
142 * @license lucide-react v0.487.0 - ISC
143 *
144 * This source code is licensed under the ISC license.
145 * See the LICENSE file in the root directory of this source tree.
146 */
147var vh = {
148  xmlns: "http://www.w3.org/2000/svg",
149  width: 24,
150  height: 24,
151  viewBox: "0 0 24 24",
152  fill: "none",
153  stroke: "currentColor",
154  strokeWidth: 2,
155  strokeLinecap: "round",
156  strokeLinejoin: "round"
157};
158/**
159 * @license lucide-react v0.487.0 - ISC
160 *
161 * This source code is licensed under the ISC license.
162 * See the LICENSE file in the root directory of this source tree.
163 */
164const Nh = G(
165  ({
166    color: t = "currentColor",
167    size: i = 24,
168    strokeWidth: n = 2,
169    absoluteStrokeWidth: r,
170    className: s = "",
171    children: l,
172    iconNode: o,
173    ...d
174  }, c) => je(
175    "svg",
176    {
177      ref: c,
178      ...vh,
179      width: i,
180      height: i,
181      stroke: t,
182      strokeWidth: r ? Number(n) * 24 / Number(i) : n,
183      className: Jc("lucide", s),
184      ...d
185    },
186    [
187      ...o.map(([p, h]) => je(p, h)),
188      ...Array.isArray(l) ? l : [l]
189    ]
190  )
191);
192/**
193 * @license lucide-react v0.487.0 - ISC
194 *
195 * This source code is licensed under the ISC license.
196 * See the LICENSE file in the root directory of this source tree.
197 */
198const O = (t, i) => {
199  const n = G(
200    ({ className: r, ...s }, l) => je(Nh, {
201      ref: l,
202      iconNode: i,
203      className: Jc(
204        `lucide-${yh(ml(t))}`,
205        `lucide-${t}`,
206        r
207      ),
208      ...s
209    })
210  );
211  return n.displayName = ml(t), n;
212};
213/**
214 * @license lucide-react v0.487.0 - ISC
215 *
216 * This source code is licensed under the ISC license.
217 * See the LICENSE file in the root directory of this source tree.
218 */
219const Ah = [
220  [
221    "path",
222    {
223      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l
223-2.35 8.36A2 2 0 0 1 4.49 12H2",
224      key: "169zse"
225    }
226  ]
227], Xe = O("activity", Ah);
228/**
229 * @license lucide-react v0.487.0 - ISC
230 *
231 * This source code is licensed under the ISC license.
232 * See the LICENSE file in the root directory of this source tree.
233 */
234const Ih = [
235  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
236  ["path", { d: "M19 12H5", key: "x3x0zl" }]
237], Sh = O("arrow-left", Ih);
238/**
239 * @license lucide-react v0.487.0 - ISC
240 *
241 * This source code is licensed under the ISC license.
242 * See the LICENSE file in the root directory of this source tree.
243 */
244const Ch = [
245  ["path", { d: "M5 12h14", key: "1ays0h" }],
246  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
247], re = O("arrow-right", Ch);
248/**
249 * @license lucide-react v0.487.0 - ISC
250 *
251 * This source code is licensed under the ISC license.
252 * See the LICENSE file in the root directory of this source tree.
253 */
254const Mh = [
255  ["path", { d: "M7 7h10v10", key: "1tivn9" }],
256  ["path", { d: "M7 17 17 7", key: "1vkiza" }]
257], Zc = O("arrow-up-right", Mh);
258/**
259 * @license lucide-react v0.487.0 - ISC
260 *
261 * This source code is licensed under the ISC license.
262 * See the LICENSE file in the root directory of this source tree.
263 */
264const Dh = [
265  [
266    "path",
267    {
268      d: "m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",
269      key: "1yiouv"
270    }
271  ],
272  ["circle", { cx: "12", cy: "8", r: "6", key: "1vp47v" }]
273], Xi = O("award", Dh);
274/**
275 * @license lucide-react v0.487.0 - ISC
276 *
277 * This source code is licensed under the ISC license.
278 * See the LICENSE file in the root directory of this source tree.
279 */
280const kh = [
281  ["rect", { width: "16", height: "10", x: "2", y: "7", rx: "2", ry: "2", key: "1w10f2" }],
282  ["line", { x1: "22", x2: "22", y1: "11", y2: "13", key: "4dh1rd" }]
283], Yr = O("battery", kh);
284/**
285 * @license lucide-react v0.487.0 - ISC
286 *
287 * This source code is licensed under the ISC license.
288 * See the LICENSE file in the root directory of this source tree.
289 */
290const Th = [
291  ["path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z", key: "1fy3hk" }]
292], Ph = O("bookmark", Th);
293/**
294 * @license lucide-react v0.487.0 - ISC
295 *
296 * This source code is licensed under the ISC license.
297 * See the LICENSE file in the root directory of this source tree.
298 */
299const Lh = [
300  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
301  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
302  ["path", { d: "M2 14h2", key: "vft8re" }],
303  ["path", { d: "M20 14h2", key: "4cs60a" }],
304  ["path", { d: "M15 13v2", key: "1xurst" }],
305  ["path", { d: "M9 13v2", key: "rq6x2g" }]
306], Hh = O("bot", Lh);
307/**
308 * @license lucide-react v0.487.0 - ISC
309 *
310 * This source code is licensed under the ISC license.
311 * See the LICENSE file in the root directory of this source tree.
312 */
313const Oh = [
314  [
315    "path",
316    {
317      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
318      key: "hh9hay"
319    }
320  ],
321  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
322  ["path", { d: "M12 22V12", key: "d0xqtd" }]
323], yt = O("box", Oh);
324/**
325 * @license lucide-react v0.487.0 - ISC
326 *
327 * This source code is licensed under the ISC license.
328 * See the LICENSE file in the root directory of this source tree.
329 */
330const Vh = [
331  [
332    "path",
333    {
334      d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",
335      key: "l5xja"
336    }
337  ],
338  ["path", { d: "M9 13a4.5 4.5 0 0 0 3-4", key: "10igwf" }],
339  ["path", { d: "M6.003 5.125A3 3 0 0 0 6.401 6.5", key: "105sqy" }],
340  ["path", { d: "M3.477 10.896a4 4 0 0 1 .585-.396", key: "ql3yin" }],
341  ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
342  ["path", { d: "M12 13h4", key: "1ku699" }],
343  ["path", { d: "M12 18h6a2 2 0 0 1 2 2v1", key: "105ag5" }],
344  ["path", { d: "M12 8h8", key: "1lhi5i" }],
345  ["path", { d: "M16 8V5a2 2 0 0 1 2-2", key: "u6izg6" }],
346  ["circle", { cx: "16", cy: "13", r: ".5", key: "ry7gng" }],
347  ["circle", { cx: "18", cy: "3", r: ".5", key: "1aiba7" }],
348  ["circle", { cx: "20", cy: "21", r: ".5", key: "yhc1fs" }],
349  ["circle", { cx: "20", cy: "8", r: ".5", key: "1e43v0" }]
350], Eh = O("brain-circuit", Vh);
351/**
352 * @license lucide-react v0.487.0 - ISC
353 *
354 * This source code is licensed under the ISC license.
355 * See the LICENSE file in the root directory of this source tree.
356 */
357const jh = [
358  [
359    "path",
360    {
361      d: "M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z",
362      key: "l5xja"
363    }
364  ],
365  [
366    "path",
367    {
368      d: "M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z",
369      key: "ep3f8r"
370    }
371  ],
372  ["path", { d: "M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4", key: "1p4c4q" }],
373  ["path", { d: "M17.599 6.5a3 3 0 0 0 .399-1.375", key: "tmeiqw" }],
374  ["path", { d: "M6.003 5.125A3 3 0 0 0 6.401 6.5", key: "105sqy" }],
375  ["path", { d: "M3.477 10.896a4 4 0 0 1 .585-.396", key: "ql3yin" }
375],
376  ["path", { d: "M19.938 10.5a4 4 0 0 1 .585.396", key: "1qfode" }],
377  ["path", { d: "M6 18a4 4 0 0 1-1.967-.516", key: "2e4loj" }],
378  ["path", { d: "M19.967 17.484A4 4 0 0 1 18 18", key: "159ez6" }]
379], Ln = O("brain", jh);
380/**
381 * @license lucide-react v0.487.0 - ISC
382 *
383 * This source code is licensed under the ISC license.
384 * See the LICENSE file in the root directory of this source tree.
385 */
386const Rh = [
387  ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
388  ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
389], Fh = O("briefcase", Rh);
390/**
391 * @license lucide-react v0.487.0 - ISC
392 *
393 * This source code is licensed under the ISC license.
394 * See the LICENSE file in the root directory of this source tree.
395 */
396const _h = [
397  ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
398  ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
399  ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
400  ["path", { d: "M10 6h4", key: "1itunk" }],
401  ["path", { d: "M10 10h4", key: "tcdvrf" }],
402  ["path", { d: "M10 14h4", key: "kelpxr" }],
403  ["path", { d: "M10 18h4", key: "1ulq68" }]
404], Tt = O("building-2", _h);
405/**
406 * @license lucide-react v0.487.0 - ISC
407 *
408 * This source code is licensed under the ISC license.
409 * See the LICENSE file in the root directory of this source tree.
410 */
411const Wh = [
412  ["path", { d: "M8 2v4", key: "1cmpym" }],
413  ["path", { d: "M16 2v4", key: "4m81vk" }],
414  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
415  ["path", { d: "M3 10h18", key: "8toen8" }],
416  ["path", { d: "m9 16 2 2 4-4", key: "19s6y9" }]
417], zh = O("calendar-check", Wh);
418/**
419 * @license lucide-react v0.487.0 - ISC
420 *
421 * This source code is licensed under the ISC license.
422 * See the LICENSE file in the root directory of this source tree.
423 */
424const Bh = [
425  ["path", { d: "M8 2v4", key: "1cmpym" }],
426  ["path", { d: "M16 2v4", key: "4m81vk" }],
427  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
428  ["path", { d: "M3 10h18", key: "8toen8" }]
429], wt = O("calendar", Bh);
430/**
431 * @license lucide-react v0.487.0 - ISC
432 *
433 * This source code is licensed under the ISC license.
434 * See the LICENSE file in the root directory of this source tree.
435 */
436const Gh = [
437  [
438    "path",
439    {
440      d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",
441      key: "1tc9qg"
442    }
443  ],
444  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
445], dn = O("camera", Gh);
446/**
447 * @license lucide-react v0.487.0 - ISC
448 *
449 * This source code is licensed under the ISC license.
450 * See the LICENSE file in the root directory of this source tree.
451 */
452const Uh = [
453  ["line", { x1: "18", x2: "18", y1: "20", y2: "10", key: "1xfpm4" }],
454  ["line", { x1: "12", x2: "12", y1: "20", y2: "4", key: "be30l9" }],
455  ["line", { x1: "6", x2: "6", y1: "20", y2: "14", key: "1r4le6" }]
456], qh = O("chart-no-axes-column", Uh);
457/**
458 * @license lucide-react v0.487.0 - ISC
459 *
460 * This source code is licensed under the ISC license.
461 * See the LICENSE file in the root directory of this source tree.
462 */
463const Yh = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Pt = O("check", Yh);
464/**
465 * @license lucide-react v0.487.0 - ISC
466 *
467 * This source code is licensed under the ISC license.
468 * See the LICENSE file in the root directory of this source tree.
469 */
470const Xh = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Le = O("chevron-down", Xh);
471/**
472 * @license lucide-react v0.487.0 - ISC
473 *
474 * This source code is licensed under the ISC license.
475 * See the LICENSE file in the root directory of this source tree.
476 */
477const Jh = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Xr = O("chevron-left", Jh);
478/**
479 * @license lucide-react v0.487.0 - ISC
480 *
481 * This source code is licensed under the ISC license.
482 * See the LICENSE file in the root directory of this source tree.
483 */
484const Zh = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], fe = O("chevron-right", Zh);
485/**
486 * @license lucide-react v0.487.0 - ISC
487 *
488 * This source code is licensed under the ISC license.
489 * See the LICENSE file in the root directory of this source tree.
490 */
491const $h = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }
491]], Kh = O("chevron-up", $h);
492/**
493 * @license lucide-react v0.487.0 - ISC
494 *
495 * This source code is licensed under the ISC license.
496 * See the LICENSE file in the root directory of this source tree.
497 */
498const Qh = [
499  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
500  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
501], me = O("circle-check", Qh);
502/**
503 * @license lucide-react v0.487.0 - ISC
504 *
505 * This source code is licensed under the ISC license.
506 * See the LICENSE file in the root directory of this source tree.
507 */
508const eu = [
509  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
510  ["path", { d: "M11 9h4a2 2 0 0 0 2-2V3", key: "1ve2rv" }],
511  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
512  ["path", { d: "M7 21v-4a2 2 0 0 1 2-2h4", key: "1fwkro" }],
513  ["circle", { cx: "15", cy: "15", r: "2", key: "3i40o0" }]
514], pl = O("circuit-board", eu);
515/**
516 * @license lucide-react v0.487.0 - ISC
517 *
518 * This source code is licensed under the ISC license.
519 * See the LICENSE file in the root directory of this source tree.
520 */
521const tu = [
522  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
523  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
524], qa = O("clock", tu);
525/**
526 * @license lucide-react v0.487.0 - ISC
527 *
528 * This source code is licensed under the ISC license.
529 * See the LICENSE file in the root directory of this source tree.
530 */
531const au = [
532  ["path", { d: "M10 2v2", key: "7u0qdc" }],
533  ["path", { d: "M14 2v2", key: "6buw04" }],
534  [
535    "path",
536    {
537      d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1",
538      key: "pwadti"
539    }
540  ],
541  ["path", { d: "M6 2v2", key: "colzsn" }]
542], hl = O("coffee", au);
543/**
544 * @license lucide-react v0.487.0 - ISC
545 *
546 * This source code is licensed under the ISC license.
547 * See the LICENSE file in the root directory of this source tree.
548 */
549const iu = [
550  ["path", { d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z", key: "sobvz5" }],
551  ["path", { d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z", key: "11i496" }],
552  ["path", { d: "M12 2v2", key: "tus03m" }],
553  ["path", { d: "M12 22v-2", key: "1osdcq" }],
554  ["path", { d: "m17 20.66-1-1.73", key: "eq3orb" }],
555  ["path", { d: "M11 10.27 7 3.34", key: "16pf9h" }],
556  ["path", { d: "m20.66 17-1.73-1", key: "sg0v6f" }],
557  ["path", { d: "m3.34 7 1.73 1", key: "1ulond" }],
558  ["path", { d: "M14 12h8", key: "4f43i9" }],
559  ["path", { d: "M2 12h2", key: "1t8f8n" }],
560  ["path", { d: "m20.66 7-1.73 1", key: "1ow05n" }],
561  ["path", { d: "m3.34 17 1.73-1", key: "nuk764" }],
562  ["path", { d: "m17 3.34-1 1.73", key: "2wel8s" }],
563  ["path", { d: "m11 13.73-4 6.93", key: "794ttg" }]
564], Ji = O("cog", iu);
565/**
566 * @license lucide-react v0.487.0 - ISC
567 *
568 * This source code is licensed under the ISC license.
569 * See the LICENSE file in the root directory of this source tree.
570 */
571const nu = [
572  ["rect", { width: "16", height: "16", x: "4", y: "4", rx: "2", key: "14l7u7" }],
573  ["rect", { width: "6", height: "6", x: "9", y: "9", rx: "1", key: "5aljv4" }],
574  ["path", { d: "M15 2v2", key: "13l42r" }],
575  ["path", { d: "M15 20v2", key: "15mkzm" }],
576  ["path", { d: "M2 15h2", key: "1gxd5l" }],
577  ["path", { d: "M2 9h2", key: "1bbxkp" }],
578  ["path", { d: "M20 15h2", key: "19e6y8" }],
579  ["path", { d: "M20 9h2", key: "19tzq7" }],
580  ["path", { d: "M9 2v2", key: "165o2o" }],
581  ["path", { d: "M9 20v2", key: "i2bqo8" }]
582], at = O("cpu", nu);
583/**
584 * @license lucide-react v0.487.0 - ISC
585 *
586 * This source code is licensed under the ISC license.
587 * See the LICENSE file in the root directory of this source tree.
588 */
589const ru = [
590  ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
591  ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
592], su = O("dollar-sign", ru);
593/**
594 * @license lucide-react v0.487.0 - ISC
595 *
596 * This source code is licensed under the ISC license.
597 * See the LICENSE file in the root directory of this source tree.
598 */
599const lu = [
600  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
601  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
602  ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
603], et = O("download", lu);
604/**
605 * @license lucide-react v0.487.0 - ISC
606 *
607 * This source code is licensed under the ISC license.
608 * See the LICENSE file in the root directory of this source tree.
609 */
610const ou = [
611  [
612    "path",
613    {
614      d: "M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z",
615      key: "1ptgy4"
616    }
617  ],
618  [
619    "path",
620    {
621      d: "M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97",
622      key: "1sl1rz"
623    }
624  ]
625], cu = O("droplets", ou);
626/**
627 * @license lucide-react v0.487.0 - ISC
628 *
629 * This source code is licensed under the ISC license.
630 * See the LICENSE file in the root directory of this source tree.
631 */
632const du = [
633  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
634  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
635  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
636], ji = O("external-link", du);
637/**
638 * @license lucide-react v0.487.0 - ISC
639 *
640 * This source code is licensed under the ISC license.
641 * See the LICENSE file in the root directory of this source tree.
642 */
643const mu = [
644  [
645    "path",
646    {
647      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
648      key: "1nclc0"
649    }
650  ],
651  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
652], pu = O("eye", mu);
653/**
654 * @license lucide-react v0.487.0 - ISC
655 *
656 * This source code is licensed under the ISC license.
657 * See the LICENSE file in the root directory of this source tree.
658 */
659const hu = [
660  [
661    "path",
662    { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z", key: "1jg4f8" }
663  ]
664], uu = O("facebook", hu);
665/**
666 * @license lucide-react v0.487.0 - ISC
667 *
668 * This source code is licensed under the ISC license.
669 * See the LICENSE file in the root directory of this source tree.
670 */
671const xu = [
672  [
673    "path",
674    {
675      d: "M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z",
676      key: "159hny"
677    }
678  ],
679  ["path", { d: "M17 18h1", key: "uldtlt" }],
680  ["path", { d: "M12 18h1", key: "s9uhes" }],
681  ["path", { d: "M7 18h1", key: "1neino" }]
682], Fa = O("factory", xu);
683/**
684 * @license lucide-react v0.487.0 - ISC
685 *
686 * This source code is licensed under the ISC license.
687 * See the LICENSE file in the root directory of this source tree.
688 */
689const gu = [
690  ["path", { d: "M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5", key: "1couwa" }],
691  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
692  [
693    "path",
694    {
695      d: "M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",
696      key: "1y4qbx"
697    }
698  ]
699], fu = O("file-pen", gu);
700/**
701 * @license lucide-react v0.487.0 - ISC
702 *
703 * This source code is licensed under the ISC license.
704 * See the LICENSE file in the root directory of this source tree.
705 */
706const bu = [
707  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
708  [
709    "path",
710    { d: "M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3", key: "ms7g94" }
711  ],
712  ["path", { d: "m9 18-1.5-1.5", key: "1j6qii" }],
713  ["circle", { cx: "5", cy: "14", r: "3", key: "ufru5t" }]
714], yu = O("file-search", bu);
715/**
716 * @license lucide-react v0.487.0 - ISC
717 *
718 * This source code is licensed under the ISC license.
719 * See the LICENSE file in the root directory of this source tree.
720 */
721const wu = [
722  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
723  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
724  ["path", { d: "M10 9H8", key: "b1mrlr" }],
725  ["path", { d: "M16 13H8", key: "t4e002" }],
726  ["path", { d: "M16 17H8", key: "z1uh3a" }]
727], Ye = O("file-text", wu);
728/**
729 * @license lucide-react v0.487.0 - ISC
730 *
731 * This source code is licensed under the ISC license.
732 * See the LICENSE file in the root directory of this source tree.
733 */
734const vu = [
735  ["path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", key: "i9b6wo" }],
736  ["line", { x1: "4", x2: "4", y1: "22", y2: "15", key: "1cm3nv" }]
737], Nu = O("flag", vu);
738/**
739 * @license lucide-react v0.487.0 - ISC
740 *
741 * This source code is licensed under the ISC license.
742 * See the LICENSE file in the root directory of this source tree.
743 */
744const Au = [
745  [
746    "path",
747    {
748      d: "M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2",
749      key: "18mbvz"
750    }
751  ],
752  ["path", { d: "M6.453 15h11.094", key: "3shlmq" }],
753  ["path", { d: "M8.5 2h7", key: "csnxdl" }]
754], ul = O("flask-conical", Au);
755/**
756 * @license lucide-react v0.487.0 - ISC
757 *
758 * This source code is licensed under the ISC license.
759 * See the LICENSE file in the root directory of this source tree.
760 */
761const Iu = [
762  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
763  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
764  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
765  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
766  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
767], Su = O("focus", Iu);
768/**
769 * @license lucide-react v0.487.0 - ISC
770 *
771 * This source code is licensed under the ISC license.
772 * See the LICENSE file in the root directory of this source tree.
773 */
774const Cu = [
775  ["rect", { x: "3", y: "8", width: "18", height: "4", rx: "1", key: "bkv52" }],
776  ["path", { d: "M12 8v13", key: "1c76mn" }],
777  ["path", { d: "M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7", key: "6wjy6b" }],
778  [
779    "path",
780    {
781      d: "M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5",
782      key: "1ihvrl"
783    }
784  ]
785], Mu = O("gift", Cu);
786/**
787 * @license lucide-react v0.487.0 - ISC
788 *
789 * This source code is licensed under the ISC license.
790 * See the LICENSE file in the root directory of this source tree.
791 */
792const Du = [
793  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
794  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
795  ["path", { d: "M2 12h20", key: "9i4pu4" }]
796], Ya = O("globe", Du);
797/**
798 * @license lucide-react v0.487.0 - ISC
799 *
800 * This source code is licensed under the ISC license.
801 * See the LICENSE file in the root directory of this source tree.
802 */
803const ku = [
804  [
805    "path",
806    {
807      d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",
808      key: "j76jl0"
809    }
810  ],
811  ["path", { d: "M22 10v6", key: "1lu8f3" }],
812  ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
813], Tu = O("graduation-cap", ku);
814/**
815 * @license lucide-react v0.487.0 - ISC
816 *
817 * This source code is licensed under the ISC license.
818 * See the LICENSE file in the root directory of this source tree.
819 */
820const Pu = [
821  ["line", { x1: "22", x2: "2", y1: "12", y2: "12", key: "1y58io" }],
822  [
823    "path",
824    {
825      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
826      key: "oot6mr"
827    }
828  ],
829  ["line", { x1: "6", x2: "6.01", y1: "16", y2: "16", key: "sgf278" }],
830  ["line", { x1: "10", x2: "10.01", y1: "16", y2: "16", key: "1l4acy" }]
831], xl = O("hard-drive", Pu);
832/**
833 * @license lucide-react v0.487.0 - ISC
834 *
835 * This source code is licensed under the ISC license.
836 * See the LICENSE file in the root directory of this source tree.
837 */
838const Lu = [
839  [
840    "path",
841    {
842      d: "M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z",
843      key: "12oyoe"
844    }
845  ],
846  ["path", { d: "M21 16v2a4 4 0 0 1-4 4h-5", key: "1x7m43" }]
847], Hu = O("headset", Lu);
848/**
849 * @license lucide-react v0.487.0 - ISC
850 *
851 * This source code is licensed under the ISC license.
852 * See the LICENSE file in the root directory of this source tree.
853 */
854const Ou = [
855  [
856    "path",
857    {
858      d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",
859      key: "c3ymky"
860    }
861  ],
862  ["path", { d: "M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27", key: "1uw2ng" }]
863], Vu = O("heart-pulse", Ou);
864/**
865 * @license lucide-react v0.487.0 - ISC
866 *
867 * This source code is licensed under the ISC license.
868 * See the LICENSE file in the root directory of this source tree.
869 */
870const Eu = [
871  [
872    "path",
873    {
874      d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",
875      key: "c3ymky"
876    }
877  ]
878], Jr = O("heart", Eu);
879/**
880 * @license lucide-react v0.487.0 - ISC
881 *
882 * This source code is licensed under the ISC license.
883 * See the LICENSE file in the root directory of this source tree.
884 */
885const ju = [
886  ["path", { d: "M10 22v-6.57", key: "1wmca3" }],
887  ["path", { d: "M12 11h.01", key: "z322tv" }],
888  ["path", { d: "M12 7h.01", key: "1ivr5q" }],
889  ["path", { d: "M14 15.43V22", key: "1q2vjd" }],
890  ["path", { d: "M15 16a5 5 0 0 0-6 0", key: "o9wqvi" }],
891  ["path", { d: "M16 11h.01", key: "xkw8gn" }],
892  ["path", { d: "M16 7h.01", key: "1kdx03" }],
893  ["path", { d: "M8 11h.01", key: "1dfujw" }],
894  ["path", { d: "M8 7h.01", key: "1vti4s" }],
895  ["rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", key: "1uxh74" }]
896], Ru = O("hotel", ju);
897/**
898 * @license lucide-react v0.487.0 - ISC
899 *
900 * This source code is licensed under the ISC license.
901 * See the LICENSE file in the root directory of this source tree.
902 */
903const Fu = [
904  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
905  [
906    "path",
907    {
908      d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
909      key: "1d0kgt"
910    }
911  ]
912], _u = O("house", Fu);
913/**
914 * @license lucide-react v0.487.0 - ISC
915 *
916 * This source code is licensed under the ISC license.
917 * See the LICENSE file in the root directory of this source tree.
918 */
919const Wu = [
920  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
921  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
922  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }
922]
923], gl = O("image", Wu);
924/**
925 * @license lucide-react v0.487.0 - ISC
926 *
927 * This source code is licensed under the ISC license.
928 * See the LICENSE file in the root directory of this source tree.
929 */
930const zu = [
931  [
932    "path",
933    {
934      d: "M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16",
935      key: "tarvll"
936    }
937  ]
938], Bu = O("laptop", zu);
939/**
940 * @license lucide-react v0.487.0 - ISC
941 *
942 * This source code is licensed under the ISC license.
943 * See the LICENSE file in the root directory of this source tree.
944 */
945const Gu = [
946  [
947    "path",
948    {
949      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
950      key: "zw3jo"
951    }
952  ],
953  [
954    "path",
955    {
956      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
957      key: "1wduqc"
958    }
959  ],
960  [
961    "path",
962    {
963      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
964      key: "kqbvx6"
965    }
966  ]
967], De = O("layers", Gu);
968/**
969 * @license lucide-react v0.487.0 - ISC
970 *
971 * This source code is licensed under the ISC license.
972 * See the LICENSE file in the root directory of this source tree.
973 */
974const Uu = [
975  [
976    "path",
977    {
978      d: "M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z",
979      key: "nnexq3"
980    }
981  ],
982  ["path", { d: "M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12", key: "mt58a7" }]
983], Hn = O("leaf", Uu);
984/**
985 * @license lucide-react v0.487.0 - ISC
986 *
987 * This source code is licensed under the ISC license.
988 * See the LICENSE file in the root directory of this source tree.
989 */
990const qu = [
991  [
992    "path",
993    {
994      d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
995      key: "1gvzjb"
996    }
997  ],
998  ["path", { d: "M9 18h6", key: "x1upvd" }],
999  ["path", { d: "M10 22h4", key: "ceow96" }]
1000], fl = O("lightbulb", qu);
1001/**
1002 * @license lucide-react v0.487.0 - ISC
1003 *
1004 * This source code is licensed under the ISC license.
1005 * See the LICENSE file in the root directory of this source tree.
1006 */
1007const Yu = [
1008  [
1009    "path",
1010    {
1011      d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z",
1012      key: "c2jq9f"
1013    }
1014  ],
1015  ["rect", { width: "4", height: "12", x: "2", y: "9", key: "mk3on5" }],
1016  ["circle", { cx: "4", cy: "4", r: "2", key: "bt5ra8" }]
1017], Xu = O("linkedin", Yu);
1018/**
1019 * @license lucide-react v0.487.0 - ISC
1020 *
1021 * This source code is licensed under the ISC license.
1022 * See the LICENSE file in the root directory of this source tree.
1023 */
1024const Ju = [
1025  ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
1026  ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
1027], ci = O("mail", Ju);
1028/**
1029 * @license lucide-react v0.487.0 - ISC
1030 *
1031 * This source code is licensed under the ISC license.
1032 * See the LICENSE file in the root directory of this source tree.
1033 */
1034const Zu = [
1035  [
1036    "path",
1037    {
1038      d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
1039      key: "1r0f0z"
1040    }
1041  ],
1042  ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
1043], Ht = O("map-pin", Zu);
1044/**
1045 * @license lucide-react v0.487.0 - ISC
1046 *
1047 * This source code is licensed under the ISC license.
1048 * See the LICENSE file in the root directory of this source tree.
1049 */
1050const $u = [
1051  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
1052  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
1053  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
1054], Ku = O("menu", $u);
1055/**
1056 * @license lucide-react v0.487.0 - ISC
1057 *
1058 * This source code is licensed under the ISC license.
1059 * See the LICENSE file in the root directory of this source tree.
1060 */
1061const Qu = [
1062  ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
1063];
1064O("message-circle", Qu);
1065/**
1066 * @license lucide-react v0.487.0 - ISC
1067 *
1068 * This source code is licensed under the ISC license.
1069 * See the LICENSE file in the root directory of this source tree.
1070 */
1071const ex = [
1072  ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
1073], tx = O("message-square", ex);
1074/**
1075 * @license lucide-react v0.487.0 - ISC
1076 *
1077 * This source code is licensed under the ISC license.
1078 * See the LICENSE file in the root directory of this source tree.
1079 */
1080const ax = [
1081  ["path", { d: "M6 18h8", key: "1borvv" }],
1082  ["path", { d: "M3 22h18", key: "8prr45" }],
1083  ["path", { d: "M14 22a7 7 0 1 0 0-14h-1", key: "1jwaiy" }],
1084  ["path", { d: "M9 14h2", key: "197e7h" }],
1085  ["path", { d: "M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z", key: "1bmzmy" }],
1086  ["path", { d: "M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3", key: "1drr47" }]
1087], di = O("microscope", ax);
1088/**
1089 * @license lucide-react v0.487.0 - ISC
1090 *
1091 * This source code is licensed under the ISC license.
1092 * See the LICENSE file in the root directory of this source tree.
1093 */
1094const ix = [
1095  ["path", { d: "m9 10 2 2 4-4", key: "1gnqz4" }],
1096  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
1097  ["path", { d: "M12 17v4", key: "1riwvh" }],
1098  ["path", { d: "M8 21h8", key: "1ev6f3" }]
1099], nx = O("monitor-check", ix);
1100/**
1101 * @license lucide-react v0.487.0 - ISC
1102 *
1103 * This source code is licensed under the ISC license.
1104 * See the LICENSE file in the root directory of this source tree.
1105 */
1106const rx = [
1107  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
1108  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
1109  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
1110], mi = O("monitor", rx);
1111/**
1112 * @license lucide-react v0.487.0 - ISC
1113 *
1114 * This source code is licensed under the ISC license.
1115 * See the LICENSE file in the root directory of this source tree.
1116 */
1117const sx = [
1118  ["polygon", { points: "3 11 22 2 13 21 11 13 3 11", key: "1ltx0t" }]
1119], lx = O("navigation", sx);
1120/**
1121 * @license lucide-react v0.487.0 - ISC
1122 *
1123 * This source code is licensed under the ISC license.
1124 * See the LICENSE file in the root directory of this source tree.
1125 */
1126const ox = [
1127  [
1128    "path",
1129    {
1130      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
1131      key: "1a0edw"
1132    }
1133  ],
1134  ["path", { d: "M12 22V12", key: "d0xqtd" }],
1135  ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
1136  ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
1137], mn = O("package", ox);
1138/**
1139 * @license lucide-react v0.487.0 - ISC
1140 *
1141 * This source code is licensed under the ISC license.
1142 * See the LICENSE file in the root directory of this source tree.
1143 */
1144const cx = [
1145  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
1146  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
1147], dx = O("pause", cx);
1148/**
1149 * @license lucide-react v0.487.0 - ISC
1150 *
1151 * This source code is licensed under the ISC license.
1152 * See the LICENSE file in the root directory of this source tree.
1153 */
1154const mx = [
1155  [
1156    "path",
1157    {
1158      d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",
1159      key: "foiqr5"
1160    }
1161  ]
1162], Zr = O("phone", mx);
1163/**
1164 * @license lucide-react v0.487.0 - ISC
1165 *
1166 * This source code is licensed under the ISC license.
1167 * See the LICENSE file in the root directory of this source tree.
1168 */
1169const px = [["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]], $c = O("play", px);
1170/**
1171 * @license lucide-react v0.487.0 - ISC
1172 *
1173 * This source code is licensed under the ISC license.
1174 * See the LICENSE file in the root directory of this source tree.
1175 */
1176const hx = [
1177  ["path", { d: "M5 12h14", key: "1ays0h" }],
1178  ["path", { d: "M12 5v14", key: "s699le" }]
1179], Re = O("plus", hx);
1180/**
1181 * @license lucide-react v0.487.0 - ISC
1182 *
1183 * This source code is licensed under the ISC license.
1184 * See the LICENSE file in the root directory of this source tree.
1185 */
1186const ux = [
1187  [
1188    "path",
1189    {
1190      d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
1191      key: "143wyd"
1192    }
1193  ],
1194  ["path", { d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6", key: "1itne7" }],
1195  ["rect", { x: "6", y: "14", width: "12", height: "8", rx: "1", key: "1ue0tg" }]
1196], Zi = O("printer", ux);
1197/**
1198 * @license lucide-react v0.487.0 - ISC
1199 *
1200 * This source code is licensed under the ISC license.
1201 * See the LICENSE file in the root directory of this source tree.
1202 */
1203const xx = [
1204  ["path", { d: "M4.9 19.1C1 15.2 1 8.8 4.9 4.9", key: "1vaf9d" }],
1205  ["path", { d: "M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5", key: "u1ii0m" }],
1206  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
1207  ["path", { d: "M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5", key: "1j5fej" }],
1208  ["path", { d: "M19.1 4.9C23 8.8 23 15.1 19.1 19", key: "10b0cb" }]
1209], bl = O("radio", xx);
1210/**
1211 * @license lucide-react v0.487.0 - ISC
1212 *
1213 * This source code is licensed under the ISC license.
1214 * See the LICENSE file in the root directory of this source tree.
1215 */
1216const gx = [
1217  [
1218    "path",
1219    {
1220      d: "M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5",
1221      key: "x6z5xu"
1222    }
1223  ],
1224  [
1225    "path",
1226    {
1227      d: "M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12",
1228      key: "1x4zh5"
1229    }
1230  ],
1231  ["path", { d: "m14 16-3 3 3 3", key: "f6jyew" }],
1232  ["path", { d: "M8.293 13.596 7.196 9.5 3.1 10.598", key: "wf1obh" }],
1233  [
1234    "path",
1235    {
1236      d: "m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843",
1237      key: "9tzpgr"
1238    }
1239  ],
1240  ["path", { d: "m13.378 9.633 4.096 1.098 1.097-4.096", key: "1oe83g" }]
1241], fx = O("recycle", gx);
1242/**
1243 * @license lucide-react v0.487.0 - ISC
1244 *
1245 * This source code is licensed under the ISC license.
1246 * See the LICENSE file in the root directory of this source tree.
1247 */
1248const bx = [
1249  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
1250  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
1251  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
1252  ["path", { d: "M8 16H3v5", key: "1cv678" }]
1253], yx = O("refresh-cw", bx);
1254/**
1255 * @license lucide-react v0.487.0 - ISC
1256 *
1257 * This source code is licensed under the ISC license.
1258 * See the LICENSE file in the root directory of this source tree.
1259 */
1260const wx = [
1261  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
1262  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
1263  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
1264  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
1265], vx = O("scan", wx);
1266/**
1267 * @license lucide-react v0.487.0 - ISC
1268 *
1269 * This source code is licensed under the ISC license.
1270 * See the LICENSE file in the root directory of this source tree.
1271 */
1272const Nx = [
1273  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
1274  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
1275], qt = O("search", Nx);
1276/**
1277 * @license lucide-react v0.487.0 - ISC
1278 *
1279 * This source code is licensed under the ISC license.
1280 * See the LICENSE file in the root directory of this source tree.
1281 */
1282const Ax = [
1283  ["rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2", key: "ngkwjq" }],
1284  ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2", key: "iecqi9" }],
1285  ["line", { x1: "6", x2: "6.01", y1: "6", y2: "6", key: "16zg32" }],
1286  ["line", { x1: "6", x2: "6.01", y1: "18", y2: "18", key: "nzw8ys" }]
1287];
1288O("server", Ax);
1289/**
1290 * @license lucide-react v0.487.0 - ISC
1291 *
1292 * This source code is licensed under the ISC license.
1293 * See the LICENSE file in the root directory of this source tree.
1294 */
1295const Ix = [
1296  [
1297    "path",
1298    {
1299      d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",
1300      key: "1qme2f"
1301    }
1302  ],
1303  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
1304], Be = O("settings", Ix);
1305/**
1306 * @license lucide-react v0.487.0 - ISC
1307 *
1308 * This source code is licensed under the ISC license.
1309 * See the LICENSE file in the root directory of this source tree.
1310 */
1311const Sx = [
1312  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
1313  ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
1314  ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
1315  ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
1316  ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
1317], yl = O("share-2", Sx);
1318/**
1319 * @license lucide-react v0.487.0 - ISC
1320 *
1321 * This source code is licensed under the ISC license.
1322 * See the LICENSE file in the root directory of this source tree.
1323 */
1324const Cx = [
1325  [
1326    "path",
1327    {
1328      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
1329      key: "oel41y"
1330    }
1331  ]
1332], $r = O("shield", Cx);
1333/**
1334 * @license lucide-react v0.487.0 - ISC
1335 *
1336 * This source code is licensed under the ISC license.
1337 * See the LICENSE file in the root directory of this source tree.
1338 */
1339const Mx = [
1340  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
1341  ["path", { d: "M12 18h.01", key: "mhygvu" }]
1342], Kr = O("smartphone", Mx);
1343/**
1344 * @license lucide-react v0.487.0 - ISC
1345 *
1346 * This source code is licensed under the ISC license.
1347 * See the LICENSE file in the root directory of this source tree.
1348 */
1349const Dx = [
1350  [
1351    "path",
1352    {
1353      d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
1354      key: "4pj2yx"
1355    }
1356  ],
1357  ["path", { d: "M20 3v4", key: "1olli1" }
1357],
1358  ["path", { d: "M22 5h-4", key: "1gvqau" }],
1359  ["path", { d: "M4 17v2", key: "vumght" }],
1360  ["path", { d: "M5 18H3", key: "zchphs" }]
1361], dr = O("sparkles", Dx);
1362/**
1363 * @license lucide-react v0.487.0 - ISC
1364 *
1365 * This source code is licensed under the ISC license.
1366 * See the LICENSE file in the root directory of this source tree.
1367 */
1368const kx = [
1369  ["path", { d: "M11 2v2", key: "1539x4" }],
1370  ["path", { d: "M5 2v2", key: "1yf1q8" }],
1371  ["path", { d: "M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1", key: "rb5t3r" }],
1372  ["path", { d: "M8 15a6 6 0 0 0 12 0v-3", key: "x18d4x" }],
1373  ["circle", { cx: "20", cy: "10", r: "2", key: "ts1r5v" }]
1374], Tx = O("stethoscope", kx);
1375/**
1376 * @license lucide-react v0.487.0 - ISC
1377 *
1378 * This source code is licensed under the ISC license.
1379 * See the LICENSE file in the root directory of this source tree.
1380 */
1381const Px = [
1382  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
1383  ["circle", { cx: "12", cy: "12", r: "6", key: "1vlfrh" }],
1384  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
1385], pn = O("target", Px);
1386/**
1387 * @license lucide-react v0.487.0 - ISC
1388 *
1389 * This source code is licensed under the ISC license.
1390 * See the LICENSE file in the root directory of this source tree.
1391 */
1392const Lx = [
1393  ["path", { d: "M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4", key: "foxbe7" }],
1394  [
1395    "path",
1396    { d: "M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3", key: "18arnh" }
1397  ],
1398  [
1399    "path",
1400    {
1401      d: "M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35",
1402      key: "ywahnh"
1403    }
1404  ],
1405  ["path", { d: "M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14", key: "ft0feo" }]
1406], Hx = O("tree-palm", Lx);
1407/**
1408 * @license lucide-react v0.487.0 - ISC
1409 *
1410 * This source code is licensed under the ISC license.
1411 * See the LICENSE file in the root directory of this source tree.
1412 */
1413const Ox = [
1414  ["polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17", key: "126l90" }],
1415  ["polyline", { points: "16 7 22 7 22 13", key: "kwv8wd" }]
1416], pa = O("trending-up", Ox);
1417/**
1418 * @license lucide-react v0.487.0 - ISC
1419 *
1420 * This source code is licensed under the ISC license.
1421 * See the LICENSE file in the root directory of this source tree.
1422 */
1423const Vx = [
1424  ["path", { d: "M6 9H4.5a2.5 2.5 0 0 1 0-5H6", key: "17hqa7" }],
1425  ["path", { d: "M18 9h1.5a2.5 2.5 0 0 0 0-5H18", key: "lmptdp" }],
1426  ["path", { d: "M4 22h16", key: "57wxv0" }],
1427  ["path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22", key: "1nw9bq" }],
1428  ["path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22", key: "1np0yb" }],
1429  ["path", { d: "M18 2H6v7a6 6 0 0 0 12 0V2Z", key: "u46fv3" }]
1430], Ex = O("trophy", Vx);
1431/**
1432 * @license lucide-react v0.487.0 - ISC
1433 *
1434 * This source code is licensed under the ISC license.
1435 * See the LICENSE file in the root directory of this source tree.
1436 */
1437const jx = [
1438  [
1439    "path",
1440    {
1441      d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z",
1442      key: "pff0z6"
1443    }
1444  ]
1445], Rx = O("twitter", jx);
1446/**
1447 * @license lucide-react v0.487.0 - ISC
1448 *
1449 * This source code is licensed under the ISC license.
1450 * See the LICENSE file in the root directory of this source tree.
1451 */
1452const Fx = [
1453  ["circle", { cx: "10", cy: "8", r: "5", key: "o932ke" }],
1454  ["path", { d: "M2 21a8 8 0 0 1 10.434-7.62", key: "1yezr2" }],
1455  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
1456  ["path", { d: "m22 22-1.9-1.9", key: "1e5ubv" }]
1457], _x = O("user-round-search", Fx);
1458/**
1459 * @license lucide-react v0.487.0 - ISC
1460 *
1461 * This source code is licensed under the ISC license.
1462 * See the LICENSE file in the root directory of this source tree.
1463 */
1464const Wx = [
1465  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
1466  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
1467], zx = O("user", Wx);
1468/**
1469 * @license lucide-react v0.487.0 - ISC
1470 *
1471 * This source code is licensed under the ISC license.
1472 * See the LICENSE file in the root directory of this source tree.
1473 */
1474const Bx = [
1475  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
1476  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
1477  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
1478  ["path", { d: "M16 3.13a4 4 0 0 1 0 7.75", key: "1da9ce" }]
1479], Xa = O("users", Bx);
1480/**
1481 * @license lucide-react v0.487.0 - ISC
1482 *
1483 * This source code is licensed under the ISC license.
1484 * See the LICENSE file in the root directory of this source tree.
1485 */
1486const Gx = [
1487  [
1488    "path",
1489    {
1490      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
1491      key: "ftymec"
1492    }
1493  ],
1494  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
1495], Ux = O("video", Gx);
1496/**
1497 * @license lucide-react v0.487.0 - ISC
1498 *
1499 * This source code is licensed under the ISC license.
1500 * See the LICENSE file in the root directory of this source tree.
1501 */
1502const qx = [
1503  ["rect", { width: "8", height: "8", x: "3", y: "3", rx: "2", key: "by2w9f" }],
1504  ["path", { d: "M7 11v4a2 2 0 0 0 2 2h4", key: "xkn7yn" }],
1505  ["rect", { width: "8", height: "8", x: "13", y: "13", rx: "2", key: "1cgmvn" }]
1506], Kc = O("workflow", qx);
1507/**
1508 * @license lucide-react v0.487.0 - ISC
1509 *
1510 * This source code is licensed under the ISC license.
1511 * See the LICENSE file in the root directory of this source tree.
1512 */
1513const Yx = [
1514  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
1515  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
1516], Lt = O("x", Yx);
1517/**
1518 * @license lucide-react v0.487.0 - ISC
1519 *
1520 * This source code is licensed under the ISC license.
1521 * See the LICENSE file in the root directory of this source tree.
1522 */
1523const Xx = [
1524  [
1525    "path",
1526    {
1527      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
1528      key: "1xq2db"
1529    }
1530  ]
1531], de = O("zap", Xx);
1532function wl(t, i) {
1533  if (typeof t == "function")
1534    return t(i);
1535  t != null && (t.current = i);
1536}
1537function hn(...t) {
1538  return (i) => {
1539    let n = !1;
1540    const r = t.map((s) => {
1541      const l = wl(s, i);
1542      return !n && typeof l == "function" && (n = !0), l;
1543    });
1544    if (n)
1545      return () => {
1546        for (let s = 0; s < r.length; s++) {
1547          const l = r[s];
1548          typeof l == "function" ? l() : wl(t[s], null);
1549        }
1550      };
1551  };
1552}
1553function _e(...t) {
1554  return ie(hn(...t), t);
1555}
1556var Yt = G((t, i) => {
1557  const { children: n, ...r } = t, s = dt.toArray(n), l = s.find(Zx);
1558  if (l) {
1559    const o = l.props.children, d = s.map((c) => c === l ? dt.count(o) > 1 ? dt.only(null) : ga(o) ? o.props.children : null : c);
1560    return /* @__PURE__ */ e(mr, { ...r, ref: i, children: ga(o) ? Zt(o, void 0, d) : null });
1561  }
1562  return /* @__PURE__ */ e(mr, { ...r, ref: i, children: n });
1563});
1564Yt.displayName = "Slot";
1565var mr = G((t, i) => {
1566  const { children: n, ...r } = t;
1567  if (ga(n)) {
1568    const s = Kx(n), l = $x(r, n.props);
1569    return n.type !== $t && (l.ref = i ? hn(i, s) : s), Zt(n, l);
1570  }
1571  return dt.count(n) > 1 ? dt.only(null) : null;
1572});
1573mr.displayName = "SlotClone";
1574var Jx = ({ children: t }) => /* @__PURE__ */ e(V, { children: t });
1575function Zx(t) {
1576  return ga(t) && t.type === Jx;
1577}
1578function $x(t, i) {
1579  const n = { ...i };
1580  for (const r in i) {
1581    const s = t[r], l = i[r];
1582    /^on[A-Z]/.test(r) ? s && l ? n[r] = (...d) => {
1583      l(...d), s(...d);
1584    } : s && (n[r] = s) : r === "style" ? n[r] = { ...s, ...l }
vendor: 8,518 bytes, lines 1584-1876
1584 : r === "className" && (n[r] = [s, l].filter(Boolean).join(" "));
1585  }
1586  return { ...t, ...n };
1587}
1588function Kx(t) {
1589  let i = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning;
1590  return n ? t.ref : (i = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
1591}
1592function Qc(t) {
1593  var i, n, r = "";
1594  if (typeof t == "string" || typeof t == "number") r += t;
1595  else if (typeof t == "object") if (Array.isArray(t)) {
1596    var s = t.length;
1597    for (i = 0; i < s; i++) t[i] && (n = Qc(t[i])) && (r && (r += " "), r += n);
1598  } else for (n in t) t[n] && (r && (r += " "), r += n);
1599  return r;
1600}
1601function ed() {
1602  for (var t, i, n = 0, r = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (i = Qc(t)) && (r && (r += " "), r += i);
1603  return r;
1604}
1605const vl = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Nl = ed, td = (t, i) => (n) => {
1606  var r;
1607  if (i?.variants == null) return Nl(t, n?.class, n?.className);
1608  const { variants: s, defaultVariants: l } = i, o = Object.keys(s).map((p) => {
1609    const h = n?.[p], x = l?.[p];
1610    if (h === null) return null;
1611    const b = vl(h) || vl(x);
1612    return s[p][b];
1613  }), d = n && Object.entries(n).reduce((p, h) => {
1614    let [x, b] = h;
1615    return b === void 0 || (p[x] = b), p;
1616  }, {}), c = i == null || (r = i.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((p, h) => {
1617    let { class: x, className: b, ...g } = h;
1618    return Object.entries(g).every((w) => {
1619      let [u, v] = w;
1620      return Array.isArray(v) ? v.includes({
1621        ...l,
1622        ...d
1623      }[u]) : {
1624        ...l,
1625        ...d
1626      }[u] === v;
1627    }) ? [
1628      ...p,
1629      x,
1630      b
1631    ] : p;
1632  }, []);
1633  return Nl(t, o, c, n?.class, n?.className);
1634}, Qr = "-", Qx = (t) => {
1635  const i = tg(t), {
1636    conflictingClassGroups: n,
1637    conflictingClassGroupModifiers: r
1638  } = t;
1639  return {
1640    getClassGroupId: (o) => {
1641      const d = o.split(Qr);
1642      return d[0] === "" && d.length !== 1 && d.shift(), ad(d, i) || eg(o);
1643    },
1644    getConflictingClassGroupIds: (o, d) => {
1645      const c = n[o] || [];
1646      return d && r[o] ? [...c, ...r[o]] : c;
1647    }
1648  };
1649}, ad = (t, i) => {
1650  if (t.length === 0)
1651    return i.classGroupId;
1652  const n = t[0], r = i.nextPart.get(n), s = r ? ad(t.slice(1), r) : void 0;
1653  if (s)
1654    return s;
1655  if (i.validators.length === 0)
1656    return;
1657  const l = t.join(Qr);
1658  return i.validators.find(({
1659    validator: o
1660  }) => o(l))?.classGroupId;
1661}, Al = /^\[(.+)\]$/, eg = (t) => {
1662  if (Al.test(t)) {
1663    const i = Al.exec(t)[1], n = i?.substring(0, i.indexOf(":"));
1664    if (n)
1665      return "arbitrary.." + n;
1666  }
1667}, tg = (t) => {
1668  const {
1669    theme: i,
1670    classGroups: n
1671  } = t, r = {
1672    nextPart: /* @__PURE__ */ new Map(),
1673    validators: []
1674  };
1675  for (const s in n)
1676    pr(n[s], r, s, i);
1677  return r;
1678}, pr = (t, i, n, r) => {
1679  t.forEach((s) => {
1680    if (typeof s == "string") {
1681      const l = s === "" ? i : Il(i, s);
1682      l.classGroupId = n;
1683      return;
1684    }
1685    if (typeof s == "function") {
1686      if (ag(s)) {
1687        pr(s(r), i, n, r);
1688        return;
1689      }
1690      i.validators.push({
1691        validator: s,
1692        classGroupId: n
1693      });
1694      return;
1695    }
1696    Object.entries(s).forEach(([l, o]) => {
1697      pr(o, Il(i, l), n, r);
1698    });
1699  });
1700}, Il = (t, i) => {
1701  let n = t;
1702  return i.split(Qr).forEach((r) => {
1703    n.nextPart.has(r) || n.nextPart.set(r, {
1704      nextPart: /* @__PURE__ */ new Map(),
1705      validators: []
1706    }), n = n.nextPart.get(r);
1707  }), n;
1708}, ag = (t) => t.isThemeGetter, ig = (t) => {
1709  if (t < 1)
1710    return {
1711      get: () => {
1712      },
1713      set: () => {
1714      }
1715    };
1716  let i = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
1717  const s = (l, o) => {
1718    n.set(l, o), i++, i > t && (i = 0, r = n, n = /* @__PURE__ */ new Map());
1719  };
1720  return {
1721    get(l) {
1722      let o = n.get(l);
1723      if (o !== void 0)
1724        return o;
1725      if ((o = r.get(l)) !== void 0)
1726        return s(l, o), o;
1727    },
1728    set(l, o) {
1729      n.has(l) ? n.set(l, o) : s(l, o);
1730    }
1731  };
1732}, hr = "!", ur = ":", ng = ur.length, rg = (t) => {
1733  const {
1734    prefix: i,
1735    experimentalParseClassName: n
1736  } = t;
1737  let r = (s) => {
1738    const l = [];
1739    let o = 0, d = 0, c = 0, p;
1740    for (let w = 0; w < s.length; w++) {
1741      let u = s[w];
1742      if (o === 0 && d === 0) {
1743        if (u === ur) {
1744          l.push(s.slice(c, w)), c = w + ng;
1745          continue;
1746        }
1747        if (u === "/") {
1748          p = w;
1749          continue;
1750        }
1751      }
1752      u === "[" ? o++ : u === "]" ? o-- : u === "(" ? d++ : u === ")" && d--;
1753    }
1754    const h = l.length === 0 ? s : s.substring(c), x = sg(h), b = x !== h, g = p && p > c ? p - c : void 0;
1755    return {
1756      modifiers: l,
1757      hasImportantModifier: b,
1758      baseClassName: x,
1759      maybePostfixModifierPosition: g
1760    };
1761  };
1762  if (i) {
1763    const s = i + ur, l = r;
1764    r = (o) => o.startsWith(s) ? l(o.substring(s.length)) : {
1765      isExternal: !0,
1766      modifiers: [],
1767      hasImportantModifier: !1,
1768      baseClassName: o,
1769      maybePostfixModifierPosition: void 0
1770    };
1771  }
1772  if (n) {
1773    const s = r;
1774    r = (l) => n({
1775      className: l,
1776      parseClassName: s
1777    });
1778  }
1779  return r;
1780}, sg = (t) => t.endsWith(hr) ? t.substring(0, t.length - 1) : t.startsWith(hr) ? t.substring(1) : t, lg = (t) => {
1781  const i = Object.fromEntries(t.orderSensitiveModifiers.map((r) => [r, !0]));
1782  return (r) => {
1783    if (r.length <= 1)
1784      return r;
1785    const s = [];
1786    let l = [];
1787    return r.forEach((o) => {
1788      o[0] === "[" || i[o] ? (s.push(...l.sort(), o), l = []) : l.push(o);
1789    }), s.push(...l.sort()), s;
1790  };
1791}, og = (t) => ({
1792  cache: ig(t.cacheSize),
1793  parseClassName: rg(t),
1794  sortModifiers: lg(t),
1795  ...Qx(t)
1796}), cg = /\s+/, dg = (t, i) => {
1797  const {
1798    parseClassName: n,
1799    getClassGroupId: r,
1800    getConflictingClassGroupIds: s,
1801    sortModifiers: l
1802  } = i, o = [], d = t.trim().split(cg);
1803  let c = "";
1804  for (let p = d.length - 1; p >= 0; p -= 1) {
1805    const h = d[p], {
1806      isExternal: x,
1807      modifiers: b,
1808      hasImportantModifier: g,
1809      baseClassName: w,
1810      maybePostfixModifierPosition: u
1811    } = n(h);
1812    if (x) {
1813      c = h + (c.length > 0 ? " " + c : c);
1814      continue;
1815    }
1816    let v = !!u, A = r(v ? w.substring(0, u) : w);
1817    if (!A) {
1818      if (!v) {
1819        c = h + (c.length > 0 ? " " + c : c);
1820        continue;
1821      }
1822      if (A = r(w), !A) {
1823        c = h + (c.length > 0 ? " " + c : c);
1824        continue;
1825      }
1826      v = !1;
1827    }
1828    const N = l(b).join(":"), f = g ? N + hr : N, y = f + A;
1829    if (o.includes(y))
1830      continue;
1831    o.push(y);
1832    const I = s(A, v);
1833    for (let D = 0; D < I.length; ++D) {
1834      const P = I[D];
1835      o.push(f + P);
1836    }
1837    c = h + (c.length > 0 ? " " + c : c);
1838  }
1839  return c;
1840};
1841function mg() {
1842  let t = 0, i, n, r = "";
1843  for (; t < arguments.length; )
1844    (i = arguments[t++]) && (n = id(i)) && (r && (r += " "), r += n);
1845  return r;
1846}
1847const id = (t) => {
1848  if (typeof t == "string")
1849    return t;
1850  let i, n = "";
1851  for (let r = 0; r < t.length; r++)
1852    t[r] && (i = id(t[r])) && (n && (n += " "), n += i);
1853  return n;
1854};
1855function pg(t, ...i) {
1856  let n, r, s, l = o;
1857  function o(c) {
1858    const p = i.reduce((h, x) => x(h), t());
1859    return n = og(p), r = n.cache.get, s = n.cache.set, l = d, d(c);
1860  }
1861  function d(c) {
1862    const p = r(c);
1863    if (p)
1864      return p;
1865    const h = dg(c, n);
1866    return s(c, h), h;
1867  }
1868  return function() {
1869    return l(mg.apply(null, arguments));
1870  };
1871}
1872const Ae = (t) => {
1873  const i = (n) => n[t] || [];
1874  return i.isThemeGetter = !0, i;
1875}, nd = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, rd = /^\((?:(\w[\w-]*):)?(.+)\)$/i, hg = /^\d+\/\d+$/, ug = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, xg = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, gg = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, fg = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, bg = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, aa = (t) => hg.test(t), K = (t) => !!t && !Number.isNaN(Number(t)), Mt = (t) => !!t && Number.isInteger(Number(t)), On = (t) => t.endsWith("%") && K(t.slice(0, -1)), bt = (t) => ug.test(t), yg = () => !0, wg = (t) => (
1876  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which w
vendor: 4,295 bytes, lines 1876-1942
1876ould be incorrectly classified as lengths.
1877  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
1878  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
1879  xg.test(t) && !gg.test(t)
1880), sd = () => !1, vg = (t) => fg.test(t), Ng = (t) => bg.test(t), Ag = (t) => !_(t) && !W(t), Ig = (t) => wa(t, cd, sd), _ = (t) => nd.test(t), Rt = (t) => wa(t, dd, wg), Vn = (t) => wa(t, kg, K), Sl = (t) => wa(t, ld, sd), Sg = (t) => wa(t, od, Ng), Ii = (t) => wa(t, md, vg), W = (t) => rd.test(t), Ta = (t) => va(t, dd), Cg = (t) => va(t, Tg), Cl = (t) => va(t, ld), Mg = (t) => va(t, cd), Dg = (t) => va(t, od), Si = (t) => va(t, md, !0), wa = (t, i, n) => {
1881  const r = nd.exec(t);
1882  return r ? r[1] ? i(r[1]) : n(r[2]) : !1;
1883}, va = (t, i, n = !1) => {
1884  const r = rd.exec(t);
1885  return r ? r[1] ? i(r[1]) : n : !1;
1886}, ld = (t) => t === "position" || t === "percentage", od = (t) => t === "image" || t === "url", cd = (t) => t === "length" || t === "size" || t === "bg-size", dd = (t) => t === "length", kg = (t) => t === "number", Tg = (t) => t === "family-name", md = (t) => t === "shadow", Pg = () => {
1887  const t = Ae("color"), i = Ae("font"), n = Ae("text"), r = Ae("font-weight"), s = Ae("tracking"), l = Ae("leading"), o = Ae("breakpoint"), d = Ae("container"), c = Ae("spacing"), p = Ae("radius"), h = Ae("shadow"), x = Ae("inset-shadow"), b = Ae("text-shadow"), g = Ae("drop-shadow"), w = Ae("blur"), u = Ae("perspective"), v = Ae("aspect"), A = Ae("ease"), N = Ae("animate"), f = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], y = () => [
1888    "center",
1889    "top",
1890    "bottom",
1891    "left",
1892    "right",
1893    "top-left",
1894    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
1895    "left-top",
1896    "top-right",
1897    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
1898    "right-top",
1899    "bottom-right",
1900    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
1901    "right-bottom",
1902    "bottom-left",
1903    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
1904    "left-bottom"
1905  ], I = () => [...y(), W, _], D = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", "contain", "none"], k = () => [W, _, c], H = () => [aa, "full", "auto", ...k()], T = () => [Mt, "none", "subgrid", W, _], M = () => ["auto", {
1906    span: ["full", Mt, W, _]
1907  }, Mt, W, _], E = () => [Mt, "auto", W, _], z = () => ["auto", "min", "max", "fr", W, _], X = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Y = () => ["auto", ...k()], B = () => [aa, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], L = () => [t, W, _], F = () => [...y(), Cl, Sl, {
1908    position: [W, _]
1909  }], ae = () => ["no-repeat", {
1910    repeat: ["", "x", "y", "space", "round"]
1911  }], Ne = () => ["auto", "cover", "contain", Mg, Ig, {
1912    size: [W, _]
1913  }], Ve = () => [On, Ta, Rt], le = () => [
1914    // Deprecated since Tailwind CSS v4.0.0
1915    "",
1916    "none",
1917    "full",
1918    p,
1919    W,
1920    _
1921  ], ce = () => ["", K, Ta, Rt], We = () => ["solid", "dashed", "dotted", "double"], Me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => [K, On, Cl, Sl], Te = () => [
1922    // Deprecated since Tailwind CSS v4.0.0
1923    "",
1924    "none",
1925    w,
1926    W,
1927    _
1928  ], lt = () => ["none", K, W, _], q = () => ["none", K, W, _], It = () => [K, W, _], Ke = () => [aa, "full", ...k()];
1929  return {
1930    cacheSize: 500,
1931    theme: {
1932      animate: ["spin", "ping", "pulse", "bounce"],
1933      aspect: ["video"],
1934      blur: [bt],
1935      breakpoint: [bt],
1936      color: [yg],
1937      container: [bt],
1938      "drop-shadow": [bt],
1939      ease: ["in", "out", "in-out"],
1940      font: [Ag],
1941      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
1942      "inset-shadow": [bt],
vendor: 58,584 bytes, lines 1943-4307
1943      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
1944      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
1945      radius: [bt],
1946      shadow: [bt],
1947      spacing: ["px", K],
1948      text: [bt],
1949      "text-shadow": [bt],
1950      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
1951    },
1952    classGroups: {
1953      // --------------
1954      // --- Layout ---
1955      // --------------
1956      /**
1957       * Aspect Ratio
1958       * @see https://tailwindcss.com/docs/aspect-ratio
1959       */
1960      aspect: [{
1961        aspect: ["auto", "square", aa, _, W, v]
1962      }],
1963      /**
1964       * Container
1965       * @see https://tailwindcss.com/docs/container
1966       * @deprecated since Tailwind CSS v4.0.0
1967       */
1968      container: ["container"],
1969      /**
1970       * Columns
1971       * @see https://tailwindcss.com/docs/columns
1972       */
1973      columns: [{
1974        columns: [K, _, W, d]
1975      }],
1976      /**
1977       * Break After
1978       * @see https://tailwindcss.com/docs/break-after
1979       */
1980      "break-after": [{
1981        "break-after": f()
1982      }],
1983      /**
1984       * Break Before
1985       * @see https://tailwindcss.com/docs/break-before
1986       */
1987      "break-before": [{
1988        "break-before": f()
1989      }],
1990      /**
1991       * Break Inside
1992       * @see https://tailwindcss.com/docs/break-inside
1993       */
1994      "break-inside": [{
1995        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
1996      }],
1997      /**
1998       * Box Decoration Break
1999       * @see https://tailwindcss.com/docs/box-decoration-break
2000       */
2001      "box-decoration": [{
2002        "box-decoration": ["slice", "clone"]
2003      }],
2004      /**
2005       * Box Sizing
2006       * @see https://tailwindcss.com/docs/box-sizing
2007       */
2008      box: [{
2009        box: ["border", "content"]
2010      }],
2011      /**
2012       * Display
2013       * @see https://tailwindcss.com/docs/display
2014       */
2015      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
2016      /**
2017       * Screen Reader Only
2018       * @see https://tailwindcss.com/docs/display#screen-reader-only
2019       */
2020      sr: ["sr-only", "not-sr-only"],
2021      /**
2022       * Floats
2023       * @see https://tailwindcss.com/docs/float
2024       */
2025      float: [{
2026        float: ["right", "left", "none", "start", "end"]
2027      }],
2028      /**
2029       * Clear
2030       * @see https://tailwindcss.com/docs/clear
2031       */
2032      clear: [{
2033        clear: ["left", "right", "both", "none", "start", "end"]
2034      }],
2035      /**
2036       * Isolation
2037       * @see https://tailwindcss.com/docs/isolation
2038       */
2039      isolation: ["isolate", "isolation-auto"],
2040      /**
2041       * Object Fit
2042       * @see https://tailwindcss.com/docs/object-fit
2043       */
2044      "object-fit": [{
2045        object: ["contain", "cover", "fill", "none", "scale-down"]
2046      }],
2047      /**
2048       * Object Position
2049       * @see https://tailwindcss.com/docs/object-position
2050       */
2051      "object-position": [{
2052        object: I()
2053      }],
2054      /**
2055       * Overflow
2056       * @see https://tailwindcss.com/docs/overflow
2057       */
2058      overflow: [{
2059        overflow: D()
2060      }],
2061      /**
2062       * Overflow X
2063       * @see https://tailwindcss.com/docs/overflow
2064       */
2065      "overflow-x": [{
2066        "overflow-x": D()
2067      }],
2068      /**
2069       * Overflow Y
2070       * @see https://tailwindcss.com/docs/overflow
2071       */
2072      "overflow-y": [{
2073        "overflow-y": D()
2074      }],
2075      /**
2076       * Overscroll Behavior
2077       * @see https://tailwindcss.com/docs/overscroll-behavior
2078       */
2079      overscroll: [{
2080        overscroll: P()
2081      }],
2082      /**
2083       * Overscroll Behavior X
2084       * @see https://tailwindcss.com/docs/overscroll-behavior
2085       */
2086      "overscroll-x": [{
2087        "overscroll-x": P()
2088      }],
2089      /**
2090       * Overscroll Behavior Y
2091       * @see https://tailwindcss.com/docs/overscroll-behavior
2092       */
2093      "overscroll-y": [{
2094        "overscroll-y": P()
2095      }],
2096      /**
2097       * Position
2098       * @see https://tailwindcss.com/docs/position
2099       */
2100      position: ["static", "fixed", "absolute", "relative", "sticky"],
2101      /**
2102       * Top / Right / Bottom / Left
2103       * @see https://tailwindcss.com/docs/top-right-bottom-left
2104       */
2105      inset: [{
2106        inset: H()
2107      }],
2108      /**
2109       * Right / Left
2110       * @see https://tailwindcss.com/docs/top-right-bottom-left
2111       */
2112      "inset-x": [{
2113        "inset-x": H()
2114      }],
2115      /**
2116       * Top / Bottom
2117       * @see https://tailwindcss.com/docs/top-right-bottom-left
2118       */
2119      "inset-y": [{
2120        "inset-y": H()
2121      }],
2122      /**
2123       * Start
2124       * @see https://tailwindcss.com/docs/top-right-bottom-left
2125       */
2126      start: [{
2127        start: H()
2128      }],
2129      /**
2130       * End
2131       * @see https://tailwindcss.com/docs/top-right-bottom-left
2132       */
2133      end: [{
2134        end: H()
2135      }],
2136      /**
2137       * Top
2138       * @see https://tailwindcss.com/docs/top-right-bottom-left
2139       */
2140      top: [{
2141        top: H()
2142      }],
2143      /**
2144       * Right
2145       * @see https://tailwindcss.com/docs/top-right-bottom-left
2146       */
2147      right: [{
2148        right: H()
2149      }],
2150      /**
2151       * Bottom
2152       * @see https://tailwindcss.com/docs/top-right-bottom-left
2153       */
2154      bottom: [{
2155        bottom: H()
2156      }],
2157      /**
2158       * Left
2159       * @see https://tailwindcss.com/docs/top-right-bottom-left
2160       */
2161      left: [{
2162        left: H()
2163      }],
2164      /**
2165       * Visibility
2166       * @see https://tailwindcss.com/docs/visibility
2167       */
2168      visibility: ["visible", "invisible", "collapse"],
2169      /**
2170       * Z-Index
2171       * @see https://tailwindcss.com/docs/z-index
2172       */
2173      z: [{
2174        z: [Mt, "auto", W, _]
2175      }],
2176      // ------------------------
2177      // --- Flexbox and Grid ---
2178      // ------------------------
2179      /**
2180       * Flex Basis
2181       * @see https://tailwindcss.com/docs/flex-basis
2182       */
2183      basis: [{
2184        basis: [aa, "full", "auto", d, ...k()]
2185      }],
2186      /**
2187       * Flex Direction
2188       * @see https://tailwindcss.com/docs/flex-direction
2189       */
2190      "flex-direction": [{
2191        flex: ["row", "row-reverse", "col", "col-reverse"]
2192      }],
2193      /**
2194       * Flex Wrap
2195       * @see https://tailwindcss.com/docs/flex-wrap
2196       */
2197      "flex-wrap": [{
2198        flex: ["nowrap", "wrap", "wrap-reverse"]
2199      }],
2200      /**
2201       * Flex
2202       * @see https://tailwindcss.com/docs/flex
2203       */
2204      flex: [{
2205        flex: [K, aa, "auto", "initial", "none", _]
2206      }],
2207      /**
2208       * Flex Grow
2209       * @see https://tailwindcss.com/docs/flex-grow
2210       */
2211      grow: [{
2212        grow: ["", K, W, _]
2213      }],
2214      /**
2215       * Flex Shrink
2216       * @see https://tailwindcss.com/docs/flex-shrink
2217       */
2218      shrink: [{
2219        shrink: ["", K, W, _]
2220      }],
2221      /**
2222       * Order
2223       * @see https://tailwindcss.com/docs/order
2224       */
2225      order: [{
2226        order: [Mt, "first", "last", "none", W, _]
2227      }],
2228      /**
2229       * Grid Template Columns
2230       * @see https://tailwindcss.com/docs/grid-template-columns
2231       */
2232      "grid-cols": [{
2233        "grid-cols": T()
2234      }],
2235      /**
2236       * Grid Column Start / End
2237       * @see https://tailwindcss.com/docs/grid-column
2238       */
2239      "col-start-end": [{
2240        col: M()
2241      }],
2242      /**
2243       * Grid Column Start
2244       * @see https://tailwindcss.com/docs/grid-column
2245       */
2246      "col-start": [{
2247        "col-start": E()
2248      }],
2249      /**
2250       * Grid Column End
2251       * @see https://tailwindcss.com/docs/grid-column
2252       */
2253      "col-end": [{
2254        "col-end": E()
2255      }],
2256      /**
2257       * Grid Template Rows
2258       * @see https://tailwindcss.com/docs/grid-template-rows
2259       */
2260      "grid-rows": [{
2261        "grid-rows": T()
2262      }],
2263      /**
2264       * Grid Row Start / End
2265       * @see https://tailwindcss.com/docs/grid-row
2266       */
2267      "row-start-end": [{
2268        row: M()
2269      }],
2270      /**
2271       * Grid Row Start
2272       * @see https://tailwindcss.com/docs/grid-row
2273       */
2274      "row-start": [{
2275        "row-start": E()
2276      }],
2277      /**
2278       * Grid Row End
2279       * @see https://tailwindcss.com/docs/grid-row
2280       */
2281      "row-end": [{
2282        "row-end": E()
2283      }],
2284      /**
2285       * Grid Auto Flow
2286       * @see https://tailwindcss.com/docs/grid-auto-flow
2287       */
2288      "grid-flow": [{
2289        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
2290      }],
2291      /**
2292       * Grid Auto Columns
2293       * @see https://tailwindcss.com/docs/grid-auto-columns
2294       */
2295      "auto-cols": [{
2296        "auto-cols": z()
2297      }],
2298      /**
2299       * Grid Auto Rows
2300       * @see https://tailwindcss.com/docs/grid-auto-rows
2301       */
2302      "auto-rows": [{
2303        "auto-rows": z()
2304      }],
2305      /**
2306       * Gap
2307       * @see https://tailwindcss.com/docs/gap
2308       */
2309      gap: [{
2310        gap: k()
2311      }],
2312      /**
2313       * Gap X
2314       * @see https://tailwindcss.com/docs/gap
2315       */
2316      "gap-x": [{
2317        "gap-x": k()
2318      }],
2319      /**
2320       * Gap Y
2321       * @see https://tailwindcss.com/docs/gap
2322       */
2323      "gap-y": [{
2324        "gap-y": k()
2325      }],
2326      /**
2327       * Justify Content
2328       * @see https://tailwindcss.com/docs/justify-content
2329       */
2330      "justify-content": [{
2331        justify: [...X(), "normal"]
2332      }],
2333      /**
2334       * Justify Items
2335       * @see https://tailwindcss.com/docs/justify-items
2336       */
2337      "justify-items": [{
2338        "justify-items": [...Q(), "normal"]
2339      }],
2340      /**
2341       * Justify Self
2342       * @see https://tailwindcss.com/docs/justify-self
2343       */
2344      "justify-self": [{
2345        "justify-self": ["auto", ...Q()]
2346      }],
2347      /**
2348       * Align Content
2349       * @see https://tailwindcss.com/docs/align-content
2350       */
2351      "align-content": [{
2352        content: ["normal", ...X()]
2353      }],
2354      /**
2355       * Align Items
2356       * @see https://tailwindcss.com/docs/align-items
2357       */
2358      "align-items": [{
2359        items: [...Q(), {
2360          baseline: ["", "last"]
2361        }]
2362      }],
2363      /**
2364       * Align Self
2365       * @see https://tailwindcss.com/docs/align-self
2366       */
2367      "align-self": [{
2368        self: ["auto", ...Q(), {
2369          baseline: ["", "last"]
2370        }]
2371      }],
2372      /**
2373       * Place Content
2374       * @see https://tailwindcss.com/docs/place-content
2375       */
2376      "place-content": [{
2377        "place-content": X()
2378      }],
2379      /**
2380       * Place Items
2381       * @see https://tailwindcss.com/docs/place-items
2382       */
2383      "place-items": [{
2384        "place-items": [...Q(), "baseline"]
2385      }],
2386      /**
2387       * Place Self
2388       * @see https://tailwindcss.com/docs/place-self
2389       */
2390      "place-self": [{
2391        "place-self": ["auto", ...Q()]
2392      }],
2393      // Spacing
2394      /**
2395       * Padding
2396       * @see https://tailwindcss.com/docs/padding
2397       */
2398      p: [{
2399        p: k()
2400      }],
2401      /**
2402       * Padding X
2403       * @see https://tailwindcss.com/docs/padding
2404       */
2405      px: [{
2406        px: k()
2407      }],
2408      /**
2409       * Padding Y
2410       * @see https://tailwindcss.com/docs/padding
2411       */
2412      py: [{
2413        py: k()
2414      }],
2415      /**
2416       * Padding Start
2417       * @see https://tailwindcss.com/docs/padding
2418       */
2419      ps: [{
2420        ps: k()
2421      }],
2422      /**
2423       * Padding End
2424       * @see https://tailwindcss.com/docs/padding
2425       */
2426      pe: [{
2427        pe: k()
2428      }],
2429      /**
2430       * Padding Top
2431       * @see https://tailwindcss.com/docs/padding
2432       */
2433      pt: [{
2434        pt: k()
2435      }],
2436      /**
2437       * Padding Right
2438       * @see https://tailwindcss.com/docs/padding
2439       */
2440      pr: [{
2441        pr: k()
2442      }],
2443      /**
2444       * Padding Bottom
2445       * @see https://tailwindcss.com/docs/padding
2446       */
2447      pb: [{
2448        pb: k()
2449      }],
2450      /**
2451       * Padding Left
2452       * @see https://tailwindcss.com/docs/padding
2453       */
2454      pl: [{
2455        pl: k()
2456      }],
2457      /**
2458       * Margin
2459       * @see https://tailwindcss.com/docs/margin
2460       */
2461      m: [{
2462        m: Y()
2463      }],
2464      /**
2465       * Margin X
2466       * @see https://tailwindcss.com/docs/margin
2467       */
2468      mx: [{
2469        mx: Y()
2470      }],
2471      /**
2472       * Margin Y
2473       * @see https://tailwindcss.com/docs/margin
2474       */
2475      my: [{
2476        my: Y()
2477      }],
2478      /**
2479       * Margin Start
2480       * @see https://tailwindcss.com/docs/margin
2481       */
2482      ms: [{
2483        ms: Y()
2484      }],
2485      /**
2486       * Margin End
2487       * @see https://tailwindcss.com/docs/margin
2488       */
2489      me: [{
2490        me: Y()
2491      }],
2492      /**
2493       * Margin Top
2494       * @see https://tailwindcss.com/docs/margin
2495       */
2496      mt: [{
2497        mt: Y()
2498      }],
2499      /**
2500       * Margin Right
2501       * @see https://tailwindcss.com/docs/margin
2502       */
2503      mr: [{
2504        mr: Y()
2505      }],
2506      /**
2507       * Margin Bottom
2508       * @see https://tailwindcss.com/docs/margin
2509       */
2510      mb: [{
2511        mb: Y()
2512      }],
2513      /**
2514       * Margin Left
2515       * @see https://tailwindcss.com/docs/margin
2516       */
2517      ml: [{
2518        ml: Y()
2519      }],
2520      /**
2521       * Space Between X
2522       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
2523       */
2524      "space-x": [{
2525        "space-x": k()
2526      }],
2527      /**
2528       * Space Between X Reverse
2529       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
2530       */
2531      "space-x-reverse": ["space-x-reverse"],
2532      /**
2533       * Space Between Y
2534       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
2535       */
2536      "space-y": [{
2537        "space-y": k()
2538      }],
2539      /**
2540       * Space Between Y Reverse
2541       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
2542       */
2543      "space-y-reverse": ["space-y-reverse"],
2544      // --------------
2545      // --- Sizing ---
2546      // --------------
2547      /**
2548       * Size
2549       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
2550       */
2551      size: [{
2552        size: B()
2553      }],
2554      /**
2555       * Width
2556       * @see https://tailwindcss.com/docs/width
2557       */
2558      w: [{
2559        w: [d, "screen", ...B()]
2560      }],
2561      /**
2562       * Min-Width
2563       * @see https://tailwindcss.com/docs/min-width
2564       */
2565      "min-w": [{
2566        "min-w": [
2567          d,
2568          "screen",
2569          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
2570          "none",
2571          ...B()
2572        ]
2573      }],
2574      /**
2575       * Max-Width
2576       * @see https://tailwindcss.com/docs/max-width
2577       */
2578      "max-w": [{
2579        "max-w": [
2580          d,
2581          "screen",
2582          "none",
2583          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
2584          "prose",
2585          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
2586          {
2587            screen: [o]
2588          },
2589          ...B()
2590        ]
2591      }],
2592      /**
2593       * Height
2594       * @see https://tailwindcss.com/docs/height
2595       */
2596      h: [{
2597        h: ["screen", ...B()]
2598      }],
2599      /**
2600       * Min-Height
2601       * @see https://tailwindcss.com/docs/min-height
2602       */
2603      "min-h": [{
2604        "min-h": ["screen", "none", ...B()]
2605      }],
2606      /**
2607       * Max-Height
2608       * @see https://tailwindcss.com/docs/max-height
2609       */
2610      "max-h": [{
2611        "max-h": ["screen", ...B()]
2612      }],
2613      // ------------------
2614      // --- Typography ---
2615      // ------------------
2616      /**
2617       * Font Size
2618       * @see https://tailwindcss.com/docs/font-size
2619       */
2620      "font-size": [{
2621        text: ["base", n, Ta, Rt]
2622      }],
2623      /**
2624       * Font Smoothing
2625       * @see https://tailwindcss.com/docs/font-smoothing
2626       */
2627      "font-smoothing": ["antialiased", "subpixel-antialiased"],
2628      /**
2629       * Font Style
2630       * @see https://tailwindcss.com/docs/font-style
2631       */
2632      "font-style": ["italic", "not-italic"],
2633      /**
2634       * Font Weight
2635       * @see https://tailwindcss.com/docs/font-weight
2636       */
2637      "font-weight": [{
2638        font: [r, W, Vn]
2639      }],
2640      /**
2641       * Font Stretch
2642       * @see https://tailwindcss.com/docs/font-stretch
2643       */
2644      "font-stretch": [{
2645        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", On, _]
2646      }],
2647      /**
2648       * Font Family
2649       * @see https://tailwindcss.com/docs/font-family
2650       */
2651      "font-family": [{
2652        font: [Cg, _, i]
2653      }],
2654      /**
2655       * Font Variant Numeric
2656       * @see https://tailwindcss.com/docs/font-variant-numeric
2657       */
2658      "fvn-normal": ["normal-nums"],
2659      /**
2660       * Font Variant Numeric
2661       * @see https://tailwindcss.com/docs/font-variant-numeric
2662       */
2663      "fvn-ordinal": ["ordinal"],
2664      /**
2665       * Font Variant Numeric
2666       * @see https://tailwindcss.com/docs/font-variant-numeric
2667       */
2668      "fvn-slashed-zero": ["slashed-zero"],
2669      /**
2670       * Font Variant Numeric
2671       * @see https://tailwindcss.com/docs/font-variant-numeric
2672       */
2673      "fvn-figure": ["lining-nums", "oldstyle-nums"],
2674      /**
2675       * Font Variant Numeric
2676       * @see https://tailwindcss.com/docs/font-variant-numeric
2677       */
2678      "fvn-spacing": ["proportional-nums", "tabular-nums"],
2679      /**
2680       * Font Variant Numeric
2681       * @see https://tailwindcss.com/docs/font-variant-numeric
2682       */
2683      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
2684      /**
2685       * Letter Spacing
2686       * @see https://tailwindcss.com/docs/letter-spacing
2687       */
2688      tracking: [{
2689        tracking: [s, W, _]
2690      }],
2691      /**
2692       * Line Clamp
2693       * @see https://tailwindcss.com/docs/line-clamp
2694       */
2695      "line-clamp": [{
2696        "line-clamp": [K, "none", W, Vn]
2697      }],
2698      /**
2699       * Line Height
2700       * @see https://tailwindcss.com/docs/line-height
2701       */
2702      leading: [{
2703        leading: [
2704          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
2705          l,
2706          ...k()
2707        ]
2708      }],
2709      /**
2710       * List Style Image
2711       * @see https://tailwindcss.com/docs/list-style-image
2712       */
2713      "list-image": [{
2714        "list-image": ["none", W, _]
2715      }],
2716      /**
2717       * List Style Position
2718       * @see https://tailwindcss.com/docs/list-style-position
2719       */
2720      "list-style-position": [{
2721        list: ["inside", "outside"]
2722      }],
2723      /**
2724       * List Style Type
2725       * @see https://tailwindcss.com/docs/list-style-type
2726       */
2727      "list-style-type": [{
2728        list: ["disc", "decimal", "none", W, _]
2729      }],
2730      /**
2731       * Text Alignment
2732       * @see https://tailwindcss.com/docs/text-align
2733       */
2734      "text-alignment": [{
2735        text: ["left", "center", "right", "justify", "start", "end"]
2736      }],
2737      /**
2738       * Placeholder Color
2739       * @deprecated since Tailwind CSS v3.0.0
2740       * @see https://v3.tailwindcss.com/docs/placeholder-color
2741       */
2742      "placeholder-color": [{
2743        placeholder: L()
2744      }],
2745      /**
2746       * Text Color
2747       * @see https://tailwindcss.com/docs/text-color
2748       */
2749      "text-color": [{
2750        text: L()
2751      }],
2752      /**
2753       * Text Decoration
2754       * @see https://tailwindcss.com/docs/text-decoration
2755       */
2756      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
2757      /**
2758       * Text Decoration Style
2759       * @see https://tailwindcss.com/docs/text-decoration-style
2760       */
2761      "text-decoration-style": [{
2762        decoration: [...We(), "wavy"]
2763      }],
2764      /**
2765       * Text Decoration Thickness
2766       * @see https://tailwindcss.com/docs/text-decoration-thickness
2767       */
2768      "text-decoration-thickness": [{
2769        decoration: [K, "from-font", "auto", W, Rt]
2770      }],
2771      /**
2772       * Text Decoration Color
2773       * @see https://tailwindcss.com/docs/text-decoration-color
2774       */
2775      "text-decoration-color": [{
2776        decoration: L()
2777      }],
2778      /**
2779       * Text Underline Offset
2780       * @see https://tailwindcss.com/docs/text-underline-offset
2781       */
2782      "underline-offset": [{
2783        "underline-offset": [K, "auto", W, _]
2784      }],
2785      /**
2786       * Text Transform
2787       * @see https://tailwindcss.com/docs/text-transform
2788       */
2789      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
2790      /**
2791       * Text Overflow
2792       * @see https://tailwindcss.com/docs/text-overflow
2793       */
2794      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
2795      /**
2796       * Text Wrap
2797       * @see https://tailwindcss.com/docs/text-wrap
2798       */
2799      "text-wrap": [{
2800        text: ["wrap", "nowrap", "balance", "pretty"]
2801      }],
2802      /**
2803       * Text Indent
2804       * @see https://tailwindcss.com/docs/text-indent
2805       */
2806      indent: [{
2807        indent: k()
2808      }],
2809      /**
2810       * Vertical Alignment
2811       * @see https://tailwindcss.com/docs/vertical-align
2812       */
2813      "vertical-align": [{
2814        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", W, _]
2815      }],
2816      /**
2817       * Whitespace
2818       * @see https://tailwindcss.com/docs/whitespace
2819       */
2820      whitespace: [{
2821        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
2822      }],
2823      /**
2824       * Word Break
2825       * @see https://tailwindcss.com/docs/word-break
2826       */
2827      break: [{
2828        break: ["normal", "words", "all", "keep"]
2829      }],
2830      /**
2831       * Overflow Wrap
2832       * @see https://tailwindcss.com/docs/overflow-wrap
2833       */
2834      wrap: [{
2835        wrap: ["break-word", "anywhere", "normal"]
2836      }],
2837      /**
2838       * Hyphens
2839       * @see https://tailwindcss.com/docs/hyphens
2840       */
2841      hyphens: [{
2842        hyphens: ["none", "manual", "auto"]
2843      }],
2844      /**
2845       * Content
2846       * @see https://tailwindcss.com/docs/content
2847       */
2848      content: [{
2849        content: ["none", W, _]
2850      }],
2851      // -------------------
2852      // --- Backgrounds ---
2853      // -------------------
2854      /**
2855       * Background Attachment
2856       * @see https://tailwindcss.com/docs/background-attachment
2857       */
2858      "bg-attachment": [{
2859        bg: ["fixed", "local", "scroll"]
2860      }],
2861      /**
2862       * Background Clip
2863       * @see https://tailwindcss.com/docs/background-clip
2864       */
2865      "bg-clip": [{
2866        "bg-clip": ["border", "padding", "content", "text"]
2867      }],
2868      /**
2869       * Background Origin
2870       * @see https://tailwindcss.com/docs/background-origin
2871       */
2872      "bg-origin": [{
2873        "bg-origin": ["border", "padding", "content"]
2874      }],
2875      /**
2876       * Background Position
2877       * @see https://tailwindcss.com/docs/background-position
2878       */
2879      "bg-position": [{
2880        bg: F()
2881      }],
2882      /**
2883       * Background Repeat
2884       * @see https://tailwindcss.com/docs/background-repeat
2885       */
2886      "bg-repeat": [{
2887        bg: ae()
2888      }],
2889      /**
2890       * Background Size
2891       * @see https://tailwindcss.com/docs/background-size
2892       */
2893      "bg-size": [{
2894        bg: Ne()
2895      }],
2896      /**
2897       * Background Image
2898       * @see https://tailwindcss.com/docs/background-image
2899       */
2900      "bg-image": [{
2901        bg: ["none", {
2902          linear: [{
2903            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
2904          }, Mt, W, _],
2905          radial: ["", W, _],
2906          conic: [Mt, W, _]
2907        }, Dg, Sg]
2908      }],
2909      /**
2910       * Background Color
2911       * @see https://tailwindcss.com/docs/background-color
2912       */
2913      "bg-color": [{
2914        bg: L()
2915      }],
2916      /**
2917       * Gradient Color Stops From Position
2918       * @see https://tailwindcss.com/docs/gradient-color-stops
2919       */
2920      "gradient-from-pos": [{
2921        from: Ve()
2922      }],
2923      /**
2924       * Gradient Color Stops Via Position
2925       * @see https://tailwindcss.com/docs/gradient-color-stops
2926       */
2927      "gradient-via-pos": [{
2928        via: Ve()
2929      }],
2930      /**
2931       * Gradient Color Stops To Position
2932       * @see https://tailwindcss.com/docs/gradient-color-stops
2933       */
2934      "gradient-to-pos": [{
2935        to: Ve()
2936      }],
2937      /**
2938       * Gradient Color Stops From
2939       * @see https://tailwindcss.com/docs/gradient-color-stops
2940       */
2941      "gradient-from": [{
2942        from: L()
2943      }],
2944      /**
2945       * Gradient Color Stops Via
2946       * @see https://tailwindcss.com/docs/gradient-color-stops
2947       */
2948      "gradient-via": [{
2949        via: L()
2950      }],
2951      /**
2952       * Gradient Color Stops To
2953       * @see https://tailwindcss.com/docs/gradient-color-stops
2954       */
2955      "gradient-to": [{
2956        to: L()
2957      }],
2958      // ---------------
2959      // --- Borders ---
2960      // ---------------
2961      /**
2962       * Border Radius
2963       * @see https://tailwindcss.com/docs/border-radius
2964       */
2965      rounded: [{
2966        rounded: le()
2967      }],
2968      /**
2969       * Border Radius Start
2970       * @see https://tailwindcss.com/docs/border-radius
2971       */
2972      "rounded-s": [{
2973        "rounded-s": le()
2974      }],
2975      /**
2976       * Border Radius End
2977       * @see https://tailwindcss.com/docs/border-radius
2978       */
2979      "rounded-e": [{
2980        "rounded-e": le()
2981      }],
2982      /**
2983       * Border Radius Top
2984       * @see https://tailwindcss.com/docs/border-radius
2985       */
2986      "rounded-t": [{
2987        "rounded-t": le()
2988      }],
2989      /**
2990       * Border Radius Right
2991       * @see https://tailwindcss.com/docs/border-radius
2992       */
2993      "rounded-r": [{
2994        "rounded-r": le()
2995      }],
2996      /**
2997       * Border Radius Bottom
2998       * @see https://tailwindcss.com/docs/border-radius
2999       */
3000      "rounded-b": [{
3001        "rounded-b": le()
3002      }],
3003      /**
3004       * Border Radius Left
3005       * @see https://tailwindcss.com/docs/border-radius
3006       */
3007      "rounded-l": [{
3008        "rounded-l": le()
3009      }],
3010      /**
3011       * Border Radius Start Start
3012       * @see https://tailwindcss.com/docs/border-radius
3013       */
3014      "rounded-ss": [{
3015        "rounded-ss": le()
3016      }],
3017      /**
3018       * Border Radius Start End
3019       * @see https://tailwindcss.com/docs/border-radius
3020       */
3021      "rounded-se": [{
3022        "rounded-se": le()
3023      }],
3024      /**
3025       * Border Radius End End
3026       * @see https://tailwindcss.com/docs/border-radius
3027       */
3028      "rounded-ee": [{
3029        "rounded-ee": le()
3030      }],
3031      /**
3032       * Border Radius End Start
3033       * @see https://tailwindcss.com/docs/border-radius
3034       */
3035      "rounded-es": [{
3036        "rounded-es": le()
3037      }],
3038      /**
3039       * Border Radius Top Left
3040       * @see https://tailwindcss.com/docs/border-radius
3041       */
3042      "rounded-tl": [{
3043        "rounded-tl": le()
3044      }],
3045      /**
3046       * Border Radius Top Right
3047       * @see https://tailwindcss.com/docs/border-radius
3048       */
3049      "rounded-tr": [{
3050        "rounded-tr": le()
3051      }],
3052      /**
3053       * Border Radius Bottom Right
3054       * @see https://tailwindcss.com/docs/border-radius
3055       */
3056      "rounded-br": [{
3057        "rounded-br": le()
3058      }],
3059      /**
3060       * Border Radius Bottom Left
3061       * @see https://tailwindcss.com/docs/border-radius
3062       */
3063      "rounded-bl": [{
3064        "rounded-bl": le()
3065      }],
3066      /**
3067       * Border Width
3068       * @see https://tailwindcss.com/docs/border-width
3069       */
3070      "border-w": [{
3071        border: ce()
3072      }],
3073      /**
3074       * Border Width X
3075       * @see https://tailwindcss.com/docs/border-width
3076       */
3077      "border-w-x": [{
3078        "border-x": ce()
3079      }],
3080      /**
3081       * Border Width Y
3082       * @see https://tailwindcss.com/docs/border-width
3083       */
3084      "border-w-y": [{
3085        "border-y": ce()
3086      }],
3087      /**
3088       * Border Width Start
3089       * @see https://tailwindcss.com/docs/border-width
3090       */
3091      "border-w-s": [{
3092        "border-s": ce()
3093      }],
3094      /**
3095       * Border Width End
3096       * @see https://tailwindcss.com/docs/border-width
3097       */
3098      "border-w-e": [{
3099        "border-e": ce()
3100      }],
3101      /**
3102       * Border Width Top
3103       * @see https://tailwindcss.com/docs/border-width
3104       */
3105      "border-w-t": [{
3106        "border-t": ce()
3107      }],
3108      /**
3109       * Border Width Right
3110       * @see https://tailwindcss.com/docs/border-width
3111       */
3112      "border-w-r": [{
3113        "border-r": ce()
3114      }],
3115      /**
3116       * Border Width Bottom
3117       * @see https://tailwindcss.com/docs/border-width
3118       */
3119      "border-w-b": [{
3120        "border-b": ce()
3121      }],
3122      /**
3123       * Border Width Left
3124       * @see https://tailwindcss.com/docs/border-width
3125       */
3126      "border-w-l": [{
3127        "border-l": ce()
3128      }],
3129      /**
3130       * Divide Width X
3131       * @see https://tailwindcss.com/docs/border-width#between-children
3132       */
3133      "divide-x": [{
3134        "divide-x": ce()
3135      }],
3136      /**
3137       * Divide Width X Reverse
3138       * @see https://tailwindcss.com/docs/border-width#between-children
3139       */
3140      "divide-x-reverse": ["divide-x-reverse"],
3141      /**
3142       * Divide Width Y
3143       * @see https://tailwindcss.com/docs/border-width#between-children
3144       */
3145      "divide-y": [{
3146        "divide-y": ce()
3147      }],
3148      /**
3149       * Divide Width Y Reverse
3150       * @see https://tailwindcss.com/docs/border-width#between-children
3151       */
3152      "divide-y-reverse": ["divide-y-reverse"],
3153      /**
3154       * Border Style
3155       * @see https://tailwindcss.com/docs/border-style
3156       */
3157      "border-style": [{
3158        border: [...We(), "hidden", "none"]
3159      }],
3160      /**
3161       * Divide Style
3162       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
3163       */
3164      "divide-style": [{
3165        divide: [...We(), "hidden", "none"]
3166      }],
3167      /**
3168       * Border Color
3169       * @see https://tailwindcss.com/docs/border-color
3170       */
3171      "border-color": [{
3172        border: L()
3173      }],
3174      /**
3175       * Border Color X
3176       * @see https://tailwindcss.com/docs/border-color
3177       */
3178      "border-color-x": [{
3179        "border-x": L()
3180      }],
3181      /**
3182       * Border Color Y
3183       * @see https://tailwindcss.com/docs/border-color
3184       */
3185      "border-color-y": [{
3186        "border-y": L()
3187      }],
3188      /**
3189       * Border Color S
3190       * @see https://tailwindcss.com/docs/border-color
3191       */
3192      "border-color-s": [{
3193        "border-s": L()
3194      }],
3195      /**
3196       * Border Color E
3197       * @see https://tailwindcss.com/docs/border-color
3198       */
3199      "border-color-e": [{
3200        "border-e": L()
3201      }],
3202      /**
3203       * Border Color Top
3204       * @see https://tailwindcss.com/docs/border-color
3205       */
3206      "border-color-t": [{
3207        "border-t": L()
3208      }],
3209      /**
3210       * Border Color Right
3211       * @see https://tailwindcss.com/docs/border-color
3212       */
3213      "border-color-r": [{
3214        "border-r": L()
3215      }],
3216      /**
3217       * Border Color Bottom
3218       * @see https://tailwindcss.com/docs/border-color
3219       */
3220      "border-color-b": [{
3221        "border-b": L()
3222      }],
3223      /**
3224       * Border Color Left
3225       * @see https://tailwindcss.com/docs/border-color
3226       */
3227      "border-color-l": [{
3228        "border-l": L()
3229      }],
3230      /**
3231       * Divide Color
3232       * @see https://tailwindcss.com/docs/divide-color
3233       */
3234      "divide-color": [{
3235        divide: L()
3236      }],
3237      /**
3238       * Outline Style
3239       * @see https://tailwindcss.com/docs/outline-style
3240       */
3241      "outline-style": [{
3242        outline: [...We(), "none", "hidden"]
3243      }],
3244      /**
3245       * Outline Offset
3246       * @see https://tailwindcss.com/docs/outline-offset
3247       */
3248      "outline-offset": [{
3249        "outline-offset": [K, W, _]
3250      }],
3251      /**
3252       * Outline Width
3253       * @see https://tailwindcss.com/docs/outline-width
3254       */
3255      "outline-w": [{
3256        outline: ["", K, Ta, Rt]
3257      }],
3258      /**
3259       * Outline Color
3260       * @see https://tailwindcss.com/docs/outline-color
3261       */
3262      "outline-color": [{
3263        outline: L()
3264      }],
3265      // ---------------
3266      // --- Effects ---
3267      // ---------------
3268      /**
3269       * Box Shadow
3270       * @see https://tailwindcss.com/docs/box-shadow
3271       */
3272      shadow: [{
3273        shadow: [
3274          // Deprecated since Tailwind CSS v4.0.0
3275          "",
3276          "none",
3277          h,
3278          Si,
3279          Ii
3280        ]
3281      }],
3282      /**
3283       * Box Shadow Color
3284       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
3285       */
3286      "shadow-color": [{
3287        shadow: L()
3288      }],
3289      /**
3290       * Inset Box Shadow
3291       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
3292       */
3293      "inset-shadow": [{
3294        "inset-shadow": ["none", x, Si, Ii]
3295      }],
3296      /**
3297       * Inset Box Shadow Color
3298       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
3299       */
3300      "inset-shadow-color": [{
3301        "inset-shadow": L()
3302      }],
3303      /**
3304       * Ring Width
3305       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
3306       */
3307      "ring-w": [{
3308        ring: ce()
3309      }],
3310      /**
3311       * Ring Width Inset
3312       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
3313       * @deprecated since Tailwind CSS v4.0.0
3314       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
3315       */
3316      "ring-w-inset": ["ring-inset"],
3317      /**
3318       * Ring Color
3319       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
3320       */
3321      "ring-color": [{
3322        ring: L()
3323      }],
3324      /**
3325       * Ring Offset Width
3326       * @see https://v3.tailwindcss.com/docs/ring-offset-width
3327       * @deprecated since Tailwind CSS v4.0.0
3328       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
3329       */
3330      "ring-offset-w": [{
3331        "ring-offset": [K, Rt]
3332      }],
3333      /**
3334       * Ring Offset Color
3335       * @see https://v3.tailwindcss.com/docs/ring-offset-color
3336       * @deprecated since Tailwind CSS v4.0.0
3337       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
3338       */
3339      "ring-offset-color": [{
3340        "ring-offset": L()
3341      }],
3342      /**
3343       * Inset Ring Width
3344       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
3345       */
3346      "inset-ring-w": [{
3347        "inset-ring": ce()
3348      }],
3349      /**
3350       * Inset Ring Color
3351       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
3352       */
3353      "inset-ring-color": [{
3354        "inset-ring": L()
3355      }],
3356      /**
3357       * Text Shadow
3358       * @see https://tailwindcss.com/docs/text-shadow
3359       */
3360      "text-shadow": [{
3361        "text-shadow": ["none", b, Si, Ii]
3362      }],
3363      /**
3364       * Text Shadow Color
3365       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
3366       */
3367      "text-shadow-color": [{
3368        "text-shadow": L()
3369      }],
3370      /**
3371       * Opacity
3372       * @see https://tailwindcss.com/docs/opacity
3373       */
3374      opacity: [{
3375        opacity: [K, W, _]
3376      }],
3377      /**
3378       * Mix Blend Mode
3379       * @see https://tailwindcss.com/docs/mix-blend-mode
3380       */
3381      "mix-blend": [{
3382        "mix-blend": [...Me(), "plus-darker", "plus-lighter"]
3383      }],
3384      /**
3385       * Background Blend Mode
3386       * @see https://tailwindcss.com/docs/background-blend-mode
3387       */
3388      "bg-blend": [{
3389        "bg-blend": Me()
3390      }],
3391      /**
3392       * Mask Clip
3393       * @see https://tailwindcss.com/docs/mask-clip
3394       */
3395      "mask-clip": [{
3396        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
3397      }, "mask-no-clip"],
3398      /**
3399       * Mask Composite
3400       * @see https://tailwindcss.com/docs/mask-composite
3401       */
3402      "mask-composite": [{
3403        mask: ["add", "subtract", "intersect", "exclude"]
3404      }],
3405      /**
3406       * Mask Image
3407       * @see https://tailwindcss.com/docs/mask-image
3408       */
3409      "mask-image-linear-pos": [{
3410        "mask-linear": [K]
3411      }],
3412      "mask-image-linear-from-pos": [{
3413        "mask-linear-from": Z()
3414      }],
3415      "mask-image-linear-to-pos": [{
3416        "mask-linear-to": Z()
3417      }],
3418      "mask-image-linear-from-color": [{
3419        "mask-linear-from": L()
3420      }],
3421      "mask-image-linear-to-color": [{
3422        "mask-linear-to": L()
3423      }],
3424      "mask-image-t-from-pos": [{
3425        "mask-t-from": Z()
3426      }],
3427      "mask-image-t-to-pos": [{
3428        "mask-t-to": Z()
3429      }],
3430      "mask-image-t-from-color": [{
3431        "mask-t-from": L()
3432      }],
3433      "mask-image-t-to-color": [{
3434        "mask-t-to": L()
3435      }],
3436      "mask-image-r-from-pos": [{
3437        "mask-r-from": Z()
3438      }],
3439      "mask-image-r-to-pos": [{
3440        "mask-r-to": Z()
3441      }],
3442      "mask-image-r-from-color": [{
3443        "mask-r-from": L()
3444      }],
3445      "mask-image-r-to-color": [{
3446        "mask-r-to": L()
3447      }],
3448      "mask-image-b-from-pos": [{
3449        "mask-b-from": Z()
3450      }],
3451      "mask-image-b-to-pos": [{
3452        "mask-b-to": Z()
3453      }],
3454      "mask-image-b-from-color": [{
3455        "mask-b-from": L()
3456      }],
3457      "mask-image-b-to-color": [{
3458        "mask-b-to": L()
3459      }],
3460      "mask-image-l-from-pos": [{
3461        "mask-l-from": Z()
3462      }],
3463      "mask-image-l-to-pos": [{
3464        "mask-l-to": Z()
3465      }],
3466      "mask-image-l-from-color": [{
3467        "mask-l-from": L()
3468      }],
3469      "mask-image-l-to-color": [{
3470        "mask-l-to": L()
3471      }],
3472      "mask-image-x-from-pos": [{
3473        "mask-x-from": Z()
3474      }],
3475      "mask-image-x-to-pos": [{
3476        "mask-x-to": Z()
3477      }],
3478      "mask-image-x-from-color": [{
3479        "mask-x-from": L()
3480      }],
3481      "mask-image-x-to-color": [{
3482        "mask-x-to": L()
3483      }],
3484      "mask-image-y-from-pos": [{
3485        "mask-y-from": Z()
3486      }],
3487      "mask-image-y-to-pos": [{
3488        "mask-y-to": Z()
3489      }],
3490      "mask-image-y-from-color": [{
3491        "mask-y-from": L()
3492      }],
3493      "mask-image-y-to-color": [{
3494        "mask-y-to": L()
3495      }],
3496      "mask-image-radial": [{
3497        "mask-radial": [W, _]
3498      }],
3499      "mask-image-radial-from-pos": [{
3500        "mask-radial-from": Z()
3501      }],
3502      "mask-image-radial-to-pos": [{
3503        "mask-radial-to": Z()
3504      }],
3505      "mask-image-radial-from-color": [{
3506        "mask-radial-from": L()
3507      }],
3508      "mask-image-radial-to-color": [{
3509        "mask-radial-to": L()
3510      }],
3511      "mask-image-radial-shape": [{
3512        "mask-radial": ["circle", "ellipse"]
3513      }],
3514      "mask-image-radial-size": [{
3515        "mask-radial": [{
3516          closest: ["side", "corner"],
3517          farthest: ["side", "corner"]
3518        }]
3519      }],
3520      "mask-image-radial-pos": [{
3521        "mask-radial-at": y()
3522      }],
3523      "mask-image-conic-pos": [{
3524        "mask-conic": [K]
3525      }],
3526      "mask-image-conic-from-pos": [{
3527        "mask-conic-from": Z()
3528      }],
3529      "mask-image-conic-to-pos": [{
3530        "mask-conic-to": Z()
3531      }],
3532      "mask-image-conic-from-color": [{
3533        "mask-conic-from": L()
3534      }],
3535      "mask-image-conic-to-color": [{
3536        "mask-conic-to": L()
3537      }],
3538      /**
3539       * Mask Mode
3540       * @see https://tailwindcss.com/docs/mask-mode
3541       */
3542      "mask-mode": [{
3543        mask: ["alpha", "luminance", "match"]
3544      }],
3545      /**
3546       * Mask Origin
3547       * @see https://tailwindcss.com/docs/mask-origin
3548       */
3549      "mask-origin": [{
3550        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
3551      }],
3552      /**
3553       * Mask Position
3554       * @see https://tailwindcss.com/docs/mask-position
3555       */
3556      "mask-position": [{
3557        mask: F()
3558      }],
3559      /**
3560       * Mask Repeat
3561       * @see https://tailwindcss.com/docs/mask-repeat
3562       */
3563      "mask-repeat": [{
3564        mask: ae()
3565      }],
3566      /**
3567       * Mask Size
3568       * @see https://tailwindcss.com/docs/mask-size
3569       */
3570      "mask-size": [{
3571        mask: Ne()
3572      }],
3573      /**
3574       * Mask Type
3575       * @see https://tailwindcss.com/docs/mask-type
3576       */
3577      "mask-type": [{
3578        "mask-type": ["alpha", "luminance"]
3579      }],
3580      /**
3581       * Mask Image
3582       * @see https://tailwindcss.com/docs/mask-image
3583       */
3584      "mask-image": [{
3585        mask: ["none", W, _]
3586      }],
3587      // ---------------
3588      // --- Filters ---
3589      // ---------------
3590      /**
3591       * Filter
3592       * @see https://tailwindcss.com/docs/filter
3593       */
3594      filter: [{
3595        filter: [
3596          // Deprecated since Tailwind CSS v3.0.0
3597          "",
3598          "none",
3599          W,
3600          _
3601        ]
3602      }],
3603      /**
3604       * Blur
3605       * @see https://tailwindcss.com/docs/blur
3606       */
3607      blur: [{
3608        blur: Te()
3609      }],
3610      /**
3611       * Brightness
3612       * @see https://tailwindcss.com/docs/brightness
3613       */
3614      brightness: [{
3615        brightness: [K, W, _]
3616      }],
3617      /**
3618       * Contrast
3619       * @see https://tailwindcss.com/docs/contrast
3620       */
3621      contrast: [{
3622        contrast: [K, W, _]
3623      }],
3624      /**
3625       * Drop Shadow
3626       * @see https://tailwindcss.com/docs/drop-shadow
3627       */
3628      "drop-shadow": [{
3629        "drop-shadow": [
3630          // Deprecated since Tailwind CSS v4.0.0
3631          "",
3632          "none",
3633          g,
3634          Si,
3635          Ii
3636        ]
3637      }],
3638      /**
3639       * Drop Shadow Color
3640       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
3641       */
3642      "drop-shadow-color": [{
3643        "drop-shadow": L()
3644      }],
3645      /**
3646       * Grayscale
3647       * @see https://tailwindcss.com/docs/grayscale
3648       */
3649      grayscale: [{
3650        grayscale: ["", K, W, _]
3651      }],
3652      /**
3653       * Hue Rotate
3654       * @see https://tailwindcss.com/docs/hue-rotate
3655       */
3656      "hue-rotate": [{
3657        "hue-rotate": [K, W, _]
3658      }],
3659      /**
3660       * Invert
3661       * @see https://tailwindcss.com/docs/invert
3662       */
3663      invert: [{
3664        invert: ["", K, W, _]
3665      }],
3666      /**
3667       * Saturate
3668       * @see https://tailwindcss.com/docs/saturate
3669       */
3670      saturate: [{
3671        saturate: [K, W, _]
3672      }],
3673      /**
3674       * Sepia
3675       * @see https://tailwindcss.com/docs/sepia
3676       */
3677      sepia: [{
3678        sepia: ["", K, W, _]
3679      }],
3680      /**
3681       * Backdrop Filter
3682       * @see https://tailwindcss.com/docs/backdrop-filter
3683       */
3684      "backdrop-filter": [{
3685        "backdrop-filter": [
3686          // Deprecated since Tailwind CSS v3.0.0
3687          "",
3688          "none",
3689          W,
3690          _
3691        ]
3692      }],
3693      /**
3694       * Backdrop Blur
3695       * @see https://tailwindcss.com/docs/backdrop-blur
3696       */
3697      "backdrop-blur": [{
3698        "backdrop-blur": Te()
3699      }],
3700      /**
3701       * Backdrop Brightness
3702       * @see https://tailwindcss.com/docs/backdrop-brightness
3703       */
3704      "backdrop-brightness": [{
3705        "backdrop-brightness": [K, W, _]
3706      }],
3707      /**
3708       * Backdrop Contrast
3709       * @see https://tailwindcss.com/docs/backdrop-contrast
3710       */
3711      "backdrop-contrast": [{
3712        "backdrop-contrast": [K, W, _]
3713      }],
3714      /**
3715       * Backdrop Grayscale
3716       * @see https://tailwindcss.com/docs/backdrop-grayscale
3717       */
3718      "backdrop-grayscale": [{
3719        "backdrop-grayscale": ["", K, W, _]
3720      }],
3721      /**
3722       * Backdrop Hue Rotate
3723       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
3724       */
3725      "backdrop-hue-rotate": [{
3726        "backdrop-hue-rotate": [K, W, _]
3727      }],
3728      /**
3729       * Backdrop Invert
3730       * @see https://tailwindcss.com/docs/backdrop-invert
3731       */
3732      "backdrop-invert": [{
3733        "backdrop-invert": ["", K, W, _]
3734      }],
3735      /**
3736       * Backdrop Opacity
3737       * @see https://tailwindcss.com/docs/backdrop-opacity
3738       */
3739      "backdrop-opacity": [{
3740        "backdrop-opacity": [K, W, _]
3741      }],
3742      /**
3743       * Backdrop Saturate
3744       * @see https://tailwindcss.com/docs/backdrop-saturate
3745       */
3746      "backdrop-saturate": [{
3747        "backdrop-saturate": [K, W, _]
3748      }],
3749      /**
3750       * Backdrop Sepia
3751       * @see https://tailwindcss.com/docs/backdrop-sepia
3752       */
3753      "backdrop-sepia": [{
3754        "backdrop-sepia": ["", K, W, _]
3755      }],
3756      // --------------
3757      // --- Tables ---
3758      // --------------
3759      /**
3760       * Border Collapse
3761       * @see https://tailwindcss.com/docs/border-collapse
3762       */
3763      "border-collapse": [{
3764        border: ["collapse", "separate"]
3765      }],
3766      /**
3767       * Border Spacing
3768       * @see https://tailwindcss.com/docs/border-spacing
3769       */
3770      "border-spacing": [{
3771        "border-spacing": k()
3772      }],
3773      /**
3774       * Border Spacing X
3775       * @see https://tailwindcss.com/docs/border-spacing
3776       */
3777      "border-spacing-x": [{
3778        "border-spacing-x": k()
3779      }],
3780      /**
3781       * Border Spacing Y
3782       * @see https://tailwindcss.com/docs/border-spacing
3783       */
3784      "border-spacing-y": [{
3785        "border-spacing-y": k()
3786      }],
3787      /**
3788       * Table Layout
3789       * @see https://tailwindcss.com/docs/table-layout
3790       */
3791      "table-layout": [{
3792        table: ["auto", "fixed"]
3793      }],
3794      /**
3795       * Caption Side
3796       * @see https://tailwindcss.com/docs/caption-side
3797       */
3798      caption: [{
3799        caption: ["top", "bottom"]
3800      }],
3801      // ---------------------------------
3802      // --- Transitions and Animation ---
3803      // ---------------------------------
3804      /**
3805       * Transition Property
3806       * @see https://tailwindcss.com/docs/transition-property
3807       */
3808      transition: [{
3809        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", W, _]
3810      }],
3811      /**
3812       * Transition Behavior
3813       * @see https://tailwindcss.com/docs/transition-behavior
3814       */
3815      "transition-behavior": [{
3816        transition: ["normal", "discrete"]
3817      }],
3818      /**
3819       * Transition Duration
3820       * @see https://tailwindcss.com/docs/transition-duration
3821       */
3822      duration: [{
3823        duration: [K, "initial", W, _]
3824      }],
3825      /**
3826       * Transition Timing Function
3827       * @see https://tailwindcss.com/docs/transition-timing-function
3828       */
3829      ease: [{
3830        ease: ["linear", "initial", A, W, _]
3831      }],
3832      /**
3833       * Transition Delay
3834       * @see https://tailwindcss.com/docs/transition-delay
3835       */
3836      delay: [{
3837        delay: [K, W, _]
3838      }],
3839      /**
3840       * Animation
3841       * @see https://tailwindcss.com/docs/animation
3842       */
3843      animate: [{
3844        animate: ["none", N, W, _]
3845      }],
3846      // ------------------
3847      // --- Transforms ---
3848      // ------------------
3849      /**
3850       * Backface Visibility
3851       * @see https://tailwindcss.com/docs/backface-visibility
3852       */
3853      backface: [{
3854        backface: ["hidden", "visible"]
3855      }],
3856      /**
3857       * Perspective
3858       * @see https://tailwindcss.com/docs/perspective
3859       */
3860      perspective: [{
3861        perspective: [u, W, _]
3862      }],
3863      /**
3864       * Perspective Origin
3865       * @see https://tailwindcss.com/docs/perspective-origin
3866       */
3867      "perspective-origin": [{
3868        "perspective-origin": I()
3869      }],
3870      /**
3871       * Rotate
3872       * @see https://tailwindcss.com/docs/rotate
3873       */
3874      rotate: [{
3875        rotate: lt()
3876      }],
3877      /**
3878       * Rotate X
3879       * @see https://tailwindcss.com/docs/rotate
3880       */
3881      "rotate-x": [{
3882        "rotate-x": lt()
3883      }],
3884      /**
3885       * Rotate Y
3886       * @see https://tailwindcss.com/docs/rotate
3887       */
3888      "rotate-y": [{
3889        "rotate-y": lt()
3890      }],
3891      /**
3892       * Rotate Z
3893       * @see https://tailwindcss.com/docs/rotate
3894       */
3895      "rotate-z": [{
3896        "rotate-z": lt()
3897      }],
3898      /**
3899       * Scale
3900       * @see https://tailwindcss.com/docs/scale
3901       */
3902      scale: [{
3903        scale: q()
3904      }],
3905      /**
3906       * Scale X
3907       * @see https://tailwindcss.com/docs/scale
3908       */
3909      "scale-x": [{
3910        "scale-x": q()
3911      }],
3912      /**
3913       * Scale Y
3914       * @see https://tailwindcss.com/docs/scale
3915       */
3916      "scale-y": [{
3917        "scale-y": q()
3918      }],
3919      /**
3920       * Scale Z
3921       * @see https://tailwindcss.com/docs/scale
3922       */
3923      "scale-z": [{
3924        "scale-z": q()
3925      }],
3926      /**
3927       * Scale 3D
3928       * @see https://tailwindcss.com/docs/scale
3929       */
3930      "scale-3d": ["scale-3d"],
3931      /**
3932       * Skew
3933       * @see https://tailwindcss.com/docs/skew
3934       */
3935      skew: [{
3936        skew: It()
3937      }],
3938      /**
3939       * Skew X
3940       * @see https://tailwindcss.com/docs/skew
3941       */
3942      "skew-x": [{
3943        "skew-x": It()
3944      }],
3945      /**
3946       * Skew Y
3947       * @see https://tailwindcss.com/docs/skew
3948       */
3949      "skew-y": [{
3950        "skew-y": It()
3951      }],
3952      /**
3953       * Transform
3954       * @see https://tailwindcss.com/docs/transform
3955       */
3956      transform: [{
3957        transform: [W, _, "", "none", "gpu", "cpu"]
3958      }],
3959      /**
3960       * Transform Origin
3961       * @see https://tailwindcss.com/docs/transform-origin
3962       */
3963      "transform-origin": [{
3964        origin: I()
3965      }],
3966      /**
3967       * Transform Style
3968       * @see https://tailwindcss.com/docs/transform-style
3969       */
3970      "transform-style": [{
3971        transform: ["3d", "flat"]
3972      }],
3973      /**
3974       * Translate
3975       * @see https://tailwindcss.com/docs/translate
3976       */
3977      translate: [{
3978        translate: Ke()
3979      }],
3980      /**
3981       * Translate X
3982       * @see https://tailwindcss.com/docs/translate
3983       */
3984      "translate-x": [{
3985        "translate-x": Ke()
3986      }],
3987      /**
3988       * Translate Y
3989       * @see https://tailwindcss.com/docs/translate
3990       */
3991      "translate-y": [{
3992        "translate-y": Ke()
3993      }],
3994      /**
3995       * Translate Z
3996       * @see https://tailwindcss.com/docs/translate
3997       */
3998      "translate-z": [{
3999        "translate-z": Ke()
4000      }],
4001      /**
4002       * Translate None
4003       * @see https://tailwindcss.com/docs/translate
4004       */
4005      "translate-none": ["translate-none"],
4006      // ---------------------
4007      // --- Interactivity ---
4008      // ---------------------
4009      /**
4010       * Accent Color
4011       * @see https://tailwindcss.com/docs/accent-color
4012       */
4013      accent: [{
4014        accent: L()
4015      }],
4016      /**
4017       * Appearance
4018       * @see https://tailwindcss.com/docs/appearance
4019       */
4020      appearance: [{
4021        appearance: ["none", "auto"]
4022      }],
4023      /**
4024       * Caret Color
4025       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
4026       */
4027      "caret-color": [{
4028        caret: L()
4029      }],
4030      /**
4031       * Color Scheme
4032       * @see https://tailwindcss.com/docs/color-scheme
4033       */
4034      "color-scheme": [{
4035        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
4036      }],
4037      /**
4038       * Cursor
4039       * @see https://tailwindcss.com/docs/cursor
4040       */
4041      cursor: [{
4042        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", W, _]
4043      }],
4044      /**
4045       * Field Sizing
4046       * @see https://tailwindcss.com/docs/field-sizing
4047       */
4048      "field-sizing": [{
4049        "field-sizing": ["fixed", "content"]
4050      }],
4051      /**
4052       * Pointer Events
4053       * @see https://tailwindcss.com/docs/pointer-events
4054       */
4055      "pointer-events": [{
4056        "pointer-events": ["auto", "none"]
4057      }],
4058      /**
4059       * Resize
4060       * @see https://tailwindcss.com/docs/resize
4061       */
4062      resize: [{
4063        resize: ["none", "", "y", "x"]
4064      }],
4065      /**
4066       * Scroll Behavior
4067       * @see https://tailwindcss.com/docs/scroll-behavior
4068       */
4069      "scroll-behavior": [{
4070        scroll: ["auto", "smooth"]
4071      }],
4072      /**
4073       * Scroll Margin
4074       * @see https://tailwindcss.com/docs/scroll-margin
4075       */
4076      "scroll-m": [{
4077        "scroll-m": k()
4078      }],
4079      /**
4080       * Scroll Margin X
4081       * @see https://tailwindcss.com/docs/scroll-margin
4082       */
4083      "scroll-mx": [{
4084        "scroll-mx": k()
4085      }],
4086      /**
4087       * Scroll Margin Y
4088       * @see https://tailwindcss.com/docs/scroll-margin
4089       */
4090      "scroll-my": [{
4091        "scroll-my": k()
4092      }],
4093      /**
4094       * Scroll Margin Start
4095       * @see https://tailwindcss.com/docs/scroll-margin
4096       */
4097      "scroll-ms": [{
4098        "scroll-ms": k()
4099      }],
4100      /**
4101       * Scroll Margin End
4102       * @see https://tailwindcss.com/docs/scroll-margin
4103       */
4104      "scroll-me": [{
4105        "scroll-me": k()
4106      }],
4107      /**
4108       * Scroll Margin Top
4109       * @see https://tailwindcss.com/docs/scroll-margin
4110       */
4111      "scroll-mt": [{
4112        "scroll-mt": k()
4113      }],
4114      /**
4115       * Scroll Margin Right
4116       * @see https://tailwindcss.com/docs/scroll-margin
4117       */
4118      "scroll-mr": [{
4119        "scroll-mr": k()
4120      }],
4121      /**
4122       * Scroll Margin Bottom
4123       * @see https://tailwindcss.com/docs/scroll-margin
4124       */
4125      "scroll-mb": [{
4126        "scroll-mb": k()
4127      }],
4128      /**
4129       * Scroll Margin Left
4130       * @see https://tailwindcss.com/docs/scroll-margin
4131       */
4132      "scroll-ml": [{
4133        "scroll-ml": k()
4134      }],
4135      /**
4136       * Scroll Padding
4137       * @see https://tailwindcss.com/docs/scroll-padding
4138       */
4139      "scroll-p": [{
4140        "scroll-p": k()
4141      }],
4142      /**
4143       * Scroll Padding X
4144       * @see https://tailwindcss.com/docs/scroll-padding
4145       */
4146      "scroll-px": [{
4147        "scroll-px": k()
4148      }],
4149      /**
4150       * Scroll Padding Y
4151       * @see https://tailwindcss.com/docs/scroll-padding
4152       */
4153      "scroll-py": [{
4154        "scroll-py": k()
4155      }],
4156      /**
4157       * Scroll Padding Start
4158       * @see https://tailwindcss.com/docs/scroll-padding
4159       */
4160      "scroll-ps": [{
4161        "scroll-ps": k()
4162      }],
4163      /**
4164       * Scroll Padding End
4165       * @see https://tailwindcss.com/docs/scroll-padding
4166       */
4167      "scroll-pe": [{
4168        "scroll-pe": k()
4169      }],
4170      /**
4171       * Scroll Padding Top
4172       * @see https://tailwindcss.com/docs/scroll-padding
4173       */
4174      "scroll-pt": [{
4175        "scroll-pt": k()
4176      }],
4177      /**
4178       * Scroll Padding Right
4179       * @see https://tailwindcss.com/docs/scroll-padding
4180       */
4181      "scroll-pr": [{
4182        "scroll-pr": k()
4183      }],
4184      /**
4185       * Scroll Padding Bottom
4186       * @see https://tailwindcss.com/docs/scroll-padding
4187       */
4188      "scroll-pb": [{
4189        "scroll-pb": k()
4190      }],
4191      /**
4192       * Scroll Padding Left
4193       * @see https://tailwindcss.com/docs/scroll-padding
4194       */
4195      "scroll-pl": [{
4196        "scroll-pl": k()
4197      }],
4198      /**
4199       * Scroll Snap Align
4200       * @see https://tailwindcss.com/docs/scroll-snap-align
4201       */
4202      "snap-align": [{
4203        snap: ["start", "end", "center", "align-none"]
4204      }],
4205      /**
4206       * Scroll Snap Stop
4207       * @see https://tailwindcss.com/docs/scroll-snap-stop
4208       */
4209      "snap-stop": [{
4210        snap: ["normal", "always"]
4211      }],
4212      /**
4213       * Scroll Snap Type
4214       * @see https://tailwindcss.com/docs/scroll-snap-type
4215       */
4216      "snap-type": [{
4217        snap: ["none", "x", "y", "both"]
4218      }],
4219      /**
4220       * Scroll Snap Type Strictness
4221       * @see https://tailwindcss.com/docs/scroll-snap-type
4222       */
4223      "snap-strictness": [{
4224        snap: ["mandatory", "proximity"]
4225      }],
4226      /**
4227       * Touch Action
4228       * @see https://tailwindcss.com/docs/touch-action
4229       */
4230      touch: [{
4231        touch: ["auto", "none", "manipulation"]
4232      }],
4233      /**
4234       * Touch Action X
4235       * @see https://tailwindcss.com/docs/touch-action
4236       */
4237      "touch-x": [{
4238        "touch-pan": ["x", "left", "right"]
4239      }],
4240      /**
4241       * Touch Action Y
4242       * @see https://tailwindcss.com/docs/touch-action
4243       */
4244      "touch-y": [{
4245        "touch-pan": ["y", "up", "down"]
4246      }],
4247      /**
4248       * Touch Action Pinch Zoom
4249       * @see https://tailwindcss.com/docs/touch-action
4250       */
4251      "touch-pz": ["touch-pinch-zoom"],
4252      /**
4253       * User Select
4254       * @see https://tailwindcss.com/docs/user-select
4255       */
4256      select: [{
4257        select: ["none", "text", "all", "auto"]
4258      }],
4259      /**
4260       * Will Change
4261       * @see https://tailwindcss.com/docs/will-change
4262       */
4263      "will-change": [{
4264        "will-change": ["auto", "scroll", "contents", "transform", W, _]
4265      }],
4266      // -----------
4267      // --- SVG ---
4268      // -----------
4269      /**
4270       * Fill
4271       * @see https://tailwindcss.com/docs/fill
4272       */
4273      fill: [{
4274        fill: ["none", ...L()]
4275      }],
4276      /**
4277       * Stroke Width
4278       * @see https://tailwindcss.com/docs/stroke-width
4279       */
4280      "stroke-w": [{
4281        stroke: [K, Ta, Rt, Vn]
4282      }],
4283      /**
4284       * Stroke
4285       * @see https://tailwindcss.com/docs/stroke
4286       */
4287      stroke: [{
4288        stroke: ["none", ...L()]
4289      }],
4290      // ---------------------
4291      // --- Accessibility ---
4292      // ---------------------
4293      /**
4294       * Forced Color Adjust
4295       * @see https://tailwindcss.com/docs/forced-color-adjust
4296       */
4297      "forced-color-adjust": [{
4298        "forced-color-adjust": ["auto", "none"]
4299      }]
4300    },
4301    conflictingClassGroups: {
4302      overflow: ["overflow-x", "overflow-y"],
4303      overscroll: ["overscroll-x", "overscroll-y"],
4304      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
4305      "inset-x": ["right", "left"],
4306      "inset-y": ["top", "bottom"],
4307      flex: ["basis", "grow", "shrink"],
4308      gap: ["gap-x", "gap-y"],
4309      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
4310      px: ["pr", "pl"],
4311      py: ["pt", "pb"],
4312      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
4313      mx: ["mr", "ml"],
4314      my: ["mt", "mb"],
4315      size: ["w", "h"],
4316      "font-size": ["leading"],
4317      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
4318      "fvn-ordinal": ["fvn-normal"],
4319      "fvn-slashed-zero": ["fvn-normal"],
4320      "fvn-figure": ["fvn-normal"],
4321      "fvn-spacing": ["fvn-normal"],
4322      "fvn-fraction": ["fvn-normal"],
4323      "line-clamp": ["display", "overflow"],
4324      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
4325      "rounded-s": ["rounded-ss", "rounded-es"],
4326      "rounded-e": ["rounded-se", "rounded-ee"],
4327      "rounded-t": ["rounded-tl", "rounded-tr"],
4328      "rounded-r": ["rounded-tr", "rounded-br"],
4329      "rounded-b": ["rounded-br", "rounded-bl"],
4330      "rounded-l": ["rounded-tl", "rounded-bl"],
4331      "border-spacing": ["border-spacing-x", "border-spacing-y"],
4332      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
4333      "border-w-x": ["border-w-r", "border-w-l"],
4334      "border-w-y": ["border-w-t", "border-w-b"],
4335      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
4336      "border-color-x": ["border-color-r", "border-color-l"],
4337      "border-color-y": ["border-color-t", "border-color-b"],
4338      translate: ["translate-x", "translate-y", "translate-none"],
4339      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
4340      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
4341      "scroll-mx": ["scroll-mr", "scroll-ml"],
4342      "scroll-my": ["scroll-mt", "scroll-mb"],
4343      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
4344      "scroll-px": ["scroll-pr", "scroll-pl"],
4345      "scroll-py": ["scroll-pt", "scroll-pb"],
4346      touch: ["touch-x", "touch-y", "touch-pz"],
4347      "touch-x": ["touch"],
4348      "touch-y": ["touch"],
4349      "touch-pz": ["touch"]
4350    },
4351    conflictingClassGroupModifiers: {
4352      "font-size": ["leading"]
4353    },
4354    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
4355  };
4356}, Lg = /* @__PURE__ */ pg(Pg);
4357function pi(...t) {
4358  return Lg(ed(t));
4359}
4360const Hg = td(
4361  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
4362  {
4363    variants: {
4364      variant: {
4365        default: "bg-primary text-primary-foreground hover:bg-primary/90",
4366        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
4367        outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
4368        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
4369        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
4370        link: "text-primary underline-offset-4 hover:underline"
4371      },
4372      size: {
4373        default: "h-9 px-4 py-2 has-[>svg]:px-3",
4374        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
4375        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
4376        icon: "size-9 rounded-md"
4377      }
4378    },
4379    defaultVariants: {
4380      variant: "default",
4381      size: "default"
4382    }
4383  }
4384), J = G(({ className: t, variant: i, size: n, asChild: r = !1, ...s }, l) => /* @__PURE__ */ e(
4385  r ? Yt : "button",
4386  {
4387    ref: l,
4388    "data-slot": "button",
4389    className: pi(Hg({ variant: i, size: n, className: t })),
4390    ...s
4391  }
4392));
4393J.displayName = "Button";
4394const Og = {
4395  // Navigation
4396  nav: {
4397    company: "About Us",
4398    business: "Businesses Units",
4399    innovation: "Innovation",
4400    coreTechnology: "Core Technology",
4401    technologyOverview: "Technology",
4402    manufacturing: "Manufacturing",
4403    newsEvents: "News & Events",
4404    contact: "Contact Us",
4405    careers: "Careers",
4406    // About Us submenu
4407    managementMessage: "CEO Message",
4408    companyOverview: "Overview",
4409    ourHistory: "Our History",
4410    coreCompetencies: "Our Technological Edge",
4411    majorCustomers: "Major Customers",
4412    // Business submenu
4413    mobileCamera: "Mobile & Camera Module Automation",
4414    batteryVision: "Rechargeable Battery Assembly Line Vision",
4415    bioInspection: "Bio Inspection",
4416    waferAOI: "Wafer AOI",
4417    components: "Products",
4418    // Manufacturing submenu
4419    bengaluruPlant: "Bengaluru Plant Overview",
4420    manufacturingFacilities: "Manufacturing Facilities",
4421    qualityAssurance: "Quality Assurance",
4422    technologyService: "Technology & Service Capabilities",
4423    // News & Events submenu
4424    latestUpdates: "Latest Updates",
4425    mediaPress: "Media & Press",
4426    downloadCenter: "Download Center",
4427    // Contact Us submenu
4428    inquiryForm: "Inquiry Form",
4429    sustainability: "지속가능성",
4430    quality: "품질 관리",
4431    // Careers submenu
4432    talentModel: "Ideal Personnel",
4433    employeeBenefits: "Employee Benefits",
4434    jobOpenings: "Job Openings",
4435    personnelSystem: "Personnel System",
4436    talentModelDesc: "Global No.1 인재와 함께하는 혁신의 미래"
4437  },
4438  // Breadcrumb
4439  breadcrumb: {
4440    home: "Home",
4441    aboutUs: "About Us",
4442    businessUnits: "Business Units",
4443    manufacturing: "Manufacturing",
4444    newsEvents: "News & Events",
4445    careers: "Careers",
4446    contactUs: "Contact Us",
4447    managementMessage: "CEO Message",
4448    companyOverview: "Overview",
4449    sustainability: "지속가능성",
4450    investors: "투자자 정보",
4451    media: "미디어 센터",
4452    ourHistory: "Our History",
4453    coreCompetencies: "Core Competencies"
4454  },
4455  // Hero
4456  hero: {
4457    badge: "벵갈루루에서 현재 제조중",
4458    title1: "인도에서 선도하는",
4459    title2: "비전 검사 기술",
4460    subtitle: "스마트 검사. 현지 제조. 글로벌 표준.",
4461    description: "HyVISION은 벵갈루루의 최첨단 20,000㎡ 제조시설에서 세계적 수준의 비전 검사 시스템을 인도에 공급합니다. 한국의 기술력과 인도의 혁신을 결합합니다.",
4462    exploreSolutions: "솔루션 둘러보기",
4463    investorRelations: "투자 정보",
4464    viewAllSolutions: "모든 솔루션 보기",
4465    stat1: "15+",
4466    stat1Label: "년의 우수성",
4467    stat2: "5",
4468    stat2Label: "글로벌 거점",
4469    stat3: "1000+",
4470    stat3Label: "설치 실적",
4471    stat4: "20K㎡",
4472    stat4Label: "인도 시설",
4473    // Why Choose Us
4474    whyChooseUs: "왜 HyVISION인가",
4475    whyHyVISIONIndia: "HyVISION 인도를 선택하는 이유",
4476    whyHyVISIONIndiaDesc: "한국의 최첨단 기술과 인도의 제조 우수성을 결합하여 세계적 수준의 비전 검사 솔루션을 제공합니다.",
4477    qualityExcellence: "품질 우수성",
4478    qualityExcellenceDesc: `업계 최고 수준의 정밀 검사 기술로
4479탁월한 품질과 신뢰성을 보장합니다.`,
4480    localManufacturing: "현지 제조",
4481    localManufacturingDesc: "벵갈루루 최첨단 제조 시설",
4482    skilledWorkforce: "숙련된 인력",
4483    skilledWorkforceDesc: "고도로 훈련된 엔지니어와 기술자",
4484    globalReach: "글로벌 입지",
4485    globalReachDesc: "국가에 서비스 제공",
4486    // CTA
4487    readyToPartner: "함께 성장할 준비가 되셨나요?",
4488    readyToPartnerDesc: "HyVISION과 파트너십을 맺고 인도의 제조 우수성을 경험하세요.",
4489    contactUs: "문의하기",
4490    visitFacility: "시설 방문"
4491  },
4492  // Company Overview (About Us)
4493  companyOverview: {
4494    section: "About Us",
4495    title1: "Global Technology,",
4496    title2: "Local Excellence",
4497    description: "HyVISION SYSTEM ICCK 인도법인은 한국의 기술 우수성과 인도의 제조 역량이 결합하여, 세계에서 가장 빠르게 성장하는 시장에 최첨단 검사 시스템을 공급합니다.",
4498    // Group Introduction
4499    groupIntro: "Group Introduction",
4500    groupIntroTitle: "HyVISION SYSTEM ICCK",
4501    groupIntroDesc: "HyVISION SYSTEM ICCK는 2009년 한국에서 설립되어 비전 검사 및 자동화 솔루션 분야의 글로벌 리더로 성장했습니다. 15년 이상의 전문 지식을 바탕으로 디스플레이, 배터리, 반도체 산업의 선도 기업에 첨단 기술을 제공합니다.",
4502    groupHQ: "한국 본사 (안산)",
4503    groupHQDesc: "R&D 센터 및 글로벌 운영 관리",
4504    groupRevenue: "연간 매출",
4505    groupEmployees: "글로벌 임직원",
4506    groupPatents: "보유 특허",
4507    // India Subsidiary
4508    indiaSubsidiary: "India Subsidiary Overview",
4509    indiaSubsidiaryTitle: "Bengaluru Manufacturing Hub",
4510    indiaSubsidiaryDesc: 'HyVISION 인도법인은 벵갈루루에 위치한 20,000㎡ 최첨단 제조 시설을 운영하며, 글로벌 고객을 위한 로컬 제조 허브 역할을 수행합니다. "Make in India" 이니셔티브에 따라 현지 고용을 창출하고 기술 이전을 촉진합니다.',
4511    indiaPlant: "벵갈루루 공장",
4512    indiaPlantLocation: "Karnataka, India",
4513    indiaPlantSize: "20,000㎡",
4514    indiaPlantEmployees: "300+ 엔지니어",
4515    indiaPlantCapacity: "연 1,000대+ 시스템 생산",
4516    localManufacturingHub: "Local Manufacturing Hub for Global Clients",
4517    // Business Philosophy
4518    philosophyTitle: "Business Philosophy",
4519    philosophySubtitle: "우리의 경영 철학",
4520    philosophy1: "Customer First",
4521    philosophy1Desc: "고객의 성공이 우리의 성공입니다. 고객 중심의 솔루션 개발",
4522    philosophy2: "Innovation Driven",
4523    philosophy2Desc: "지속적인 기술 혁신으로 업계를 선도합니다",
4524    philosophy3: "Quality Excellence",
4525    philosophy3Desc: "타협 없는 품질로 신뢰를 구축합니다",
4526    philosophy4: "Sustainable Growth",
4527    philosophy4Desc: "환경과 사회적 책임을 고려한 지속 가능한 성장",
4528    stat1Value: "₹500+ Cr",
4529    stat1Label: "연간 매출",
4530    stat1Desc: "2025-26 회계년도 예상",
4531    stat2Value: "500+",
4532    stat2Label: "임직원",
4533    stat2Desc: "글로벌 인력",
4534    stat3Value: "50+",
4535    stat3Label: "특허",
4536    stat3Desc: "기술 혁신",
4537    stat4Value: "ISO 9001",
4538    stat4Label: "인증",
4539    stat4Desc: "품질 표준",
4540    businessDivisions: "사업 부문",
4541    division1: "스마트 센서 사업부",
4542    division1Desc: "디스플레이 & 카메라 모듈 검사",
4543    division2: "배터리 시스템",
4544    division2Desc: "EV 배터리 조립 & 검사",
4545    division3: "자동화 솔루션",
4546    division3Desc: "맞춤형 비전 시스템",
4547    revenue: "매출 비중",
4548    globalNetwork: "글로벌 네트워크",
4549    globalNetworkDesc: "아시아, 북미 전역에 걸친 사업 운영과 유럽으로의 확장으로, HyVISION은 현지 전문성과 지원으로 글로벌 고객을 서비스하는 강력한 글로벌 입지를 유지하고 있습니다.",
4550    countries: "국가",
4551    offices: "사무소",
4552    support: "지원",
4553    countriesServed: "서비스 국가",
4554    korea: "🇰🇷 대한민국",
4555    koreaRole: "본사 & 연구개발센터",
4556    india: "🇮🇳 인도",
4557    indiaRole: "제조 & 엔지니어링 허브",
4558    china: "🇨🇳 중국",
4559    chinaRole: "지역 운영",
4560    vietnam: "🇻🇳 베트남",
4561    vietnamRole: "생산 지원",
4562    usa: "🇺🇸 미국",
4563    usaRole: "영업 & 서비스",
4564    // Vision & Mission
4565    visionMissionTitle: '"AI Inside Your Vision"',
4566    visionTitle: "Our Vision",
4567    visionDesc: "AI 기반 비전 기술로 모든 제조 과정을 혁신하여 인류의 삶의 질을 향상시킵니다.",
4568    missionTitle: "Our Mission",
4569    missionDesc: "Global Innovation & Localization 전략을 통해 세계 최고 수준의 기술력과 현지 맞춤형 서비스를 제공합니다.",
4570    globalInnovation: "Global Innovation",
4571    globalInnovationDesc: "한국 본사 R&D 센터의 최첨단 기술을 전 세계로 확산",
4572    localization: "Localization",
4573    localizationDesc: "현지 시장 이해를 바탕으로 맞춤형 솔루션 제공",
4574    // Global Partners
4575    partnersTitle: "Global Partners",
4576    partnersSubtitle: "Key Client Logos & Strategic Alliances",
4577    partnersDesc: "세계 최고의 기업들이 HyVISION의 기술을 신뢰합니다",
4578    keyClients: "주요 고객사",
4579    strategicPartners: "전략적 파트너",
4580    techPartners: "기술 협력사",
4581    partnershipYears: "파트너십 기간",
4582    // Management Message
4583    managementTitle: "Management Message",
4584    ceoGreeting: "CEO 인사말",
4585    ceoName: "최두원 대표이사>",
4586    ceoMessageTitle: "함께 성장하는 미래를 향하여",
4587    ceoMessage1: "존경하는 고객 여러분, 파트너 여러분, 그리고 주주 여러분께,",
4588    ceoMessage2: "HyVISION SYSTEM ICCK 인도법인을 방문해 주셔서 감사합니다. 우리는 한국의 기술력과 인도의 제조 우수성을 결합하여 글로벌 시장에 세계적 수준의 비전 검사 솔루션을 제공하고 있습니다.",
4589    ceoMessage3: "인도는 HyVISION의 글로벌 성장 전략에서 핵심적인 역할을 담당합니다. 벵갈루루의 최첨단 제조 시설은 단순한 생산 거점이 아닌, 혁신과 기술 개발의 허브로 자리잡고 있습니다.",
4590    ceoMessage4: '우리는 "AI Inside Your Vision"이라는 비전 아래, 지속적인 혁신과 고객 중심의 솔루션 개발로 업계를 선도하겠습니다. 여러분의 성공이 곧 우리의 성공입니다.',
4591    ceoSignature: "HyVISION SYSTEM ICCK 대표이사",
4592    // Certifications
4593    certificationsTitle: "Certifications & Quality Standards",
4594    certificationsDesc: "국제 품질 인증 및 자체 테스트 역량",
4595    iso9001: "ISO 9001:2015",
4596    iso9001Desc: "품질 경영 시스템",
4597    iso14001: "ISO 14001:2015",
4598    iso14001Desc: "환경 경영 시스템",
4599    ce: "CE Marking",
4600    ceDesc: "유럽 안전 기준",
4601    rohs: "RoHS Compliance",
4602    rohsDesc: "유해물질 제한 지침",
4603    inHouseTesting: "In-house Testing Capabilities",
4604    inHouseTestingDesc: "자체 품질 검사 시설 및 장비 보유",
4605    downloadCertificate: "인증서 다운로드"
4606  },
4607  // Leadership
4608  leadership: {
4609    section: "경영진",
4610    title1: "경험으로 이끌고",
4611    title2: "비전으로 추진하다",
4612    ceo: "D.W. 최",
4613    ceoPosition: "대표이사",
4614    ceoRegion: "글로벌 운영",
4615    ceoBio: "혁신과 지속 가능한 성장에 초점을 맞춰 HyVISION의 글로벌 확장을 이끌고 있습니다.",
4616    md: "Rajesh Kumar",
4617    mdPosition: "전무이사",
4618    mdRegion: "인도 운영",
4619    mdBio: "인도에서 제조 우수성과 현지 파트너십을 선도하고 있습니다.",
4620    cto: "Dr. Priya Sharma",
4621    ctoPosition: "최고기술책임자",
4622    ctoRegion: "혁신 & 연구개발",
4623    ctoBio: "비전 검사와 AI 통합의 기술 발전을 주도하고 있습니다.",
4624    values: "핵심 가치",
4625    valuesTitle: "성공의 기반",
4626    valuesDesc: "우리의 핵심 가치는 우리가 내리는 모든 결정과 만드는 모든 제품을 안내하며, 윤리적 비즈니스 관행에 대한 우리의 헌신을 유지하면서 우수성을 제공합니다.",
4627    value1: "창조",
4628    value1Desc: "우리는 업계의 새로운 기준을 세우는 획기적인 솔루션을 지속적으로 혁신하고 창조합니다.",
4629    value2: "도전",
4630    value2Desc: "우리는 도전을 성장하고 개선하며 가능성의 한계를 넓힐 기회로 받아들입니다.",
4631    value3: "공익",
4632    value3Desc: "우리는 책임있는 비즈니스 관행과 기술 발전을 통해 사회에 기여하기 위해 최선을 다하고 있습니다.",
4633    value4: "정직",
4634    value4Desc: "우리는 모든 비즈니스 관계와 운영에서 최고 수준의 정직성을 유지합니다."
4635  },
4636  // Business Areas
4637  business: {
4638    section: "Business Units",
4639    title1: "Advanced Vision",
4640    title2: "Inspection Solutions",
4641    description: "세계 최고의 제조업체를 위한 AI 기반 비전 검사 및 자동화 솔루션",
4642    // Products & Solutions
4643    productsTitle: "Products & Solutions",
4644    productsSubtitle: "Comprehensive Vision Technology Portfolio",
4645    productsDesc: "디스플레이, 배터리, 반도체 산업을 위한 통합 검사 및 자동화 솔루션을 제공합니다.",
4646    // Mobile & Camera Module Automation
4647    mobileTitle: "Mobile & Camera Module Automation",
4648    mobileSubtitle: "High-Precision Display & Camera Inspection",
4649    mobileDesc: "스마트폰 디스플레이 및 카메라 모듈의 완벽한 품질을 보장하는 첨단 비전 검사 시스템",
4650    mobileFeature1: "디스플레이 결함 검사",
4651    mobileFeature1Desc: "마이크로 스크래치, 먼지, 휘도 불균일 검출",
4652    mobileFeature2: "카메라 모듈 정렬",
4653    mobileFeature2Desc: "±1μm 정밀도의 자동 정렬 시스템",
4654    mobileFeature3: "터치 패널 테스트",
4655    mobileFeature3Desc: "멀티 터치 감지 및 응답속도 검증",
4656    mobileClients: "주요 고객사",
4657    mobileClientsList: "Samsung Display, LG Innotek, BOE Technology",
4658    // Rechargeable Battery Assembly Line Vision
4659    batteryTitle: "Rechargeable Battery Assembly Line Vision",
4660    batterySubtitle: "EV Battery Manufacturing Excellence",
4661    batteryDesc: "전기차 배터리 셀 조립 라인의 모든 공정에 대한 실시간 비전 검사 및 품질 관리",
4662    batteryFeature1: "셀 용접 검사",
4663    batteryFeature1Desc: "레이저 용접부 품질 실시간 모니터링",
4664    batteryFeature2: "전극 정렬 검증",
4665    batteryFeature2Desc: "배터리 셀 적층 공정의 정밀 검사",
4666    batteryFeature3: "외관 결함 검출",
4667    batteryFeature3Desc: "AI 기반 표면 결함 자동 분류",
4668    batteryCapacity: "생산 능력",
4669    batteryCapacityValue: "시간당 3,000셀 검사",
4670    // Bio Inspection
4671    bioTitle: "Bio Inspection",
4672    bioSubtitle: "Medical & Pharmaceutical Quality Control",
4673    bioDesc: "의약품 및 의료기기 제조를 위한 청정실 환경 특화 비전 검사 솔루션",
4674    bioFeature1: "바이알 검사",
4675    bioFeature1Desc: "약병 내 이물질 및 충진량 검증",
4676    bioFeature2: "블리스터 팩 검사",
4677    bioFeature2Desc: "정제 유무, 크랙, 색상 검사",
4678    bioFeature3: "PCR 키트 검사",
4679    bioFeature3Desc: "진단 키트 조립 품질 관리",
4680    bioCompliance: "규제 준수",
4681    bioComplianceList: "FDA 21 CFR Part 11, GMP, ISO 13485",
4682    // Wafer AOI
4683    waferTitle: "Wafer AOI",
4684    waferSubtitle: "Semiconductor Wafer Inspection",
4685    waferDesc: "반도체 웨이퍼 제조 공정의 나노급 결함 검출 및 자동광학검사",
4686    waferFeature1: "웨이퍼 표면 검사",
4687    waferFeature1Desc: "나노 스케일 스크래치 및 파티클 검출",
4688    waferFeature2: "패턴 정렬 검증",
4689    waferFeature2Desc: "포토리소그래피 공정 품질 관리",
4690    waferFeature3: "다이 분류",
4691    waferFeature3Desc: "양품/불량 자동 분류 및 맵핑",
4692    waferResolution: "검사 해상도",
4693    waferResolutionValue: "< 100nm 결함 검출 가능",
4694    // Common
4695    learnMore: "자세히 보기",
4696    keyFeatures: "핵심 기능",
4697    technicalSpecs: "기술 사양",
4698    applications: "적용 분야",
4699    downloadBrochure: "브로셔 다운로드",
4700    contactSales: "영업 문의",
4701    trustedBy: "글로벌 파트너"
4702  },
4703  // Investor Relations
4704  investors: {
4705    section: "투자자 정보",
4706    title: "투자자 관계",
4707    description: "투명한 커뮤니케이션과 강력한 거버넌스 원칙이 투자자 및 이해관계자와의 관계를 안내합니다. 재무 성과, 보고서 및 향후 이벤트를 살펴보세요.",
4708    revenueGrowth: "매출 성장",
4709    revenueGrowthPeriod: "전년 대비 2024-25",
4710    ebitdaMargin: "EBITDA 마진",
4711    ebitdaMarginPeriod: "FY 2024-25",
4712    orderBook: "수주 잔고",
4713    orderBookPeriod: "FY25 3분기 기준",
4714    marketCap: "시가총액",
4715    marketCapPeriod: "현재 평가액",
4716    financialReports: "재무 보고서",
4717    upcomingEvents: "예정된 이벤트",
4718    governance: "지배구조",
4719    annualReport: "2024-25 연간 보고서",
4720    q3Results: "FY25 3분기 실적",
4721    expansionStrategy: "인도 확장 전략",
4722    annualReportType: "연간 보고서",
4723    quarterlyResults: "분기별 실적",
4724    presentation: "투자자 프레젠테이션",
4725    q4Earnings: "FY25 4분기 실적 발표",
4726    agm: "정기 주주총회",
4727    investorMeet: "투자자 간담회 - 뭄바이",
4728    earnings: "실적",
4729    conference: "컨퍼런스",
4730    register: "등록",
4731    boardOfDirectors: "이사회",
4732    chairman: "회장 & CEO",
4733    managingDirector: "전무이사 - 인도",
4734    independentDirector: "사외이사",
4735    executiveDirector: "상무이사",
4736    complianceEthics: "준법 & 윤리",
4737    codeOfConduct: "행동 강령",
4738    auditCharter: "감사위원회 규정",
4739    whistleblower: "내부고발자 정책",
4740    viewAll: "모든 거버넌스 문서 보기",
4741    irContact: "투자자 관계 연락처",
4742    irContactDesc: "투자자 문의, 재무 정보 또는 HyVISION의 사업 및 운영에 대한 일반적인 질문은 IR 팀으로 연락해 주시기 바랍니다.",
4743    email: "이메일",
4744    phone: "전화",
4745    subscribeUpdates: "업데이트 구독",
4746    subscribeDesc: "최신 재무 뉴스, 보고서 및 공지사항을 이메일로 받아보세요.",
4747    emailPlaceholder: "[email protected]",
4748    subscribe: "구독"
4749  },
4750  // Manufacturing
4751  manufacturing: {
4752    section: "Manufacturing",
4753    title1: "World-Class Manufacturing",
4754    title2: "Excellence in India",
4755    description: `하이비젼시스템의 인도 공장은 단순 현지 지사 수준이 아닌,
4756R&D·생산·교육이 통합된 현지 완결형 공장입니다.`,
4757    // Bengaluru Plant Overview
4758    plantTitle: "규모와 설비 경쟁력",
4759    plantSubtitle: "최첨단 제조 허브",
4760    plantDesc: "글로벌 비전 기술, 인도에서 제조됩니다.",
4761    // Stats
4762    landArea: "부지 면적",
4763    productionArea: "생산 면적",
4764    completionYear: "준공 연도",
4765    cleanroomClass: "클린룸 등급",
4766    // Strategic Location
4767    strategicLocation: "전략적 입지",
4768    locationDevanahalli: "Devanahalli 산업단지",
4769    locationFoxconn: "폭스콘에서 10분 거리",
4770    locationFoxconnDesc: "주요 제조 클러스터에 직접 접근",
4771    locationTata: "타타 시설에서 1시간 거리",
4772    locationTataDesc: "인도 최고의 산업 생태계와 연결",
4773    locationBengaluru: "벵갈루루 기술 허브",
4774    locationBengaluruDesc: "세계적 수준의 엔지니어링 인재 확보",
4775    // Capabilities
4776    capability1Title: "제조 우수성",
4777    capability1Desc: "ISO Class 7 인증 클린룸, 첨단 SMT 생산 라인, 실시간 품질 모니터링 시스템.",
4778    capability2Title: "현지화 집중",
4779    capability2Desc: "구매, 가공, 창고, 조립 작업이 현장에 통합된 완전한 현지 공급망.",
4780    capability3Title: "교육 센터",
4781    capability3Desc: "지속적인 기술 개발과 기술 우수성을 위한 전용 OSS 교육 센터.",
4782    // CTA Section
4783    ctaTitle: "제조 우수성을 경험하세요",
4784    ctaDesc: "벵갈루루 시설을 방문하여 세계적 수준의 제조 현장을 직접 확인하세요",
4785    downloadBrochure: "브로셔 다운로드",
4786    schedulePlantVisit: "공장 견학 예약",
4787    // Manufacturing Facilities
4788    facilitiesTitle: "제조 시설",
4789    facilitiesSubtitle: "우리의 역량",
4790    facilitiesDesc: "정밀 제조를 위한 최첨단 장비와 기술",
4791    smtLines: "SMT 생산 라인",
4792    smtLinesDesc: "자동 광학 검사 기능을 갖춘 고속 표면 실장 기술 라인",
4793    assemblyLines: "조립 라인",
4794    assemblyLinesDesc: "다양한 제품 구성과 물량을 위한 유연한 조립 라인",
4795    cleanroomFacility: "클린룸 시설",
4796    cleanroomFacilityDesc: "민감한 부품 제조를 위한 ISO Class 7 인증 클린룸",
4797    testingLab: "테스트 실험실",
4798    testingLabDesc: "품질 검증 및 제품 인증을 위한 고급 테스트 장비",
4799    warehouseLogistics: "창고 및 물류",
4800    warehouseLogisticsDesc: "효율적인 재고 관리를 위한 통합 창고 관리 시스템",
4801    trainingCenterFacility: "교육 센터",
4802    trainingCenterFacilityDesc: "직원 교육 및 기술 개발 프로그램을 위한 전용 시설",
4803    // Quality Assurance
4804    qualityTitle: "품질 보증",
4805    qualitySubtitle: "모든 단계의 우수성",
4806    qualityDesc: "세계적 수준의 표준을 보장하는 엄격한 품질 관리 프로세스",
4807    inspectionRate: "검사율",
4808    isoNineZeroZeroOne: "ISO 9001",
4809    certified: "인증",
4810    monitoring: "모니터링",
4811    qualityPassRate: "품질 합격률",
4812    qualityManagement: "품질 관리",
4813    isoCertified: "ISO 9001 인증",
4814    isoCertifiedDesc: "국제적으로 인정받은 품질 경영 시스템 인증",
4815    hundredPercentInspection: "100% 검사",
4816    hundredPercentInspectionDesc: "모든 제품은 출하 전 종합적인 품질 검사를 거칩니다",
4817    traceabilitySystem: "추적 시스템",
4818    traceabilitySystemDesc: "원자재부터 완제품까지 완전한 추적",
4819    qualityControlProcess: "품질 관리 프로세스",
4820    incomingMaterialInspection: "입고 자재 검사",
4821    incomingMaterialInspectionDesc: "모든 입고 자재 및 부품 검증",
4822    inProcessInspection: "공정 중 검사",
4823    inProcessInspectionDesc: "생산 공정 중 실시간 모니터링",
4824    finalProductTesting: "최종 제품 테스트",
4825    finalProductTestingDesc: "종합적인 기능 및 성능 테스트",
4826    packagingShipmentQC: "포장 및 출하 품질 관리",
4827    packagingShipmentQCDesc: "고객 배송 전 최종 검증",
4828    // Technology & Service
4829    technologyServiceTitle: "기술 및 서비스",
4830    technologyServiceSubtitle: "종합 지원",
4831    technologyServiceDesc: "엔드투엔드 기술 지원 및 고객 서비스",
4832    technicalSupport: "기술 지원",
4833    technicalSupportDesc: "제품 통합 및 문제 해결을 위한 전문 기술 지원",
4834    available247: "24/7 가능",
4835    customerService: "고객 서비스",
4836    customerServiceDesc: "원활한 커뮤니케이션과 지원을 보장하는 전담 계정 관리자",
4837    dedicatedTeam: "전담 팀",
4838    trainingPrograms: "교육 프로그램",
4839    trainingProgramsDesc: "최적의 제품 사용 및 유지보수를 위한 종합 교육",
4840    certifiedPrograms: "인증 프로그램",
4841    // OSS Section
4842    ossTitle: "현장 지원 (OSS)",
4843    ossDesc: "경험이 풍부한 엔지니어가 장비의 최적 성능을 보장하기 위해 현장 설치, 시운전 및 유지보수 서비스를 제공합니다.",
4844    ossService1: "설치 및 시운전",
4845    ossService2: "예방 정비",
4846    ossService3: "긴급 수리",
4847    ossService4: "성능 최적화",
4848    contactOssTeam: "OSS 팀에 문의하기",
4849    service: "서비스"
4850  },
4851  // Sustainability
4852  sustainability: {
4853    section: "지속가능성",
4854    title: "지속 가능한 미래 건설",
4855    description: "환경적 책임에 대한 우리의 헌신은 규정 준수를 넘어섭니다. 이는 우리의 운영, 혁신 및 지역 사회 참여에 내재되어 있습니다.",
4856    cleanEnergy: "청정 에너지",
4857    cleanEnergyDesc: "벵갈루루 시설에 전력을 공급하는 재생 에너지",
4858    waterConservation: "물 절약",
4859    waterConservationDesc: "재활용을 통한 물 소비 감소",
4860    wasteManagement: "폐기물 관리",
4861    wasteManagementDesc: "제조 폐기물 재활용 또는 재사용",
4862    carbonNeutral: "탄소 중립",
4863    carbonNeutralDesc: "탄소 중립 운영 목표 연도",
4864    esgCommitments: "ESG 약속",
4865    environmental: "환경",
4866    environmentalDesc: "모든 운영에 걸친 무폐기물 제조 공정 및 지속 가능한 공급망 관리.",
4867    social: "사회",
4868    socialDesc: "지역 사회 개발 및 직원 복지에 중점을 둔 평등한 기회 고용주.",
4869    governance: "지배구조",
4870    governanceDesc: "강력한 윤리 기준 및 준법 체계를 갖춘 투명한 운영.",
4871    communityImpact: "지역 사회 영향",
4872    stemEducation: "STEM 교육",
4873    stemEducationDesc: "기술 교육 촉진을 위해 지역 학교와 파트너십",
4874    greenBelt: "녹지대 개발",
4875    greenBeltDesc: "제조 시설 주변에 녹지 공간 조성",
4876    skillDevelopment: "기술 개발",
4877    skillDevelopmentDesc: "지역 청년을 위한 첨단 제조 교육 프로그램"
4878  },
4879  // Careers
4880  careers: {
4881    section: "채용",
4882    title1: "HyVISION 인도와 함께",
4883    title2: "당신의 경력을 쌓으세요",
4884    description: "제조 기술의 미래를 형성하는 팀의 일원이 되십시오. 우리는 도전적인 업무, 세계적 수준의 교육 및 실질적인 영향을 미칠 기회를 제공합니다.",
4885    careerGrowth: "경력 성장",
4886    careerGrowthDesc: "글로벌 사무소에서 일할 기회가 있는 명확한 승진 경로",
4887    comprehensiveBenefits: "포괄적인 복리후생",
4888    comprehensiveBenefitsDesc: "건강 보험, 웰니스 프로그램 및 일과 삶의 균형 이니셔티브",
4889    globalExposure: "글로벌 경험",
4890    globalExposureDesc: "한국, 미국 및 기타 지역의 교육 및 프로젝트 기회",
4891    competitivePackage: "경쟁력 있는 패키지",
4892    competitivePackageDesc: "성과 보너스 및 스톡옵션이 포함된 업계 최고 수준의 보상",
4893    openPositions: "채용 공고",
4894    opportunities: "개 기회 제공",
4895    position1: "선임 비전 시스템 엔지니어",
4896    position2: "제조 운영 관리자",
4897    position3: "품질 관리 엔지니어",
4898    position4: "기술 강사",
4899    position5: "현장 서비스 엔지니어",
4900    position6: "R&D 엔지니어 - AI/ML",
4901    bengaluru: "벵갈루루",
4902    multipleCities: "여러 도시",
4903    engineering: "엔지니어링",
4904    operations: "운영",
4905    quality: "품질",
4906    training: "교육",
4907    service: "서비스",
4908    research: "연구",
4909    fullTime: "정규직",
4910    experience: "경력",
4911    years: "년",
4912    featured: "주목",
4913    viewDetails: "상세 보기",
4914    applyNow: "지원하기",
4915    lifeAtHyVISION: "HyVISION에서의 삶",
4916    innovationCulture: "혁신 문화",
4917    innovationCultureDesc: "비전 검사 및 자동화의 획기적인 솔루션에 기여하고 최첨단 기술을 다루십시오.",
4918    learningDevelopment: "학습 & 개발",
4919    learningDevelopmentDesc: "해당 분야의 글로벌 전문가로부터 배울 수 있는 지속적인 교육 프로그램, 인증 및 기회.",
4920    diverseInclusive: "다양성 & 포용성",
4921    diverseInclusiveDesc: "우리는 다양성을 기념하고 모든 사람이 번영하고 잠재력을 최대한 발휘할 수 있는 환경을 조성합니다.",
4922    cantFindRole: "원하시는 직무를 찾을 수 없나요?",
4923    cantFindRoleDesc: "우리는 항상 뛰어난 인재를 찾고 있습니다. 이력서를 제출하시면 적합한 포지션이 열릴 때 연락드리겠습니다.",
4924    submitCV: "이력서 제출",
4925    studentPrograms: "학생 & 졸업생 프로그램",
4926    studentProgramsDesc: "인턴십 및 졸업생 연수 프로그램으로 경력을 시작하십시오. 업계 최고의 프로젝트로 실무 경험을 쌓으세요.",
4927    explorePrograms: "프로그램 둘러보기",
4928    hiringProcess: "채용 프로세스",
4929    step1: "지원",
4930    step1Desc: "이력서 및 자기소개서 제출",
4931    step2: "심사",
4932    step2Desc: "초기 검토 및 전화 인터뷰",
4933    step3: "면접",
4934    step3Desc: "기술 및 문화 적합성 평가",
4935    step4: "채용",
4936    step4Desc: "채용 제안 및 온보딩"
4937  },
4938  // News
4939  news: {
4940    section: "미디어 센터",
4941    title: "뉴스 & 업데이트",
4942    description: "최신 개발, 파트너십 및 업계 인사이트에 대한 정보를 얻으십시오.",
4943    pressReleases: "보도자료",
4944    mediaGallery: "미디어 갤러리",
4945    events: "이벤트",
4946    featured: "주요 기사",
4947    corporate: "기업",
4948    operations: "영",
4949    business: "비즈니스",
4950    readFullStory: "전체 기사 읽기",
4951    share: "공유",
4952    readMore: "더 보기",
4953    news1Title: "HyVISION 인도, ₹200 Crore 확장 계획 발표",
4954    news1Excerpt: "2026년까지 새로운 첸나이 시설로 제조 능력 두 배 증대 예정.",
4955    news2Title: "벵갈루루 공장 공식 개소",
4956    news2Excerpt: "성장하는 인도 및 글로벌 시장을 위한 20,000㎡ 최첨단 시설.",
4957    news3Title: "주요 EV 제조업체와 전략적 파트너십",
4958    news3Excerpt: "첨단 배터리 검사 시스템 공급을 위한 다년 계약.",
4959    factoryTour: "공장 투어",
4960    technologyShowcase: "기술 쇼케이",
4961    ceoInterview: "CEO 인터뷰",
4962    video: "비디오",
4963    photoGallery: "사진 갤러리",
4964    podcast: "팟캐스트",
4965    view: "보기",
4966    event1: "FY25 4분기 실적 발표",
4967    event2: "인도 제조 서미트 2025",
4968    event3: "기술 혁신의 날",
4969    virtualEvent: "가상 이벤트",
4970    conference: "컨퍼런스",
4971    openHouse: "오픈 하우스",
4972    learnMore: "자세히 보기",
4973    mediaEnquiries: "미디어 문의",
4974    mediaEnquiriesDesc: "보도자료, 미디어 키트 또는 인터뷰 요청은 커뮤니케이션 팀에 문의하십시오.",
4975    email: "이메일",
4976    phone: "전화",
4977    subscribeUpdates: "업데이트 구독",
4978    subscribeDesc: "최신 뉴스 및 공지사항을 이메일로 받아보세요.",
4979    emailPlaceholder: "[email protected]",
4980    subscribe: "구독"
4981  },
4982  // Contact
4983  contact: {
4984    section: "문의하기",
4985    title: "연락처",
4986    description: "질문이 있거나 당사 솔루션에 대해 더 알고 싶으신가요? 저희 팀이 도와드리겠습니다.",
4987    sendMessage: "메시지 보내기",
4988    companyName: "회사명",
4989    companyPlaceholder: "귀사명",
4990    fullName: "성명",
4991    namePlaceholder: "이름",
4992    emailAddress: "이메일 주소",
4993    emailPlaceholder: "[email protected]",
4994    phoneNumber: "전화번호",
4995    phonePlaceholder: "+82 XX-XXXX-XXXX",
4996    subject: "문의 주제",
4997    subjectPlaceholder: "주제 선택",
4998    productEnquiry: "제품 문의",
4999    partnership: "파트너십 기회",
5000    support: "기술 지원",
5001    career: "채용 기회",
5002    other: "기타",
5003    message: "메시지",
5004    messagePlaceholder: "귀하의 요구사항에 대해 알려주세요...",
5005    submitEnquiry: "문의 제출",
5006    responseTime: "영업일 기준 24시간 이내에 응답드립니다",
5007    callUs: "전화 문의",
5008    businessHours: "월-금: 9 AM - 6 PM IST",
5009    emailUs: "이메일 문의",
5010    visitUs: "방문",
5011    globalOffices: "글로벌 사무소",
5012    indiaHQ: "인도 본사",
5013    koreaHQ: "한국 본사",
5014    address: "주소",
5015    seoul: "서울",
5016    southKorea: "대한민국",
5017    devanahalli: "Devanahalli Industrial Area",
5018    bangalore: "Bengaluru, Karnataka 562110",
5019    india: "인도"
5020  },
5021  // Footer
5022  footer: {
5023    tagline: "글로벌 산업에 비전 검사 및 자동화 시스템을 제공하는 선도적인 제조업체로, 벵갈루루의 최첨단 시설에서 서비스를 제공합니다.",
5024    companyOverview: "Overview",
5025    leadership: "경영진",
5026    globalPresence: "글로벌 입지",
5027    sustainability: "지속가능성",
5028    smartSensor: "스마트 센서 사업부",
5029    batterySystems: "배터리 시스템",
5030    automation: "자동화 솔루션",
5031    industryApplications: "산업 적용 분야",
5032    financialReports: "재무 보고서",
5033    investorEvents: "투자자 이벤트",
5034    corporateGovernance: "기업 지배구조",
5035    stockInfo: "주식 정보",
5036    manufacturing: "제조",
5037    careers: "채용",
5038    mediaCenter: "미디어 센터",
5039    contactUs: "문의하기",
5040    allRightsReserved: "© 2025 HyVISION SYSTEM ICCK India Pvt Ltd. All rights reserved.",
5041    privacyPolicy: "개인정보처리방침",
5042    termsConditions: "이용약관",
5043    cookiePolicy: "쿠키 정책",
5044    sitemap: "사이트맵",
5045    proudlyManufacturing: "Proudly Manufacturing in",
5046    india: "인도"
5047  },
5048  // WhatsApp
5049  whatsapp: {
5050    message: "안녕하세요! HyVISION India에 대해 문의하고 싶습니다."
5051  },
5052  // History
5053  history: {
5054    badge: "COMPANY HISTORY",
5055    title: "혁신과 성장의 여정",
5056    subtitle: "2002년 설립 이후 비전 검사 기술의 선두주자로서 글로벌 제조업의 미래를 만들어가고 있습니다",
5057    stat1: "설립년도",
5058    stat2: "KOSDAQ 상장",
5059    stat3: "글로벌 거점",
5060    stat4: "주요 사업 분야",
5061    periodGrowth: "성장기",
5062    periodNewGrowth: "신 성장동력 육성",
5063    periodGlobal: "글로벌 시장에서 역할 준비",
5064    timelineTitle: "회사 연혁",
5065    timelineSubtitle: "HyVISION SYSTEM ICCK의 성장과 혁신의 발자취",
5066    // 2002-2017 성장기
5067    milestone2002Title: "하이파넌시스템 설립",
5068    milestone2002Desc: "비전 검사 전문기업으로 출발",
5069    milestone2005Title: "INNOBIZ 기업 선정",
5070    milestone2005Desc: "기술혁신형 중소기업 인증",
5071    milestone2007Title: "ISO 9001 인증 및 벤처 확인",
5072    milestone2007Desc: "품질경영시스템 구축 및 벤처기업 인증",
5073    milestone2012Title: "KOSDAQ 상장",
5074    milestone2012Desc: "코스닥 시장 상장 및 현안법 수출탑 수상",
5075    milestone2015Title: '3D Printer 브랜드 "Cubicon" 판매',
5076    milestone2015Desc: "3D 프린팅 사업 진출",
5077    milestone2017Title: "자회사 Cubicon 설립 및 텔로넷 신공장 설립",
5078    milestone2017Desc: "사업 다각화 및 E인만둠 수출탑 수상",
5079    // 2018-2022 신 성장동력 육성
5080    milestone2018Title: "자회사 Furonteer 설립",
5081    milestone2018Desc: "머랙 수출의 탑 수상, 선사례 하이파전람물월센터 건립",
5082    milestone2021Title: "합자회사 HyBOZHON 설립",
5083    milestone2021Desc: "자회사 플랜유텔 설립, 2차전지 사업본부 신설 및 R&D 센터 구축",
5084    milestone2022Title: "구미공장 설립",
5085    milestone2022Desc: "충북 물질 미디스 정밀 유찬장사 설립",
5086    // 2023- 글로벌 시장에서 역할 준비
5087    milestone2023Title: "미국 법인 설립",
5088    milestone2023Desc: "차세대 연구소(Next Generation R&D Center) 신설, 2차전지 사업 분최화",
5089    milestone2024Title: "인도 법인 설립",
5090    milestone2024Desc: "BIO 검사 부사 신설 진출, 반도체 웨이퍼 AI와 설비 수주, 주사례 이사 비전 검사 설비 수주, 코스닥 라이징 스타 선정 (업계 1차)",
5091    // Future Vision
5092    futureBadge: "VISION 2030",
5093    futureTitle: "미래를 향한 도전",
5094    futureSubtitle: "AI와 비전 기술로 글로벌 스마트 제조의 새로운 표준을 만들어갑니다",
5095    futureGoal1: "글로벌 시장 리더십",
5096    futureGoal1Desc: "북미, 유럽, 아시아 주요 시장에서 비전 검사 기술 선도",
5097    futureGoal2: "기술 혁신",
5098    futureGoal2Desc: "AI, 2차전지, 바이오, 반도체 분야 기술 역량 강화",
5099    futureGoal3: "지속가능한 성장",
5100    futureGoal3Desc: "친환경 제조 프로세스 구축 및 글로벌 인재 양성",
5101    // Legacy
5102    legacyTitle: "품질과 신뢰의 약속",
5103    legacyDesc: "HyVISION SYSTEM ICCK는 2002년 설립 이후 20년 이상 축적된 기술력과 노하우를 바탕으로 고객에게 최고의 가치를 제공합니다. 한국에서 시작하여 미국, 인도, 중국으로 확장하는 우리의 여정은 끊임없는 혁신과 도전의 역사입니다."
5104  },
5105  // Core Competencies
5106  coreCompetencies: {
5107    badge: "CORE COMPETENCIES",
5108    title: "주요 역량 & 기술",
5109    subtitle: "HyVISION SYSTEM ICCK의 핵심 기술력과 솔루션",
5110    // Core Competencies Section
5111    competenciesTitle: "Core Competencies",
5112    imageProcessing: "영상처리기술",
5113    imageProcessingDesc: "첨단 영상처리 알고리즘과 실시간 검사 시스템으로 제조 공정의 품질을 보장합니다. 고해상도 이미지 캡처부터 딥러닝 기반 결함 분류까지 통합 솔루션을 제공합니다.",
5114    visionAlgorithm: "오센/패키지",
5115    visionAlgorithmDesc: "머신비전 알고리즘 개발 및 최적화로 고객 맞춤형 검사 솔루션을 구현합니다. 패턴 인식, 치수 측정, 외관 검사 등 다양한 어플리케이션에 적용 가능한 유연한 플폼입니다.",
5116    lensAlign: "렌즈 정렬 및 카메라 테스트",
5117    lensAlignDesc: "고정밀 렌즈 정렬 시스템과 카메라 성능 검증을 통해 최상의 이미지 품질을 확보합니다. 광학 정렬, 캘리브레이션, 성능 평가까지 완벽한 검사 솔루션을 제공합니다.",
5118    signalProcessing: "신호 처리",
5119    signalProcessingDesc: "고속 신호 처리 기술과 실시간 데이터 분석으로 정확한 검사 결과를 제공합니다. 노이즈 제거, 신호 증폭, 디지털 필터링 등 전문적인 신호 처리 기술을 적용합니다.",
5120    automationCompDesc: "로봇 자동화와 비전 시스템의 완벽한 통합으로 스마트 팩토리 구현을 지원합니다. PLC 제어, 로봇 인터페이스, MES 연동 등 종합 자동화 솔루션을 제공합니다.",
5121    robotics: "로봇공학",
5122    roboticsDesc: "산업용 로봇과 비전 시스템의 완벽한 통합으로 정밀 자동화를 실현합니다. 6축 로봇, 협동 로봇, SCARA 로봇 등 다양한 로봇 플랫폼과의 연동을 지원합니다.",
5123    printing3D: "3D 프린팅 기술",
5124    printing3DDesc: "3D 프린팅 기반 맞춤형 부품 제작과 프로토타입 개발을 지원합니다. 신속한 시제품 제작, 지그 및 픽스처 생산, 복잡한 형상 구현이 가능한 첨단 제조 기술입니다.",
5125    // Core Technology Section
5126    technologyTitle: "Core Technology",
5127    softwareTitle: "Software",
5128    softwareDesc: "High-end Image Real-Time Processing Software",
5129    softwareFeatures: [
5130      "High-end Image Real-Time Processing Software",
5131      "Image Algorithm",
5132      "Vision Recognition & Inspection algorithm"
5133    ],
5134    hardwareTitle: "Hardware",
5135    hardwareDesc: "High-end Hardware & Camera Systems",
5136    hardwareFeatures: [
5137      "High-end Hardware & Camera",
5138      "X-ray Camera & AI",
5139      "Linescan Camera & Multi Camera",
5140      "3D Vision System",
5141      "Multi Spectrum Camera",
5142      "High-speed image capture",
5143      "High speed RGB Dual Scan System",
5144      "High precision Stage & Controller"
5145    ],
5146    automationTechTitle: "Automation",
5147    automationTechDesc: "High accuracy Stage & Robotics Systems",
5148    automationFeatures: [
5149      "High accuracy Stage & Align",
5150      "Gantry Robotics",
5151      "Dual Transfer Active Align",
5152      "Cleanliness SMIF Packing Tool",
5153      "Display Multi Test System",
5154      "High speed full Auto Handler & Robot",
5155      "Clean Module Active Align",
5156      "Multi-PG Laser Annealer",
5157      "Automated Inline system"
5158    ]
5159  },
5160  // Common
5161  common: {
5162    required: "*"
5163  }
5164}, Vg = {
5165  // Navigation
5166  nav: {
5167    company: "About Us",
5168    business: "Businesses Units",
5169    innovation: "Innovation",
5170    coreTechnology: "Core Technology",
5171    technologyOverview: "Technology",
5172    manufacturing: "Manufacturing",
5173    newsEvents: "News & Events",
5174    contact: "Contact Us",
5175    careers: "Careers",
5176    // About Us submenu
5177    managementMessage: "CEO Message",
5178    companyOverview: "Overview",
5179    ourHistory: "Our History",
5180    coreCompetencies: "Our Technological Edge",
5181    majorCustomers: "Major Customers",
5182    // Business submenu
5183    mobileCamera: "Mobile & Camera Module Automation",
5184    batteryVision: "Rechargeable Battery Assembly Line Vision",
5185    bioInspection: "Bio Inspection",
5186    waferAOI: "Wafer AOI",
5187    components: "Products",
5188    // Manufacturing submenu
5189    bengaluruPlant: "Bengaluru Plant Overview",
5190    manufacturingFacilities: "Manufacturing Facilities",
5191    qualityAssurance: "Quality Assurance",
5192    technologyService: "Technology & Service Capabilities",
5193    // News & Events submenu
5194    latestUpdates: "Latest Updates",
5195    mediaPress: "Media & Press",
5196    downloadCenter: "Download Center",
5197    // Contact Us submenu
5198    inquiryForm: "Inquiry Form",
5199    // Media submenu (legacy - for compatibility)
5200    pressReleases: "Press Releases",
5201    mediaGallery: "Media Gallery",
5202    events: "Events",
5203    mediaKit: "Media Kit"
5204  },
5205  // Breadcrumb
5206  breadcrumb: {
5207    home: "Home",
5208    aboutUs: "About Us",
5209    businessUnits: "Business Units",
5210    manufacturing: "Manufacturing",
5211    newsEvents: "News & Events",
5212    careers: "Careers",
5213    contactUs: "Contact Us",
5214    managementMessage: "CEO Message",
5215    companyOverview: "Overview",
5216    sustainability: "Sustainability",
5217    investors: "Investors",
5218    media: "Media Center",
5219    ourHistory: "Our History",
5220    coreCompetencies: "Core Competencies"
5221  },
5222  // Hero
5223  hero: {
5224    badge: "Now Manufacturing in Bengaluru",
5225    title1: "Vision Inspection",
5226    title2: "Technology for India",
5227    subtitle: "Smart Inspection. Local Manufacturing. Global Standards.",
5228    description: "Leading manufacturer of advanced vision inspection and automation systems, now operating from our world-class facility in Bengaluru, Karnataka.",
5229    exploreSolutions: "Explore Our Solutions",
5230    investorRelations: "Investor Relations",
5231    viewAllSolutions: "View All Solutions",
5232    stat1: "15+",
5233    stat1Label: "Years Excellence",
5234    stat2: "5",
5235    stat2Label: "Global Locations",
5236    stat3: "1000+",
5237    stat3Label: "Installations",
5238    stat4: "20K㎡",
5239    stat4Label: "India Facility",
5240    // Why Choose Us
5241    whyChooseUs: "Why Choose Us",
5242    whyHyVISIONIndia: "Why Choose HyVISION India",
5243    whyHyVISIONIndiaDesc: "We bring together advanced Korean technology and India's manufacturing capabilities to deliver precision inspection solutions trusted by global industries.",
5244    qualityExcellence: "Quality Excellence",
5245    qualityExcellenceDesc: "Industry-leading inspection accuracy and reliability",
5246    localManufacturing: "Local Manufacturing",
5247    localManufacturingDesc: "State-of-the-art Bengaluru facility",
5248    skilledWorkforce: "Skilled Workforce",
5249    skilledWorkforceDesc: "Highly trained engineers and technicians",
5250    globalReach: "Global Reach",
5251    globalReachDesc: "Countries served worldwide",
5252    // CTA
5253    readyToPartner: "Ready to Partner for Growth?",
5254    readyToPartnerDesc: "Join hands with HyVISION and experience manufacturing excellence in India.",
5255    contactUs: "Contact Us",
5256    visitFacility: "Visit Our Facility"
5257  },
5258  // Company Overview (About Us)
5259  companyOverview: {
5260    section: "About Us",
5261    title1: "Global Technology,",
5262    title2: "Local Excellence",
5263    description: "HyVISION SYSTEM ICCK India represents the convergence of Korean technological excellence and India's manufacturing prowess, delivering cutting-edge inspection systems to the world's fastest-growing markets.",
5264    // Group Introduction
5265    groupIntro: "Group Introduction",
5266    groupIntroTitle: "HyVISION SYSTEM ICCK",
5267    groupIntroDesc: "Founded in South Korea in 2009, HyVISION SYSTEM ICCK has grown into a global leader in vision inspection and automation solutions. With over 15 years of expertise, we provide cutting-edge technology to leading companies in display, battery, and semiconductor industries.",
5268    groupHQ: "Korea Headquarters (Ansan)",
5269    groupHQDesc: "R&D Center & Global Operations Management",
5270    groupRevenue: "Annual Revenue",
5271    groupEmployees: "Global Employees",
5272    groupPatents: "Patents Held",
5273    // India Subsidiary
5274    indiaSubsidiary: "India Subsidiary Overview",
5275    indiaSubsidiaryTitle: "Bengaluru Manufacturing Hub",
5276    indiaSubsidiaryDesc: 'HyVISION India operates a state-of-the-art 20,000㎡ manufacturing facility in Bengaluru, serving as a local manufacturing hub for global clients. Aligned with the "Make in India" initiative, we create local employment and facilitate technology transfer.',
5277    indiaPlant: "Bengaluru Plant",
5278    indiaPlantLocation: "Karnataka, India",
5279    indiaPlantSize: "20,000㎡",
5280    indiaPlantEmployees: "300+ Engineers",
5281    indiaPlantCapacity: "1,000+ Systems Annually",
5282    localManufacturingHub: "Local Manufacturing Hub for Global Clients",
5283    // Business Philosophy
5284    philosophyTitle: "Business Philosophy",
5285    philosophySubtitle: "Our Management Principles",
5286    philosophy1: "Customer First",
5287    philosophy1Desc: "Your success is our success. Customer-centric solution development",
5288    philosophy2: "Innovation Driven",
5289    philosophy2Desc: "Leading the industry through continuous technological innovation",
5290    philosophy3: "Quality Excellence",
5291    philosophy3Desc: "Building trust through uncompromising quality",
5292    philosophy4: "Sustainable Growth",
5293    philosophy4Desc: "Growth considering environmental and social responsibility",
5294    stat1Value: "₹500+ Cr",
5295    stat1Label: "Annual Revenue",
5296    stat1Desc: "Projected FY 2025-26",
5297    stat2Value: "500+",
5298    stat2Label: "Employees",
5299    stat2Desc: "Global workforce",
5300    stat3Value: "50+",
5301    stat3Label: "Patents",
5302    stat3Desc: "Technology innovations",
5303    stat4Value: "ISO 9001",
5304    stat4Label: "Certified",
5305    stat4Desc: "Quality standards",
5306    businessDivisions: "Business Divisions",
5307    division1: "Smart Sensor Division",
5308    division1Desc: "Display & Camera Module Inspection",
5309    division2: "Battery Systems",
5310    division2Desc: "EV Battery Assembly & Testing",
5311    division3: "Automation Solutions",
5312    division3Desc: "Custom Vision Systems",
5313    revenue: "Revenue Share",
5314    globalNetwork: "Global Network",
5315    globalNetworkDesc: "With operations spanning across Asia, North America, and expanding into Europe, HyVISION maintains a robust global presence to serve our international clients with local expertise and support.",
5316    countries: "Countries",
5317    offices: "Offices",
5318    support: "Support",
5319    countriesServed: "Countries Served",
5320    korea: "🇰🇷 South Korea",
5321    koreaRole: "Headquarters & R&D Center",
5322    india: "🇮🇳 India",
5323    indiaRole: "Manufacturing & Engineering Hub",
5324    china: "🇨🇳 China",
5325    chinaRole: "Regional Operations",
5326    vietnam: "🇻🇳 Vietnam",
5327    vietnamRole: "Production Support",
5328    usa: "🇺🇸 United States",
5329    usaRole: "Sales & Service",
5330    // Vision & Mission
5331    visionMissionTitle: '"AI Inside Your Vision"',
5332    visionTitle: "Our Vision",
5333    visionDesc: "To enhance human quality of life by revolutionizing every manufacturing process with AI-powered vision technology.",
5334    missionTitle: "Our Mission",
5335    missionDesc: "Deliver world-class technology and localized services through our Global Innovation & Localization strategy.",
5336    globalInnovation: "Global Innovation",
5337    globalInnovationDesc: "Disseminating cutting-edge technology from Korea HQ R&D Center worldwide",
5338    localization: "Localization",
5339    localizationDesc: "Providing customized solutions based on local market understanding",
5340    // Global Partners
5341    partnersTitle: "Global Partners",
5342    partnersSubtitle: "Key Client Logos & Strategic Alliances",
5343    partnersDesc: "The world's leading companies trust HyVISION's technology",
5344    keyClients: "Key Clients",
5345    strategicPartners: "Strategic Partners",
5346    techPartners: "Technology Partners",
5347    partnershipYears: "Partnership Years",
5348    // Management Message
5349    managementTitle: "Management Message",
5350    ceoGreeting: "CEO Greeting",
5351    ceoName: "Choi Doo-won, CEO",
5352    ceoMessageTitle: "Towards a Future of Shared Growth",
5353    ceoMessage1: "Dear Valued Customers, Partners, and Shareholders,",
5354    ceoMessage2: "Thank you for visiting HyVISION SYSTEM ICCK India. We combine Korean technological expertise with Indian manufacturing excellence to deliver world-class vision inspection solutions to the global market.",
5355    ceoMessage3: "India plays a pivotal role in HyVISION's global growth strategy. Our state-of-the-art Bengaluru facility is not just a production site, but a hub for innovation and technology development.",
5356    ceoMessage4: 'Under our vision "AI Inside Your Vision," we will lead the industry through continuous innovation and customer-centric solution development. Your success is our success.',
5357    ceoSignature: "CEO, HyVISION SYSTEM ICCK",
5358    // Certifications
5359    certificationsTitle: "Certifications & Quality Standards",
5360    certificationsDesc: "International quality certifications and in-house testing capabilities",
5361    iso9001: "ISO 9001:2015",
5362    iso9001Desc: "Quality Management System",
5363    iso14001: "ISO 14001:2015",
5364    iso14001Desc: "Environmental Management System",
5365    ce: "CE Marking",
5366    ceDesc: "European Safety Standards",
5367    rohs: "RoHS Compliance",
5368    rohsDesc: "Restriction of Hazardous Substances",
5369    inHouseTesting: "In-house Testing Capabilities",
5370    inHouseTestingDesc: "Own quality inspection facilities and equipment",
5371    downloadCertificate: "Download Certificate"
5372  },
5373  // Leadership
5374  leadership: {
5375    section: "Leadership",
5376    title1: "Guided by Experience,",
5377    title2: "Driven by Vision",
5378    ceo: "D.W. Choi",
5379    ceoPosition: "Chief Executive Officer",
5380    ceoRegion: "Global Operations",
5381    ceoBio: "Leading HyVISION's global expansion with focus on innovation and sustainable growth.",
5382    md: "Rajesh Kumar",
5383    mdPosition: "Managing Director",
5384    mdRegion: "India Operations",
5385    mdBio: "Spearheading manufacturing excellence and local partnerships in India.",
5386    cto: "Dr. Priya Sharma",
5387    ctoPosition: "Chief Technology Officer",
5388    ctoRegion: "Innovation & R&D",
5389    ctoBio: "Driving technological advancement in vision inspection and AI integration.",
5390    values: "Our Values",
5391    valuesTitle: "The Foundation of Our Success",
5392    valuesDesc: "Our core values guide every decision we make and every product we create, ensuring we deliver excellence while maintaining our commitment to ethical business practices.",
5393    value1: "Creation",
5394    value1Desc: "We continuously innovate and create groundbreaking solutions that set new industry standards.",
5395    value2: "Challenge",
5396    value2Desc: "We embrace challenges as opportunities to grow, improve, and push the boundaries of what's possible.",
5397    value3: "Public Interest",
5398    value3Desc: "We are committed to contributing to society through responsible business practices and technology advancement.",
5399    value4: "Integrity",
5400    value4Desc: "We maintain the highest standards of integrity in all our business relationships and operations."
5401  },
5402  // Business Areas
5403  business: {
5404    section: "Business Units",
5405    title1: "Advanced Vision",
5406    title2: "Inspection Solutions",
5407    description: "AI-powered vision inspection and automation solutions for the world's leading manufacturers",
5408    // Products & Solutions
5409    productsTitle: "Products & Solutions",
5410    productsSubtitle: "Comprehensive Vision Technology Portfolio",
5411    productsDesc: "Integrated inspection and automation solutions for display, battery, and semiconductor industries.",
5412    // Mobile & Camera Module Automation
5413    mobileTitle: "Mobile & Camera Module Automation",
5414    mobileSubtitle: "High-Precision Display & Camera Inspection",
5415    mobileDesc: "Advanced vision inspection systems ensuring perfect quality for smartphone displays and camera modules",
5416    mobileFeature1: "Display Defect Inspection",
5417    mobileFeature1Desc: "Micro-scratch, dust, and luminance uniformity detection",
5418    mobileFeature2: "Camera Module Alignment",
5419    mobileFeature2Desc: "Automatic alignment system with ±1μm precision",
5420    mobileFeature3: "Touch Panel Testing",
5421    mobileFeature3Desc: "Multi-touch detection and response speed verification",
5422    mobileClients: "Key Clients",
5423    mobileClientsList: "Samsung Display, LG Innotek, BOE Technology",
5424    // Rechargeable Battery Assembly Line Vision
5425    batteryTitle: "Rechargeable Battery Assembly Line Vision",
5426    batterySubtitle: "EV Battery Manufacturing Excellence",
5427    batteryDesc: "Real-time vision inspection and quality control for all processes in electric vehicle battery cell assembly lines",
5428    batteryFeature1: "Cell Welding Inspection",
5429    batteryFeature1Desc: "Real-time monitoring of laser weld quality",
5430    batteryFeature2: "Electrode Alignment Verification",
5431    batteryFeature2Desc: "Precision inspection of battery cell stacking process",
5432    batteryFeature3: "Appearance Defect Detection",
5433    batteryFeature3Desc: "AI-based automatic surface defect classification",
5434    batteryCapacity: "Production Capacity",
5435    batteryCapacityValue: "3,000 cells/hour inspection",
5436    // Bio Inspection
5437    bioTitle: "Bio Inspection",
5438    bioSubtitle: "Medical & Pharmaceutical Quality Control",
5439    bioDesc: "Vision inspection solutions specialized for cleanroom environments in pharmaceutical and medical device manufacturing",
5440    bioFeature1: "Vial Inspection",
5441    bioFeature1Desc: "Foreign particle and fill level verification",
5442    bioFeature2: "Blister Pack Inspection",
5443    bioFeature2Desc: "Tablet presence, crack, and color inspection",
5444    bioFeature3: "PCR Kit Inspection",
5445    bioFeature3Desc: "Diagnostic kit assembly quality control",
5446    bioCompliance: "Regulatory Compliance",
5447    bioComplianceList: "FDA 21 CFR Part 11, GMP, ISO 13485",
5448    // Wafer AOI
5449    waferTitle: "Wafer AOI",
5450    waferSubtitle: "Semiconductor Wafer Inspection",
5451    waferDesc: "Nano-scale defect detection and automated optical inspection for semiconductor wafer manufacturing processes",
5452    waferFeature1: "Wafer Surface Inspection",
5453    waferFeature1Desc: "Nano-scale scratch and particle detection",
5454    waferFeature2: "Pattern Alignment Verification",
5455    waferFeature2Desc: "Photolithography process quality control",
5456    waferFeature3: "Die Sorting",
5457    waferFeature3Desc: "Automatic good/bad classification and mapping",
5458    waferResolution: "Inspection Resolution",
5459    waferResolutionValue: "< 100nm defect detection capability",
5460    // Common
5461    learnMore: "Learn More",
5462    keyFeatures: "Key Features",
5463    technicalSpecs: "Technical Specifications",
5464    applications: "Applications",
5465    downloadBrochure: "Download Brochure",
5466    contactSales: "Contact Sales",
5467    trustedBy: "Global Partners",
5468    trustedBy: "Trusted by Industry Leaders",
5469    trustedByDesc: "Our solutions power manufacturing excellence for global brands",
5470    client: "Client",
5471    industryApplications: "Industry Applications",
5472    consumerElectronics: "Consumer Electronics",
5473    electricVehicles: "Electric Vehicles",
5474    semiconductors: "Semiconductors",
5475    medicalDevices: "Medical Devices",
5476    projects: "Projects"
5477  },
5478  // Investor Relations
5479  investors: {
5480    section: "For Investors",
5481    title: "Investor Relations",
5482    description: "Transparent communication and strong governance principles guide our relationship with investors and stakeholders. Explore our financial performance, reports, and upcoming events.",
5483    revenueGrowth: "Revenue Growth",
5484    revenueGrowthPeriod: "YoY 2024-25",
5485    ebitdaMargin: "EBITDA Margin",
5486    ebitdaMarginPeriod: "FY 2024-25",
5487    orderBook: "Order Book",
5488    orderBookPeriod: "As of Q3 FY25",
5489    marketCap: "Market Cap",
5490    marketCapPeriod: "Current Valuation",
5491    financialReports: "Financial Reports",
5492    upcomingEvents: "Upcoming Events",
5493    governance: "Governance",
5494    annualReport: "Annual Report 2024-25",
5495    q3Results: "Q3 FY25 Results",
5496    expansionStrategy: "India Expansion Strategy",
5497    annualReportType: "Annual Report",
5498    quarterlyResults: "Quarterly Results",
5499    presentation: "Investor Presentation",
5500    q4Earnings: "Q4 FY25 Earnings Call",
5501    agm: "Annual General Meeting",
5502    investorMeet: "Investor Meet - Mumbai",
5503    earnings: "Earnings",
5504    conference: "Conference",
5505    register: "Register",
5506    boardOfDirectors: "Board of Directors",
5507    chairman: "Chairman & CEO",
5508    managingDirector: "Managing Director - India",
5509    independentDirector: "Independent Director",
5510    executiveDirector: "Executive Director",
5511    complianceEthics: "Compliance & Ethics",
5512    codeOfConduct: "Code of Conduct",
5513    auditCharter: "Audit Committee Charter",
5514    whistleblower: "Whistleblower Policy",
5515    viewAll: "View All Governance Documents",
5516    irContact: "Investor Relations Contact",
5517    irContactDesc: "For investor inquiries, financial information, or general questions about HyVISION's business and operations, please reach out to our IR team.",
5518    email: "Email",
5519    phone: "Phone",
5520    subscribeUpdates: "Subscribe to Updates",
5521    subscribeDesc: "Get the latest financial news, reports, and announcements directly to your inbox.",
5522    emailPlaceholder: "[email protected]",
5523    subscribe: "Subscribe"
5524  },
5525  // Manufacturing
5526  manufacturing: {
5527    section: "Manufacturing",
5528    title1: "World-Class Manufacturing",
5529    title2: "Excellence in India",
5530    description: "HyVISION's India plant is not just a local branch,\\nbut a fully integrated facility combining R&D, production, and training.",
5531    // Bengaluru Plant Overview
5532    plantTitle: "Scale and Facility Competitiveness",
5533    plantSubtitle: "State-of-the-Art Manufacturing Hub",
5534    plantDesc: "HyVISION's cutting-edge manufacturing facility located in Bengaluru, India's technology capital",
5535    plantLocation: "Location",
5536    plantLocationValue: "Electronic City, Bengaluru, Karnataka, India",
5537    plantSize: "Facility Size",
5538    plantSizeValue: "50,000 sq.ft",
5539    plantInvestment: "Investment",
5540    plantInvestmentValue: "₹150 Crore",
5541    plantEmployees: "Employees",
5542    plantEmployeesValue: "500+ Engineers & Technicians",
5543    // Manufacturing Facilities
5544    facilitiesTitle: "Manufacturing Facilities",
5545    facilitiesSubtitle: "Advanced Production Infrastructure",
5546    facilitiesDesc: "State-of-the-art manufacturing lines with Industry 4.0 smart factory systems",
5547    facility1: "Vision System Assembly Line",
5548    facility1Desc: "Robotic automation and IoT monitoring systems",
5549    facility2: "Optical Component Manufacturing",
5550    facility2Desc: "Precision optical component processing in cleanroom environment",
5551    facility3: "PCB Assembly Line",
5552    facility3Desc: "SMT and automated inspection equipment",
5553    facility4: "R&D Center",
5554    facility4Desc: "New product development and custom solutions",
5555    productionCapacity: "Production Capacity",
5556    productionCapacityValue: "200 vision inspection systems per month",
5557    // Quality Assurance
5558    qualityTitle: "Quality Assurance",
5559    qualitySubtitle: "Zero Defect Manufacturing",
5560    qualityDesc: "Ensuring the highest quality through comprehensive quality control systems",
5561    qualityISO: "ISO 9001:2015 Certified",
5562    qualityISODesc: "International quality management system certification",
5563    qualityProcess: "Process Control",
5564    qualityProcessDesc: "SPC-based real-time process monitoring",
5565    qualityInspection: "100% Inspection",
5566    qualityInspectionDesc: "Full performance verification before shipment",
5567    qualityTracking: "Traceability",
5568    qualityTrackingDesc: "Blockchain-based component tracking system",
5569    certifications: "Certifications",
5570    certificationsISO: "ISO 9001:2015",
5571    certificationsISO14001: "ISO 14001:2015",
5572    certificationsOHSAS: "ISO 45001:2018",
5573    // Technology & Service Capabilities
5574    technologyTitle: "Technology & Service Capabilities",
5575    technologySubtitle: "End-to-End Solution Provider",
5576    technologyDesc: "Total solution from design to after-sales service",
5577    techDesign: "Custom Design",
5578    techDesignDesc: "Vision system design based on customer requirements",
5579    techManufacturing: "Local Manufacturing",
5580    techManufacturingDesc: "Full process production at Bengaluru facility",
5581    techInstallation: "Installation & Commissioning",
5582    techInstallationDesc: "On-site installation and performance verification",
5583    techSupport: "24/7 Technical Support",
5584    techSupportDesc: "Remote and on-site technical support",
5585    techTraining: "Customer Training",
5586    techTrainingDesc: "Equipment operation and maintenance training",
5587    serviceResponse: "Service Response Time",
5588    serviceResponseValue: "< 4 hours (within India)",
5589    // Common
5590    learnMore: "Learn More",
5591    downloadBrochure: "Download Brochure",
5592    contactUs: "Contact Us",
5593    viewGallery: "View Gallery",
5594    quality: "quality",
5595    ourJourney: "Our Journey",
5596    siteSelection: "Site Selection",
5597    siteSelectionDesc: "Strategic location chosen in Devanahalli Industrial Area for optimal logistics and talent access",
5598    construction: "Construction Phase",
5599    constructionDesc: "Ground-breaking ceremony and construction of 20,000㎡ state-of-the-art manufacturing facility",
5600    operationsLaunch: "Operations Launch",
5601    operationsLaunchDesc: "Full-scale production commences with automated assembly lines and quality control systems",
5602    expansion: "Phase 2 Expansion",
5603    expansionDesc: "Chennai facility and increased production capacity to meet growing demand",
5604    completed: "Completed",
5605    current: "Current",
5606    planned: "Planned",
5607    inProgress: "In Progress",
5608    localization: "Localization Strategy",
5609    localizationDesc: `Our commitment to "Make in India" goes beyond assembly. We actively develop local supply chains, invest in talent development, and contribute to India's growing position as a global manufacturing hub.`,
5610    localSourcing: "Local Sourcing",
5611    localSourcingDesc: "60% of components sourced by Indian suppliers",
5612    talentDevelopment: "Talent Development",
5613    talentDevelopmentDesc: "Comprehensive training programs for local engineers",
5614    technologyTransfer: "Technology Transfer",
5615    technologyTransferDesc: "Advanced manufacturing knowledge sharing with local partners",
5616    empoweringTalent: "Empowering Local Talent",
5617    empoweringTalentDesc: "Building India's future in vision technology"
5618  },
5619  // Sustainability
5620  sustainability: {
5621    section: "Sustainability",
5622    title: "Building a Sustainable Future",
5623    description: "Our commitment to environmental responsibility extends beyond compliance—it's embedded in our operations, innovation, and community engagement.",
5624    cleanEnergy: "Clean Energy",
5625    cleanEnergyDesc: "Renewable energy powering our Bengaluru facility",
5626    waterConservation: "Water Conservation",
5627    waterConservationDesc: "Reduction in water consumption through recycling",
5628    wasteManagement: "Waste Management",
5629    wasteManagementDesc: "Manufacturing waste recycled or reused",
5630    carbonNeutral: "Carbon Neutral",
5631    carbonNeutralDesc: "Target year for carbon neutral operations",
5632    esgCommitments: "ESG Commitments",
5633    environmental: "Environmental",
5634    environmentalDesc: "Zero-waste manufacturing processes and sustainable supply chain management across all operations.",
5635    social: "Social",
5636    socialDesc: "Equal opportunity employer with focus on local community development and employee welfare.",
5637    governance: "Governance",
5638    governanceDesc: "Transparent operations with robust ethical standards and compliance frameworks.",
5639    communityImpact: "Community Impact",
5640    stemEducation: "STEM Education",
5641    stemEducationDesc: "Partnering with local schools to promote technology education",
5642    greenBelt: "Green Belt Development",
5643    greenBeltDesc: "Creating green spaces around our manufacturing facilities",
5644    skillDevelopment: "Skill Development",
5645    skillDevelopmentDesc: "Training programs for local youth in advanced manufacturing"
5646  },
5647  // Careers
5648  careers: {
5649    section: "Join Our Team",
5650    title1: "Build Your Career",
5651    title2: "With HyVISION India",
5652    description: "Be part of a team that's shaping the future of manufacturing technology. We offer challenging work, world-class training, and opportunities to make a real impact.",
5653    careerGrowth: "Career Growth",
5654    careerGrowthDesc: "Clear advancement paths with opportunities to work across our global offices",
5655    comprehensiveBenefits: "Comprehensive Benefits",
5656    comprehensiveBenefitsDesc: "Health insurance, wellness programs, and work-life balance initiatives",
5657    globalExposure: "Global Exposure",
5658    globalExposureDesc: "Training and project opportunities in Korea, USA, and other locations",
5659    competitivePackage: "Competitive Package",
5660    competitivePackageDesc: "Industry-leading compensation with performance bonuses and stock options",
5661    openPositions: "Open Positions",
5662    opportunities: "opportunities available",
5663    position1: "Senior Vision Systems Engineer",
5664    position2: "Manufacturing Operations Manager",
5665    position3: "Quality Control Engineer",
5666    position4: "Technical Trainer",
5667    position5: "Field Service Engineer",
5668    position6: "R&D Engineer - AI/ML",
5669    bengaluru: "Bengaluru",
5670    multipleCities: "Multiple Cities",
5671    engineering: "Engineering",
5672    operations: "Operations",
5673    quality: "Quality",
5674    training: "Training",
5675    service: "Service",
5676    research: "Research",
5677    fullTime: "Full-time",
5678    experience: "experience",
5679    years: "years",
5680    featured: "Featured",
5681    viewDetails: "View Details",
5682    applyNow: "Apply Now",
5683    lifeAtHyVISION: "Life at HyVISION",
5684    innovationCulture: "Innovation Culture",
5685    innovationCultureDesc: "Work with cutting-edge technology and contribute to breakthrough solutions in vision inspection and automation.",
5686    learningDevelopment: "Learning & Development",
5687    learningDevelopmentDesc: "Continuous training programs, certifications, and opportunities to learn from global experts in the field.",
5688    diverseInclusive: "Diverse & Inclusive",
5689    diverseInclusiveDesc: "We celebrate diversity and create an environment where everyone can thrive and reach their full potential.",
5690    cantFindRole: "Can't Find Your Role?",
5691    cantFindRoleDesc: "We're always looking for exceptional talent. Submit your resume and we'll reach out when a suitable position opens up.",
5692    submitCV: "Submit Your CV",
5693    studentPrograms: "Student & Graduate Programs",
5694    studentProgramsDesc: "Launch your career with our internship and graduate trainee programs. Gain hands-on experience with industry-leading projects.",
5695    explorePrograms: "Explore Programs",
5696    hiringProcess: "Our Hiring Process",
5697    step1: "Application",
5698    step1Desc: "Submit your resume and cover letter",
5699    step2: "Screening",
5700    step2Desc: "Initial review and phone interview",
5701    step3: "Interview",
5702    step3Desc: "Technical and cultural fit assessment",
5703    step4: "Offer",
5704    step4Desc: "Offer letter and onboarding"
5705  },
5706  // News
5707  news: {
5708    section: "Media Center",
5709    title: "News & Updates",
5710    description: "Stay informed about our latest developments, partnerships, and industry insights.",
5711    pressReleases: "Press Releases",
5712    mediaGallery: "Media Gallery",
5713    events: "Events",
5714    featured: "Featured",
5715    corporate: "Corporate",
5716    operations: "Operations",
5717    business: "Business",
5718    readFullStory: "Read Full Story",
5719    share: "Share",
5720    readMore: "Read More",
5721    news1Title: "HyVISION India Announces ₹200 Crore Expansion Plan",
5722    news1Excerpt: "Company to double manufacturing capacity with new Chennai facility by 2026.",
5723    news2Title: "Bengaluru Factory Officially Inaugurated",
5724    news2Excerpt: "20,000㎡ state-of-the-art facility to serve growing Indian and global markets.",
5725    news3Title: "Strategic Partnership with Leading EV Manufacturer",
5726    news3Excerpt: "Multi-year contract to supply advanced battery inspection systems.",
5727    factoryTour: "Factory Tour",
5728    technologyShowcase: "Technology Showcase",
5729    ceoInterview: "CEO Interview",
5730    video: "Video",
5731    photoGallery: "Photo Gallery",
5732    podcast: "Podcast",
5733    view: "View",
5734    event1: "Q4 FY25 Results Announcement",
5735    event2: "India Manufacturing Summit 2025",
5736    event3: "Technology Innovation Day",
5737    virtualEvent: "Virtual Event",
5738    conference: "Conference",
5739    openHouse: "Open House",
5740    learnMore: "Learn More",
5741    mediaEnquiries: "Media Enquiries",
5742    mediaEnquiriesDesc: "For press releases, media kits, or interview requests, please contact our communications team.",
5743    email: "Email",
5744    phone: "Phone",
5745    subscribeUpdates: "Subscribe to Updates",
5746    subscribeDesc: "Get the latest news and announcements delivered to your inbox.",
5747    emailPlaceholder: "[email protected]",
5748    subscribe: "Subscribe"
5749  },
5750  // Contact
5751  contact: {
5752    section: "Get in Touch",
5753    title: "Contact Us",
5754    description: "Have a question or want to learn more about our solutions? Our team is here to help.",
5755    sendMessage: "Send Us a Message",
5756    companyName: "Company Name",
5757    companyPlaceholder: "Your company",
5758    fullName: "Full Name",
5759    namePlaceholder: "Your name",
5760    emailAddress: "Email Address",
5761    emailPlaceholder: "[email protected]",
5762    phoneNumber: "Phone Number",
5763    phonePlaceholder: "+91 XXXXX XXXXX",
5764    subject: "Subject",
5765    subjectPlaceholder: "Select a topic",
5766    productEnquiry: "Product Enquiry",
5767    partnership: "Partnership Opportunities",
5768    support: "Technical Support",
5769    career: "Career Opportunities",
5770    other: "Other",
5771    message: "Message",
5772    messagePlaceholder: "Tell us about your requirements...",
5773    submitEnquiry: "Submit Enquiry",
5774    responseTime: "We typically respond within 24 hours during business days",
5775    callUs: "Call Us",
5776    businessHours: "Mon-Fri: 9 AM - 6 PM IST",
5777    emailUs: "Email Us",
5778    visitUs: "Visit Us",
5779    globalOffices: "Global Offices",
5780    indiaHQ: "India Headquarters",
5781    koreaHQ: "Korea Headquarters",
5782    address: "Address",
5783    seoul: "Seoul",
5784    southKorea: "South Korea",
5785    devanahalli: "Devanahalli Industrial Area",
5786    bangalore: "Bengaluru, Karnataka 562110",
5787    india: "India"
5788  },
5789  // Footer
5790  footer: {
5791    tagline: "A leading manufacturer of vision inspection and automation systems, serving global industries from our state-of-the-art facility in Bengaluru.",
5792    companyOverview: "Overview",
5793    leadership: "Leadership",
5794    globalPresence: "Global Presence",
5795    sustainability: "Sustainability",
5796    smartSensor: "Smart Sensor Division",
5797    batterySystems: "Battery Systems",
5798    automation: "Automation Solutions",
5799    industryApplications: "Industry Applications",
5800    financialReports: "Financial Reports",
5801    investorEvents: "Investor Events",
5802    corporateGovernance: "Corporate Governance",
5803    stockInfo: "Stock Information",
5804    manufacturing: "Manufacturing",
5805    careers: "Careers",
5806    mediaCenter: "Media Center",
5807    contactUs: "Contact Us",
5808    allRightsReserved: "© 2025 HyVISION SYSTEM ICCK India Pvt Ltd. All rights reserved.",
5809    privacyPolicy: "Privacy Policy",
5810    termsConditions: "Terms & Conditions",
5811    cookiePolicy: "Cookie Policy",
5812    sitemap: "Sitemap",
5813    proudlyManufacturing: "Proudly Manufacturing in",
5814    india: "India"
5815  },
5816  // WhatsApp
5817  whatsapp: {
5818    message: "Hello! I would like to inquire about HyVISION India."
5819  },
5820  // History
5821  history: {
5822    badge: "COMPANY HISTORY",
5823    title: "Journey of Innovation & Growth",
5824    subtitle: "Since our establishment in 2002, we have been leading vision inspection technology and shaping the future of global manufacturing",
5825    stat1: "Founded",
5826    stat2: "KOSDAQ Listed",
5827    stat3: "Global Presence",
5828    stat4: "Key Business Areas",
5829    periodGrowth: "Growth Period",
5830    periodNewGrowth: "New Growth Engine Development",
5831    periodGlobal: "Preparing for Global Market Role",
5832    timelineTitle: "Company History",
5833    timelineSubtitle: "The footsteps of HyVISION SYSTEM ICCK's growth and innovation",
5834    // 2002-2017 Growth Period
5835    milestone2002Title: "Established HyVISION System",
5836    milestone2002Desc: "Founded as a vision inspection specialist company",
5837    milestone2005Title: "INNOBIZ Certification",
5838    milestone2005Desc: "Certified as a technology innovation SME",
5839    milestone2007Title: "ISO 9001 Certified & Venture Confirmation",
5840    milestone2007Desc: "Established quality management system and venture company certification",
5841    milestone2012Title: "KOSDAQ Listing",
5842    milestone2012Desc: "Listed on KOSDAQ market and received Export Tower Award",
5843    milestone2015Title: '3D Printer Brand "Cubicon" Launch',
5844    milestone2015Desc: "Entered 3D printing business",
5845    milestone2017Title: "Cubicon Subsidiary & Tellonet New Factory",
5846    milestone2017Desc: "Business diversification and E-million Export Tower Award",
5847    // 2018-2022 New Growth Engine Development
5848    milestone2018Title: "Furonteer Subsidiary Established",
5849    milestone2018Desc: "Received Million Export Tower Award, established HyVision Exhibition & Logistics Center",
5850    milestone2021Title: "HyBOZHON Joint Venture Established",
5851    milestone2021Desc: "Established Plan-U-Tech subsidiary, launched Secondary Battery Division and built R&D Center",
5852    milestone2022Title: "Gumi Factory Established",
5853    milestone2022Desc: "Established Chungbuk materials MIDAS precision equipment factory",
5854    // 2023- Preparing for Global Market Role
5855    milestone2023Title: "U.S. Corporation Established",
5856    milestone2023Desc: "Established Next Generation R&D Center, specialized Secondary Battery Business",
5857    milestone2024Title: "India Corporation Established",
5858    milestone2024Desc: "Entered BIO inspection business, received semiconductor wafer AI equipment orders, received module vision inspection equipment orders, selected as KOSDAQ Rising Star (Industry 1st)",
5859    // Future Vision
5860    futureBadge: "VISION 2030",
5861    futureTitle: "Challenge Towards the Future",
5862    futureSubtitle: "Creating new standards for global smart manufacturing with AI and vision technology",
5863    futureGoal1: "Global Market Leadership",
5864    futureGoal1Desc: "Leading vision inspection technology in key markets across North America, Europe, and Asia",
5865    futureGoal2: "Technology Innovation",
5866    futureGoal2Desc: "Strengthening technological capabilities in AI, secondary batteries, bio, and semiconductors",
5867    futureGoal3: "Sustainable Growth",
5868    futureGoal3Desc: "Building eco-friendly manufacturing processes and nurturing global talent",
5869    // Legacy
5870    legacyTitle: "Promise of Quality and Trust",
5871    legacyDesc: "Since its establishment in 2002, HyVISION SYSTEM ICCK has been providing the best value to customers based on over 20 years of accumulated technology and know-how. Our journey expanding from Korea to the U.S., India, and China is a history of continuous innovation and challenges."
5872  },
5873  // Core Competencies
5874  coreCompetencies: {
5875    badge: "CORE COMPETENCIES",
5876    title: "Core Competencies & Technology",
5877    subtitle: "HyVISION SYSTEM ICCK's Core Technical Capabilities and Solutions",
5878    // Core Competencies Section
5879    competenciesTitle: "Core Competencies",
5880    imageProcessing: "Image Processing Technology",
5881    imageProcessingDesc: "We ensure manufacturing process quality with advanced image processing algorithms and real-time inspection systems. We provide integrated solutions from high-resolution image capture to deep learning-based defect classification.",
5882    visionAlgorithm: "Vision Algorithm",
5883    visionAlgorithmDesc: "We implement customized inspection solutions through machine vision algorithm development and optimization. A flexible platform applicable to various applications including pattern recognition, dimensional measurement, and appearance inspection.",
5884    lensAlign: "Lens Align & Camera Test",
5885    lensAlignDesc: "We secure optimal image quality through high-precision lens alignment systems and camera performance verification. We provide complete inspection solutions from optical alignment to calibration and performance evaluation.",
5886    signalProcessing: "Signal Processing",
5887    signalProcessingDesc: "We deliver accurate inspection results with high-speed signal processing technology and real-time data analysis. We apply professional signal processing techniques including noise reduction, signal amplification, and digital filtering.",
5888    automation: "Industrial Automation Technology",
5889    automationCompDesc: "We support smart factory implementation through perfect integration of robotic automation and vision systems. We provide comprehensive automation solutions including PLC control, robot interface, and MES integration.",
5890    robotics: "Robotics",
5891    roboticsDesc: "We realize precision automation through perfect integration of industrial robots and vision systems. We support integration with various robot platforms including 6-axis robots, collaborative robots, and SCARA robots.",
5892    printing3D: "3D Printing Technology",
5893    printing3DDesc: "We support customized part manufacturing and prototype development based on 3D printing. Advanced manufacturing technology enabling rapid prototyping, jig and fixture production, and complex shape implementation.",
5894    // Core Technology Section
5895    technologyTitle: "Core Technology",
5896    softwareTitle: "Software",
5897    softwareDesc: "High-end Image Real-Time Processing Software",
5898    softwareFeatures: [
5899      "High-end Image Real-Time Processing Software",
5900      "Image Algorithm",
5901      "Vision Recognition & Inspection algorithm"
5902    ],
5903    hardwareTitle: "Hardware",
5904    hardwareDesc: "High-end Hardware & Camera Systems",
5905    hardwareFeatures: [
5906      "High-end Hardware & Camera",
5907      "X-ray Camera & AI",
5908      "Linescan Camera & Multi Camera",
5909      "3D Vision System",
5910      "Multi Spectrum Camera",
5911      "High-speed image capture",
5912      "High speed RGB Dual Scan System",
5913      "High precision Stage & Controller"
5914    ],
5915    automationTitle: "Automation",
5916    automationDesc: "High accuracy Stage & Robotics Systems",
5917    automationFeatures: [
5918      "High accuracy Stage & Align",
5919      "Gantry Robotics",
5920      "Dual Transfer Active Align",
5921      "Cleanliness SMIF Packing Tool",
5922      "Display Multi Test System",
5923      "High speed full Auto Handler & Robot",
5924      "Clean Module Active Align",
5925      "Multi-PG Laser Annealer",
5926      "Automated Inline system"
5927    ]
5928  },
5929  // Common
5930  common: {
5931    required: "*"
5932  }
5933}, Eg = {
5934  // Navigation
5935  nav: {
5936    company: "About Us",
5937    business: "Businesses Units",
5938    innovation: "Innovation",
5939    coreTechnology: "Core Technology",
5940    technologyOverview: "Technology",
5941    manufacturing: "Manufacturing",
5942    newsEvents: "News & Events",
5943    contact: "Contact Us",
5944    careers: "Careers",
5945    // About Us submenu
5946    managementMessage: "CEO संदेश",
5947    companyOverview: "Overview",
5948    ourHistory: "Our History",
5949    coreCompetencies: "Our Technological Edge",
5950    majorCustomers: "Major Customers",
5951    // Business submenu
5952    mobileCamera: "Mobile & Camera Module Automation",
5953    batteryVision: "Rechargeable Battery Assembly Line Vision",
5954    bioInspection: "Bio Inspection",
5955    waferAOI: "Wafer AOI",
5956    components: "Products",
5957    // Manufacturing submenu
5958    bengaluruPlant: "Bengaluru Plant Overview",
5959    manufacturingFacilities: "Manufacturing Facilities",
5960    qualityAssurance: "Quality Assurance",
5961    technologyService: "Technology & Service Capabilities",
5962    // News & Events submenu
5963    latestUpdates: "Latest Updates",
5964    mediaPress: "Media & Press",
5965    downloadCenter: "Download Center",
5966    // Contact Us submenu
5967    inquiryForm: "Inquiry Form",
5968    // Media submenu (legacy - for compatibility)
5969    pressReleases: "प्रेस विज्ञप्ति",
5970    mediaGallery: "मीडिया गैलरी",
5971    events: "कार्यक्रम",
5972    mediaKit: "मीडिया किट"
5973  },
5974  // Breadcrumb
5975  breadcrumb: {
5976    home: "होम",
5977    aboutUs: "हमारे बारे में",
5978    businessUnits: "व्यवसाय इकाइयाँ",
5979    manufacturing: "विनिर्माण",
5980    newsEvents: "समाचार और कार्यक्रम",
5981    careers: "करियर",
5982    contactUs: "संपर्क करें",
5983    managementMessage: "CEO संदेश",
5984    companyOverview: "Overview",
5985    sustainability: "स्थिरता",
5986    investors: "निवेशक",
5987    media: "मीडिया सेंटर",
5988    ourHistory: "हमारा इतिहास",
5989    coreCompetencies: "मुख्य दक्षताएं"
5990  },
5991  // Hero
5992  hero: {
5993    badge: "बेंगलुरु में अब विनिर्माण",
5994    title1: "भारत के लिए",
5995    title2: "विज़न इंस्पेक्शन तकनीक",
5996    subtitle: "स्मार्ट निरीक्षण। स्थानीय विनिर्माण। वैश्विक मानक।",
5997    description: "उन्नत विज़न इंस्पेक्शन और ऑटोमेशन सिस्टम के अग्रणी निर्माता, अब बेंगलुरु, कर्नाटक में हमारी विश्व स्तरीय सुविधा से संचालित।",
5998    exploreSolutions: "समाधान देखें",
5999    investorRelations: "निवेशक संबंध",
6000    viewAllSolutions: "सभी समाधान देखें",
6001    stat1: "15+",
6002    stat1Label: "वर्षों की उत्कृष्टता",
6003    stat2: "5",
6004    stat2Label: "वैश्विक स्थान",
6005    stat3: "1000+",
6006    stat3Label: "स्थापनाएं",
6007    stat4: "20K㎡",
6008    stat4Label: "भारत सुविधा",
6009    // Why Choose Us
6010    whyChooseUs: "हमें क्यों चुनें",
6011    whyHyVISIONIndia: "HyVISION इंडिया क्यों चुनें",
6012    whyHyVISIONIndiaDesc: "विश्व स्तरीय विज़न इंस्पेक्शन समाधान प्रदान करने के लिए कोरियाई अत्याधुनिक तकनीक को भारतीय विनिर्माण उत्कृष्टता के साथ मिलाना।",
6013    qualityExcellence: "गुणवत्ता उत्कृष्टता",
6014    qualityExcellenceDesc: "उद्योग-अग्रणी निरीक्षण सटीकता और विश्वसनीयता",
6015    localManufacturing: "स्थानीय विनिर्माण",
6016    localManufacturingDesc: "अत्याधुनिक बेंगलुरु सुविधा",
6017    skilledWorkforce: "कुशल कार्यबल",
6018    skilledWorkforceDesc: "उच्च प्रशिक्षित इंजीनियर और तकनीशियन",
6019    globalReach: "वैश्विक पहुंच",
6020    globalReachDesc: "दुनिया भर में सेवा प्रदान करने वाले देश",
6021    // CTA
6022    readyToPartner: "विकास के लिए साझेदारी के लिए तैयार हैं?",
6023    readyToPartnerDesc: "HyVISION के साथ हाथ मिलाएं और भारत में विनिर्माण उत्कृष्टता का अनुभव करें।",
6024    contactUs: "संपर्क करें",
6025    visitFacility: "हमारी सुविधा पर जाएं"
6026  },
6027  // Company Overview
6028  companyOverview: {
6029    section: "कंपनी अवलोकन",
6030    title1: "विज़न तकनीक में",
6031    title2: "भारत का भविष्य बनाना",
6032    description: "HyVISION SYSTEM ICCK इंडिया कोरियाई तकनीकी उत्कृष्टता और भारत की विनिर्माण क्षमता के अभिसरण का प्रतिनिधित्व करता है, जो दुनिया के सबसे तेजी से बढ़ते बाजारों को अत्याधुनिक निरीक्षण प्रणाली प्रदान करता है।",
6033    stat1Value: "₹500+ करोड़",
6034    stat1Label: "वार्षिक राजस्व",
6035    stat1Desc: "अनुमानित वित्त वर्ष 2025-26",
6036    stat2Value: "500+",
6037    stat2Label: "कर्मचारी",
6038    stat2Desc: "वैश्विक कार्यबल",
6039    stat3Value: "50+",
6040    stat3Label: "पेटेंट",
6041    stat3Desc: "प्रौद्योगिकी नवाचार",
6042    stat4Value: "ISO 9001",
6043    stat4Label: "प्रमाणित",
6044    stat4Desc: "गुणवत्ता मानक",
6045    businessDivisions: "व्यावसायिक प्रभाग",
6046    division1: "स्मार्ट सेंसर प्रभाग",
6047    division1Desc: "डिस्प्ले और कैमरा मॉड्यूल निरीक्षण",
6048    division2: "बैटरी प्रणाली",
6049    division2Desc: "ईवी बैटरी असेंबली और परीक्षण",
6050    division3: "स्वचालन समाधान",
6051    division3Desc: "कस्टम विज़न सिस्टम",
6052    revenue: "राजस्व हिस्सा",
6053    globalNetwork: "वैश्विक नेटवर्क",
6054    globalNetworkDesc: "एशिया, उत्तरी अमेरिका और यूरोप में विस्तार के साथ, HyVISION स्थानीय विशेषज्ञता और समर्थन के साथ हमारे अंतरराष्ट्रीय ग्राहकों की सेवा के लिए एक मजबूत वैश्विक उपस्थिति बनाए रखता है।",
6055    countries: "देश",
6056    offices: "कार्यालय",
6057    support: "समर्थन",
6058    countriesServed: "सेवा प्रदान किए गए देश",
6059    korea: "🇰🇷 दक्षिण कोरिया",
6060    koreaRole: "मुख्यालय और आर एंड डी केंद्र",
6061    india: "🇮🇳 भारत",
6062    indiaRole: "विनिर्माण और इंजीनियरिंग हब",
6063    china: "🇨🇳 चीन",
6064    chinaRole: "क्षेत्रीय संचालन",
6065    vietnam: "🇻🇳 वियतनाम",
6066    vietnamRole: "उत्पादन सहायता",
6067    usa: "🇺🇸 संयुक्त राज्य अमेरिका",
6068    usaRole: "बिक्री और सेवा"
6069  },
6070  // Leadership
6071  leadership: {
6072    section: "नेतृत्व",
6073    title1: "अनुभव द्वारा निर्देशित,",
6074    title2: "दृष्टि द्वारा संचालित",
6075    ceo: "D.W. चोई",
6076    ceoPosition: "मुख्य कार्यकारी अधिकारी",
6077    ceoRegion: "वैश्विक संचालन",
6078    ceoBio: "नवाचार और सतत विकास पर ध्यान केंद्रित करते हुए HyVISION के वैश्विक विस्तार का नेतृत्व कर रहे हैं।",
6079    md: "राजेश कुमार",
6080    mdPosition: "प्रबंध निदेशक",
6081    mdRegion: "भारत संचालन",
6082    mdBio: "भारत में विनिर्माण उत्कृष्टता और स्थानीय साझेदारी का नेतृत्व कर रहे हैं।",
6083    cto: "डॉ. प्रिया शर्मा",
6084    ctoPosition: "मुख्य प्रौद्योगिकी अधिकारी",
6085    ctoRegion: "नवाचार और आर एंड डी",
6086    ctoBio: "विज़न इंस्पेक्शन और एआई एकीकरण में तकनीकी उन्नति को आगे बढ़ा रही हैं।",
6087    values: "हमारे मूल्य",
6088    valuesTitle: "हमारी सफलता की नींव",
6089    valuesDesc: "हमारे मूल मूल्य हमारे द्वारा किए गए प्रत्येक निर्णय और बनाए गए प्रत्येक उत्पाद का मार्गदर्शन करते हैं, यह सुनिश्चित करते हुए कि हम नैतिक व्यावसायिक प्रथाओं के प्रति अपनी प्रतिबद्धता बनाए रखते हुए उत्कृष्टता प्रदान करते हैं।",
6090    value1: "सृजन",
6091    value1Desc: "हम लगातार नए उद्योग मानक स्थापित करने वाले अभूतपूर्व समाधानों का नवाचार और निर्माण करते हैं।",
6092    value2: "चुनौती",
6093    value2Desc: "हम चुनौतियों को बढ़ने, सुधारने और संभव की सीमाओं को आगे बढ़ाने के अवसरों के रूप में स्वीकार करते हैं।",
6094    value3: "सार्वजनिक हित",
6095    value3Desc: "हम जिम्मेदार व्यावसायिक प्रथाओं और प्रौद्योगिकी उन्नति के माध्यम से समाज में योगदान करने के लिए प्रतिबद्ध हैं।",
6096    value4: "सत्यनिष्ठा",
6097    value4Desc: "हम अपने सभी व्यावसायिक संबंधों और संचालन में सत्यनिष्ठा के उच्चतम मानकों को बनाए रखते हैं।"
6098  },
6099  // Business Areas
6100  business: {
6101    section: "हमारे व्यवसाय",
6102    title1: "व्यापक विज़न",
6103    title2: "प्रौद्योगिकी समाधान",
6104    description: "तीन विशेष प्रभाग अत्याधुनिक निरीक्षण और स्वचालन प्रौद्योगिकी के साथ दुनà
6104¤¿à¤¯à¤¾ के अग्रणी निर्माताओं की सेवा कर रहे हैं।",
6105    division1: "स्मार्ट सेंसर प्रभाग",
6106    division1Sub: "मोबाइल डिवाइस निरीक्षण",
6107    division1Desc: "सटीक माप और दोष पहचान के साथ मोबाइल डिस्प्ले, कैमरा मॉड्यूल और सेंसर के लिए उन्नत स्वचालित निरीक्षण प्रणाली।",
6108    division2: "बैटरी प्रणाली",
6109    division2Sub: "ईवी बैटरी असेंबली और निरीक्षण",
6110    division2Desc: "सेल असेंबली, वेल्डिंग निरीक्षण और गुणवत्ता नियंत्रण प्रणालियों सहित ईवी बैटरी विनिर्माण के लिए पूर्ण समाधान।",
6111    division3: "स्वचालन समाधान",
6112    division3Sub: "कस्टम विज़न सिस्टम",
6113    division3Desc: "रोबोटिक्स एकीकरण और एआई-संचालित निरीक्षण सहित विभिन्न उद्योगों के लिए अनुकूलित मशीन विज़न सिस्टम।",
6114    revenue: "राजस्व",
6115    growth: "वृद्धि",
6116    clients: "ग्राहक",
6117    learnMore: "और जानें",
6118    trustedBy: "उद्योग के नेताओं द्वारा भरोसेमंद",
6119    trustedByDesc: "हमारे समाधान वैश्विक ब्रांडों के लिए विनिर्माण उत्कृष्टता को सशक्त बनाते हैं",
6120    client: "ग्राहक",
6121    industryApplications: "उद्योग अनुप्रयोग",
6122    consumerElectronics: "उपभोक्ता इलेक्ट्रॉनिक्स",
6123    electricVehicles: "इलेक्ट्रिक वाहन",
6124    semiconductors: "सेमीकंडक्टर",
6125    medicalDevices: "चिकित्सा उपकरण",
6126    projects: "परियोजनाएं"
6127  },
6128  // Investor Relations
6129  investors: {
6130    section: "निवेशकों के लिए",
6131    title: "निवेशक संबंध",
6132    description: "पारदर्शी संचार और मजबूत शासन सिद्धांत निवेशकों और हितधारकों के साथ हमारे संबंधों का मार्गदर्शन करते हैं। हमारे वित्तीय प्रदर्शन, रिप
6132ोर्ट और आगामी घटनाओं का अन्वेषण करें।",
6133    revenueGrowth: "राजस्व वृद्धि",
6134    revenueGrowthPeriod: "वर्ष-दर-वर्ष 2024-25",
6135    ebitdaMargin: "EBITDA मार्जिन",
6136    ebitdaMarginPeriod: "वित्त वर्ष 2024-25",
6137    orderBook: "ऑर्डर बुक",
6138    orderBookPeriod: "Q3 FY25 के अनुसार",
6139    marketCap: "बाजार पूंजीकरण",
6140    marketCapPeriod: "वर्तमान मूल्यांकन",
6141    financialReports: "वित्तीय रिपोर्ट",
6142    upcomingEvents: "आगामी कार्यक्रम",
6143    governance: "शासन",
6144    annualReport: "वार्षिक रिपोर्ट 2024-25",
6145    q3Results: "Q3 FY25 परिणाम",
6146    expansionStrategy: "भारत विस्तार रणनीति",
6147    annualReportType: "वार्षिक रिपोर्ट",
6148    quarterlyResults: "त्रैमासिक परिणाम",
6149    presentation: "निवेशक प्रस्तुति",
6150    q4Earnings: "Q4 FY25 आय कॉल",
6151    agm: "वार्षिक आम बैठक",
6152    investorMeet: "निवेशक बैठक - मुंबई",
6153    earnings: "आय",
6154    conference: "सम्मेलन",
6155    register: "पंजीकरण करें",
6156    boardOfDirectors: "निदेशक मंडल",
6157    chairman: "अध्यक्ष और सीईओ",
6158    managingDirector: "प्रबंध निदेशक - भारत",
6159    independentDirector: "स्वतंत्र निदेशक",
6160    executiveDirector: "कार्यकारी निदेशक",
6161    complianceEthics: "अनुपालन और नैतिकता",
6162    codeOfConduct: "आचार संहिता",
6163    auditCharter: "लेखा परीक्षा समिति चार्टर",
6164    whistleblower: "व्हिसलब्लोअर नीति",
6165    viewAll: "सभी शासन दस्तावेज देखें",
6166    irContact: "निवेशक संबंध संपर्क",
6167    irContactDesc: "निवेशक पूछताछ, वित्तीय जानकारी, या HyVISION के व्यवसाय और संचालन के बारे में सामान्य प्रश्नों के लिए, कृपया हमारी IR टीम से संपर्क करें।",
6168    email: "ईमेल",
6169    phone: "फोन",
6170    subscribeUpdates: "अपडेट की सदस्यता लें",
6171    subscribeDesc: "नवीनतम वित्तीय समाचार, रिपोर्ट और घोषणाएं सीधे अपने इनबॉक्स में प्राप्त करें।",
6172    emailPlaceholder: "[email protected]",
6173    subscribe: "सदस्यता लें"
6174  },
6175  // Manufacturing
6176  manufacturing: {
6177    section: "विनिर्माण उत्कृष्टता",
6178    title1: "भारत में निर्मित,",
6179    title2: "दुनिया के लिए",
6180    description: `HyVISION का भारत संयंत्र केवल एक स्थानीय शाखा नहीं है,
6181बल्कि R&D, उत्पादन और प्रशिक्षण को मिलाकर एक पूरी तरह से एकीकृत सुविधा है।`,
6182    // Bengaluru Plant Overview
6183    plantTitle: "पैमाना और सुविधा प्रतिस्पर्धात्मकता",
6184    bengaluru: "बेंगलुरु",
6185    karnataka: "कर्नाटक, भारत",
6186    facilityHighlights: "सुविधा हाइलाइट्स",
6187    totalSpace: "कुल विनिर्माण स्थान",
6188    capitalInvestment: "पूंजी निवेश",
6189    directEmployment: "प्रत्यक्ष रोजगार",
6190    production: "उत्पादन संचालन",
6191    capabilities: "हमारी क्षमताएं",
6192    advancedManufacturing: "उन्नत विनिर्माण",
6193    advancedManufacturingDesc: "इंडस्ट्री 4.0 एकीकरण के साथ अत्याधुनिक उत्पादन लाइनें",
6194    skilledWorkforce: "कुशल कार्यबल",
6195    skilledWorkforceDesc: "उच्च प्रशिक्षित इंजीनियर और तकनीशियन",
6196    trainingCenter: "प्रशिक्षण केंद्र",
6197    trainingCenterDesc: "निरंतर कौशल विकास कार्यक्रम",
6198    qualityStandards: "गुणवत्ता मानक",
6199    qualityStandardsDesc: "ISO 9001 प्रमाणित विनिर्माण प्रक्रियाएं",
6200    employees: "कर्मचारी",
6201    trained: "प्रशिक्षित",
6202    quality: "गुणवत्ता",
6203    ourJourney: "हमारी यात्रा",
6204    siteSelection: "स्थल चयन",
6205    siteSelectionDesc: "इष्टतम रसद और प्रतिभा पहुंच के लिए देवनाहल्ली औद्योगिक क्षेत्र में रणनीतिक स्थान चुना गया",
6206    construction: "निर्माण चरण",
6207    constructionDesc: "20,000㎡ अत्याधुनिक विनिर्माण सुविधा का भूमि पूजन समारोह और निर्माण",
6208    operationsLaunch: "संचालन शुरुआत",
6209    operationsLaunchDesc: "स्वचालित असेंबली लाइनों और गुणवत्ता नियंत्रण प्रणालियों के साथ पूर्ण पैमाने पर उत्पादन शुरू",
6210    expansion: "चरण 2 विस्तार",
6211    expansionDesc: "बढ़ती मांग को पूरा करने के लिए चेन्नई सुविधा और बढ़ी हुई उत्पादन क्षमता",
6212    completed: "पूर्ण",
6213    current: "वर्तमान",
6214    planned: "योजनाबद्ध",
6215    inProgress: "प्रगति पर है",
6216    localization: "स्थानीयकरण रणनीति",
6217    localizationDesc: '"मेक इन इंडिया" के प्रति हमारी प्रतिबद्धता असेंबली से परे है। हम सक्रिय रूप से स्थानीय आपूर्ति श्रृंखला विकसित करते हैं, प्रतिभा विकास में निवेश करते हैं, और वैश्विक विनिर्माण केंद्र के रूप में भारत की बढ़ती स्थिति में योगदान करते हैं।',
6218    localSourcing: "स्थानीय सोर्सिंग",
6219    localSourcingDesc: "भारतीय आपूर्तिकर्ताओं से 60% घटक प्राप्त",
6220    talentDevelopment: "प्रतिभा विकास",
6221    talentDevelopmentDesc: "स्थानीय इंजीनियरों के लिए व्यापक प्रशिक्षण कार्यक्रम",
6222    technologyTransfer: "प्रौद्योगिकी हस्तांतरण",
6223    technologyTransferDesc: "स्थानीय भागीदारों के साथ उन्नत विनिर्माण ज्ञान साझा करना",
6224    empoweringTalent: "स्थानीय प्रतिभा को सशक्त बनाना",
6225    empoweringTalentDesc: "विज़न प्रौद्योगिकी में भारत का भविष्य बनाना"
6226  },
6227  // Sustainability
6228  sustainability: {
6229    section: "स्थिरता",
6230    title: "एक स्थायी भविष्य का निर्माण",
6231    description: "पर्यावरणीय जिम्मेदारी के प्रति हमारी प्रतिबद्धता अनुपालन से परे है—यह हमारे संचालन, नवाचार और सामुदायिक जुड़ाव में अंतर्निहित है।",
6232    cleanEnergy: "स्वच्छ ऊर्जा",
6233    cleanEnergyDesc: "हमारी बेंगलुरु सुविधा को शक्ति प्रदान करने वाली नवीकरणीय ऊर्जा",
6234    waterConservation: "जल संरक्षण",
6235    waterConservationDesc: "पुनर्चक्रण के माध्यम से पानी की खपत में कमी",
6236    wasteManagement: "अपशिष्ट प्रबंधन",
6237    wasteManagementDesc: "विनिर्माण अपशिष्ट पुनर्नवीनीकरण या पु
6237न: उपयोग",
6238    carbonNeutral: "कार्बन तटस्थ",
6239    carbonNeutralDesc: "कार्बन तटस्थ संचालन के लिए लक्ष्य वर्ष",
6240    esgCommitments: "ईएसजी प्रतिबद्धताएं",
6241    environmental: "पर्यावरण",
6242    environmentalDesc: "सभी संचालनों में शून्य-अपशिष्ट विनिर्माण प्रक्रियाएं और टिकाऊ आपूर्ति श्रृंखला प्रबंधन।",
6243    social: "सामाजिक",
6244    socialDesc: "स्थानीय समुदाय विकास और कर्मचारी कल्याण पर ध्यान केंद्रित करने वाला समान अवसर नियोक्ता।",
6245    governance: "शासन",
6246    governanceDesc: "मज���ूत नैतिक मानकों और अनुपालन ढांचे के साथ पारदर्शी संचालन।",
6247    communityImpact: "सामुदायिक प्रभाव",
6248    stemEducation: "STEM शिक्षा",
6249    stemEducationDesc: "प्रौद्योगिकी शिक्षा को बढ़ावा देने के लिए स्थानीय स्कूलों के साथ साझेदारी",
6250    greenBelt: "हरित पट्टी विकास",
6251    greenBeltDesc: "हमारे विनिर्माण सुविधाओं के आसपास हरित स्थान बनाना",
6252    skillDevelopment: "कौशल विकास",
6253    skillDevelopmentDesc: "उन्नत विनिर्माण में स्थानीय युवाओं के लिए प्रशिक्षण कार्यक्रम"
6254  },
6255  // Careers
6256  careers: {
6257    section: "हमारी टीम में शामिल हों",
6258    title1: "HyVISION इंडिया के साथ",
6259    title2: "अपना करियर बनाएं",
6260    description: "विनिर्माण प्रौद्योगिकी के भविष्य को आकार देने वाली टीम का हिस्सा बनें। हम चुनौतीपूर्ण काम, विश्व स्तरीय प्रशिक्षण और वास्तविक प्रभाव डालने के अवसर प्रदान करते हैं।",
6261    careerGrowth: "करियर विकास",
6262    careerGrowthDesc: "हमारे वैश्विक कार्यालयों में काम करने के अवसरों के साथ स्पष्ट उन्नति मार्ग",
6263    comprehensiveBenefits: "व्यापक लाभ",
6264    comprehensiveBenefitsDesc: "स्वास्थ्य बीमा, कल्याण कार्यक्रम और कार्य-जीवन संतुलन पहल",
6265    globalExposure: "वैश्विक एक्सपोजर",
6266    globalExposureDesc: "कोरिया, यूएसए और अन्य स्थानों में प्रशिक्षण और परियोजना के अवसर",
6267    competitivePackage: "प्रतिस्पर्धी पैकेज",
6268    competitivePackageDesc: "प्रदर्शन बोनस और स्टॉक विकल्पों के साथ उद्योग-अग्रणी मुआवजा",
6269    openPositions: "खुली स्थितियां",
6270    opportunities: "अवसर उपलब्ध",
6271    position1: "वरिष्ठ विज़न सिस्टम इंजीनियर",
6272    position2: "विनिर्माण संचालन प्रबंधक",
6273    position3: "गुणवत्ता नियंत्रण इंजीनियर",
6274    position4: "तकनीकी प्रशिक्षक",
6275    position5: "फील्ड सेवा इंजीनियर",
6276    position6: "आर एंड डी इंजीनियर - AI/ML",
6277    bengaluru: "बेंगलुरु",
6278    multipleCities: "कई शहर",
6279    engineering: "इंजीनियरिंग",
6280    operations: "संचालन",
6281    quality: "गुणवत्ता",
6282    training: "प्रशिक्षण",
6283    service: "सेवा",
6284    research: "अनुसंधान",
6285    fullTime: "पूर्णकालिक",
6286    experience: "अनुभव",
6287    years: "वर्ष",
6288    featured: "विशेष रुप से प्रदर्शित",
6289    viewDetails: "विवरण देखें",
6290    applyNow: "अभी आवेदन करें",
6291    lifeAtHyVISION: "HyVISION में जीवन",
6292    innovationCulture: "नवाचार संस्कृति",
6293    innovationCultureDesc: "अत्याधुनिक प्रौद्योगिकी के साथ काम करें और विज़न निरीक्षण और स्वचालन में सफलता के समाधानों में योगदान करें।",
6294    learningDevelopment: "सीखना और विकास",
6295    learningDevelopmentDesc: "निरंतर प्रशिक्षण कार्यक्रम, प्रमाणपत्र और क्षेत्र के वैश्विक विशेषज्ञों से सीखने के अवसर।",
6296    diverseInclusive: "विविध और समावेशी",
6297    diverseInclusiveDesc: "हम विविधता का जश्न मनाते हैं और एक ऐसा वातावरण बनाते हैं जहां हर कोई फल-फूल सकता है और अपनी पूरी क्षमता तक पहुंच सकता है।",
6298    cantFindRole: "अपनी भूमिका नहीं मिल रही?",
6299    cantFindRoleDesc: "हम हमेशा असाधारण प्रतिभा की तलाश में रहते हैं। अपना रिज्यूमे जमा करें और जब कोई उपयुक्त पद खुलेगा तो हम संपर्क करेंगे।",
6300    submitCV: "अपना सीवी जमा करें",
6301    studentPrograms: "छात्र और स्नातक कार्यक्रम",
6302    studentProgramsDesc: "हमारे इंटर्नशिप और स्नातक प्रशिक्षु कार्यक्रमों के साथ अपना करियर शुरू करें। उद्योग-अग्रणी परियोजनाओं के साथ व्यावहारिक अनुभव प्राप्त करें।",
6303    explorePrograms: "कार्यक्रम देखें",
6304    hiringProcess: "हमारी भर्ती प्रक्रिया",
6305    step1: "आवेदन",
6306    step1Desc: "अपना रिज्यूमे और कवर लेटर जमा करें",
6307    step2: "स्क्रीनिंग",
6308    step2Desc: "प्रारंभिक समीक्षा और फोन साक्षात्कार",
6309    step3: "साक्षात्कार",
6310    step3Desc: "तकनीकी और सांस्कृतिक फिट मूल्यांकन",
6311    step4: "प्रस्ताव",
6312    step4Desc: "प्रस्ताव पत्र और ऑनबोर्डिंग"
6313  },
6314  // News
6315  news: {
6316    section: "मीडिया केंद्र",
6317    title: "समाचार और अपडेट",
6318    description: "हमारे नवीनतम विकास, साझेदारी और उद्योग अंतर्दृष्टि के बारे में जानकारी प्राप्त करें।",
6319    pressReleases: "प्रेस विज्ञप्ति",
6320    mediaGallery: "मीडिया गैलरी",
6321    events: "कार्यक्रम",
6322    featured: "विशेष रुप से प्रदर्शित",
6323    corporate: "कॉर्पोरेट",
6324    operations: "संचालन",
6325    business: "व्यवसाय",
6326    readFullStory: "पूरी कहानी पढ़ें",
6327    share: "साझा करें",
6328    readMore: "और पढ़ें",
6329    news1Title: "HyVISION इंडिया ने ₹200 करोड़ विस्तार योजना की घोषणा की",
6330    news1Excerpt: "2026 तक नई चेन्नई सुविधा के साथ विनिर्माण क्षमता को दोगुना करने की योजना।",
6331    news2Title: "बेंगलुरु फैक्ट्री का आधिकारिक उद्घाटन",
6332    news2Excerpt: "बढ़ते भारतीय और वैश्विक बाजारों की सेवा के लिए 20,000㎡ अत्याधुनिक सुविधा।",
6333    news3Title: "अग्रणी ईवी निर्माता के साथ रणनीतिक साझेदारी",
6334    news3Excerpt: "उन्नत बैटरी निरीक्षण प्रणाली की आपूर्ति के लिए बहु-वर्षीय अनुबंध।",
6335    factoryTour: "फैक्ट्री टूर",
6336    technologyShowcase: "प्रौद्योगिकी प्रदर्शनी",
6337    ceoInterview: "सीईओ साक्षात्कार",
6338    video: "वीडियो",
6339    photoGallery: "फोटो गैलरी",
6340    podcast: "पॉडकास्ट",
6341    view: "देखें",
6342    event1: "Q4 FY25 परिणाम घोषणा",
6343    event2: "भारत विनिर्माण शिखर सम्मेलन 2025",
6344    event3: "प्रौद्योगिकी नवाचार दिवस",
6345    virtualEvent: "आभासी कार्यक्रम",
6346    conference: "सम्मेलन",
6347    openHouse: "ओपन हाउस",
6348    learnMore: "और जानें",
6349    mediaEnquiries: "मीडिया पूछताछ",
6350    mediaEnquiriesDesc: "प्रेस विज्ञप्ति, मीडिया किट या साक्षात्कार अनुरोधों के लिए, कृपया हमारी संचार टीम से संपर्क करें।",
6351    email: "ईमेल",
6352    phone: "फोन",
6353    subscribeUpdates: "अपडेट की सदस्यता लें",
6354    subscribeDesc: "नवीनतम समाचार और घोषणाएं अपने इनबॉक्स में प्राप्त करें।",
6355    emailPlaceholder: "[email protected]",
6356    subscribe: "सदस्यता लें"
6357  },
6358  // Contact
6359  contact: {
6360    section: "संपर्क में रहें",
6361    title: "हमसे संपर्क करें",
6362    description: "कोई प्रश्न है या हमारे समाधानों के बारे में अधिक जानना चाहते हैं? हमारी टीम मदद के लिए यहां है।",
6363    sendMessage: "हमें एक संदेश भेजें",
6364    companyName: "कंपनी का नाम",
6365    companyPlaceholder: "आपकी कंपनी",
6366    fullName: "पूरा नाम",
6367    namePlaceholder: "आपका नाम",
6368    emailAddress: "ईमेल पता",
6369    emailPlaceholder: "[email protected]",
6370    phoneNumber: "फोन नंबर",
6371    phonePlaceholder: "+91 XXXXX XXXXX",
6372    subject: "विषय",
6373    subjectPlaceholder: "एक विषय चुनें",
6374    productEnquiry: "उत्पाद पूछताछ",
6375    partnership: "साझेदारी के अवसर",
6376    support: "तकनीकी सहायता",
6377    career: "करियर के अवसर",
6378    other: "अन्य",
6379    message: "संदेश",
6380    messagePlaceholder: "हमें अपनी आवश्यकताओं के बारे में बताएं...",
6381    submitEnquiry: "पूछताछ जमा करें",
6382    responseTime: "हम आमतौर पर व्यावसायिक दिनों के दौरान 24 घंटों के भीतर जवाब देते हैं",
6383    callUs: "हमें कॉल करें",
6384    businessHours: "सोम-शुक्र: 9 AM - 6 PM IST",
6385    emailUs: "हमें ईमेल करें",
6386    visitUs: "हमसे मिलें",
6387    globalOffices: "वैश्विक कार्यालय",
6388    indiaHQ: "भारत मुख्यालय",
6389    koreaHQ: "कोरिया मुख्यालय",
6390    address: "पता",
6391    seoul: "सियोल",
6392    southKorea: "दक्षिण ��ोरिया",
6393    devanahalli: "देवनाहल्ली औद्योगिक क्षेत्र",
6394    bangalore: "बेंगलुरु, कर्नाटक 562110",
6395    india: "भारत"
6396  },
6397  // Footer
6398  footer: {
6399    tagline: "बेंगलुरु में हमारी अत्याधुनिक सुविधा से वैश्विक उद्योगों की सेवा करने वाले विज़न निरीक्षण और स्वचालन प्रणाली के अग्रणी निर्माता।",
6400    companyOverview: "Overview",
6401    leadership: "नेतृत्व",
6402    globalPresence: "वैश्विक उपस्थिति",
6403    sustainability: "स्थिरता",
6404    smartSensor: "स्मार्ट सेंसर प्रभाग",
6405    batterySystems: "बैटरी प्रणाली",
6406    automation: "स्वचालन समाधान",
6407    industryApplications: "उद्योग अनुप्रयोग",
6408    financialReports: "वित्तीय रिपोर्ट",
6409    investorEvents: "निवेशक कार्यक्रम",
6410    corporateGovernance: "कॉर्पोरेट शासन",
6411    stockInfo: "स्टॉक जानकारी",
6412    manufacturing: "विनिर्माण",
6413    careers: "करियर",
6414    mediaCenter: "मीडिया केंद्र",
6415    contactUs: "हमसे संपर्क करें",
6416    allRightsReserved: "© 2025 HyVISION SYSTEM ICCK India Pvt Ltd. सर्वाधिकार सुरक्षित।",
6417    privacyPolicy: "गोपनीयता नीति",
6418    termsConditions: "नियम और शर्तें",
6419    cookiePolicy: "कुकी नीति",
6420    sitemap: "साइट मैप",
6421    proudlyManufacturing: "गर्व से निर्माण",
6422    india: "भारत"
6423  },
6424  // WhatsApp
6425  whatsapp: {
6426    message: "नमस्ते! मैं HyVISION India के बारे में पूछताछ करना चाहूंगा।"
6427  },
6428  // History
6429  history: {
6430    badge: "COMPANY HISTORY",
6431    title: "नवाचार और विकास की यात्रा",
6432    subtitle: "2002 में हमारी स्थापना के बाद से, हम विज़न इंस्पेक्शन तकनीक का नेतृत्व कर रहे हैं और वैश्विक विनिर्माण के भविष्य को आकार दे रहे हैं",
6433    stat1: "स्थापना",
6434    stat2: "KOSDAQ सूचीबद्ध",
6435    stat3: "वैश्विक उपस्थिति",
6436    stat4: "प्रमुख व्यवसाय क्षेत्र",
6437    periodGrowth: "विकास काल",
6438    periodNewGrowth: "नए विकास इंजन विकास",
6439    periodGlobal: "वैश्विक बाजार भूमिका की तैयारी",
6440    timelineTitle: "कंपनी इतिहास",
6441    timelineSubtitle: "HyVISION SYSTEM ICCK के विकास और नवाचार के कदम",
6442    // 2002-2017 विकास काल
6443    milestone2002Title: "HyVision System की स्थापना",
6444    milestone2002Desc: "विज़न इंस्पेक्शन विशेषज्ञ कंपनी के रूप में स्थापित",
6445    milestone2005Title: "INNOBIZ प्रमाणन",
6446    milestone2005Desc: "प्रौद्योगिकी नवाचार SME के रूप में प्रमाणित",
6447    milestone2007Title: "ISO 9001 प्रमाणित और वेंचर पुष्टि",
6448    milestone2007Desc: "गुणवत्ता प्रबंधन प्रणाली स्थापित और वेंचर कंपनी प्रमाणन",
6449    milestone2012Title: "KOSDAQ सूचीबद्धता",
6450    milestone2012Desc: "KOSDAQ बाजार में सूचीबद्ध और निर्यात टॉवर पुरस्कार प्राप्त",
6451    milestone2015Title: '3D प्रिंटर ब्रांड "Cubicon" लॉन्च',
6452    milestone2015Desc: "3D प्रिंटिंग व्यवसाय में प्रवेश",
6453    milestone2017Title: "Cubicon सहायक और Tellonet नई फैक्ट्री",
6454    milestone2017Desc: "व्यवसाय विविधीकरण और E-मिलियन निर्यात टॉवर पुरस्कार",
6455    // 2018-2022 नए विकास इंजन विकास
6456    milestone2018Title: "Furonteer सहायक स्थापित",
6457    milestone2018Desc: "मिलियन निर्यात टॉवर पुरस्कार प्राप्त, HyVision प्रदर्शनी और लॉजिस्टिक्स सेंटर स्थापित",
6458    milestone2021Title: "HyBOZHON संयुक्त उद्यम स्थापित",
6459    milestone2021Desc: "Plan-U-Tech सहायक स्थापित, सेकेंडरी बैटरी डिवीजन लॉन्च और R&D सेंटर निर्मित",
6460    milestone2022Title: "गुमी फैक्ट्री स्थापित",
6461    milestone2022Desc: "चुंगबुक सामग्री MIDAS सटीक उपकरण कारखाना स्थापित",
6462    // 2023- वैश्विक बाजार भूमिका की तैयारी
6463    milestone2023Title: "अमेरिकी निगम स्थापित",
6464    milestone2023Desc: "नेक्स्ट जेनरेशन R&D सेंटर स्थापित, सेकेंडरी बैटरी व्यवसाय विशेषज्ञता",
6465    milestone2024Title: "भारत निगम स्थापित",
6466    milestone2024Desc: "BIO इंस्पेक्शन व्यवसाय में प्रवेश, सेमीकंडक्टर वेफर AI उपकरण ऑर्डर प्राप्त, मॉड्यूल विज़न इंस्पेक्शन उपकरण ऑर्डर प्राप्त, KOSDAQ राइजिंग स्टार चयनित (उद्योग 1st)",
6467    // Future Vision
6468    futureBadge: "VISION 2030",
6469    futureTitle: "भविष्य की ओर चुनौती",
6470    futureSubtitle: "AI और विज़न तकनीक के साथ वैश्विक स्मार्ट विनिर्माण के लिए नए मानक बना रहे हैं",
6471    futureGoal1: "वैश्विक बाजार नेतृत्व",
6472    futureGoal1Desc: "उत्तरी अमेरिका, यूरोप और एशिया में प्रमुख बाजारों में विज़न इंस्पेक्शन तकनीक का नेतृत्à
6472¤µ",
6473    futureGoal2: "तकनीकी नवाचार",
6474    futureGoal2Desc: "AI, सेकेंडरी बैटरी, बायो और सेमीकंडक्टर में तकनीकी क्षमताओं को मजबूत करना",
6475    futureGoal3: "सतत विकास",
6476    futureGoal3Desc: "पर्यावरण अनुकूल विनिर्माण प्रक्रियाएं बनाना और वैश्विक प्रतिभा विकसित करना",
6477    // Legacy
6478    legacyTitle: "गुणवत्ता और विश्वास का वादा",
6479    legacyDesc: "अपनी 2002 में स्थापना के बाद से, HyVISION SYSTEM ICCK 20 वर्षों से अधिक की संचित तकनीक और ज्ञान के आधार पर ग्राहकों को सर्वोत्तम मूल्य प्रदान कर रहा है। कोरिया से अमेरिका, भारत और चीन तक विस्तार करने की हमारी यात्रा निरंतर नवाचार और चुनौतियों का इतिहास है।"
6480  },
6481  // Core Competencies
6482  coreCompetencies: {
6483    badge: "CORE COMPETENCIES",
6484    title: "मुख्य दक्षताएं और प्रौद्योगिकी",
6485    subtitle: "HyVISION SYSTEM ICCK की मुख्य तकनीकी क्षमताएं और समाधान",
6486    // Core Competencies Section
6487    competenciesTitle: "मुख्य दक्षताएं",
6488    imageProcessing: "इमेज प्रोसेसिंग तकनीक",
6489    imageProcessingDesc: "हम उन्नत इमेज प्रोसेसिंग एल्गोरिदम और रीयल-टाइम निरीक्षण प्रणालियों के साथ विनिर्माण प्रक्रिया की गुणवत्ता सुनिश्चित करते हैं। हम उच्च-रिज़ॉल्यूशन इमेज कैप्चर से लेकर डीप लर्निंग-आधारित दोष वर्गीकरण तक एकीकृत समाधान प्रदान करते हैं।",
6490    visionAlgorithm: "विज़न एल्गोरिदम",
6491    visionAlgorithmDesc: "हम मशीन विज़न एल्गोरिदम विकास और अनुकूलन के माध्यम से अनुकूलित निरीक्षण समाधान लागू करते हैं। पैटर्न पहचान, आयामी माप, और उपस्थिति निरीक्षण सहित विभिन्न अनुप्रयोगों के लिए लागू एक लचीला मंच।",
6492    lensAlign: "लेंस संरेखण और कैमरा परीक्षण",
6493    lensAlignDesc: "हम उच्च-सटीक लेंस संरेखण प्रणालियों और कैमरा प्रदर्शन सत्यापन के माध्यम से इष्टतम छवि गुणवत्ता सुनिश्चित करते हैं। हम ऑप्टिकल संरेखण से लेकर अंशांकन और प्रदर्शन मूल्यांकन तक पूर्ण निरीक्षण समाधान प्रदान करते हैं।",
6494    signalProcessing: "सिग्नल प्रोसेसिंग",
6495    signalProcessingDesc: "हम उच्च-गति सिग्नल प्रोसेसिंग तकनीक और रीयल-टाइम डेटा विश्लेषण के साथ सटीक निरीक्षण परिणाम प्रदान करते हैं। हम शोर में कमी, सिग्नल प्रवर्धन, और डिजिटल फ़िल्टरिंग सहित पेशेवर सिग्नल प्रोसेसिंग तकनीकों को लागू करते हैं।",
6496    automation: "औद्योगिक स्वचालन तकनीक",
6497    automationDesc: "हम रोबोटिक स्वचालन और विज़न सिस्टम के पूर्ण एकीकरण के माध्यम से स्मार्ट फैक्ट्री कार्यान्वयन का समर्थन करते हैं। हम PLC नियंत्रण, रोबोट इंटरफ़ेस, और MES एकीकरण सहित व्यापक स्वचालन समाधान प्रदान करते हैं।",
6498    robotics: "रोबोटिक्स",
6499    roboticsDesc: "हम औद्योगिक रोबोट और विज़न सिस्टम के पूर्ण एकीकरण के माध्यम से सटीक स्वचालन को साकार करते हैं। हम 6-अक्ष रोबोट, सहयोगी रोबोट, और SCARA रोबोट सहित विभिन्न रोबोट प्लेटफार्मों के साथ एकीकरण का समर्थन करते हैं।",
6500    printing3D: "3D प्रिंटिंग तकनीक",
6501    printing3DDesc: "हम 3D प्रिंटिंग पर आधारित अनुकूलित भाग निर्माण और प्रोटोटाइप विकास का समर्थन करते हैं। उन्नत विनिर्माण तकनीक जो तेज़ प्रोटोटाइपिंग, जिग और फिक्स्चर उत्à
6501¤ªà¤¾à¤¦à¤¨, और जटिल आकार कार्यान्वयन को सक्षम बनाती है।",
6502    // Core Technology Section
6503    technologyTitle: "मुख्य प्रौद्योगिकी",
6504    softwareTitle: "सॉफ्टवेयर",
6505    softwareDesc: "उच्च-स्तरीय इमेज रीयल-टाइम प्रोसेसिंग सॉफ़्टवेयर",
6506    softwareFeatures: [
6507      "High-end Image Real-Time Processing Software",
6508      "Image Algorithm",
6509      "Vision Recognition & Inspection algorithm"
6510    ],
6511    hardwareTitle: "हार्डवेयर",
6512    hardwareDesc: "उच्च-स्तरीय हार्डवेयर और कैमरा सिस्टम",
6513    hardwareFeatures: [
6514      "High-end Hardware & Camera",
6515      "X-ray Camera & AI",
6516      "Linescan Camera & Multi Camera",
6517      "3D Vision System",
6518      "Multi Spectrum Camera",
6519      "High-speed image capture",
6520      "High speed RGB Dual Scan System",
6521      "High precision Stage & Controller"
6522    ],
6523    automationTitle: "स्वचालन",
6524    automationDesc: "उच्च सटीकता स्टेज और रोबोटिक्स सिस्टम",
6525    automationFeatures: [
6526      "High accuracy Stage & Align",
6527      "Gantry Robotics",
6528      "Dual Transfer Active Align",
6529      "Cleanliness SMIF Packing Tool",
6530      "Display Multi Test System",
6531      "High speed full Auto Handler & Robot",
6532      "Clean Module Active Align",
6533      "Multi-PG Laser Annealer",
6534      "Automated Inline system"
6535    ]
6536  },
6537  // Common
6538  common: {
6539    required: "*"
6540  }
6541}, jg = {
6542  ko: Og,
6543  en: Vg,
6544  hi: Eg
6545}, pd = $e(void 0);
6546function Rg({ children: t }) {
6547  const [i, n] = C("ko"), r = {
6548    language: i,
6549    setLanguage: n,
6550    t: jg[i]
6551  };
6552  return /* @__PURE__ */ e(pd.Provider, { value: r, children: t });
6553}
6554function ne() {
6555  const t = pe(pd);
6556  if (t === void 0)
6557    throw new Error("useLanguage must be used within a LanguageProvider");
6558  return t;
6559}
6560function te(t, i, { checkForDefaultPrevented: n = !0 } = {}) {
6561  return function(s) {
6562    if (t?.(s), n === !1 || !s.defaultPrevented)
6563      return i?.(s);
6564  };
6565}
6566function hi(t, i = []) {
6567  let n = [];
6568  function r(l, o) {
6569    const d = $e(o), c = n.length;
6570    n = [...n, o];
6571    const p = (x) => {
6572      const { scope: b, children: g, ...w } = x, u = b?.[t]?.[c] || d, v = ve(() => w, Object.values(w));
6573      return /* @__PURE__ */ e(u.Provider, { value: v, children: g });
6574    };
6575    p.displayName = l + "Provider";
6576    function h(x, b) {
6577      const g = b?.[t]?.[c] || d, w = pe(g);
6578      if (w) return w;
6579      if (o !== void 0) return o;
6580      throw new Error(`\`${x}\` must be used within \`${l}\``);
6581    }
6582    return [p, h];
6583  }
6584  const s = () => {
6585    const l = n.map((o) => $e(o));
6586    return function(d) {
6587      const c = d?.[t] || l;
6588      return ve(
6589        () => ({ [`__scope${t}`]: { ...d, [t]: c } }),
6590        [d, c]
6591      );
6592    };
6593  };
6594  return s.scopeName = t, [r, Fg(s, ...i)];
6595}
6596function Fg(...t) {
6597  const i = t[0];
6598  if (t.length === 1) return i;
6599  const n = () => {
6600    const r = t.map((s) => ({
6601      useScope: s(),
6602      scopeName: s.scopeName
6603    }));
6604    return function(l) {
6605      const o = r.reduce((d, { useScope: c, scopeName: p }) => {
6606        const x = c(l)[`__scope${p}`];
6607        return { ...d, ...x };
6608      }, {});
6609      return ve(() => ({ [`__scope${i.scopeName}`]: o }), [o]);
6610    };
6611  };
6612  return n.scopeName = i.scopeName, n;
6613}
6614function it(t) {
6615  const i = j(t);
6616  return R(() => {
6617    i.current = t;
6618  }), ve(() => (...n) => i.current?.(...n), []);
6619}
6620function hd({
6621  prop: t,
6622  defaultProp: i,
6623  onChange: n = () => {
6624  }
6625}) {
6626  const [r, s] = _g({ defaultProp: i, onChange: n }), l = t !== void 0, o = l ? t : r, d = it(n), c = ie(
6627    (p) => {
6628      if (l) {
6629        const x = typeof p == "function" ? p(t) : p;
6630        x !== t && d(x);
6631      } else
6632        s(p);
6633    },
6634    [l, t, s, d]
6635  );
6636  return [o, c];
6637}
6638function _g({
6639  defaultProp: t,
6640  onChange: i
6641}) {
6642  const n = C(t), [r] = n, s = j(r), l = it(i);
6643  return R(() => {
6644    s.current !== r && (l(r), s.current = r);
6645  }, [r, s, l]), n;
6646}
6647const Wg = globalThis.__GLOBALS__.ReactDOM, { createPortal: Q6, findDOMNode: e7, flushSync: ud, hydrate: t7, render: a7, unmountComponentAtNode: i7, unstable_batchedUpdates: n7, unstable_renderSubtreeIntoContainer: r7, version: s7 } = globalThis.__GLOBALS__.ReactDOM;
6648var zg = [
6649  "a",
6650  "button",
6651  "div",
6652  "form",
6653  "h2",
6654  "h3",
6655  "img",
6656  "input",
6657  "label",
6658  "li",
6659  "nav",
6660  "ol",
6661  "p",
6662  "span",
6663  "svg",
6664  "ul"
6665], He = zg.reduce((t, i) => {
6666  const n = G((r, s) => {
6667    const { asChild: l, ...o } = r, d = l ? Yt : i;
6668    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__P
vendor: 36,122 bytes, lines 6668-7915
6668URE__ */ e(d, { ...o, ref: s });
6669  });
6670  return n.displayName = `Primitive.${i}`, { ...t, [i]: n };
6671}, {});
6672function xd(t, i) {
6673  t && ud(() => t.dispatchEvent(i));
6674}
6675function gd(t) {
6676  const i = t + "CollectionProvider", [n, r] = hi(i), [s, l] = n(
6677    i,
6678    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
6679  ), o = (g) => {
6680    const { scope: w, children: u } = g, v = oe.useRef(null), A = oe.useRef(/* @__PURE__ */ new Map()).current;
6681    return /* @__PURE__ */ e(s, { scope: w, itemMap: A, collectionRef: v, children: u });
6682  };
6683  o.displayName = i;
6684  const d = t + "CollectionSlot", c = oe.forwardRef(
6685    (g, w) => {
6686      const { scope: u, children: v } = g, A = l(d, u), N = _e(w, A.collectionRef);
6687      return /* @__PURE__ */ e(Yt, { ref: N, children: v });
6688    }
6689  );
6690  c.displayName = d;
6691  const p = t + "CollectionItemSlot", h = "data-radix-collection-item", x = oe.forwardRef(
6692    (g, w) => {
6693      const { scope: u, children: v, ...A } = g, N = oe.useRef(null), f = _e(w, N), y = l(p, u);
6694      return oe.useEffect(() => (y.itemMap.set(N, { ref: N, ...A }), () => void y.itemMap.delete(N))), /* @__PURE__ */ e(Yt, { [h]: "", ref: f, children: v });
6695    }
6696  );
6697  x.displayName = p;
6698  function b(g) {
6699    const w = l(t + "CollectionConsumer", g);
6700    return oe.useCallback(() => {
6701      const v = w.collectionRef.current;
6702      if (!v) return [];
6703      const A = Array.from(v.querySelectorAll(`[${h}]`));
6704      return Array.from(w.itemMap.values()).sort(
6705        (y, I) => A.indexOf(y.ref.current) - A.indexOf(I.ref.current)
6706      );
6707    }, [w.collectionRef, w.itemMap]);
6708  }
6709  return [
6710    { Provider: o, Slot: c, ItemSlot: x },
6711    b,
6712    r
6713  ];
6714}
6715var Bg = $e(void 0);
6716function fd(t) {
6717  const i = pe(Bg);
6718  return t || i || "ltr";
6719}
6720function Gg(t, i = globalThis?.document) {
6721  const n = it(t);
6722  R(() => {
6723    const r = (s) => {
6724      s.key === "Escape" && n(s);
6725    };
6726    return i.addEventListener("keydown", r, { capture: !0 }), () => i.removeEventListener("keydown", r, { capture: !0 });
6727  }, [n, i]);
6728}
6729var Ug = "DismissableLayer", xr = "dismissableLayer.update", qg = "dismissableLayer.pointerDownOutside", Yg = "dismissableLayer.focusOutside", Ml, bd = $e({
6730  layers: /* @__PURE__ */ new Set(),
6731  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
6732  branches: /* @__PURE__ */ new Set()
6733}), yd = G(
6734  (t, i) => {
6735    const {
6736      disableOutsidePointerEvents: n = !1,
6737      onEscapeKeyDown: r,
6738      onPointerDownOutside: s,
6739      onFocusOutside: l,
6740      onInteractOutside: o,
6741      onDismiss: d,
6742      ...c
6743    } = t, p = pe(bd), [h, x] = C(null), b = h?.ownerDocument ?? globalThis?.document, [, g] = C({}), w = _e(i, (P) => x(P)), u = Array.from(p.layers), [v] = [...p.layersWithOutsidePointerEventsDisabled].slice(-1), A = u.indexOf(v), N = h ? u.indexOf(h) : -1, f = p.layersWithOutsidePointerEventsDisabled.size > 0, y = N >= A, I = Zg((P) => {
6744      const k = P.target, H = [...p.branches].some((T) => T.contains(k));
6745      !y || H || (s?.(P), o?.(P), P.defaultPrevented || d?.());
6746    }, b), D = $g((P) => {
6747      const k = P.target;
6748      [...p.branches].some((T) => T.contains(k)) || (l?.(P), o?.(P), P.defaultPrevented || d?.());
6749    }, b);
6750    return Gg((P) => {
6751      N === p.layers.size - 1 && (r?.(P), !P.defaultPrevented && d && (P.preventDefault(), d()));
6752    }, b), R(() => {
6753      if (h)
6754        return n && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (Ml = b.body.style.pointerEvents, b.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(h)), p.layers.add(h), Dl(), () => {
6755          n && p.layersWithOutsidePointerEventsDisabled.size === 1 && (b.body.style.pointerEvents = Ml);
6756        };
6757    }, [h, b, n, p]), R(() => () => {
6758      h && (p.layers.delete(h), p.layersWithOutsidePointerEventsDisabled.delete(h), Dl());
6759    }, [h, p]), R(() => {
6760      const P = () => g({});
6761      return document.addEventListener(xr, P), () => document.removeEventListener(xr, P);
6762    }, []), /* @__PURE__ */ e(
6763      He.div,
6764      {
6765        ...c,
6766        ref: w,
6767        style: {
6768          pointerEvents: f ? y ? "auto" : "none" : void 0,
6769          ...t.style
6770        },
6771        onFocusCapture: te(t.onFocusCapture, D.onFocusCapture),
6772        onBlurCapture: te(t.onBlurCapture, D.onBlurCapture),
6773        onPointerDownCapture: te(
6774          t.onPointerDownCapture,
6775          I.onPointerDownCapture
6776        )
6777      }
6778    );
6779  }
6780);
6781yd.displayName = Ug;
6782var Xg = "DismissableLayerBranch", Jg = G((t, i) => {
6783  const n = pe(bd), r = j(null), s = _e(i, r);
6784  return R(() => {
6785    const l = r.current;
6786    if (l)
6787      return n.branches.add(l), () => {
6788        n.branches.delete(l);
6789      };
6790  }, [n.branches]), /* @__PURE__ */ e(He.div, { ...t, ref: s });
6791});
6792Jg.displayName = Xg;
6793function Zg(t, i = globalThis?.document) {
6794  const n = it(t), r = j(!1), s = j(() => {
6795  });
6796  return R(() => {
6797    const l = (d) => {
6798      if (d.target && !r.current) {
6799        let c = function() {
6800          wd(
6801            qg,
6802            n,
6803            p,
6804            { discrete: !0 }
6805          );
6806        };
6807        const p = { originalEvent: d };
6808        d.pointerType === "touch" ? (i.removeEventListener("click", s.current), s.current = c, i.addEventListener("click", s.current, { once: !0 })) : c();
6809      } else
6810        i.removeEventListener("click", s.current);
6811      r.current = !1;
6812    }, o = window.setTimeout(() => {
6813      i.addEventListener("pointerdown", l);
6814    }, 0);
6815    return () => {
6816      window.clearTimeout(o), i.removeEventListener("pointerdown", l), i.removeEventListener("click", s.current);
6817    };
6818  }, [i, n]), {
6819    // ensures we check React component tree (not just DOM tree)
6820    onPointerDownCapture: () => r.current = !0
6821  };
6822}
6823function $g(t, i = globalThis?.document) {
6824  const n = it(t), r = j(!1);
6825  return R(() => {
6826    const s = (l) => {
6827      l.target && !r.current && wd(Yg, n, { originalEvent: l }, {
6828        discrete: !1
6829      });
6830    };
6831    return i.addEventListener("focusin", s), () => i.removeEventListener("focusin", s);
6832  }, [i, n]), {
6833    onFocusCapture: () => r.current = !0,
6834    onBlurCapture: () => r.current = !1
6835  };
6836}
6837function Dl() {
6838  const t = new CustomEvent(xr);
6839  document.dispatchEvent(t);
6840}
6841function wd(t, i, n, { discrete: r }) {
6842  const s = n.originalEvent.target, l = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
6843  i && s.addEventListener(t, i, { once: !0 }), r ? xd(s, l) : s.dispatchEvent(l);
6844}
6845var En = 0;
6846function Kg() {
6847  R(() => {
6848    const t = document.querySelectorAll("[data-radix-focus-guard]");
6849    return document.body.insertAdjacentElement("afterbegin", t[0] ?? kl()), document.body.insertAdjacentElement("beforeend", t[1] ?? kl()), En++, () => {
6850      En === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((i) => i.remove()), En--;
6851    };
6852  }, []);
6853}
6854function kl() {
6855  const t = document.createElement("span");
6856  return t.setAttribute("data-radix-focus-guard", ""), t.tabIndex = 0, t.style.outline = "none", t.style.opacity = "0", t.style.position = "fixed", t.style.pointerEvents = "none", t;
6857}
6858var jn = "focusScope.autoFocusOnMount", Rn = "focusScope.autoFocusOnUnmount", Tl = { bubbles: !1, cancelable: !0 }, Qg = "FocusScope", vd = G((t, i) => {
6859  const {
6860    loop: n = !1,
6861    trapped: r = !1,
6862    onMountAutoFocus: s,
6863    onUnmountAutoFocus: l,
6864    ...o
6865  } = t, [d, c] = C(null), p = it(s), h = it(l), x = j(null), b = _e(i, (u) => c(u)), g = j({
6866    paused: !1,
6867    pause() {
6868      this.paused = !0;
6869    },
6870    resume() {
6871      this.paused = !1;
6872    }
6873  }).current;
6874  R(() => {
6875    if (r) {
6876      let u = function(f) {
6877        if (g.paused || !d) return;
6878        const y = f.target;
6879        d.contains(y) ? x.current = y : Dt(x.current, { select: !0 });
6880      }, v = function(f) {
6881        if (g.paused || !d) return;
6882        const y = f.relatedTarget;
6883        y !== null && (d.contains(y) || Dt(x.current, { select: !0 }));
6884      }, A = function(f) {
6885        if (document.activeElement === document.body)
6886          for (const I of f)
6887            I.removedNodes.length > 0 && Dt(d);
6888      };
6889      document.addEventListener("focusin", u), document.addEventListener("focusout", v);
6890      const N = new MutationObserver(A);
6891      return d && N.observe(d, { childList: !0, subtree: !0 }), () => {
6892        document.removeEventListener("focusin", u), document.removeEventListener("focusout", v), N.disconnect();
6893      };
6894    }
6895  }, [r, d, g.paused]), R(() => {
6896    if (d) {
6897      Ll.add(g);
6898      const u = document.activeElement;
6899      if (!d.contains(u)) {
6900        const A = new CustomEvent(jn, Tl);
6901        d.addEventListener(jn, p), d.dispatchEvent(A), A.defaultPrevented || (ef(sf(Nd(d)), { select: !0 }), document.activeElement === u && Dt(d));
6902      }
6903      return () => {
6904        d.removeEventListener(jn, p), setTimeout(() => {
6905          const A = new CustomEvent(Rn, Tl);
6906          d.addEventListener(Rn, h), d.dispatchEvent(A), A.defaultPrevented || Dt(u ?? document.body, { select: !0 }), d.removeEventListener(Rn, h), Ll.remove(g);
6907        }, 0);
6908      };
6909    }
6910  }, [d, p, h, g]);
6911  const w = ie(
6912    (u) => {
6913      if (!n && !r || g.paused) return;
6914      const v = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, A = document.activeElement;
6915      if (v && A) {
6916        const N = u.currentTarget, [f, y] = tf(N);
6917        f && y ? !u.shiftKey && A === y ? (u.preventDefault(), n && Dt(f, { select: !0 })) : u.shiftKey && A === f && (u.preventDefault(), n && Dt(y, { select: !0 })) : A === N && u.preventDefault();
6918      }
6919    },
6920    [n, r, g.paused]
6921  );
6922  return /* @__PURE__ */ e(He.div, { tabIndex: -1, ...o, ref: b, onKeyDown: w });
6923});
6924vd.displayName = Qg;
6925function ef(t, { select: i = !1 } = {}) {
6926  const n = document.activeElement;
6927  for (const r of t)
6928    if (Dt(r, { select: i }), document.activeElement !== n) return;
6929}
6930function tf(t) {
6931  const i = Nd(t), n = Pl(i, t), r = Pl(i.reverse(), t);
6932  return [n, r];
6933}
6934function Nd(t) {
6935  const i = [], n = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
6936    acceptNode: (r) => {
6937      const s = r.tagName === "INPUT" && r.type === "hidden";
6938      return r.disabled || r.hidden || s ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
6939    }
6940  });
6941  for (; n.nextNode(); ) i.push(n.currentNode);
6942  return i;
6943}
6944function Pl(t, i) {
6945  for (const n of t)
6946    if (!af(n, { upTo: i })) return n;
6947}
6948function af(t, { upTo: i }) {
6949  if (getComputedStyle(t).visibility === "hidden") return !0;
6950  for (; t; ) {
6951    if (i !== void 0 && t === i) return !1;
6952    if (getComputedStyle(t).display === "none") return !0;
6953    t = t.parentElement;
6954  }
6955  return !1;
6956}
6957function nf(t) {
6958  return t instanceof HTMLInputElement && "select" in t;
6959}
6960function Dt(t, { select: i = !1 } = {}) {
6961  if (t && t.focus) {
6962    const n = document.activeElement;
6963    t.focus({ preventScroll: !0 }), t !== n && nf(t) && i && t.select();
6964  }
6965}
6966var Ll = rf();
6967function rf() {
6968  let t = [];
6969  return {
6970    add(i) {
6971      const n = t[0];
6972      i !== n && n?.pause(), t = Hl(t, i), t.unshift(i);
6973    },
6974    remove(i) {
6975      t = Hl(t, i), t[0]?.resume();
6976    }
6977  };
6978}
6979function Hl(t, i) {
6980  const n = [...t], r = n.indexOf(i);
6981  return r !== -1 && n.splice(r, 1), n;
6982}
6983function sf(t) {
6984  return t.filter((i) => i.tagName !== "A");
6985}
6986var Xt = globalThis?.document ? oi : () => {
6987}, lf = bh.useId || (() => {
6988}), of = 0;
6989function gr(t) {
6990  const [i, n] = C(lf());
6991  return Xt(() => {
6992    n((r) => r ?? String(of++));
6993  }, [t]), t || (i ? `radix-${i}` : "");
6994}
6995const cf = ["top", "right", "bottom", "left"], Ot = Math.min, ze = Math.max, $i = Math.round, Ci = Math.floor, mt = (t) => ({
6996  x: t,
6997  y: t
6998}), df = {
6999  left: "right",
7000  right: "left",
7001  bottom: "top",
7002  top: "bottom"
7003}, mf = {
7004  start: "end",
7005  end: "start"
7006};
7007function fr(t, i, n) {
7008  return ze(t, Ot(i, n));
7009}
7010function vt(t, i) {
7011  return typeof t == "function" ? t(i) : t;
7012}
7013function Nt(t) {
7014  return t.split("-")[0];
7015}
7016function Na(t) {
7017  return t.split("-")[1];
7018}
7019function es(t) {
7020  return t === "x" ? "y" : "x";
7021}
7022function ts(t) {
7023  return t === "y" ? "height" : "width";
7024}
7025const pf = /* @__PURE__ */ new Set(["top", "bottom"]);
7026function ct(t) {
7027  return pf.has(Nt(t)) ? "y" : "x";
7028}
7029function as(t) {
7030  return es(ct(t));
7031}
7032function hf(t, i, n) {
7033  n === void 0 && (n = !1);
7034  const r = Na(t), s = as(t), l = ts(s);
7035  let o = s === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
7036  return i.reference[l] > i.floating[l] && (o = Ki(o)), [o, Ki(o)];
7037}
7038function uf(t) {
7039  const i = Ki(t);
7040  return [br(t), i, br(i)];
7041}
7042function br(t) {
7043  return t.replace(/start|end/g, (i) => mf[i]);
7044}
7045const Ol = ["left", "right"], Vl = ["right", "left"], xf = ["top", "bottom"], gf = ["bottom", "top"];
7046function ff(t, i, n) {
7047  switch (t) {
7048    case "top":
7049    case "bottom":
7050      return n ? i ? Vl : Ol : i ? Ol : Vl;
7051    case "left":
7052    case "right":
7053      return i ? xf : gf;
7054    default:
7055      return [];
7056  }
7057}
7058function bf(t, i, n, r) {
7059  const s = Na(t);
7060  let l = ff(Nt(t), n === "start", r);
7061  return s && (l = l.map((o) => o + "-" + s), i && (l = l.concat(l.map(br)))), l;
7062}
7063function Ki(t) {
7064  return t.replace(/left|right|bottom|top/g, (i) => df[i]);
7065}
7066function yf(t) {
7067  return {
7068    top: 0,
7069    right: 0,
7070    bottom: 0,
7071    left: 0,
7072    ...t
7073  };
7074}
7075function Ad(t) {
7076  return typeof t != "number" ? yf(t) : {
7077    top: t,
7078    right: t,
7079    bottom: t,
7080    left: t
7081  };
7082}
7083function Qi(t) {
7084  const {
7085    x: i,
7086    y: n,
7087    width: r,
7088    height: s
7089  } = t;
7090  return {
7091    width: r,
7092    height: s,
7093    top: n,
7094    left: i,
7095    right: i + r,
7096    bottom: n + s,
7097    x: i,
7098    y: n
7099  };
7100}
7101function El(t, i, n) {
7102  let {
7103    reference: r,
7104    floating: s
7105  } = t;
7106  const l = ct(i), o = as(i), d = ts(o), c = Nt(i), p = l === "y", h = r.x + r.width / 2 - s.width / 2, x = r.y + r.height / 2 - s.height / 2, b = r[d] / 2 - s[d] / 2;
7107  let g;
7108  switch (c) {
7109    case "top":
7110      g = {
7111        x: h,
7112        y: r.y - s.height
7113      };
7114      break;
7115    case "bottom":
7116      g = {
7117        x: h,
7118        y: r.y + r.height
7119      };
7120      break;
7121    case "right":
7122      g = {
7123        x: r.x + r.width,
7124        y: x
7125      };
7126      break;
7127    case "left":
7128      g = {
7129        x: r.x - s.width,
7130        y: x
7131      };
7132      break;
7133    default:
7134      g = {
7135        x: r.x,
7136        y: r.y
7137      };
7138  }
7139  switch (Na(i)) {
7140    case "start":
7141      g[o] -= b * (n && p ? -1 : 1);
7142      break;
7143    case "end":
7144      g[o] += b * (n && p ? -1 : 1);
7145      break;
7146  }
7147  return g;
7148}
7149const wf = async (t, i, n) => {
7150  const {
7151    placement: r = "bottom",
7152    strategy: s = "absolute",
7153    middleware: l = [],
7154    platform: o
7155  } = n, d = l.filter(Boolean), c = await (o.isRTL == null ? void 0 : o.isRTL(i));
7156  let p = await o.getElementRects({
7157    reference: t,
7158    floating: i,
7159    strategy: s
7160  }), {
7161    x: h,
7162    y: x
7163  } = El(p, r, c), b = r, g = {}, w = 0;
7164  for (let u = 0; u < d.length; u++) {
7165    const {
7166      name: v,
7167      fn: A
7168    } = d[u], {
7169      x: N,
7170      y: f,
7171      data: y,
7172      reset: I
7173    } = await A({
7174      x: h,
7175      y: x,
7176      initialPlacement: r,
7177      placement: b,
7178      strategy: s,
7179      middlewareData: g,
7180      rects: p,
7181      platform: o,
7182      elements: {
7183        reference: t,
7184        floating: i
7185      }
7186    });
7187    h = N ?? h, x = f ?? x, g = {
7188      ...g,
7189      [v]: {
7190        ...g[v],
7191        ...y
7192      }
7193    }, I && w <= 50 && (w++, typeof I == "object" && (I.placement && (b = I.placement), I.rects && (p = I.rects === !0 ? await o.getElementRects({
7194      reference: t,
7195      floating: i,
7196      strategy: s
7197    }) : I.rects), {
7198      x: h,
7199      y: x
7200    } = El(p, b, c)), u = -1);
7201  }
7202  return {
7203    x: h,
7204    y: x,
7205    placement: b,
7206    strategy: s,
7207    middlewareData: g
7208  };
7209};
7210async function Ja(t, i) {
7211  var n;
7212  i === void 0 && (i = {});
7213  const {
7214    x: r,
7215    y: s,
7216    platform: l,
7217    rects: o,
7218    elements: d,
7219    strategy: c
7220  } = t, {
7221    boundary: p = "clippingAncestors",
7222    rootBoundary: h = "viewport",
7223    elementContext: x = "floating",
7224    altBoundary: b = !1,
7225    padding: g = 0
7226  } = vt(i, t), w = Ad(g), v = d[b ? x === "floating" ? "reference" : "floating" : x], A = Qi(await l.getClippingRect({
7227    element: (n = await (l.isElement == null ? void 0 : l.isElement(v))) == null || n ? v : v.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(d.floating)),
7228    boundary: p,
7229    rootBoundary: h,
7230    strategy: c
7231  })), N = x === "floating" ? {
7232    x: r,
7233    y: s,
7234    width: o.floating.width,
7235    height: o.floating.height
7236  } : o.reference, f = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d.floating)), y = await (l.isElement == null ? void 0 : l.isElement(f)) ? await (l.getScale == null ? void 0 : l.getScale(f)) || {
7237    x: 1,
7238    y: 1
7239  } : {
7240    x: 1,
7241    y: 1
7242  }, I = Qi(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
7243    elements: d,
7244    rect: N,
7245    offsetParent: f,
7246    strategy: c
7247  }) : N);
7248  return {
7249    top: (A.top - I.top + w.top) / y.y,
7250    bottom: (I.bottom - A.bottom + w.bottom) / y.y,
7251    left: (A.left - I.left + w.left) / y.x,
7252    right: (I.right - A.right + w.right) / y.x
7253  };
7254}
7255const vf = (t) => ({
7256  name: "arrow",
7257  options: t,
7258  async fn(i) {
7259    const {
7260      x: n,
7261      y: r,
7262      placement: s,
7263      rects: l,
7264      platform: o,
7265      elements: d,
7266      middlewareData: c
7267    } = i, {
7268      element: p,
7269      padding: h = 0
7270    } = vt(t, i) || {};
7271    if (p == null)
7272      return {};
7273    const x = Ad(h), b = {
7274      x: n,
7275      y: r
7276    }, g = as(s), w = ts(g), u = await o.getDimensions(p), v = g === "y", A = v ? "top" : "left", N = v ? "bottom" : "right", f = v ? "clientHeight" : "clientWidth", y = l.reference[w] + l.reference[g] - b[g] - l.floating[w], I = b[g] - l.reference[g], D = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(p));
7277    let P = D ? D[f] : 0;
7278    (!P || !await (o.isElement == null ? void 0 : o.isElement(D))) && (P = d.floating[f] || l.floating[w]);
7279    const k = y / 2 - I / 2, H = P / 2 - u[w] / 2 - 1, T = Ot(x[A], H), M = Ot(x[N], H), E = T, z = P - u[w] - M, X = P / 2 - u[w] / 2 + k, Q = fr(E, X, z), Y = !c.arrow && Na(s) != null && X !== Q && l.reference[w] / 2 - (X < E ? T : M) - u[w] / 2 < 0, B = Y ? X < E ? X - E : X - z : 0;
7280    return {
7281      [g]: b[g] + B,
7282      data: {
7283        [g]: Q,
7284        centerOffset: X - Q - B,
7285        ...Y && {
7286          alignmentOffset: B
7287        }
7288      },
7289      reset: Y
7290    };
7291  }
7292}), Nf = function(t) {
7293  return t === void 0 && (t = {}), {
7294    name: "flip",
7295    options: t,
7296    async fn(i) {
7297      var n, r;
7298      const {
7299        placement: s,
7300        middlewareData: l,
7301        rects: o,
7302        initialPlacement: d,
7303        platform: c,
7304        elements: p
7305      } = i, {
7306        mainAxis: h = !0,
7307        crossAxis: x = !0,
7308        fallbackPlacements: b,
7309        fallbackStrategy: g = "bestFit",
7310        fallbackAxisSideDirection: w = "none",
7311        flipAlignment: u = !0,
7312        ...v
7313      } = vt(t, i);
7314      if ((n = l.arrow) != null && n.alignmentOffset)
7315        return {};
7316      const A = Nt(s), N = ct(d), f = Nt(d) === d, y = await (c.isRTL == null ? void 0 : c.isRTL(p.floating)), I = b || (f || !u ? [Ki(d)] : uf(d)), D = w !== "none";
7317      !b && D && I.push(...bf(d, u, w, y));
7318      const P = [d, ...I], k = await Ja(i, v), H = [];
7319      let T = ((r = l.flip) == null ? void 0 : r.overflows) || [];
7320      if (h && H.push(k[A]), x) {
7321        const X = hf(s, o, y);
7322        H.push(k[X[0]], k[X[1]]);
7323      }
7324      if (T = [...T, {
7325        placement: s,
7326        overflows: H
7327      }], !H.every((X) => X <= 0)) {
7328        var M, E;
7329        const X = (((M = l.flip) == null ? void 0 : M.index) || 0) + 1, Q = P[X];
7330        if (Q && (!(x === "alignment" ? N !== ct(Q) : !1) || // We leave the current main axis only if every placement on that axis
7331        // overflows the main axis.
7332        T.every((L) => ct(L.placement) === N ? L.overflows[0] > 0 : !0)))
7333          return {
7334            data: {
7335              index: X,
7336              overflows: T
7337            },
7338            reset: {
7339              placement: Q
7340            }
7341          };
7342        let Y = (E = T.filter((B) => B.overflows[0] <= 0).sort((B, L) => B.overflows[1] - L.overflows[1])[0]) == null ? void 0 : E.placement;
7343        if (!Y)
7344          switch (g) {
7345            case "bestFit": {
7346              var z;
7347              const B = (z = T.filter((L) => {
7348                if (D) {
7349                  const F = ct(L.placement);
7350                  return F === N || // Create a bias to the `y` side axis due to horizontal
7351                  // reading directions favoring greater width.
7352                  F === "y";
7353                }
7354                return !0;
7355              }).map((L) => [L.placement, L.overflows.filter((F) => F > 0).reduce((F, ae) => F + ae, 0)]).sort((L, F) => L[1] - F[1])[0]) == null ? void 0 : z[0];
7356              B && (Y = B);
7357              break;
7358            }
7359            case "initialPlacement":
7360              Y = d;
7361              break;
7362          }
7363        if (s !== Y)
7364          return {
7365            reset: {
7366              placement: Y
7367            }
7368          };
7369      }
7370      return {};
7371    }
7372  };
7373};
7374function jl(t, i) {
7375  return {
7376    top: t.top - i.height,
7377    right: t.right - i.width,
7378    bottom: t.bottom - i.height,
7379    left: t.left - i.width
7380  };
7381}
7382function Rl(t) {
7383  return cf.some((i) => t[i] >= 0);
7384}
7385const Af = function(t) {
7386  return t === void 0 && (t = {}), {
7387    name: "hide",
7388    options: t,
7389    async fn(i) {
7390      const {
7391        rects: n
7392      } = i, {
7393        strategy: r = "referenceHidden",
7394        ...s
7395      } = vt(t, i);
7396      switch (r) {
7397        case "referenceHidden": {
7398          const l = await Ja(i, {
7399            ...s,
7400            elementContext: "reference"
7401          }), o = jl(l, n.reference);
7402          return {
7403            data: {
7404              referenceHiddenOffsets: o,
7405              referenceHidden: Rl(o)
7406            }
7407          };
7408        }
7409        case "escaped": {
7410          const l = await Ja(i, {
7411            ...s,
7412            altBoundary: !0
7413          }), o = jl(l, n.floating);
7414          return {
7415            data: {
7416              escapedOffsets: o,
7417              escaped: Rl(o)
7418            }
7419          };
7420        }
7421        default:
7422          return {};
7423      }
7424    }
7425  };
7426}, Id = /* @__PURE__ */ new Set(["left", "top"]);
7427async function If(t, i) {
7428  const {
7429    placement: n,
7430    platform: r,
7431    elements: s
7432  } = t, l = await (r.isRTL == null ? void 0 : r.isRTL(s.floating)), o = Nt(n), d = Na(n), c = ct(n) === "y", p = Id.has(o) ? -1 : 1, h = l && c ? -1 : 1, x = vt(i, t);
7433  let {
7434    mainAxis: b,
7435    crossAxis: g,
7436    alignmentAxis: w
7437  } = typeof x == "number" ? {
7438    mainAxis: x,
7439    crossAxis: 0,
7440    alignmentAxis: null
7441  } : {
7442    mainAxis: x.mainAxis || 0,
7443    crossAxis: x.crossAxis || 0,
7444    alignmentAxis: x.alignmentAxis
7445  };
7446  return d && typeof w == "number" && (g = d === "end" ? w * -1 : w), c ? {
7447    x: g * h,
7448    y: b * p
7449  } : {
7450    x: b * p,
7451    y: g * h
7452  };
7453}
7454const Sf = function(t) {
7455  return t === void 0 && (t = 0), {
7456    name: "offset",
7457    options: t,
7458    async fn(i) {
7459      var n, r;
7460      const {
7461        x: s,
7462        y: l,
7463        placement: o,
7464        middlewareData: d
7465      } = i, c = await If(i, t);
7466      return o === ((n = d.offset) == null ? void 0 : n.placement) && (r = d.arrow) != null && r.alignmentOffset ? {} : {
7467        x: s + c.x,
7468        y: l + c.y,
7469        data: {
7470          ...c,
7471          placement: o
7472        }
7473      };
7474    }
7475  };
7476}, Cf = function(t) {
7477  return t === void 0 && (t = {}), {
7478    name: "shift",
7479    options: t,
7480    async fn(i) {
7481      const {
7482        x: n,
7483        y: r,
7484        placement: s
7485      } = i, {
7486        mainAxis: l = !0,
7487        crossAxis: o = !1,
7488        limiter: d = {
7489          fn: (v) => {
7490            let {
7491              x: A,
7492              y: N
7493            } = v;
7494            return {
7495              x: A,
7496              y: N
7497            };
7498          }
7499        },
7500        ...c
7501      } = vt(t, i), p = {
7502        x: n,
7503        y: r
7504      }, h = await Ja(i, c), x = ct(Nt(s)), b = es(x);
7505      let g = p[b], w = p[x];
7506      if (l) {
7507        const v = b === "y" ? "top" : "left", A = b === "y" ? "bottom" : "right", N = g + h[v], f = g - h[A];
7508        g = fr(N, g, f);
7509      }
7510      if (o) {
7511        const v = x === "y" ? "top" : "left", A = x === "y" ? "bottom" : "right", N = w + h[v], f = w - h[A];
7512        w = fr(N, w, f);
7513      }
7514      const u = d.fn({
7515        ...i,
7516        [b]: g,
7517        [x]: w
7518      });
7519      return {
7520        ...u,
7521        data: {
7522          x: u.x - n,
7523          y: u.y - r,
7524          enabled: {
7525            [b]: l,
7526            [x]: o
7527          }
7528        }
7529      };
7530    }
7531  };
7532}, Mf = function(t) {
7533  return t === void 0 && (t = {}), {
7534    options: t,
7535    fn(i) {
7536      const {
7537        x: n,
7538        y: r,
7539        placement: s,
7540        rects: l,
7541        middlewareData: o
7542      } = i, {
7543        offset: d = 0,
7544        mainAxis: c = !0,
7545        crossAxis: p = !0
7546      } = vt(t, i), h = {
7547        x: n,
7548        y: r
7549      }, x = ct(s), b = es(x);
7550      let g = h[b], w = h[x];
7551      const u = vt(d, i), v = typeof u == "number" ? {
7552        mainAxis: u,
7553        crossAxis: 0
7554      } : {
7555        mainAxis: 0,
7556        crossAxis: 0,
7557        ...u
7558      };
7559      if (c) {
7560        const f = b === "y" ? "height" : "width", y = l.reference[b] - l.floating[f] + v.mainAxis, I = l.reference[b] + l.reference[f] - v.mainAxis;
7561        g < y ? g = y : g > I && (g = I);
7562      }
7563      if (p) {
7564        var A, N;
7565        const f = b === "y" ? "width" : "height", y = Id.has(Nt(s)), I = l.reference[x] - l.floating[f] + (y && ((A = o.offset) == null ? void 0 : A[x]) || 0) + (y ? 0 : v.crossAxis), D = l.reference[x] + l.reference[f] + (y ? 0 : ((N = o.offset) == null ? void 0 : N[x]) || 0) - (y ? v.crossAxis : 0);
7566        w < I ? w = I : w > D && (w = D);
7567      }
7568      return {
7569        [b]: g,
7570        [x]: w
7571      };
7572    }
7573  };
7574}, Df = function(t) {
7575  return t === void 0 && (t = {}), {
7576    name: "size",
7577    options: t,
7578    async fn(i) {
7579      var n, r;
7580      const {
7581        placement: s,
7582        rects: l,
7583        platform: o,
7584        elements: d
7585      } = i, {
7586        apply: c = () => {
7587        },
7588        ...p
7589      } = vt(t, i), h = await Ja(i, p), x = Nt(s), b = Na(s), g = ct(s) === "y", {
7590        width: w,
7591        height: u
7592      } = l.floating;
7593      let v, A;
7594      x === "top" || x === "bottom" ? (v = x, A = b === (await (o.isRTL == null ? void 0 : o.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (A = x, v = b === "end" ? "top" : "bottom");
7595      const N = u - h.top - h.bottom, f = w - h.left - h.right, y = Ot(u - h[v], N), I = Ot(w - h[A], f), D = !i.middlewareData.shift;
7596      let P = y, k = I;
7597      if ((n = i.middlewareData.shift) != null && n.enabled.x && (k = f), (r = i.middlewareData.shift) != null && r.enabled.y && (P = N), D && !b) {
7598        const T = ze(h.left, 0), M = ze(h.right, 0), E = ze(h.top, 0), z = ze(h.bottom, 0);
7599        g ? k = w - 2 * (T !== 0 || M !== 0 ? T + M : ze(h.left, h.right)) : P = u - 2 * (E !== 0 || z !== 0 ? E + z : ze(h.top, h.bottom));
7600      }
7601      await c({
7602        ...i,
7603        availableWidth: k,
7604        availableHeight: P
7605      });
7606      const H = await o.getDimensions(d.floating);
7607      return w !== H.width || u !== H.height ? {
7608        reset: {
7609          rects: !0
7610        }
7611      } : {};
7612    }
7613  };
7614};
7615function un() {
7616  return typeof window < "u";
7617}
7618function Aa(t) {
7619  return Sd(t) ? (t.nodeName || "").toLowerCase() : "#document";
7620}
7621function Ge(t) {
7622  var i;
7623  return (t == null || (i = t.ownerDocument) == null ? void 0 : i.defaultView) || window;
7624}
7625function ft(t) {
7626  var i;
7627  return (i = (Sd(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : i.documentElement;
7628}
7629function Sd(t) {
7630  return un() ? t instanceof Node || t instanceof Ge(t).Node : !1;
7631}
7632function nt(t) {
7633  return un() ? t instanceof Element || t instanceof Ge(t).Element : !1;
7634}
7635function xt(t) {
7636  return un() ? t instanceof HTMLElement || t instanceof Ge(t).HTMLElement : !1;
7637}
7638function Fl(t) {
7639  return !un() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof Ge(t).ShadowRoot;
7640}
7641const kf = /* @__PURE__ */ new Set(["inline", "contents"]);
7642function ui(t) {
7643  const {
7644    overflow: i,
7645    overflowX: n,
7646    overflowY: r,
7647    display: s
7648  } = rt(t);
7649  return /auto|scroll|overlay|hidden|clip/.test(i + r + n) && !kf.has(s);
7650}
7651const Tf = /* @__PURE__ */ new Set(["table", "td", "th"]);
7652function Pf(t) {
7653  return Tf.has(Aa(t));
7654}
7655const Lf = [":popover-open", ":modal"];
7656function xn(t) {
7657  return Lf.some((i) => {
7658    try {
7659      return t.matches(i);
7660    } catch {
7661      return !1;
7662    }
7663  });
7664}
7665const Hf = ["transform", "translate", "scale", "rotate", "perspective"], Of = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Vf = ["paint", "layout", "strict", "content"];
7666function is(t) {
7667  const i = ns(), n = nt(t) ? rt(t) : t;
7668  return Hf.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !i && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !i && (n.filter ? n.filter !== "none" : !1) || Of.some((r) => (n.willChange || "").includes(r)) || Vf.some((r) => (n.contain || "").includes(r));
7669}
7670function Ef(t) {
7671  let i = Vt(t);
7672  for (; xt(i) && !fa(i); ) {
7673    if (is(i))
7674      return i;
7675    if (xn(i))
7676      return null;
7677    i = Vt(i);
7678  }
7679  return null;
7680}
7681function ns() {
7682  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
7683}
7684const jf = /* @__PURE__ */ new Set(["html", "body", "#document"]);
7685function fa(t) {
7686  return jf.has(Aa(t));
7687}
7688function rt(t) {
7689  return Ge(t).getComputedStyle(t);
7690}
7691function gn(t) {
7692  return nt(t) ? {
7693    scrollLeft: t.scrollLeft,
7694    scrollTop: t.scrollTop
7695  } : {
7696    scrollLeft: t.scrollX,
7697    scrollTop: t.scrollY
7698  };
7699}
7700function Vt(t) {
7701  if (Aa(t) === "html")
7702    return t;
7703  const i = (
7704    // Step into the shadow DOM of the parent of a slotted node.
7705    t.assignedSlot || // DOM Element detected.
7706    t.parentNode || // ShadowRoot detected.
7707    Fl(t) && t.host || // Fallback.
7708    ft(t)
7709  );
7710  return Fl(i) ? i.host : i;
7711}
7712function Cd(t) {
7713  const i = Vt(t);
7714  return fa(i) ? t.ownerDocument ? t.ownerDocument.body : t.body : xt(i) && ui(i) ? i : Cd(i);
7715}
7716function Za(t, i, n) {
7717  var r;
7718  i === void 0 && (i = []), n === void 0 && (n = !0);
7719  const s = Cd(t), l = s === ((r = t.ownerDocument) == null ? void 0 : r.body), o = Ge(s);
7720  if (l) {
7721    const d = yr(o);
7722    return i.concat(o, o.visualViewport || [], ui(s) ? s : [], d && n ? Za(d) : []);
7723  }
7724  return i.concat(s, Za(s, [], n));
7725}
7726function yr(t) {
7727  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
7728}
7729function Md(t) {
7730  const i = rt(t);
7731  let n = parseFloat(i.width) || 0, r = parseFloat(i.height) || 0;
7732  const s = xt(t), l = s ? t.offsetWidth : n, o = s ? t.offsetHeight : r, d = $i(n) !== l || $i(r) !== o;
7733  return d && (n = l, r = o), {
7734    width: n,
7735    height: r,
7736    $: d
7737  };
7738}
7739function rs(t) {
7740  return nt(t) ? t : t.contextElement;
7741}
7742function ha(t) {
7743  const i = rs(t);
7744  if (!xt(i))
7745    return mt(1);
7746  const n = i.getBoundingClientRect(), {
7747    width: r,
7748    height: s,
7749    $: l
7750  } = Md(i);
7751  let o = (l ? $i(n.width) : n.width) / r, d = (l ? $i(n.height) : n.height) / s;
7752  return (!o || !Number.isFinite(o)) && (o = 1), (!d || !Number.isFinite(d)) && (d = 1), {
7753    x: o,
7754    y: d
7755  };
7756}
7757const Rf = /* @__PURE__ */ mt(0);
7758function Dd(t) {
7759  const i = Ge(t);
7760  return !ns() || !i.visualViewport ? Rf : {
7761    x: i.visualViewport.offsetLeft,
7762    y: i.visualViewport.offsetTop
7763  };
7764}
7765function Ff(t, i, n) {
7766  return i === void 0 && (i = !1), !n || i && n !== Ge(t) ? !1 : i;
7767}
7768function Jt(t, i, n, r) {
7769  i === void 0 && (i = !1), n === void 0 && (n = !1);
7770  const s = t.getBoundingClientRect(), l = rs(t);
7771  let o = mt(1);
7772  i && (r ? nt(r) && (o = ha(r)) : o = ha(t));
7773  const d = Ff(l, n, r) ? Dd(l) : mt(0);
7774  let c = (s.left + d.x) / o.x, p = (s.top + d.y) / o.y, h = s.width / o.x, x = s.height / o.y;
7775  if (l) {
7776    const b = Ge(l), g = r && nt(r) ? Ge(r) : r;
7777    let w = b, u = yr(w);
7778    for (; u && r && g !== w; ) {
7779      const v = ha(u), A = u.getBoundingClientRect(), N = rt(u), f = A.left + (u.clientLeft + parseFloat(N.paddingLeft)) * v.x, y = A.top + (u.clientTop + parseFloat(N.paddingTop)) * v.y;
7780      c *= v.x, p *= v.y, h *= v.x, x *= v.y, c += f, p += y, w = Ge(u), u = yr(w);
7781    }
7782  }
7783  return Qi({
7784    width: h,
7785    height: x,
7786    x: c,
7787    y: p
7788  });
7789}
7790function fn(t, i) {
7791  const n = gn(t).scrollLeft;
7792  return i ? i.left + n : Jt(ft(t)).left + n;
7793}
7794function kd(t, i) {
7795  const n = t.getBoundingClientRect(), r = n.left + i.scrollLeft - fn(t, n), s = n.top + i.scrollTop;
7796  return {
7797    x: r,
7798    y: s
7799  };
7800}
7801function _f(t) {
7802  let {
7803    elements: i,
7804    rect: n,
7805    offsetParent: r,
7806    strategy: s
7807  } = t;
7808  const l = s === "fixed", o = ft(r), d = i ? xn(i.floating) : !1;
7809  if (r === o || d && l)
7810    return n;
7811  let c = {
7812    scrollLeft: 0,
7813    scrollTop: 0
7814  }, p = mt(1);
7815  const h = mt(0), x = xt(r);
7816  if ((x || !x && !l) && ((Aa(r) !== "body" || ui(o)) && (c = gn(r)), xt(r))) {
7817    const g = Jt(r);
7818    p = ha(r), h.x = g.x + r.clientLeft, h.y = g.y + r.clientTop;
7819  }
7820  const b = o && !x && !l ? kd(o, c) : mt(0);
7821  return {
7822    width: n.width * p.x,
7823    height: n.height * p.y,
7824    x: n.x * p.x - c.scrollLeft * p.x + h.x + b.x,
7825    y: n.y * p.y - c.scrollTop * p.y + h.y + b.y
7826  };
7827}
7828function Wf(t) {
7829  return Array.from(t.getClientRects());
7830}
7831function zf(t) {
7832  const i = ft(t), n = gn(t), r = t.ownerDocument.body, s = ze(i.scrollWidth, i.clientWidth, r.scrollWidth, r.clientWidth), l = ze(i.scrollHeight, i.clientHeight, r.scrollHeight, r.clientHeight);
7833  let o = -n.scrollLeft + fn(t);
7834  const d = -n.scrollTop;
7835  return rt(r).direction === "rtl" && (o += ze(i.clientWidth, r.clientWidth) - s), {
7836    width: s,
7837    height: l,
7838    x: o,
7839    y: d
7840  };
7841}
7842const _l = 25;
7843function Bf(t, i) {
7844  const n = Ge(t), r = ft(t), s = n.visualViewport;
7845  let l = r.clientWidth, o = r.clientHeight, d = 0, c = 0;
7846  if (s) {
7847    l = s.width, o = s.height;
7848    const h = ns();
7849    (!h || h && i === "fixed") && (d = s.offsetLeft, c = s.offsetTop);
7850  }
7851  const p = fn(r);
7852  if (p <= 0) {
7853    const h = r.ownerDocument, x = h.body, b = getComputedStyle(x), g = h.compatMode === "CSS1Compat" && parseFloat(b.marginLeft) + parseFloat(b.marginRight) || 0, w = Math.abs(r.clientWidth - x.clientWidth - g);
7854    w <= _l && (l -= w);
7855  } else p <= _l && (l += p);
7856  return {
7857    width: l,
7858    height: o,
7859    x: d,
7860    y: c
7861  };
7862}
7863const Gf = /* @__PURE__ */ new Set(["absolute", "fixed"]);
7864function Uf(t, i) {
7865  const n = Jt(t, !0, i === "fixed"), r = n.top + t.clientTop, s = n.left + t.clientLeft, l = xt(t) ? ha(t) : mt(1), o = t.clientWidth * l.x, d = t.clientHeight * l.y, c = s * l.x, p = r * l.y;
7866  return {
7867    width: o,
7868    height: d,
7869    x: c,
7870    y: p
7871  };
7872}
7873function Wl(t, i, n) {
7874  let r;
7875  if (i === "viewport")
7876    r = Bf(t, n);
7877  else if (i === "document")
7878    r = zf(ft(t));
7879  else if (nt(i))
7880    r = Uf(i, n);
7881  else {
7882    const s = Dd(t);
7883    r = {
7884      x: i.x - s.x,
7885      y: i.y - s.y,
7886      width: i.width,
7887      height: i.height
7888    };
7889  }
7890  return Qi(r);
7891}
7892function Td(t, i) {
7893  const n = Vt(t);
7894  return n === i || !nt(n) || fa(n) ? !1 : rt(n).position === "fixed" || Td(n, i);
7895}
7896function qf(t, i) {
7897  const n = i.get(t);
7898  if (n)
7899    return n;
7900  let r = Za(t, [], !1).filter((d) => nt(d) && Aa(d) !== "body"), s = null;
7901  const l = rt(t).position === "fixed";
7902  let o = l ? Vt(t) : t;
7903  for (; nt(o) && !fa(o); ) {
7904    const d = rt(o), c = is(o);
7905    !c && d.position === "fixed" && (s = null), (l ? !c && !s : !c && d.position === "static" && !!s && Gf.has(s.position) || ui(o) && !c && Td(t, o)) ? r = r.filter((h) => h !== o) : s = d, o = Vt(o);
7906  }
7907  return i.set(t, r), r;
7908}
7909function Yf(t) {
7910  let {
7911    element: i,
7912    boundary: n,
7913    rootBoundary: r,
7914    strategy: s
7915  } = t;
vendor: 4,716 bytes, lines 7916-8099
7916  const o = [...n === "clippingAncestors" ? xn(i) ? [] : qf(i, this._c) : [].concat(n), r], d = o[0], c = o.reduce((p, h) => {
7917    const x = Wl(i, h, s);
7918    return p.top = ze(x.top, p.top), p.right = Ot(x.right, p.right), p.bottom = Ot(x.bottom, p.bottom), p.left = ze(x.left, p.left), p;
7919  }, Wl(i, d, s));
7920  return {
7921    width: c.right - c.left,
7922    height: c.bottom - c.top,
7923    x: c.left,
7924    y: c.top
7925  };
7926}
7927function Xf(t) {
7928  const {
7929    width: i,
7930    height: n
7931  } = Md(t);
7932  return {
7933    width: i,
7934    height: n
7935  };
7936}
7937function Jf(t, i, n) {
7938  const r = xt(i), s = ft(i), l = n === "fixed", o = Jt(t, !0, l, i);
7939  let d = {
7940    scrollLeft: 0,
7941    scrollTop: 0
7942  };
7943  const c = mt(0);
7944  function p() {
7945    c.x = fn(s);
7946  }
7947  if (r || !r && !l)
7948    if ((Aa(i) !== "body" || ui(s)) && (d = gn(i)), r) {
7949      const g = Jt(i, !0, l, i);
7950      c.x = g.x + i.clientLeft, c.y = g.y + i.clientTop;
7951    } else s && p();
7952  l && !r && s && p();
7953  const h = s && !r && !l ? kd(s, d) : mt(0), x = o.left + d.scrollLeft - c.x - h.x, b = o.top + d.scrollTop - c.y - h.y;
7954  return {
7955    x,
7956    y: b,
7957    width: o.width,
7958    height: o.height
7959  };
7960}
7961function Fn(t) {
7962  return rt(t).position === "static";
7963}
7964function zl(t, i) {
7965  if (!xt(t) || rt(t).position === "fixed")
7966    return null;
7967  if (i)
7968    return i(t);
7969  let n = t.offsetParent;
7970  return ft(t) === n && (n = n.ownerDocument.body), n;
7971}
7972function Pd(t, i) {
7973  const n = Ge(t);
7974  if (xn(t))
7975    return n;
7976  if (!xt(t)) {
7977    let s = Vt(t);
7978    for (; s && !fa(s); ) {
7979      if (nt(s) && !Fn(s))
7980        return s;
7981      s = Vt(s);
7982    }
7983    return n;
7984  }
7985  let r = zl(t, i);
7986  for (; r && Pf(r) && Fn(r); )
7987    r = zl(r, i);
7988  return r && fa(r) && Fn(r) && !is(r) ? n : r || Ef(t) || n;
7989}
7990const Zf = async function(t) {
7991  const i = this.getOffsetParent || Pd, n = this.getDimensions, r = await n(t.floating);
7992  return {
7993    reference: Jf(t.reference, await i(t.floating), t.strategy),
7994    floating: {
7995      x: 0,
7996      y: 0,
7997      width: r.width,
7998      height: r.height
7999    }
8000  };
8001};
8002function $f(t) {
8003  return rt(t).direction === "rtl";
8004}
8005const Kf = {
8006  convertOffsetParentRelativeRectToViewportRelativeRect: _f,
8007  getDocumentElement: ft,
8008  getClippingRect: Yf,
8009  getOffsetParent: Pd,
8010  getElementRects: Zf,
8011  getClientRects: Wf,
8012  getDimensions: Xf,
8013  getScale: ha,
8014  isElement: nt,
8015  isRTL: $f
8016};
8017function Ld(t, i) {
8018  return t.x === i.x && t.y === i.y && t.width === i.width && t.height === i.height;
8019}
8020function Qf(t, i) {
8021  let n = null, r;
8022  const s = ft(t);
8023  function l() {
8024    var d;
8025    clearTimeout(r), (d = n) == null || d.disconnect(), n = null;
8026  }
8027  function o(d, c) {
8028    d === void 0 && (d = !1), c === void 0 && (c = 1), l();
8029    const p = t.getBoundingClientRect(), {
8030      left: h,
8031      top: x,
8032      width: b,
8033      height: g
8034    } = p;
8035    if (d || i(), !b || !g)
8036      return;
8037    const w = Ci(x), u = Ci(s.clientWidth - (h + b)), v = Ci(s.clientHeight - (x + g)), A = Ci(h), f = {
8038      rootMargin: -w + "px " + -u + "px " + -v + "px " + -A + "px",
8039      threshold: ze(0, Ot(1, c)) || 1
8040    };
8041    let y = !0;
8042    function I(D) {
8043      const P = D[0].intersectionRatio;
8044      if (P !== c) {
8045        if (!y)
8046          return o();
8047        P ? o(!1, P) : r = setTimeout(() => {
8048          o(!1, 1e-7);
8049        }, 1e3);
8050      }
8051      P === 1 && !Ld(p, t.getBoundingClientRect()) && o(), y = !1;
8052    }
8053    try {
8054      n = new IntersectionObserver(I, {
8055        ...f,
8056        // Handle <iframe>s
8057        root: s.ownerDocument
8058      });
8059    } catch {
8060      n = new IntersectionObserver(I, f);
8061    }
8062    n.observe(t);
8063  }
8064  return o(!0), l;
8065}
8066function eb(t, i, n, r) {
8067  r === void 0 && (r = {});
8068  const {
8069    ancestorScroll: s = !0,
8070    ancestorResize: l = !0,
8071    elementResize: o = typeof ResizeObserver == "function",
8072    layoutShift: d = typeof IntersectionObserver == "function",
8073    animationFrame: c = !1
8074  } = r, p = rs(t), h = s || l ? [...p ? Za(p) : [], ...Za(i)] : [];
8075  h.forEach((A) => {
8076    s && A.addEventListener("scroll", n, {
8077      passive: !0
8078    }), l && A.addEventListener("resize", n);
8079  });
8080  const x = p && d ? Qf(p, n) : null;
8081  let b = -1, g = null;
8082  o && (g = new ResizeObserver((A) => {
8083    let [N] = A;
8084    N && N.target === p && g && (g.unobserve(i), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
8085      var f;
8086      (f = g) == null || f.observe(i);
8087    })), n();
8088  }), p && !c && g.observe(p), g.observe(i));
8089  let w, u = c ? Jt(t) : null;
8090  c && v();
8091  function v() {
8092    const A = Jt(t);
8093    u && !Ld(u, A) && n(), u = A, w = requestAnimationFrame(v);
8094  }
8095  return n(), () => {
8096    var A;
8097    h.forEach((N) => {
8098      s && N.removeEventListener("scroll", n), l && N.removeEventListener("resize", n);
8099    }
vendor: 11,148 bytes, lines 8099-8482
8099), x?.(), (A = g) == null || A.disconnect(), g = null, c && cancelAnimationFrame(w);
8100  };
8101}
8102const tb = Sf, ab = Cf, ib = Nf, nb = Df, rb = Af, Bl = vf, sb = Mf, lb = (t, i, n) => {
8103  const r = /* @__PURE__ */ new Map(), s = {
8104    platform: Kf,
8105    ...n
8106  }, l = {
8107    ...s.platform,
8108    _c: r
8109  };
8110  return wf(t, i, {
8111    ...s,
8112    platform: l
8113  });
8114};
8115var ob = typeof document < "u", cb = function() {
8116}, Ri = ob ? oi : cb;
8117function en(t, i) {
8118  if (t === i)
8119    return !0;
8120  if (typeof t != typeof i)
8121    return !1;
8122  if (typeof t == "function" && t.toString() === i.toString())
8123    return !0;
8124  let n, r, s;
8125  if (t && i && typeof t == "object") {
8126    if (Array.isArray(t)) {
8127      if (n = t.length, n !== i.length) return !1;
8128      for (r = n; r-- !== 0; )
8129        if (!en(t[r], i[r]))
8130          return !1;
8131      return !0;
8132    }
8133    if (s = Object.keys(t), n = s.length, n !== Object.keys(i).length)
8134      return !1;
8135    for (r = n; r-- !== 0; )
8136      if (!{}.hasOwnProperty.call(i, s[r]))
8137        return !1;
8138    for (r = n; r-- !== 0; ) {
8139      const l = s[r];
8140      if (!(l === "_owner" && t.$$typeof) && !en(t[l], i[l]))
8141        return !1;
8142    }
8143    return !0;
8144  }
8145  return t !== t && i !== i;
8146}
8147function Hd(t) {
8148  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
8149}
8150function Gl(t, i) {
8151  const n = Hd(t);
8152  return Math.round(i * n) / n;
8153}
8154function _n(t) {
8155  const i = j(t);
8156  return Ri(() => {
8157    i.current = t;
8158  }), i;
8159}
8160function db(t) {
8161  t === void 0 && (t = {});
8162  const {
8163    placement: i = "bottom",
8164    strategy: n = "absolute",
8165    middleware: r = [],
8166    platform: s,
8167    elements: {
8168      reference: l,
8169      floating: o
8170    } = {},
8171    transform: d = !0,
8172    whileElementsMounted: c,
8173    open: p
8174  } = t, [h, x] = C({
8175    x: 0,
8176    y: 0,
8177    strategy: n,
8178    placement: i,
8179    middlewareData: {},
8180    isPositioned: !1
8181  }), [b, g] = C(r);
8182  en(b, r) || g(r);
8183  const [w, u] = C(null), [v, A] = C(null), N = ie((L) => {
8184    L !== D.current && (D.current = L, u(L));
8185  }, []), f = ie((L) => {
8186    L !== P.current && (P.current = L, A(L));
8187  }, []), y = l || w, I = o || v, D = j(null), P = j(null), k = j(h), H = c != null, T = _n(c), M = _n(s), E = _n(p), z = ie(() => {
8188    if (!D.current || !P.current)
8189      return;
8190    const L = {
8191      placement: i,
8192      strategy: n,
8193      middleware: b
8194    };
8195    M.current && (L.platform = M.current), lb(D.current, P.current, L).then((F) => {
8196      const ae = {
8197        ...F,
8198        // The floating element's position may be recomputed while it's closed
8199        // but still mounted (such as when transitioning out). To ensure
8200        // `isPositioned` will be `false` initially on the next open, avoid
8201        // setting it to `true` when `open === false` (must be specified).
8202        isPositioned: E.current !== !1
8203      };
8204      X.current && !en(k.current, ae) && (k.current = ae, ud(() => {
8205        x(ae);
8206      }));
8207    });
8208  }, [b, i, n, M, E]);
8209  Ri(() => {
8210    p === !1 && k.current.isPositioned && (k.current.isPositioned = !1, x((L) => ({
8211      ...L,
8212      isPositioned: !1
8213    })));
8214  }, [p]);
8215  const X = j(!1);
8216  Ri(() => (X.current = !0, () => {
8217    X.current = !1;
8218  }), []), Ri(() => {
8219    if (y && (D.current = y), I && (P.current = I), y && I) {
8220      if (T.current)
8221        return T.current(y, I, z);
8222      z();
8223    }
8224  }, [y, I, z, T, H]);
8225  const Q = ve(() => ({
8226    reference: D,
8227    floating: P,
8228    setReference: N,
8229    setFloating: f
8230  }), [N, f]), Y = ve(() => ({
8231    reference: y,
8232    floating: I
8233  }), [y, I]), B = ve(() => {
8234    const L = {
8235      position: n,
8236      left: 0,
8237      top: 0
8238    };
8239    if (!Y.floating)
8240      return L;
8241    const F = Gl(Y.floating, h.x), ae = Gl(Y.floating, h.y);
8242    return d ? {
8243      ...L,
8244      transform: "translate(" + F + "px, " + ae + "px)",
8245      ...Hd(Y.floating) >= 1.5 && {
8246        willChange: "transform"
8247      }
8248    } : {
8249      position: n,
8250      left: F,
8251      top: ae
8252    };
8253  }, [n, d, Y.floating, h.x, h.y]);
8254  return ve(() => ({
8255    ...h,
8256    update: z,
8257    refs: Q,
8258    elements: Y,
8259    floatingStyles: B
8260  }), [h, z, Q, Y, B]);
8261}
8262const mb = (t) => {
8263  function i(n) {
8264    return {}.hasOwnProperty.call(n, "current");
8265  }
8266  return {
8267    name: "arrow",
8268    options: t,
8269    fn(n) {
8270      const {
8271        element: r,
8272        padding: s
8273      } = typeof t == "function" ? t(n) : t;
8274      return r && i(r) ? r.current != null ? Bl({
8275        element: r.current,
8276        padding: s
8277      }).fn(n) : {} : r ? Bl({
8278        element: r,
8279        padding: s
8280      }).fn(n) : {};
8281    }
8282  };
8283}, pb = (t, i) => ({
8284  ...tb(t),
8285  options: [t, i]
8286}), hb = (t, i) => ({
8287  ...ab(t),
8288  options: [t, i]
8289}), ub = (t, i) => ({
8290  ...sb(t),
8291  options: [t, i]
8292}), xb = (t, i) => ({
8293  ...ib(t),
8294  options: [t, i]
8295}), gb = (t, i) => ({
8296  ...nb(t),
8297  options: [t, i]
8298}), fb = (t, i) => ({
8299  ...rb(t),
8300  options: [t, i]
8301}), bb = (t, i) => ({
8302  ...mb(t),
8303  options: [t, i]
8304});
8305var yb = "Arrow", Od = G((t, i) => {
8306  const { children: n, width: r = 10, height: s = 5, ...l } = t;
8307  return /* @__PURE__ */ e(
8308    He.svg,
8309    {
8310      ...l,
8311      ref: i,
8312      width: r,
8313      height: s,
8314      viewBox: "0 0 30 10",
8315      preserveAspectRatio: "none",
8316      children: t.asChild ? n : /* @__PURE__ */ e("polygon", { points: "0,0 30,0 15,10" })
8317    }
8318  );
8319});
8320Od.displayName = yb;
8321var wb = Od;
8322function vb(t) {
8323  const [i, n] = C(void 0);
8324  return Xt(() => {
8325    if (t) {
8326      n({ width: t.offsetWidth, height: t.offsetHeight });
8327      const r = new ResizeObserver((s) => {
8328        if (!Array.isArray(s) || !s.length)
8329          return;
8330        const l = s[0];
8331        let o, d;
8332        if ("borderBoxSize" in l) {
8333          const c = l.borderBoxSize, p = Array.isArray(c) ? c[0] : c;
8334          o = p.inlineSize, d = p.blockSize;
8335        } else
8336          o = t.offsetWidth, d = t.offsetHeight;
8337        n({ width: o, height: d });
8338      });
8339      return r.observe(t, { box: "border-box" }), () => r.unobserve(t);
8340    } else
8341      n(void 0);
8342  }, [t]), i;
8343}
8344var ss = "Popper", [Vd, Ed] = hi(ss), [Nb, jd] = Vd(ss), Rd = (t) => {
8345  const { __scopePopper: i, children: n } = t, [r, s] = C(null);
8346  return /* @__PURE__ */ e(Nb, { scope: i, anchor: r, onAnchorChange: s, children: n });
8347};
8348Rd.displayName = ss;
8349var Fd = "PopperAnchor", _d = G(
8350  (t, i) => {
8351    const { __scopePopper: n, virtualRef: r, ...s } = t, l = jd(Fd, n), o = j(null), d = _e(i, o);
8352    return R(() => {
8353      l.onAnchorChange(r?.current || o.current);
8354    }), r ? null : /* @__PURE__ */ e(He.div, { ...s, ref: d });
8355  }
8356);
8357_d.displayName = Fd;
8358var ls = "PopperContent", [Ab, Ib] = Vd(ls), Wd = G(
8359  (t, i) => {
8360    const {
8361      __scopePopper: n,
8362      side: r = "bottom",
8363      sideOffset: s = 0,
8364      align: l = "center",
8365      alignOffset: o = 0,
8366      arrowPadding: d = 0,
8367      avoidCollisions: c = !0,
8368      collisionBoundary: p = [],
8369      collisionPadding: h = 0,
8370      sticky: x = "partial",
8371      hideWhenDetached: b = !1,
8372      updatePositionStrategy: g = "optimized",
8373      onPlaced: w,
8374      ...u
8375    } = t, v = jd(ls, n), [A, N] = C(null), f = _e(i, (Z) => N(Z)), [y, I] = C(null), D = vb(y), P = D?.width ?? 0, k = D?.height ?? 0, H = r + (l !== "center" ? "-" + l : ""), T = typeof h == "number" ? h : { top: 0, right: 0, bottom: 0, left: 0, ...h }, M = Array.isArray(p) ? p : [p], E = M.length > 0, z = {
8376      padding: T,
8377      boundary: M.filter(Cb),
8378      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
8379      altBoundary: E
8380    }, { refs: X, floatingStyles: Q, placement: Y, isPositioned: B, middlewareData: L } = db({
8381      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
8382      strategy: "fixed",
8383      placement: H,
8384      whileElementsMounted: (...Z) => eb(...Z, {
8385        animationFrame: g === "always"
8386      }),
8387      elements: {
8388        reference: v.anchor
8389      },
8390      middleware: [
8391        pb({ mainAxis: s + k, alignmentAxis: o }),
8392        c && hb({
8393          mainAxis: !0,
8394          crossAxis: !1,
8395          limiter: x === "partial" ? ub() : void 0,
8396          ...z
8397        }),
8398        c && xb({ ...z }),
8399        gb({
8400          ...z,
8401          apply: ({ elements: Z, rects: Te, availableWidth: lt, availableHeight: q }) => {
8402            const { width: It, height: Ke } = Te.reference, St = Z.floating.style;
8403            St.setProperty("--radix-popper-available-width", `${lt}px`), St.setProperty("--radix-popper-available-height", `${q}px`), St.setProperty("--radix-popper-anchor-width", `${It}px`), St.setProperty("--radix-popper-anchor-height", `${Ke}px`);
8404          }
8405        }),
8406        y && bb({ element: y, padding: d }),
8407        Mb({ arrowWidth: P, arrowHeight: k }),
8408        b && fb({ strategy: "referenceHidden", ...z })
8409      ]
8410    }), [F, ae] = Gd(Y), Ne = it(w);
8411    Xt(() => {
8412      B && Ne?.();
8413    }, [B, Ne]);
8414    const Ve = L.arrow?.x, le = L.arrow?.y, ce = L.arrow?.centerOffset !== 0, [We, Me] = C();
8415    return Xt(() => {
8416      A && Me(window.getComputedStyle(A).zIndex);
8417    }, [A]), /* @__PURE__ */ e(
8418      "div",
8419      {
8420        ref: X.setFloating,
8421        "data-radix-popper-content-wrapper": "",
8422        style: {
8423          ...Q,
8424          transform: B ? Q.transform : "translate(0, -200%)",
8425          // keep off the page when measuring
8426          minWidth: "max-content",
8427          zIndex: We,
8428          "--radix-popper-transform-origin": [
8429            L.transformOrigin?.x,
8430            L.transformOrigin?.y
8431          ].join(" "),
8432          // hide the content if using the hide middleware and should be hidden
8433          // set visibility to hidden and disable pointer events so the UI behaves
8434          // as if the PopperContent isn't there at all
8435          ...L.hide?.referenceHidden && {
8436            visibility: "hidden",
8437            pointerEvents: "none"
8438          }
8439        },
8440        dir: t.dir,
8441        children: /* @__PURE__ */ e(
8442          Ab,
8443          {
8444            scope: n,
8445            placedSide: F,
8446            onArrowChange: I,
8447            arrowX: Ve,
8448            arrowY: le,
8449            shouldHideArrow: ce,
8450            children: /* @__PURE__ */ e(
8451              He.div,
8452              {
8453                "data-side": F,
8454                "data-align": ae,
8455                ...u,
8456                ref: f,
8457                style: {
8458                  ...u.style,
8459                  // if the PopperContent hasn't been placed yet (not all measurements done)
8460                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
8461                  animation: B ? void 0 : "none"
8462                }
8463              }
8464            )
8465          }
8466        )
8467      }
8468    );
8469  }
8470);
8471Wd.displayName = ls;
8472var zd = "PopperArrow", Sb = {
8473  top: "bottom",
8474  right: "left",
8475  bottom: "top",
8476  left: "right"
8477}, Bd = G(function(i, n) {
8478  const { __scopePopper: r, ...s } = i, l = Ib(zd, r), o = Sb[l.placedSide];
8479  return (
8480    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
8481    // doesn't report size as we'd expect on SVG elements.
8482    // it reports their bounding box which is effectively the largest path inside the SVG.
8483    /* @__PURE__ */ e(
8484      "span",
8485      {
8486        ref: l.onArrowChange,
8487        style: {
8488          position: "absolute",
8489          left: l.arrowX,
8490          top: l.arrowY,
8491          [o]: 0,
8492          transformOrigin: {
8493            top: "",
8494            right: "0 0",
8495            bottom: "center 0",
8496            left: "100% 0"
8497          }[l.placedSide],
8498          transform: {
8499            top: "translateY(100%)",
8500            right: "translateY(50%) rotate(90deg) translateX(-50%)",
8501            bottom: "rotate(180deg)",
8502            left: "translateY(50%) rotate(-90deg) translateX(50%)"
8503          }[l.placedSide],
8504          visibility: l.shouldHideArrow ? "hidden" : void 0
8505        },
8506        children: /* @__PURE__ */ e(
8507          wb,
8508          {
8509            ...s,
8510            ref: n,
8511            style: {
8512              ...s.style,
8513              // ensures the element can be measured correctly (mostly for if SVG)
8514              display: "block"
8515            }
8516          }
8517        )
8518      }
8519    )
8520  );
8521});
8522Bd.displayName = zd;
8523function Cb(t) {
8524  return t !== null;
8525}
8526var Mb = (t) => ({
8527  name: "transformOrigin",
8528  options: t,
8529  fn(i) {
8530    const { placement: n, rects: r, middlewareData: s } = i, o = s.arrow?.centerOffset !== 0, d = o ? 0 : t.arrowWidth, c = o ? 0 : t.arrowHeight, [p, h] = Gd(n), x = { start: "0%", center: "50%", end: "100%" }[h], b = (s.arrow?.x ?? 0) + d / 2, g = (s.arrow?.y ?? 0) + c / 2;
8531    let w = "", u = "";
8532    return p === "bottom" ? (w = o ? x : `${b}px`, u = `${-c}px`) : p === "top" ? (w = o ? x : `${b}px`, u = `${r.floating.height + c}px`) : p === "right" ? (w = `${-c}px`, u = o ? x : `${g}px`) : p === "left" && (w = `${r.floating.width + c}px`, u = o ? x : `${g}px`), { data: { x: w, y: u } };
8533  }
8534});
8535function Gd(t) {
8536  const [i, n = "center"] = t.split("-");
8537  return [i, n];
8538}
8539var Db = Rd, kb = _d, Tb = Wd, Pb = Bd, Lb = "Portal", Ud = G((t, i) => {
8540  const { container: n, ...r } = t, [s, l] = C(!1);
8541  Xt(() => l(!0), []);
8542  const o = n || s && globalThis?.document?.body;
8543  return o ? Wg.createPortal(/* @__PURE__ */ e(He.div, { ...r, ref: i }), o) : null;
8544});
8545Ud.displayName = Lb;
8546function Hb(t, i) {
8547  return Xc((n, r) => i[n][r] ?? n, t);
8548}
8549var xi = (t) => {
8550  const { present: i, children: n } = t, r = Ob(i), s = typeof n == "function" ? n({ present: r.isPresent }) : dt.only(n), l = _e(r.ref, Vb(s));
8551  return typeof n == "function" || r.isPresent ? Zt(s, { ref: l }) : null;
8552};
8553xi.displayName = "Presence";
8554function Ob(t) {
8555  const [i, n] = C(), r = j({}), s = j(t), l = j("none"), o = t ? "mounted" : "unmounted", [d, c] = Hb(o, {
8556    mounted: {
8557      UNMOUNT: "unmounted",
8558      ANIMATION_OUT: "unmountSuspended"
8559    },
8560    unmountSuspended: {
8561      MOUNT: "mounted",
8562      ANIMATION_END: "unmounted"
8563    },
8564    unmounted: {
8565      MOUNT: "mounted"
8566    }
8567  });
8568  return R(() => {
8569    const p = Mi(r.current);
8570    l.current = d === "mounted" ? p : "none";
8571  }, [d]), Xt(() => {
8572    const p = r.current, h = s.current;
8573    if (h !== t) {
8574      const b = l.current, g = Mi(p);
8575      t ? c("MOUNT") : g === "none" || p?.display === "none" ? c("UNMOUNT") : c(h && b !== g ? "ANIMATION_OUT" : "UNMOUNT"), s.current = t;
8576    }
8577  }, [t, c]), Xt(() => {
8578    if (i) {
8579      let p;
8580      const h = i.ownerDocument.defaultView ?? window, x = (g) => {
8581        const u = Mi(r.current).includes(g.animationName);
8582        if (g.target === i && u && (c("ANIMATION_END"), !s.current)) {
8583          const v = i.style.animationFillMode;
8584          i.style.animationFillMode = "forwards", p = h.setTimeout(() => {
8585            i.style.animationFillMode === "forwards" && (i.style.animationFillMode = v);
8586          });
8587        }
8588      }, b = (g) => {
8589        g.target === i && (l.current = Mi(r.current));
8590      };
8591      return i.addEventListener("animationstart", b), i.addEventListener("animationcancel", x), i.addEventListener("animationend", x), () => {
8592        h.clearTimeout(p), i.removeEventListener("animationstart", b), i.removeEventListener("animationcancel", x), i.removeEventListener("animationend", x);
8593      };
8594    } else
8595      c("ANIMATION_END");
8596  }, [i, c]), {
8597    isPresent: ["mounted", "unmountSuspended"].includes(d),
8598    ref: ie((p) => {
8599      p && (r.current = getComputedStyle(p)), n(p);
8600    }, [])
8601  };
8602}
8603function Mi(t) {
8604  return t?.animationName || "none";
8605}
8606function Vb(t) {
8607  let i = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning;
8608  return n ? t.ref : (i = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
8609}
8610var Wn = "rovingFocusGroup.onEntryFocus", Eb = { bubbles: !1, cancelable: !0 }, bn = "RovingFocusGroup", [wr, qd, jb] = gd(bn), [Rb, Yd] = hi(
8611  bn,
8612  [jb]
8613), [Fb, _b] = Rb(bn), Xd = G(
8614  (t, i) => /* @__PURE__ */ e(wr.Provider, { scope: t.__scopeRovingFocusGroup, children: /* @__PURE__ */ e(wr.Slot, { scope: t.__scopeRovingFocusGroup, children: /* @__PURE__ */ e(Wb, { ...t, ref: i }) }) })
8615);
8616Xd.displayName = bn;
8617var Wb = G((t, i) => {
8618  const {
8619    __scopeRovingFocusGroup: n,
8620    orientation: r,
8621    loop: s = !1,
8622    dir: l,
8623    currentTabStopId: o,
8624    defaultCurrentTabStopId: d,
8625    onCurrentTabStopIdChange: c,
8626    onEntryFocus: p,
8627    preventScrollOnEntryFocus: h = !1,
8628    ...x
8629  } = t, b = j(null), g = _e(i, b), w = fd(l), [u = null, v] = hd({
8630    prop: o,
8631    defaultProp: d,
8632    onChange: c
8633  }), [A, N] = C(!1), f = it(p), y = qd(n), I = j(!1), [D, P] = C(0);
8634  return R(() => {
8635    const k = b.current;
8636    if (k)
8637      return k.addEventListener(Wn, f), () => k.removeEventListener(Wn, f);
8638  }, [f]), /* @__PURE__ */ e(
8639    Fb,
8640    {
8641      scope: n,
8642      orientation: r,
8643      dir: w,
8644      loop: s,
8645      currentTabStopId: u,
8646      onItemFocus: ie(
8647        (k) => v(k),
8648        [v]
8649      ),
8650      onItemShiftTab: ie(() => N(!0), []),
8651      onFocusableItemAdd: ie(
8652        () => P((k) => k + 1),
8653        []
8654      ),
8655      onFocusableItemRemove: ie(
8656        () => P((k) => k - 1),
8657        []
8658      ),
8659      children: /* @__PURE__ */ e(
8660        He.div,
8661        {
8662          tabIndex: A || D === 0 ? -1 : 0,
8663          "data-orientation": r,
8664          ...x,
8665          ref: g,
8666          style: { outline: "none", ...t.style },
8667          onMouseDown: te(t.onMouseDown, () => {
8668            I.current = !0;
8669          }),
8670          onFocus: te(t.onFocus, (k) => {
8671            const H = !I.current;
8672            if (k.target === k.currentTarget && H && !A) {
8673              const T = new CustomEvent(Wn, Eb);
8674              if (k.currentTarget.dispatchEvent(T), !T.defaultPrevented) {
8675                const M = y().filter((Y) => Y.focusable), E = M.find((Y) => Y.active), z = M.find((Y) => Y.id === u), Q = [E, z, ...M].filter(
8676                  Boolean
8677                ).map((Y) => Y.ref.current);
8678                $d(Q, h);
8679              }
8680            }
8681            I.current = !1;
8682          }),
8683          onBlur: te(t.onBlur, () => N(!1))
8684        }
8685      )
8686    }
8687  );
8688}), Jd = "RovingFocusGroupItem", Zd = G(
8689  (t, i) => {
8690    const {
8691      __scopeRovingFocusGroup: n,
8692      focusable: r = !0,
8693      active: s = !1,
8694      tabStopId: l,
8695      ...o
8696    } = t, d = gr(), c = l || d, p = _b(Jd, n), h = p.currentTabStopId === c, x = qd(n), { onFocusableItemAdd: b, onFocusableItemRemove: g } = p;
8697    return R(() => {
8698      if (r)
8699        return b(), () => g();
8700    }
vendor: 17,104 bytes, lines 8700-9241
8700, [r, b, g]), /* @__PURE__ */ e(
8701      wr.ItemSlot,
8702      {
8703        scope: n,
8704        id: c,
8705        focusable: r,
8706        active: s,
8707        children: /* @__PURE__ */ e(
8708          He.span,
8709          {
8710            tabIndex: h ? 0 : -1,
8711            "data-orientation": p.orientation,
8712            ...o,
8713            ref: i,
8714            onMouseDown: te(t.onMouseDown, (w) => {
8715              r ? p.onItemFocus(c) : w.preventDefault();
8716            }),
8717            onFocus: te(t.onFocus, () => p.onItemFocus(c)),
8718            onKeyDown: te(t.onKeyDown, (w) => {
8719              if (w.key === "Tab" && w.shiftKey) {
8720                p.onItemShiftTab();
8721                return;
8722              }
8723              if (w.target !== w.currentTarget) return;
8724              const u = Gb(w, p.orientation, p.dir);
8725              if (u !== void 0) {
8726                if (w.metaKey || w.ctrlKey || w.altKey || w.shiftKey) return;
8727                w.preventDefault();
8728                let A = x().filter((N) => N.focusable).map((N) => N.ref.current);
8729                if (u === "last") A.reverse();
8730                else if (u === "prev" || u === "next") {
8731                  u === "prev" && A.reverse();
8732                  const N = A.indexOf(w.currentTarget);
8733                  A = p.loop ? Ub(A, N + 1) : A.slice(N + 1);
8734                }
8735                setTimeout(() => $d(A));
8736              }
8737            })
8738          }
8739        )
8740      }
8741    );
8742  }
8743);
8744Zd.displayName = Jd;
8745var zb = {
8746  ArrowLeft: "prev",
8747  ArrowUp: "prev",
8748  ArrowRight: "next",
8749  ArrowDown: "next",
8750  PageUp: "first",
8751  Home: "first",
8752  PageDown: "last",
8753  End: "last"
8754};
8755function Bb(t, i) {
8756  return i !== "rtl" ? t : t === "ArrowLeft" ? "ArrowRight" : t === "ArrowRight" ? "ArrowLeft" : t;
8757}
8758function Gb(t, i, n) {
8759  const r = Bb(t.key, n);
8760  if (!(i === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(i === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
8761    return zb[r];
8762}
8763function $d(t, i = !1) {
8764  const n = document.activeElement;
8765  for (const r of t)
8766    if (r === n || (r.focus({ preventScroll: i }), document.activeElement !== n)) return;
8767}
8768function Ub(t, i) {
8769  return t.map((n, r) => t[(i + r) % t.length]);
8770}
8771var qb = Xd, Yb = Zd, Xb = function(t) {
8772  if (typeof document > "u")
8773    return null;
8774  var i = Array.isArray(t) ? t[0] : t;
8775  return i.ownerDocument.body;
8776}, ia = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), ki = {}, zn = 0, Kd = function(t) {
8777  return t && (t.host || Kd(t.parentNode));
8778}, Jb = function(t, i) {
8779  return i.map(function(n) {
8780    if (t.contains(n))
8781      return n;
8782    var r = Kd(n);
8783    return r && t.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", t, ". Doing nothing"), null);
8784  }).filter(function(n) {
8785    return !!n;
8786  });
8787}, Zb = function(t, i, n, r) {
8788  var s = Jb(i, Array.isArray(t) ? t : [t]);
8789  ki[n] || (ki[n] = /* @__PURE__ */ new WeakMap());
8790  var l = ki[n], o = [], d = /* @__PURE__ */ new Set(), c = new Set(s), p = function(x) {
8791    !x || d.has(x) || (d.add(x), p(x.parentNode));
8792  };
8793  s.forEach(p);
8794  var h = function(x) {
8795    !x || c.has(x) || Array.prototype.forEach.call(x.children, function(b) {
8796      if (d.has(b))
8797        h(b);
8798      else
8799        try {
8800          var g = b.getAttribute(r), w = g !== null && g !== "false", u = (ia.get(b) || 0) + 1, v = (l.get(b) || 0) + 1;
8801          ia.set(b, u), l.set(b, v), o.push(b), u === 1 && w && Di.set(b, !0), v === 1 && b.setAttribute(n, "true"), w || b.setAttribute(r, "true");
8802        } catch (A) {
8803          console.error("aria-hidden: cannot operate on ", b, A);
8804        }
8805    });
8806  };
8807  return h(i), d.clear(), zn++, function() {
8808    o.forEach(function(x) {
8809      var b = ia.get(x) - 1, g = l.get(x) - 1;
8810      ia.set(x, b), l.set(x, g), b || (Di.has(x) || x.removeAttribute(r), Di.delete(x)), g || x.removeAttribute(n);
8811    }), zn--, zn || (ia = /* @__PURE__ */ new WeakMap(), ia = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), ki = {});
8812  };
8813}, $b = function(t, i, n) {
8814  n === void 0 && (n = "data-aria-hidden");
8815  var r = Array.from(Array.isArray(t) ? t : [t]), s = Xb(t);
8816  return s ? (r.push.apply(r, Array.from(s.querySelectorAll("[aria-live], script"))), Zb(r, s, n, "aria-hidden")) : function() {
8817    return null;
8818  };
8819}, ot = function() {
8820  return ot = Object.assign || function(i) {
8821    for (var n, r = 1, s = arguments.length; r < s; r++) {
8822      n = arguments[r];
8823      for (var l in n) Object.prototype.hasOwnProperty.call(n, l) && (i[l] = n[l]);
8824    }
8825    return i;
8826  }, ot.apply(this, arguments);
8827};
8828function Qd(t, i) {
8829  var n = {};
8830  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && i.indexOf(r) < 0 && (n[r] = t[r]);
8831  if (t != null && typeof Object.getOwnPropertySymbols == "function")
8832    for (var s = 0, r = Object.getOwnPropertySymbols(t); s < r.length; s++)
8833      i.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[s]) && (n[r[s]] = t[r[s]]);
8834  return n;
8835}
8836function Kb(t, i, n) {
8837  if (n || arguments.length === 2) for (var r = 0, s = i.length, l; r < s; r++)
8838    (l || !(r in i)) && (l || (l = Array.prototype.slice.call(i, 0, r)), l[r] = i[r]);
8839  return t.concat(l || Array.prototype.slice.call(i));
8840}
8841var Fi = "right-scroll-bar-position", _i = "width-before-scroll-bar", Qb = "with-scroll-bars-hidden", e1 = "--removed-body-scroll-bar-size";
8842function Bn(t, i) {
8843  return typeof t == "function" ? t(i) : t && (t.current = i), t;
8844}
8845function t1(t, i) {
8846  var n = C(function() {
8847    return {
8848      // value
8849      value: t,
8850      // last callback
8851      callback: i,
8852      // "memoized" public interface
8853      facade: {
8854        get current() {
8855          return n.value;
8856        },
8857        set current(r) {
8858          var s = n.value;
8859          s !== r && (n.value = r, n.callback(r, s));
8860        }
8861      }
8862    };
8863  })[0];
8864  return n.callback = i, n.facade;
8865}
8866var a1 = typeof window < "u" ? oi : R, Ul = /* @__PURE__ */ new WeakMap();
8867function i1(t, i) {
8868  var n = t1(null, function(r) {
8869    return t.forEach(function(s) {
8870      return Bn(s, r);
8871    });
8872  });
8873  return a1(function() {
8874    var r = Ul.get(n);
8875    if (r) {
8876      var s = new Set(r), l = new Set(t), o = n.current;
8877      s.forEach(function(d) {
8878        l.has(d) || Bn(d, null);
8879      }), l.forEach(function(d) {
8880        s.has(d) || Bn(d, o);
8881      });
8882    }
8883    Ul.set(n, t);
8884  }, [t]), n;
8885}
8886function n1(t) {
8887  return t;
8888}
8889function r1(t, i) {
8890  i === void 0 && (i = n1);
8891  var n = [], r = !1, s = {
8892    read: function() {
8893      if (r)
8894        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
8895      return n.length ? n[n.length - 1] : t;
8896    },
8897    useMedium: function(l) {
8898      var o = i(l, r);
8899      return n.push(o), function() {
8900        n = n.filter(function(d) {
8901          return d !== o;
8902        });
8903      };
8904    },
8905    assignSyncMedium: function(l) {
8906      for (r = !0; n.length; ) {
8907        var o = n;
8908        n = [], o.forEach(l);
8909      }
8910      n = {
8911        push: function(d) {
8912          return l(d);
8913        },
8914        filter: function() {
8915          return n;
8916        }
8917      };
8918    },
8919    assignMedium: function(l) {
8920      r = !0;
8921      var o = [];
8922      if (n.length) {
8923        var d = n;
8924        n = [], d.forEach(l), o = n;
8925      }
8926      var c = function() {
8927        var h = o;
8928        o = [], h.forEach(l);
8929      }, p = function() {
8930        return Promise.resolve().then(c);
8931      };
8932      p(), n = {
8933        push: function(h) {
8934          o.push(h), p();
8935        },
8936        filter: function(h) {
8937          return o = o.filter(h), n;
8938        }
8939      };
8940    }
8941  };
8942  return s;
8943}
8944function s1(t) {
8945  t === void 0 && (t = {});
8946  var i = r1(null);
8947  return i.options = ot({ async: !0, ssr: !1 }, t), i;
8948}
8949var e0 = function(t) {
8950  var i = t.sideCar, n = Qd(t, ["sideCar"]);
8951  if (!i)
8952    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
8953  var r = i.read();
8954  if (!r)
8955    throw new Error("Sidecar medium not found");
8956  return je(r, ot({}, n));
8957};
8958e0.isSideCarExport = !0;
8959function l1(t, i) {
8960  return t.useMedium(i), e0;
8961}
8962var t0 = s1(), Gn = function() {
8963}, yn = G(function(t, i) {
8964  var n = j(null), r = C({
8965    onScrollCapture: Gn,
8966    onWheelCapture: Gn,
8967    onTouchMoveCapture: Gn
8968  }), s = r[0], l = r[1], o = t.forwardProps, d = t.children, c = t.className, p = t.removeScrollBar, h = t.enabled, x = t.shards, b = t.sideCar, g = t.noRelative, w = t.noIsolation, u = t.inert, v = t.allowPinchZoom, A = t.as, N = A === void 0 ? "div" : A, f = t.gapMode, y = Qd(t, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), I = b, D = i1([n, i]), P = ot(ot({}, y), s);
8969  return je(
8970    $t,
8971    null,
8972    h && je(I, { sideCar: t0, removeScrollBar: p, shards: x, noRelative: g, noIsolation: w, inert: u, setCallbacks: l, allowPinchZoom: !!v, lockRef: n, gapMode: f }),
8973    o ? Zt(dt.only(d), ot(ot({}, P), { ref: D })) : je(N, ot({}, P, { className: c, ref: D }), d)
8974  );
8975});
8976yn.defaultProps = {
8977  enabled: !0,
8978  removeScrollBar: !0,
8979  inert: !1
8980};
8981yn.classNames = {
8982  fullWidth: _i,
8983  zeroRight: Fi
8984};
8985var o1 = function() {
8986  if (typeof __webpack_nonce__ < "u")
8987    return __webpack_nonce__;
8988};
8989function c1() {
8990  if (!document)
8991    return null;
8992  var t = document.createElement("style");
8993  t.type = "text/css";
8994  var i = o1();
8995  return i && t.setAttribute("nonce", i), t;
8996}
8997function d1(t, i) {
8998  t.styleSheet ? t.styleSheet.cssText = i : t.appendChild(document.createTextNode(i));
8999}
9000function m1(t) {
9001  var i = document.head || document.getElementsByTagName("head")[0];
9002  i.appendChild(t);
9003}
9004var p1 = function() {
9005  var t = 0, i = null;
9006  return {
9007    add: function(n) {
9008      t == 0 && (i = c1()) && (d1(i, n), m1(i)), t++;
9009    },
9010    remove: function() {
9011      t--, !t && i && (i.parentNode && i.parentNode.removeChild(i), i = null);
9012    }
9013  };
9014}, h1 = function() {
9015  var t = p1();
9016  return function(i, n) {
9017    R(function() {
9018      return t.add(i), function() {
9019        t.remove();
9020      };
9021    }, [i && n]);
9022  };
9023}, a0 = function() {
9024  var t = h1(), i = function(n) {
9025    var r = n.styles, s = n.dynamic;
9026    return t(r, s), null;
9027  };
9028  return i;
9029}, u1 = {
9030  left: 0,
9031  top: 0,
9032  right: 0,
9033  gap: 0
9034}, Un = function(t) {
9035  return parseInt(t || "", 10) || 0;
9036}, x1 = function(t) {
9037  var i = window.getComputedStyle(document.body), n = i[t === "padding" ? "paddingLeft" : "marginLeft"], r = i[t === "padding" ? "paddingTop" : "marginTop"], s = i[t === "padding" ? "paddingRight" : "marginRight"];
9038  return [Un(n), Un(r), Un(s)];
9039}, g1 = function(t) {
9040  if (t === void 0 && (t = "margin"), typeof window > "u")
9041    return u1;
9042  var i = x1(t), n = document.documentElement.clientWidth, r = window.innerWidth;
9043  return {
9044    left: i[0],
9045    top: i[1],
9046    right: i[2],
9047    gap: Math.max(0, r - n + i[2] - i[0])
9048  };
9049}, f1 = a0(), ua = "data-scroll-locked", b1 = function(t, i, n, r) {
9050  var s = t.left, l = t.top, o = t.right, d = t.gap;
9051  return n === void 0 && (n = "margin"), `
9052  .`.concat(Qb, ` {
9053   overflow: hidden `).concat(r, `;
9054   padding-right: `).concat(d, "px ").concat(r, `;
9055  }
9056  body[`).concat(ua, `] {
9057    overflow: hidden `).concat(r, `;
9058    overscroll-behavior: contain;
9059    `).concat([
9060    i && "position: relative ".concat(r, ";"),
9061    n === "margin" && `
9062    padding-left: `.concat(s, `px;
9063    padding-top: `).concat(l, `px;
9064    padding-right: `).concat(o, `px;
9065    margin-left:0;
9066    margin-top:0;
9067    margin-right: `).concat(d, "px ").concat(r, `;
9068    `),
9069    n === "padding" && "padding-right: ".concat(d, "px ").concat(r, ";")
9070  ].filter(Boolean).join(""), `
9071  }
9072  
9073  .`).concat(Fi, ` {
9074    right: `).concat(d, "px ").concat(r, `;
9075  }
9076  
9077  .`).concat(_i, ` {
9078    margin-right: `).concat(d, "px ").concat(r, `;
9079  }
9080  
9081  .`).concat(Fi, " .").concat(Fi, ` {
9082    right: 0 `).concat(r, `;
9083  }
9084  
9085  .`).concat(_i, " .").concat(_i, ` {
9086    margin-right: 0 `).concat(r, `;
9087  }
9088  
9089  body[`).concat(ua, `] {
9090    `).concat(e1, ": ").concat(d, `px;
9091  }
9092`);
9093}, ql = function() {
9094  var t = parseInt(document.body.getAttribute(ua) || "0", 10);
9095  return isFinite(t) ? t : 0;
9096}, y1 = function() {
9097  R(function() {
9098    return document.body.setAttribute(ua, (ql() + 1).toString()), function() {
9099      var t = ql() - 1;
9100      t <= 0 ? document.body.removeAttribute(ua) : document.body.setAttribute(ua, t.toString());
9101    };
9102  }, []);
9103}, w1 = function(t) {
9104  var i = t.noRelative, n = t.noImportant, r = t.gapMode, s = r === void 0 ? "margin" : r;
9105  y1();
9106  var l = ve(function() {
9107    return g1(s);
9108  }, [s]);
9109  return je(f1, { styles: b1(l, !i, s, n ? "" : "!important") });
9110}, vr = !1;
9111if (typeof window < "u")
9112  try {
9113    var Ti = Object.defineProperty({}, "passive", {
9114      get: function() {
9115        return vr = !0, !0;
9116      }
9117    });
9118    window.addEventListener("test", Ti, Ti), window.removeEventListener("test", Ti, Ti);
9119  } catch {
9120    vr = !1;
9121  }
9122var na = vr ? { passive: !1 } : !1, v1 = function(t) {
9123  return t.tagName === "TEXTAREA";
9124}, i0 = function(t, i) {
9125  if (!(t instanceof Element))
9126    return !1;
9127  var n = window.getComputedStyle(t);
9128  return (
9129    // not-not-scrollable
9130    n[i] !== "hidden" && // contains scroll inside self
9131    !(n.overflowY === n.overflowX && !v1(t) && n[i] === "visible")
9132  );
9133}, N1 = function(t) {
9134  return i0(t, "overflowY");
9135}, A1 = function(t) {
9136  return i0(t, "overflowX");
9137}, Yl = function(t, i) {
9138  var n = i.ownerDocument, r = i;
9139  do {
9140    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
9141    var s = n0(t, r);
9142    if (s) {
9143      var l = r0(t, r), o = l[1], d = l[2];
9144      if (o > d)
9145        return !0;
9146    }
9147    r = r.parentNode;
9148  } while (r && r !== n.body);
9149  return !1;
9150}, I1 = function(t) {
9151  var i = t.scrollTop, n = t.scrollHeight, r = t.clientHeight;
9152  return [
9153    i,
9154    n,
9155    r
9156  ];
9157}, S1 = function(t) {
9158  var i = t.scrollLeft, n = t.scrollWidth, r = t.clientWidth;
9159  return [
9160    i,
9161    n,
9162    r
9163  ];
9164}, n0 = function(t, i) {
9165  return t === "v" ? N1(i) : A1(i);
9166}, r0 = function(t, i) {
9167  return t === "v" ? I1(i) : S1(i);
9168}, C1 = function(t, i) {
9169  return t === "h" && i === "rtl" ? -1 : 1;
9170}, M1 = function(t, i, n, r, s) {
9171  var l = C1(t, window.getComputedStyle(i).direction), o = l * r, d = n.target, c = i.contains(d), p = !1, h = o > 0, x = 0, b = 0;
9172  do {
9173    if (!d)
9174      break;
9175    var g = r0(t, d), w = g[0], u = g[1], v = g[2], A = u - v - l * w;
9176    (w || A) && n0(t, d) && (x += A, b += w);
9177    var N = d.parentNode;
9178    d = N && N.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? N.host : N;
9179  } while (
9180    // portaled content
9181    !c && d !== document.body || // self content
9182    c && (i.contains(d) || i === d)
9183  );
9184  return (h && Math.abs(x) < 1 || !h && Math.abs(b) < 1) && (p = !0), p;
9185}, Pi = function(t) {
9186  return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
9187}, Xl = function(t) {
9188  return [t.deltaX, t.deltaY];
9189}, Jl = function(t) {
9190  return t && "current" in t ? t.current : t;
9191}, D1 = function(t, i) {
9192  return t[0] === i[0] && t[1] === i[1];
9193}, k1 = function(t) {
9194  return `
9195  .block-interactivity-`.concat(t, ` {pointer-events: none;}
9196  .allow-interactivity-`).concat(t, ` {pointer-events: all;}
9197`);
9198}, T1 = 0, ra = [];
9199function P1(t) {
9200  var i = j([]), n = j([0, 0]), r = j(), s = C(T1++)[0], l = C(a0)[0], o = j(t);
9201  R(function() {
9202    o.current = t;
9203  }, [t]), R(function() {
9204    if (t.inert) {
9205      document.body.classList.add("block-interactivity-".concat(s));
9206      var u = Kb([t.lockRef.current], (t.shards || []).map(Jl), !0).filter(Boolean);
9207      return u.forEach(function(v) {
9208        return v.classList.add("allow-interactivity-".concat(s));
9209      }), function() {
9210        document.body.classList.remove("block-interactivity-".concat(s)), u.forEach(function(v) {
9211          return v.classList.remove("allow-interactivity-".concat(s));
9212        });
9213      };
9214    }
9215  }, [t.inert, t.lockRef.current, t.shards]);
9216  var d = ie(function(u, v) {
9217    if ("touches" in u && u.touches.length === 2 || u.type === "wheel" && u.ctrlKey)
9218      return !o.current.allowPinchZoom;
9219    var A = Pi(u), N = n.current, f = "deltaX" in u ? u.deltaX : N[0] - A[0], y = "deltaY" in u ? u.deltaY : N[1] - A[1], I, D = u.target, P = Math.abs(f) > Math.abs(y) ? "h" : "v";
9220    if ("touches" in u && P === "h" && D.type === "range")
9221      return !1;
9222    var k = Yl(P, D);
9223    if (!k)
9224      return !0;
9225    if (k ? I = P : (I = P === "v" ? "h" : "v", k = Yl(P, D)), !k)
9226      return !1;
9227    if (!r.current && "changedTouches" in u && (f || y) && (r.current = I), !I)
9228      return !0;
9229    var H = r.current || I;
9230    return M1(H, v, u, H === "h" ? f : y);
9231  }, []), c = ie(function(u) {
9232    var v = u;
9233    if (!(!ra.length || ra[ra.length - 1] !== l)) {
9234      var A = "deltaY" in v ? Xl(v) : Pi(v), N = i.current.filter(function(I) {
9235        return I.name === v.type && (I.target === v.target || v.target === I.shadowParent) && D1(I.delta, A);
9236      })[0];
9237      if (N && N.should) {
9238        v.cancelable && v.preventDefault();
9239        return;
9240      }
9241      if (!N) {
9242        var f = (o.current.shards || []).map(Jl).filter(Boolean).filter(function(I) {
9243          return I.contains(v.target);
9244        }), y = f.length > 0 ? d(v, f[0]) : !o.current.noIsolation;
9245        y && v.cancelable && v.preventDefault();
9246      }
9247    }
9248  }, []), p = ie(function(u, v, A, N) {
9249    var f = { name: u, delta: v, target: A, should: N, shadowParent: L1(A) };
9250    i.current.push(f), setTimeout(function() {
9251      i.current = i.current.filter(function(y) {
9252        return y !== f;
9253      });
9254    }, 1);
9255  }, []), h = ie(function(u) {
9256    n.current = Pi(u), r.current = void 0;
9257  }, []), x = ie(function(u) {
9258    p(u.type, Xl(u), u.target, d(u, t.lockRef.current));
9259  }, []), b = ie(function(u) {
9260    p(u.type, Pi(u), u.target, d(u, t.lockRef.current));
9261  }, []);
9262  R(function() {
9263    return ra.push(l), t.setCallbacks({
9264      onScrollCapture: x,
9265      onWheelCapture: x,
9266      onTouchMoveCapture: b
9267    }), document.addEventListener("wheel", c, na), document.addEventListener("touchmove", c, na), document.addEventListener("touchstart", h, na), function() {
9268      ra = ra.filter(function(u) {
9269        return u !== l;
9270      }), document.removeEventListener("wheel", c, na), document.removeEventListener("touchmove", c, na), document.removeEventListener("touchstart", h, na);
9271    };
9272  }, []);
9273  var g = t.removeScrollBar, w = t.inert;
9274  return je(
9275    $t,
9276    null,
9277    w ? je(l, { styles: k1(s) }) : null,
9278    g ? je(w1, { noRelative: t.noRelative, gapMode: t.gapMode }) : null
9279  );
9280}
9281function L1(t) {
9282  for (var i = null; t !== null; )
9283    t instanceof ShadowRoot && (i = t.host, t = t.host), t = t.parentNode;
9284  return i;
9285}
9286const H1 = l1(t0, P1);
9287var s0 = G(function(t, i) {
9288  return je(yn, ot({}, t, { ref: i, sideCar: H1 }));
9289});
9290s0.classNames = yn.classNames;
9291var Nr = ["Enter", " "], O1 = ["ArrowDown", "PageUp", "Home"], l0 = ["ArrowUp", "PageDown", "End"], V1 = [...O1, ...l0], E1 = {
9292  ltr: [...Nr, "ArrowRight"],
9293  rtl: [...Nr, "ArrowLeft"]
9294}, j1 = {
9295  ltr: ["ArrowLeft"],
9296  rtl: ["ArrowRight"]
9297}, gi = "Menu", [$a, R1, F1] = gd(gi), [Kt, o0] = hi(gi, [
9298  F1,
9299  Ed,
9300  Yd
9301]), wn = Ed(), c0 = Yd(), [_1, Qt] = Kt(gi), [W1, fi] = Kt(gi), d0 = (t) => {
9302  const { __scopeMenu: i, open: n = !1, children: r, dir: s, onOpenChange: l, modal: o = !0 } = t, d = wn(i), [c, p] = C(null), h = j(!1), x = it(l), b = fd(s);
9303  return R(() => {
9304    const g = () => {
9305      h.current = !0, document.addEventListener("pointerdown", w, { capture: !0, once: !0 }), document.addEventListener("pointermove", w, { capture: !0, once: !0 });
9306    }, w = () => h.current = !1;
9307    return document.addEventListener("keydown", g, { capture: !0 }), () => {
9308      document.removeEventListener("keydown", g, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
9309    };
9310  }
9310, []), /* @__PURE__ */ e(Db, { ...d, children: /* @__PURE__ */ e(
9311    _1,
9312    {
9313      scope: i,
9314      open: n,
9315      onOpenChange: x,
9316      content: c,
9317      onContentChange: p,
9318      children: /* @__PURE__ */ e(
9319        W1,
9320        {
9321          scope: i,
9322          onClose: ie(() => x(!1), [x]),
9323          isUsingKeyboardRef: h,
9324          dir: b,
9325          modal: o,
9326          children: r
9327        }
9328      )
9329    }
9330  ) });
9331};
9332d0.displayName = gi;
9333var z1 = "MenuAnchor", os = G(
9334  (t, i) => {
9335    const { __scopeMenu: n, ...r } = t, s = wn(n);
9336    return /* @__PURE__ */ e(kb, { ...s, ...r, ref: i });
9337  }
9338);
9339os.displayName = z1;
9340var cs = "MenuPortal", [B1, m0] = Kt(cs, {
9341  forceMount: void 0
9342}), p0 = (t) => {
9343  const { __scopeMenu: i, forceMount: n, children: r, container: s } = t, l = Qt(cs, i);
9344  return /* @__PURE__ */ e(B1, { scope: i, forceMount: n, children: /* @__PURE__ */ e(xi, { present: n || l.open, children: /* @__PURE__ */ e(Ud, { asChild: !0, container: s, children: r }) }) });
9345};
9346p0.displayName = cs;
9347var Ze = "MenuContent", [G1, ds] = Kt(Ze), h0 = G(
9348  (t, i) => {
9349    const n = m0(Ze, t.__scopeMenu), { forceMount: r = n.forceMount, ...s } = t, l = Qt(Ze, t.__scopeMenu), o = fi(Ze, t.__scopeMenu);
9350    return /* @__PURE__ */ e($a.Provider, { scope: t.__scopeMenu, children: /* @__PURE__ */ e(xi, { present: r || l.open, children: /* @__PURE__ */ e($a.Slot, { scope: t.__scopeMenu, children: o.modal ? /* @__PURE__ */ e(U1, { ...s, ref: i }) : /* @__PURE__ */ e(q1, { ...s, ref: i }) }) }) });
9351  }
9352), U1 = G(
9353  (t, i) => {
9354    const n = Qt(Ze, t.__scopeMenu), r = j(null), s = _e(i, r);
9355    return R(() => {
9356      const l = r.current;
9357      if (l) return $b(l);
9358    }
9358, []), /* @__PURE__ */ e(
9359      ms,
9360      {
9361        ...t,
9362        ref: s,
9363        trapFocus: n.open,
9364        disableOutsidePointerEvents: n.open,
9365        disableOutsideScroll: !0,
9366        onFocusOutside: te(
9367          t.onFocusOutside,
9368          (l) => l.preventDefault(),
9369          { checkForDefaultPrevented: !1 }
9370        ),
9371        onDismiss: () => n.onOpenChange(!1)
9372      }
9373    );
9374  }
9375), q1 = G((t, i) => {
9376  const n = Qt(Ze, t.__scopeMenu);
9377  return /* @__PURE__ */ e(
9378    ms,
9379    {
9380      ...t,
9381      ref: i,
9382      trapFocus: !1,
9383      disableOutsidePointerEvents: !1,
9384      disableOutsideScroll: !1,
9385      onDismiss: () => n.onOpenChange(!1)
9386    }
9387  );
9388}), ms = G(
9389  (t, i) => {
9390    const {
9391      __scopeMenu: n,
9392      loop: r = !1,
9393      trapFocus: s,
9394      onOpenAutoFocus: l,
9395      onCloseAutoFocus: o,
9396      disableOutsidePointerEvents: d,
9397      onEntryFocus: c,
9398      onEscapeKeyDown: p,
9399      onPointerDownOutside: h,
9400      onFocusOutside: x,
9401      onInteractOutside: b,
9402      onDismiss: g,
9403      disableOutsideScroll: w,
9404      ...u
9405    } = t, v = Qt(Ze, n), A = fi(Ze, n), N = wn(n), f = c0(n), y = R1(n), [I, D] = C(null), P = j(null), k = _e(i, P, v.onContentChange), H = j(0), T = j(""), M = j(0), E = j(null), z = j("right"), X = j(0), Q = w ? s0 : $t, Y = w ? { as: Yt, allowPinchZoom: !0 } : void 0, B = (F) => {
9406      const ae = T.current + F, Ne = y().filter((Z) => !Z.disabled), Ve = document.activeElement, le = Ne.find((Z) => Z.ref.current === Ve)?.textValue, ce = Ne.map((Z) => Z.textValue), We = ny(ce, ae, le), Me = Ne.find((Z) => Z.textValue === We)?.ref.current;
9407      (function Z(Te) {
9408        T.current = Te, window.clearTimeout(H.current), Te !== "" && (H.current = window.setTimeout(() => Z(""), 1e3));
9409      })(ae), Me && setTimeout(() => Me.focus());
9410    };
9411    R(() => () => window.clearTimeout(H.current), []), Kg();
9412    const L = ie((F) => z.current === E.current?.side && sy(F, E.current?.area), []);
9413    return /* @__PURE__ */ e(
9414      G1,
9415      {
9416        scope: n,
9417        searchRef: T,
9418        onItemEnter: ie(
9419          (F) => {
9420            L(F) && F.preventDefault();
9421          },
9422          [L]
9423        ),
9424        onItemLeave: ie(
9425          (F) => {
9426            L(F) || (P.current?.focus(), D(null));
9427          },
9428          [L]
9429        ),
9430        onTriggerLeave: ie(
9431          (F) => {
9432            L(F) && F.preventDefault();
9433          },
9434          [L]
9435        ),
9436        pointerGraceTimerRef: M,
9437        onPointerGraceIntentChange: ie((F) => {
9438          E.current = F;
9439        }, []),
9440        children: /* @__PURE__ */ e(Q, { ...Y, children: /* @__PURE__ */ e(
9441          vd,
9442          {
9443            asChild: !0,
9444            trapped: s,
9445            onMountAutoFocus: te(l, (F) => {
9446              F.preventDefault(), P.current?.focus({ preventScroll: !0 });
9447            }),
9448            onUnmountAutoFocus: o,
9449            children: /* @__PURE__ */ e(
9450              yd,
9451              {
9452                asChild: !0,
9453                disableOutsidePointerEvents: d,
9454                onEscapeKeyDown: p,
9455                onPointerDownOutside: h,
9456                onFocusOutside: x,
9457                onInteractOutside: b,
9458                onDismiss: g,
9459                children: /* @__PURE__ */ e(
9460                  qb,
9461                  {
9462                    asChild: !0,
9463                    ...f,
9464                    dir: A.dir,
9465                    orientation: "vertical",
9466                    loop: r,
9467                    currentTabStopId: I,
9468                    onCurrentTabStopIdChange: D,
9469                    onEntryFocus: te(c, (F) => {
9470                      A.isUsingKeyboardRef.current || F.preventDefault();
9471                    }),
9472                    preventScrollOnEntryFocus: !0,
9473                    children: /* @__PURE__ */ e(
9474                      Tb,
9475                      {
9476                        role: "menu",
9477                        "aria-orientation": "vertical",
9478                        "data-state": k0(v.open),
9479                        "data-radix-menu-content": "",
9480                        dir: A.dir,
9481                        ...N,
9482                        ...u,
9483                        ref: k,
9484                        style: { outline: "none", ...u.style },
9485                        onKeyDown: te(u.onKeyDown, (F) => {
9486                          const Ne = F.target.closest("[data-radix-menu-content]") === F.currentTarget, Ve = F.ctrlKey || F.altKey || F.metaKey, le = F.key.length === 1;
9487                          Ne && (F.key === "Tab" && F.preventDefault(), !Ve && le && B(F.key));
9488                          const ce = P.current;
9489                          if (F.target !== ce || !V1.includes(F.key)) return;
9490                          F.preventDefault();
9491                          const Me = y().filter((Z) => !Z.disabled).map((Z) => Z.ref.current);
9492                          l0.includes(F.key) && Me.reverse(), ay(Me);
9493                        }),
9494                        onBlur: te(t.onBlur, (F) => {
9495                          F.currentTarget.contains(F.target) || (window.clearTimeout(H.current), T.current = "");
9496                        }),
9497                        onPointerMove: te(
9498                          t.onPointerMove,
9499                          Ka((F) => {
9500                            const ae = F.target, Ne = X.current !== F.clientX;
9501                            if (F.currentTarget.contains(ae) && Ne) {
9502                              const Ve = F.clientX > X.current ? "right" : "left";
9503                              z.current = Ve, X.current = F.clientX;
9504                            }
9505                          })
9506                        )
9507                      }
9508                    )
9509                  }
9510                )
9511              }
9512            )
9513          }
9514        ) })
9515      }
9516    );
9517  }
9518);
9519h0.displayName = Ze;
9520var Y1 = "MenuGroup", ps = G(
9521  (t, i) => {
9522    const { __scopeMenu: n, ...r } = t;
9523    return /* @__PURE__ */ e(He.div, { role: "group", ...r, ref: i });
9524  }
9525);
9526ps.displayName = Y1;
9527var X1 = "MenuLabel", u0 = G(
9528  (t, i) => {
9529    const { __scopeMenu: n, ...r } = t;
9530    return /* @__PURE__ */ e(He.div, { ...r, ref: i });
9531  }
9532);
9533u0.displayName = X1;
9534var tn = "MenuItem", Zl = "menu.itemSelect", vn = G(
9535  (t, i) => {
9536    const { disabled: n = !1, onSelect: r, ...s } = t, l = j(null), o = fi(tn, t.__scopeMenu), d = ds(tn, t.__scopeMenu), c = _e(i, l), p = j(!1), h = () => {
9537      const x = l.current;
9538      if (!n && x) {
9539        const b = new CustomEvent(Zl, { bubbles: !0, cancelable: !0 });
9540        x.addEventListener(Zl, (g) => r?.(g), { once: !0 }), xd(x, b), b.defaultPrevented ? p.current = !1 : o.onClose();
9541      }
9542    };
9543    return /* @__PURE__ */ e(
9544      x0,
9545      {
9546        ...s,
9547        ref: c,
9548        disabled: n,
9549        onClick: te(t.onClick, h),
9550        onPointerDown: (x) => {
9551          t.onPointerDown?.(x), p.current = !0;
9552        },
9553        onPointerUp: te(t.onPointerUp, (x) => {
9554          p.current || x.currentTarget?.click();
9555        }),
9556        onKeyDown: te(t.onKeyDown, (x) => {
9557          const b = d.searchRef.current !== "";
9558          n || b && x.key === " " || Nr.includes(x.key) && (x.currentTarget.click(), x.preventDefault());
9559        })
9560      }
9561    );
9562  }
9563);
9564vn.displayName = tn;
9565var x0 = G(
9566  (t, i) => {
9567    const { __scopeMenu: n, disabled: r = !1, textValue: s, ...l } = t, o = ds(tn, n), d = c0(n), c = j(null), p = _e(i, c), [h, x] = C(!1), [b, g] = C("");
9568    return R(() => {
9569      const w = c.current;
9570      w && g((w.textContent ?? "").trim());
9571    }
9571, [l.children]), /* @__PURE__ */ e(
9572      $a.ItemSlot,
9573      {
9574        scope: n,
9575        disabled: r,
9576        textValue: s ?? b,
9577        children: /* @__PURE__ */ e(Yb, { asChild: !0, ...d, focusable: !r, children: /* @__PURE__ */ e(
9578          He.div,
9579          {
9580            role: "menuitem",
9581            "data-highlighted": h ? "" : void 0,
9582            "aria-disabled": r || void 0,
9583            "data-disabled": r ? "" : void 0,
9584            ...l,
9585            ref: p,
9586            onPointerMove: te(
9587              t.onPointerMove,
9588              Ka((w) => {
9589                r ? o.onItemLeave(w) : (o.onItemEnter(w), w.defaultPrevented || w.currentTarget.focus({ preventScroll: !0 }));
9590              })
9591            ),
9592            onPointerLeave: te(
9593              t.onPointerLeave,
9594              Ka((w) => o.onItemLeave(w))
9595            ),
9596            onFocus: te(t.onFocus, () => x(!0)),
9597            onBlur: te(t.onBlur, () => x(!1))
9598          }
9599        ) })
9600      }
9601    );
9602  }
9603), J1 = "MenuCheckboxItem", g0 = G(
9604  (t, i) => {
9605    const { checked: n = !1, onCheckedChange: r, ...s } = t;
9606    return /* @__PURE__ */ e(v0, { scope: t.__scopeMenu, checked: n, children: /* @__PURE__ */ e(
9607      vn,
9608      {
9609        role: "menuitemcheckbox",
9610        "aria-checked": an(n) ? "mixed" : n,
9611        ...s,
9612        ref: i,
9613        "data-state": us(n),
9614        onSelect: te(
9615          s.onSelect,
9616          () => r?.(an(n) ? !0 : !n),
9617          { checkForDefaultPrevented: !1 }
9618        )
9619      }
9620    ) });
9621  }
9622);
9623g0.displayName = J1;
9624var f0 = "MenuRadioGroup", [Z1, $1] = Kt(
9625  f0,
9626  { value: void 0, onValueChange: () => {
9627  } }
9628), b0 = G(
9629  (t, i) => {
9630    const { value: n, onValueChange: r, ...s } = t, l = it(r);
9631    return /* @__PURE__ */ e(Z1, { scope: t.__scopeMenu, value: n, onValueChange: l, children: /* @__PURE__ */ e(ps, { ...s, ref: i }) });
9632  }
9633);
9634b0.displayName = f0;
9635var y0 = "MenuRadioItem", w0 = G(
9636  (t, i) => {
9637    const { value: n, ...r } = t, s = $1(y0, t.__scopeMenu), l = n === s.value;
9638    return /* @__PURE__ */ e(v0, { scope: t.__scopeMenu, checked: l, children: /* @__PURE__ */ e(
9639      vn,
9640      {
9641        role: "menuitemradio",
9642        "aria-checked": l,
9643        ...r,
9644        ref: i,
9645        "data-state": us(l),
9646        onSelect: te(
9647          r.onSelect,
9648          () => s.onValueChange?.(n),
9649          { checkForDefaultPrevented: !1 }
9650        )
9651      }
9652    ) });
9653  }
9654);
9655w0.displayName = y0;
9656var hs = "MenuItemIndicator", [v0, K1] = Kt(
9657  hs,
9658  { checked: !1 }
9659), N0 = G(
9660  (t, i) => {
9661    const { __scopeMenu: n, forceMount: r, ...s } = t, l = K1(hs, n);
9662    return /* @__PURE__ */ e(
9663      xi,
9664      {
9665        present: r || an(l.checked) || l.checked === !0,
9666        children: /* @__PURE__ */ e(
9667          He.span,
9668          {
9669            ...s,
9670            ref: i,
9671            "data-state": us(l.checked)
9672          }
9673        )
9674      }
9675    );
9676  }
9677);
9678N0.displayName = hs;
9679var Q1 = "MenuSeparator", A0 = G(
9680  (t, i) => {
9681    const { __scopeMenu: n, ...r } = t;
9682    return /* @__PURE__ */ e(
9683      He.div,
9684      {
9685        role: "separator",
9686        "aria-orientation": "horizontal",
9687        ...r,
9688        ref: i
9689      }
9690    );
9691  }
9692);
9693A0.displayName = Q1;
9694var ey = "MenuArrow", I0 = G(
9695  (t, i) => {
9696    const { __scopeMenu: n, ...r } = t, s = wn(n);
9697    return /* @__PURE__ */ e(Pb, { ...s, ...r, ref: i });
9698  }
9699);
9700I0.displayName = ey;
9701var ty = "MenuSub", [l7, S0] = Kt(ty), ja = "MenuSubTrigger", C0 = G(
9702  (t, i) => {
9703    const n = Qt(ja, t.__scopeMenu), r = fi(ja, t.__scopeMenu), s = S0(ja, t.__scopeMenu), l = ds(ja, t.__scopeMenu), o = j(null), { pointerGraceTimerRef: d, onPointerGraceIntentChange: c } = l, p = { __scopeMenu: t.__scopeMenu }, h = ie(() => {
9704      o.current && window.clearTimeout(o.current), o.current = null;
9705    }, []);
9706    return R(() => h, [h]), R(() => {
9707      const x = d.current;
9708      return () => {
9709        window.clearTimeout(x), c(null);
9710      };
9711    }, [d, c]), /* @__PURE__ */ e(os, { asChild: !0, ...p, children: /* @__PURE__ */ e(
9712      x0,
9713      {
9714        id: s.triggerId,
9715        "aria-haspopup": "menu",
9716        "aria-expanded": n.open,
9717        "aria-controls": s.contentId,
9718        "data-state": k0(n.open),
9719        ...t,
9720        ref: hn(i, s.onTriggerChange),
9721        onClick: (x) => {
9722          t.onClick?.(x), !(t.disabled || x.defaultPrevented) && (x.currentTarget.focu
9722s(), n.open || n.onOpenChange(!0));
9723        },
9724        onPointerMove: te(
9725          t.onPointerMove,
9726          Ka((x) => {
9727            l.onItemEnter(x), !x.defaultPrevented && !t.disabled && !n.open && !o.current && (l.onPointerGraceIntentChange(null), o.current = window.setTimeout(() => {
9728              n.onOpenChange(!0), h();
9729            }, 100));
9730          })
9731        ),
9732        onPointerLeave: te(
9733          t.onPointerLeave,
9734          Ka((x) => {
9735            h();
9736            const b = n.content?.getBoundingClientRect();
9737            if (b) {
9738              const g = n.content?.dataset.side, w = g === "right", u = w ? -5 : 5, v = b[w ? "left" : "right"], A = b[w ? "right" : "left"];
9739              l.onPointerGraceIntentChange({
9740                area: [
9741                  // Apply a bleed on clientX to ensure that our exit point is
9742                  // consistently within polygon bounds
9743                  { x: x.clientX + u, y: x.clientY },
9744                  { x: v, y: b.top },
9745                  { x: A, y: b.top },
9746                  { x: A, y: b.bottom },
9747                  { x: v, y: b.bottom }
9748                ],
9749                side: g
9750              }), window.clearTimeout(d.current), d.current = window.setTimeout(
9751                () => l.onPointerGraceIntentChange(null),
9752                300
9753              );
9754            } else {
9755              if (l.onTriggerLeave(x), x.defaultPrevented) return;
9756              l.onPointerGraceIntentChange(null);
9757            }
9758          })
9759        ),
9760        onKeyDown: te(t.onKeyDown, (x) => {
9761          const b = l.searchRef.current !== "";
9762          t.disabled || b && x.key === " " || E1[r.dir].includes(x.key) && (n.onOpenChange(!0), n.content?.focus(), x.preventDefault());
9763        })
9764      }
9765    ) });
9766  }
9767);
9768C0.displayName = ja;
9769var M0 = "MenuSubContent", D0 = G(
9770  (t, i) => {
9771    const n = m0(Ze, t.__scopeMenu), { forceMount: r = n.forceMount, ...s } = t, l = Qt(Ze, t.__scopeMenu), o = fi(Ze, t.__scopeMenu), d = S0(M0, t.__scopeMenu), c = j(null), p = _e(i, c);
9772    return /* @__PURE__ */ e($a.Provider, { scope: t.__scopeMenu, children: /* @__PURE__ */ e(xi, { present: r || l.open, children: /* @__PURE__ */ e($a.Slot, { scope: t.__scopeMenu, children: /* @__PURE__ */ e(
9773      ms,
9774      {
9775        id: d.contentId,
9776        "aria-labelledby": d.triggerId,
9777        ...s,
9778        ref: p,
9779        align: "start",
9780        side: o.dir === "rtl" ? "left" : "right",
9781        disableOutsidePointerEvents: !1,
9782        disableOutsideScroll: !1,
9783        trapFocus: !1,
9784        onOpenAutoFocus: (h) => {
9785          o.isUsingKeyboardRef.current && c.current?.focus(), h.preventDefault();
9786        },
9787        onCloseAutoFocus: (h) => h.preventDefault(),
9788        onFocusOutside: te(t.onFocusOutside, (h) => {
9789          h.target !== d.trigger && l.onOpenChange(!1);
9790        }),
9791        onEscapeKeyDown: te(t.onEscapeKeyDown, (h) => {
9792          o.onClose(), h.preventDefault();
9793        }),
9794        onKeyDown: te(t.onKeyDown, (h) => {
9795          const x = h.currentTarget.contains(h.target), b = j1[o.dir].includes(h.key);
9796          x && b && (l.onOpenChange(!1), d.trigger?.focus(), h.preventDefault());
9797        })
9798      }
9799    ) }) }) });
9800  }
9801);
9802D0.displayName = M0;
9803function k0(t) {
9804  return t ? "open" : "closed";
9805}
9806function an(t) {
9807  return t === "indeterminate";
9808}
9809function us(t) {
9810  return an(t) ? "indeterminate" : t ? "checked" : "unchecked";
9811}
9812function ay(t) {
9813  const i = document.activeElement;
9814  for (const n of t)
9815    if (n === i || (n.focus(), document.activeElement !== i)) return;
9816}
9817function iy(t, i) {
9818  return t.map((n, r) => t[(i + r) % t.length]);
9819}
9820function ny(t, i, n) {
9821  const s = i.length > 1 && Array.from(i).every((p) => p === i[0]) ? i[0] : i, l = n ? t.indexOf(n) : -1;
9822  let o = iy(t, Math.max(l, 0));
9823  s.length === 1 && (o = o.filter((p) => p !== n));
9824  const c = o.find(
9825    (p) => p.toLowerCase().startsWith(s.toLowerCase())
9826  );
9827  return c !== n ? c : void 0;
9828}
9829function ry(t, i) {
9830  const { x: n, y: r } = t;
9831  let s = !1;
9832  for (let l = 0, o = i.length - 1; l < i.length; o = l++) {
9833    const d = i[l].x, c = i[l].y, p = i[o].x, h = i[o].y;
9834    c > r != h > r && n < (p - d) * (r - c) / (h - c) + d && (s = !s);
9835  }
9836  return s;
9837}
9838function sy(t, i) {
9839  if (!i) return !1;
9840  const n = { x: t.clientX, y: t.clientY };
9841  return ry(n, i);
9842}
9843function Ka(t) {
9844  return (i) => i.pointerType === "mouse" ? t(i) : void 0;
9845}
9846var ly = d0, oy = os, cy = p0, dy = h0, my = ps, py = u0, hy = vn, uy = g0, xy = b0, gy = w0, fy = N0, by = A0, yy = I0, wy = C0, vy = D0, xs = "DropdownMenu", [Ny] = hi(
9847  xs,
9848  [o0]
9849), Oe = o0(), [Ay, T0] = Ny(xs), P0 = (t) => {
9850  const {
9851    __scopeDropdownMenu: i,
9852    children: n,
9853    dir: r,
9854    open: s,
9855    defaultOpen: l,
9856    onOpenChange: o,
9857    modal: d = !0
9858  } = t, c = Oe(i), p = j(null), [h = !1, x] = hd({
9859    prop: s,
9860    defaultProp: l,
9861    onChange: o
9862  });
9863  return /* @__PURE__ */ e(
9864    Ay,
9865    {
9866      scope: i,
9867      triggerId: gr(),
9868      triggerRef: p,
9869      contentId: gr(),
9870      open: h,
9871      onOpenChange: x,
9872      onOpenToggle: ie(() => x((b) => !b), [x]),
9873      modal: d,
9874      children: /* @__PURE__ */ e(ly, { ...c, open: h, onOpenChange: x, dir: r, modal: d, children: n })
9875    }
9876  );
9877};
9878P0.displayName = xs;
9879var L0 = "DropdownMenuTrigger", H0 = G(
9880  (t, i) => {
9881    const { __scopeDropdownMenu: n, disabled: r = !1, ...s } = t, l = T0(L0, n), o = Oe(n);
9882    return /* @__PURE__ */ e(oy, { asChild: !0, ...o, children: /* @__PURE__ */ e(
9883      He.button,
9884      {
9885        type: "button",
9886        id: l.triggerId,
9887        "aria-haspopup": "menu",
9888        "aria-expanded": l.open,
9889        "aria-controls": l.open ? l.contentId : void 0,
9890        "data-state": l.open ? "open" : "closed",
9891        "data-disabled": r ? "" : void 0,
9892        disabled: r,
9893        ...s,
9894        ref: hn(i, l.triggerRef),
9895        onPointerDown: te(t.onPointerDown, (d) => {
9896          !r && d.button === 0 && d.ctrlKey === !1 && (l.onOpenToggle(), l.open || d.preventDefault());
9897        }),
9898        onKeyDown: te(t.onKeyDown, (d) => {
9899          r || (["Enter", " "].includes(d.key) && l.onOpenToggle(), d.key === "ArrowDown" && l.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
9900        })
9901      }
9902    ) });
9903  }
9904);
9905H0.displayName = L0;
9906var Iy = "DropdownMenuPortal", O0 = (t) => {
9907  const { __scopeDropdownMenu: i, ...n } = t, r = Oe(i);
9908  return /* @__PURE__ */ e(cy, { ...r, ...n });
9909};
9910O0.displayName = Iy;
9911var V0 = "DropdownMenuContent", E0 = G(
9912  (t, i) => {
9913    const { __scopeDropdownMenu: n, ...r } = t, s = T0(V0, n), l = Oe(n), o = j(!1);
9914    return /* @__PURE__ */ e(
9915      dy,
9916      {
9917        id: s.contentId,
9918        "aria-labelledby": s.triggerId,
9919        ...l,
9920        ...r,
9921        ref: i,
9922        onCloseAutoFocus: te(t.onCloseAutoFocus, (d) => {
9923          o.current || s.triggerRef.current?.focus(), o.current = !1, d.preventDefault();
9924        }),
9925        onInteractOutside: te(t.onInteractOutside, (d) => {
9926          const c = d.detail.originalEvent, p = c.button === 0 && c.ctrlKey === !0, h = c.button === 2 || p;
9927          (!s.modal || h) && (o.current = !0);
9928        }),
9929        style: {
9930          ...t.style,
9931          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
9932          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
9933          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
9934          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
9935          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
9936        }
9937      }
9938    );
9939  }
9940);
9941E0.displayName = V0;
9942var Sy = "DropdownMenuGroup", Cy = G(
9943  (t, i) => {
9944    const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9945    return /* @__PURE__ */ e(my, { ...s, ...r, ref: i });
9946  }
9947);
9948Cy.displayName = Sy;
9949var My = "DropdownMenuLabel", Dy = G(
9950  (t, i) => {
9951    const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9952    return /* @__PURE__ */ e(py, { ...s, ...r, ref: i });
9953  }
9954);
9955Dy.displayName = My;
9956var ky = "DropdownMenuItem", j0 = G(
9957  (t, i) => {
9958    const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9959    return /* @__PURE__ */ e(hy, { ...s, ...r, ref: i });
9960  }
9961);
9962j0.displayName = ky;
9963var Ty = "DropdownMenuCheckboxItem", Py = G((t, i) => {
9964  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9965  return /* @__PURE__ */ e(uy, { ...s, ...r, ref: i });
9966});
9967Py.displayName = Ty;
9968var Ly = "DropdownMenuRadioGroup", Hy = G((t, i) => {
9969  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9970  return /* @__PURE__ */ e(xy, { ...s, ...r, ref: i });
9971});
9972Hy.displayName = Ly;
9973var Oy = "DropdownMenuRadioItem", Vy = G((t, i) => {
9974  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9975  return /* @__PURE__ */ e(gy, { ...s, ...r, ref: i });
9976});
9977Vy.displayName = Oy;
9978var Ey = "DropdownMenuItemIndicator", jy = G((t, i) => {
9979  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9980  return /* @__PURE__ */ e(fy, { ...s, ...r, ref: i });
9981});
9982jy.displayName = Ey;
9983var Ry = "DropdownMenuSeparator", Fy = G((t, i) => {
9984  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9985  return /* @__PURE__ */ e(by, { ...s, ...r, ref: i });
9986});
9987Fy.displayName = Ry;
9988var _y = "DropdownMenuArrow", Wy = G(
9989  (t, i) => {
9990    const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9991    return /* @__PURE__ */ e(yy, { ...s, ...r, ref: i });
9992  }
9993);
9994Wy.displayName = _y;
9995var zy = "DropdownMenuSubTrigger", By = G((t, i) => {
9996  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
9997  return /* @__PURE__ */ e(wy, { ...s, ...r, ref: i });
9998});
9999By.displayName = zy;
10000var Gy = "DropdownMenuSubContent", Uy = G((t, i) => {
10001  const { __scopeDropdownMenu: n, ...r } = t, s = Oe(n);
10002  return /* @__PURE__ */ e(
10003    vy,
10004    {
10005      ...s,
10006      ...r,
10007      ref: i,
10008      style: {
10009        ...t.style,
10010        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
10011        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
10012        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
10013        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
10014        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
10015      }
10016    }
10017  );
10018});
10019Uy.displayName = Gy;
10020var qy = P0, Yy = H0, Xy = O0, Jy = E0, Zy = j0;
10021function $y({
10022  ...t
10023}) {
10024  return /* @__PURE__ */ e(qy, { "data-slot": "dropdown-menu", ...t });
10025}
10026function Ky({
10027  // Filter out Figma Make inspector props to prevent them from reaching DOM elements
10028  _fgT: t,
10029  _fgt: i,
10030  _fgS: n,
10031  _fgs: r,
10032  _fgB: s,
10033  _fgb: l,
10034  ...o
10035}) {
10036  return /* @__PURE__ */ e(
10037    Yy,
10038    {
10039      "data-slot": "dropdown-menu-trigger",
10040      ...o
10041    }
10042  );
10043}
10044function Qy({
10045  className: t,
10046  sideOffset: i = 4,
10047  ...n
10048}) {
10049  return /* @__PURE__ */ e(Xy, { children: /* @__PURE__ */ e(
10050    Jy,
10051    {
10052      "data-slot": "dropdown-menu-content",
10053      sideOffset: i,
10054      className: pi(
10055        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:sli
10055de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
10056        t
10057      ),
10058      ...n
10059    }
10060  ) });
10061}
10062function ew({
10063  className: t,
10064  inset: i,
10065  variant: n = "default",
10066  ...r
10067}) {
10068  return /* @__PURE__ */ e(
10069    Zy,
10070    {
10071      "data-slot": "dropdown-menu-item",
10072      "data-inset": i,
10073      "data-variant": n,
10074      className: pi(
10075        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
10076        t
10077      ),
10078      ...r
10079    }
10080  );
10081}
10082const $l = globalThis.__GLOBALS__.getAssetURL("2e0c8ae1207b8656a91aa39a4a6042c746102006.png"), tw = globalThis.__GLOBALS__.getAssetURL("0a625f59c956794248b809099f6c65babff07ab9.png");
10083function aw({ onNavigate: t, currentPath: i }) {
10084  const [n, r] = C(!1), [s, l] = C(!1), [o, d] = C(!1), [c, p] = C(null), [h, x] = C(null), [b, g] = C(!1), [w, u] = C(""), { language: v, setLanguage: A, t: N } = ne(), f = j(null), y = j(null), I = j(null);
10085  i.split("#")[0], R(() => {
10086    const M = () => {
10087      r(window.scrollY > 20);
10088    };
10089    return window.addEventListener("scroll", M, { passive: !0 }), () => window.removeEventListener("scroll", M);
10090  }, []), R(() => {
10091    const M = (E) => {
10092      o || f.current && !f.current.contains(E.target) && p(null);
10093    };
10094    return document.addEventListener("mousedown", M), () => {
10095      document.removeEventListener("mousedown", M);
10096    };
10097  }, [c, o]), R(() => {
10098    b && I.current && I.current.focus();
10099  }, [b]), R(() => {
10100    const M = (E) => {
10101      E.key === "Escape" && b && (g(!1), u(""));
10102    };
10103    return window.addEventListener("keydown", M), () => window.removeEventListener("keydown", M);
10104  }, [b]);
10105  const D = (M) => {
10106    y.current && (clearTimeout(y.current), y.current = null), p(null), l(!1), d(!1), g(!1), u(""), t(M), window.scrollTo(0, 0);
10107  }, P = [
10108    {
10109      label: "About Us",
10110      path: "/group-overview",
10111      submenu: [
10112        { label: "India Overview", path: "/company" },
10113        { label: "HyVISION Group", path: "/group-overview" },
10114        { label: "Key Milestones", path: "/history" },
10115        { label: "Global Network", path: "/global-network" }
10116      ]
10117    },
10118    {
10119      label: "Business",
10120      path: "/all-products",
10121      submenu: [
10122        { label: "Automotive", path: "/ccm" },
10123        { label: "Technology R&D", path: "/rechargeable-battery" },
10124        { label: "Component Sales", path: "/component-sales" },
10125        { label: "OSS Support", path: "/oss-support" }
10126      ]
10127    },
10128    {
10129      label: "Products",
10130      path: "/products",
10131      submenu: [
10132        { label: "Business Overview", path: "/all-products" },
10133        { label: "EMS Tester", path: "/products/ccm" },
10134        { label: "Battery / ESS", path: "/product/battery-ess" },
10135        { label: "Automated Optical Inspection", path: "/products/bio-inspection" },
10136        { label: "Smart Component", path: "/smart-components" }
10137      ]
10138    },
10139    {
10140      label: "Media",
10141      path: "/media-center",
10142      submenu: [
10143        { label: "News & Events", path: "/media-news" }
10144      ]
10145    },
10146    {
10147      label: "Career",
10148      path: "/careers",
10149      submenu: [
10150        { label: "Apply Now", path: "/careers" },
10151        { label: "Work & Life", path: "/culture" },
10152        { label: "FAQ", path: "/culture-secondary" }
10153      ]
10154    },
10155    {
10156      label: "Contact",
10157      path: "/contact",
10158      submenu: [
10159        { label: "Product Inquiry", path: "/contact?tab=product" },
10160        { label: "Business & Investment", path: "/contact?tab=business" },
10161        { label: "General Inquiry", path: "/contact?tab=general" },
10162        { label: "Showroom Tour", path: "/contact?tab=showroom" }
10163      ]
10164    }
10165  ], k = [
10166    { code: "ko", name: "한국어", flag: "🇰🇷" },
10167    { code: "en", name: "English", flag: "🇺🇸" }
10168  ], H = [
10169    { title: "Home", path: "/" },
10170    { title: "About Us", path: "/company" },
10171    { title: "Group Overview", path: "/group-overview" },
10172    { title: "History", path: "/history" },
10173    { title: "CEO Message", path: "/management" },
10174    { title: "Manufacturing", path: "/manufacturing" },
10175    { title: "Global Network", path: "/global-network" },
10176    { title: "Technology", path: "/technology-innovation" },
10177    { title: "All Products", path: "/all-products" },
10178    { title: "Smart Components", path: "/smart-components" },
10179    { title: "CCM Tester", path: "/ccm" },
10180    { title: "Rechargeable Battery", path: "/rechargeable-battery" },
10181    { title: "Automated Optical Inspection", path: "/bio-inspection" },
10182    { title: "Wafer AOI", path: "/wafer-aoi" },
10183    { title: "3D Printer & Robotics", path: "/3d-printer-robotics" },
10184    { title: "Careers", path: "/careers" },
10185    { title: "Contact", path: "/contact" }
10186  ], T = w.trim() === "" ? H : H.filter(
10187    (M) => M.title.toLowerCase().includes(w.toLowerCase())
10188  );
10189  return /* @__PURE__ */ a(
10190    "nav",
10191    {
10192      className: `fixed top-0 left-0 right-0 z-[300] transition-all duration-300 border-b border-white/10 ${n ? "bg-[#0d0d0d]/98 backdrop-blur-md shadow-lg" : "bg-[#0d0d0d]/95 backdrop-blur-md"}`,
10193      children: [
10194        /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between h-20", children: [
10195          /* @__PURE__ */ e(
10196            "button",
10197            {
10198              onClick: () => D("/"),
10199              className: "flex items-center hover:opacity-80 transition-opacity relative z-20",
10200              children: /* @__PURE__ */ e(
10201                "img",
10202                {
10203                  src: tw,
10204                  alt: "HyVISION System ICCK India",
10205                  className: "h-[36px]"
10206                }
10207              )
10208            }
10209          ),
10210          /* @__PURE__ */ e("div", { className: "hidden lg:flex items-center gap-0 absolute left-1/2 transform -translate-x-1/2 pointer-events-none z-10 h-20", ref: f, children: P.map((M) => /* @__PURE__ */ a(
10211            "div",
10212            {
10213              className: "relative pointer-events-auto h-full flex items-center",
10214              onMouseEnter: () => {
10215                o || (y.current && (clearTimeout(y.current), y.current = null), p(M.label));
10216              },
10217              onMouseLeave: () => {
10218                o || (y.current && clearTimeout(y.current), y.current = setTimeout(() => {
10219                  p(null);
10220                }, 300));
10221              },
10222              children: [
10223                /* @__PURE__ */ e(
10224                  "button",
10225                  {
10226                    onClick: () => {
10227                      o || (M.label === "About Us" ? D("/company") : M.label === "Media" ? D("/media-news") : M.label === "Career" ? D("/careers") : M.label === "Products" ? D("/all-products") : M.label === "Business" ? D("/ccm") : M.submenu ? p(c === M.label ? null : M.label) : D(M.path));
10228                    },
10229                    className: `flex items-center justify-center gap-1 h-full px-7 text-[14px] tracking-wide transition-all relative whitespace-nowrap font-medium border-b-[3px] ${c === M.label ? "text-white border-[#FFC107]" : "text-white/80 border-transparent hover:text-white hover:border-white/40"}`,
10230                    children: M.label === "Smart phon & CCM" ? "Smart Device & CCM" : M.label === "Smart Devices" ? "AI Automation" : M.label === "Rechargeable Battery" ? "Technology R&D" : M.label === "Automotive" ? "AI Automation" : M.label === "Business Overview" ? "Overview" : M.label === "Lidar Solutions" ? "LiDAR" : M.label
10231                  }
10232                ),
10233                c === M.label && M.submenu && !o && /* @__PURE__ */ e(
10234                  "div",
10235                  {
10236                    className: "absolute top-full left-0 w-[220px] z-[100]",
10237                    onMouseEnter: () => {
10238                      y.current && (clearTimeout(y.current), y.current = null);
10239                    },
10240                    onMouseLeave: () => {
10241                      y.current && clearTimeout(y.current), y.current = setTimeout(() => {
10242                        p(null), x(null);
10243                      }, 300);
10244                    },
10245                    children: /* @__PURE__ */ e("div", { className: "bg-[#1a1a1a] shadow-2xl border border-white/10 rounded-none overflow-visible", children: /* @__PURE__ */ e("div", { className: "py-0 px-0 space-y-0", children: M.submenu.map((E) => /* @__PURE__ */ a(
10246                      "div",
10247                      {
10248                        className: "relative",
10249                        onMouseEnter: () => {
10250                          E.submenu && x(E.label);
10251                        },
10252                        onMouseLeave: () => {
10253                          E.submenu || x(null);
10254                        },
10255                        children: [
10256                          /* @__PURE__ */ a(
10257                            "button",
10258                            {
10259                              onClick: (z) => {
10260                                E.submenu ? (z.stopPropagation(), x(E.label === h ? null : E.label)) : D(E.path);
10261                              },
10262                              className: "flex items-center justify-between w-full text-left text-[13px] text-white/70 hover:text-white hover:bg-white/10 transition-colors whitespace-nowrap cursor-pointer px-5 py-3.5 border-b border-white/10 last:border-b-0 font-sans",
10263                              children: [
10264                                /* @__PURE__ */ e("span", { children: E.label === "Automotive" ? "AI Automation" : E.label === "Automated Optical Inspection" ? "Automated Optical Inspection" : E.label === "Business Overview" ? "Overview" : E.label }),
10265                                E.submenu && /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
10266                              ]
10267                            }
10268                          ),
10269                          E.submenu && h === E.label && /* @__PURE__ */ e(
10270                            "div",
10271                            {
10272                              className: "absolute left-full top-0 w-[220px] bg-[#1a1a1a] shadow-2xl border border-white/10 rounded-none overflow-hidden z-[110]",
10273                              onMouseEnter: () => {
10274                                y.current && (clearTimeout(y.current), y.current = null), x(E.label);
10275                              },
10276                              onMouseLeave: () => {
10277                                x(null);
10278                              },
10279                              children: /* @__PURE__ */ e("div", { className: "py-0 px-0 space-y-0", children: E.submenu.map((z) => /* @__PURE__ */ e(
10280                                "button",
10281                                {
10282                                  onClick: () => D(z.path),
10283                                  className: "block w-full text-left text-[13px] text-white/70 hover:text-white hover:bg-white/10 transition-colors whitespace-nowrap cursor-pointer px-5 py-3.5 border-b border-white/10 last:border-b-0 font-sans",
10284                                  children: z.label
10285                                },
10286                                z.label
10287                              )) })
10288                            }
10289                          )
10290                        ]
10291                      },
10292                      E.label
10293                    )) }) })
10294                  }
10295                )
10296              ]
10297            },
10298            M.label
10299          )) }),
10300          /* @__PURE__ */ a("div", { className: "hidden lg:flex items-center gap-3 ml-8 relative z-20", children: [
10301            /* @__PURE__ */ e(
10302              "button",
10303              {
10304                onClick: () => g(!b),
10305                className: "p-2 flex items-center justify-center transition-all text-white/70 hover:text-white cursor-pointer",
10306                children: b ? /* @__PURE__ */ e(Lt, { size: 20, strokeWidth: 2 }) : /* @__PURE__ */ e(qt, { size: 20, strokeWidth: 2 })
10307              }
10308            ),
10309            /* @__PURE__ */ a($y, { children: [
10310              /* @__PURE__ */ e(Ky, { className: "flex items-center justify-center gap-1 px-2 py-2 transition-all text-white/70 hover:text-white cursor-pointer outline-none", children: /* @__PURE__ */ e(Ya, { size: 20, strokeWidth: 2 }) }),
10311              /* @__PURE__ */ e(Qy, { align: "end", className: "w-40 z-[400] bg-[#1a1a1a] border-white/10", children: k.map((M) => /* @__PURE__ */ a(
10312                ew,
10313                {
10314                  onClick: () => A(M.code),
10315                  className: `cursor-pointer text-base text-white/70 hover:text-white focus:text-white focus:bg-white/10 ${v === M.code ? "bg-white/10 text-white" : ""}`,
10316                  children: [
10317                    /* @__PURE__ */ e("span", { className: "mr-2 text-xl", children: M.flag }),
10318                    M.name
10319                  ]
10320                },
10321                M.code
10322              )) })
10323            ] }),
10324            /* @__PURE__ */ e(
10325              "button",
10326              {
10327                onClick: (M) => {
10328                  M.stopPropagation(), d(!o), g(!1), l(!1);
10329                },
10330                className: "w-[34px] h-[34px] flex items-center justify-center transition-all cursor-pointer relative z-[360] text-white/70 hover:text-white",
10331                children: o ? /* @__PURE__ */ e(Lt, { size: 20, strokeWidth: 2 }) : /* @__PURE__ */ e(Ku, { size: 20, strokeWidth: 2 })
10332              }
10333            )
10334          ] })
10335        ] }) }),
10336        b && /* @__PURE__ */ a(V, { children: [
10337          /* @__PURE__ */ e(
10338            "div",
10339            {
10340              className: "fixed inset-0 top-20 bg-black/60 backdrop-blur-[2px] z-[340] animate-in fade-in duration-300",
10341              onClick: () => {
10342                g(!1), u("");
10343              }
10344            }
10345          ),
10346          /* @__PURE__ */ e(
10347            "div",
10348            {
10349              className: "absolute top-full left-0 w-full bg-[#111111] border-t border-white/10 shadow-2xl z-[350] animate-in slide-in-from-top-2 duration-300",
10350              onClick: (M) => M.stopPropagation(),
10351              children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto px-6 py-16", children: [
10352                /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
10353                  /* @__PURE__ */ a("div", { className: "relative w-full max-w-3xl", children: [
10354                    /* @__PURE__ */ e(
10355                      "input",
10356                      {
10357                        ref: I,
10358                        type: "text",
10359                        placeholder: "검색어를 입력해주세요.",
10360                        value: w,
10361                        onChange: (M) => u(M.target.value),
10362                        className: "w-full h-[64px] pl-8 pr-14 rounded-md text-[17px] text-white placeholder:text-white/30 outline-none focus:ring-2 focus:ring-white/10 transition-all font-medium border border-white/10 bg-white/5"
10363                      }
10364                    ),
10365                    /* @__PURE__ */ e("div", { className: "absolute right-6 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ e(qt, { size: 26, className: "text-white/50", strokeWidth: 2 }) })
10366                  ] }),
10367                  /* @__PURE__ */ a("div", { className: "mt-10 flex items-center gap-6 w-full max-w-3xl", children: [
10368                    /* @__PURE__ */ e("span", { className: "text-[#FFC107] text-[15px] whitespace-nowrap shrink-0 font-bold", children: "추천 키워드" }),
10369                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-3", children: ["#인도법인 개요", "#CCM 테스터", "#전기차 배터리", "#AI 검사솔루션", "#인재채용"].map((M) => /* @__PURE__ */ e(
10370                      "button",
10371                      {
10372                        onClick: () => u(M.replace("#", "")),
10373                        className: "px-5 py-2 rounded-full border border-white/20 text-[13.5px] text-white/50 bg-white/5 hover:border-white/50 hover:text-white hover:bg-white/10 transition-all cursor-pointer font-medium",
10374                        children: M
10375                      },
10376                      M
10377                    )) })
10378                  ] })
10379                ] }),
10380                w.trim() !== "" && T.length > 0 && /* @__PURE__ */ e("div", { className: "mt-12 w-full max-w-3xl mx-auto pt-10 border-t border-white/10", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: T.slice(0, 6).map((M) => /* @__PURE__ */ a(
10381                  "button",
10382                  {
10383                    onClick: () => D(M.path),
10384                    className: "flex items-center justify-between px-6 py-4 rounded-xl hover:bg-white/10 transition-all group border border-white/10",
10385                    children: [
10386                      /* @__PURE__ */ e("span", { className: "font-semibold text-[15px] text-white/70", children: M.title }),
10387                      /* @__PURE__ */ e(fe, { size: 16, className: "text-white/30 group-hover:text-white transition-colors" })
10388                    ]
10389                  },
10390                  M.path
10391                )) }) })
10392              ] })
10393            }
10394          )
10395        ] }),
10396        o && /* @__PURE__ */ a("div", { className: "fixed inset-0 bg-[#0d0d0d] z-[600] overflow-y-auto animate-in fade-in duration-300 flex flex-col", children: [
10397          /* @__PURE__ */ e("div", { className: "container mx-auto px-4 border-b border-white/10", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between h-20", children: [
10398            /* @__PURE__ */ e(
10399              "button",
10400              {
10401                onClick: () => D("/"),
10402                className: "flex items-center hover:opacity-80 transition-opacity",
10403                children: /* @__PURE__ */ e(
10404                  "img",
10405                  {
10406                    src: $l,
10407                    alt: "HyVISION Logo",
10408                    className: "h-[36px]"
10409                  }
10410                )
10411              }
10412            ),
10413            /* @__PURE__ */ a("div", { className: "flex items-center gap-6", children: [
10414              /* @__PURE__ */ e(J, { className: "hidden md:flex bg-[#FFC107] hover:bg-[#e6ac00] text-black rounded-full px-8 py-2.5 font-bold text-[14px] transition-all cursor-pointer shadow-sm", children: "견적 문의하기" }),
10415              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 border-l border-white/10 ml-2 pl-6", children: [
10416                /* @__PURE__ */ e("button", { className: "p-2 text-white/60 hover:text-white transition-colors cursor-pointer", children: /* @__PURE__ */ e(Ya, { size: 20, strokeWidth: 2 }) }),
10417                /* @__PURE__ */ e(
10418                  "button",
10419                  {
10420                    onClick: () => d(!1),
10421                    className: "p-2 text-white/60 hover:text-white transition-colors cursor-pointer ml-2",
10422                    children: /* @__PURE__ */ e(Lt, { size: 24, strokeWidth: 2 })
10423                  }
10424                )
10425              ] })
10426            ] })
10427          ] }) }),
10428          /* @__PURE__ */ e("div", { className: "flex-1 bg-[#0d0d0d]", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-4 py-20", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 min-h-[500px]", children: P.map((M, E) => /* @__PURE__ */ a("div", { className: `flex flex-col px-8 ${E !== 0 ? "lg:border-l lg:border-white/10" : ""}`, children: [
10429            /* @__PURE__ */ a(
10430              "button",
10431              {
10432                onClick: () => D(M.path),
10433                className: "text-[18px] font-bold text-white mb-10 text-left hover:text-[#FFC107] transition-colors flex items-center justify-between group",
10434                children: [
10435                  M.label === "Smart phon & CCM" ? "Smart Device & CCM" : M.label === "Smart Devices" ? "AI Automation" : M.label === "Rechargeable Battery" ? "Technology R&D" : M.label === "Automotive" ? "AI Automation" : M.label === "Business Overview" ? "Overview" : M.label === "Lidar Solutions" ? "LiDAR" : M.label,
10436                  M.label === "Career" && /* @__PURE__ */ e(Zc, { size: 16, className: "text-white/20 group-hover:text-[#FFC107] transition-colors" })
10437                ]
10438              }
10439            ),
10440            M.submenu && /* @__PURE__ */ e("div", { className: "flex flex-col gap-5", children: M.submenu.map((z) => /* @__PURE__ */ e(
10441              "button",
10442              {
10443                onClick: () => D(z.path),
10444                className: "text-[14px] text-white/40 hover:text-white/80 transition-colors text-left font-medium leading-relaxed hover:translate-x-1 transform transition-transform",
10445                children: z.label
10446              },
10447              z.label
10448            )) })
10449          ] }, M.label)) }) }) }),
vendor: 14,228 bytes, lines 10450-10842
10450          /* @__PURE__ */ e("div", { className: "bg-black/40 border-t border-white/10 py-12", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-10 flex flex-col md:flex-row justify-between items-center gap-6", children: [
10451            /* @__PURE__ */ a("div", { className: "flex items-center gap-10", children: [
10452              /* @__PURE__ */ e("img", { src: $l, alt: "Logo", className: "h-8 opacity-20 brightness-0 invert" }),
10453              /* @__PURE__ */ e("p", { className: "text-[13px] text-white/30 font-medium", children: "© 2026 HyVISION SYSTEM ICCK India. All Rights Reserved." })
10454            ] }),
10455            /* @__PURE__ */ e("div", { className: "flex gap-8", children: ["Terms of Use", "Privacy Policy", "Sitemap"].map((M) => /* @__PURE__ */ e("button", { className: "text-[13px] text-white/40 hover:text-white font-semibold transition-colors", children: M }, M)) })
10456          ] }) })
10457        ] })
10458      ]
10459    }
10460  );
10461}
10462const gs = $e({});
10463function Ia(t) {
10464  const i = j(null);
10465  return i.current === null && (i.current = t()), i.current;
10466}
10467const fs = typeof window < "u", Nn = fs ? oi : R, An = /* @__PURE__ */ $e(null);
10468function bs(t, i) {
10469  t.indexOf(i) === -1 && t.push(i);
10470}
10471function ys(t, i) {
10472  const n = t.indexOf(i);
10473  n > -1 && t.splice(n, 1);
10474}
10475const gt = (t, i, n) => n > i ? i : n < t ? t : n;
10476let Qa = () => {
10477};
10478const At = {}, R0 = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
10479function F0(t) {
10480  return typeof t == "object" && t !== null;
10481}
10482const _0 = (t) => /^0[^.\s]+$/u.test(t);
10483// @__NO_SIDE_EFFECTS__
10484function ws(t) {
10485  let i;
10486  return () => (i === void 0 && (i = t()), i);
10487}
10488const Fe = /* @__NO_SIDE_EFFECTS__ */ (t) => t, iw = (t, i) => (n) => i(t(n)), bi = (...t) => t.reduce(iw), ba = /* @__NO_SIDE_EFFECTS__ */ (t, i, n) => {
10489  const r = i - t;
10490  return r === 0 ? 1 : (n - t) / r;
10491};
10492class vs {
10493  constructor() {
10494    this.subscriptions = [];
10495  }
10496  add(i) {
10497    return bs(this.subscriptions, i), () => ys(this.subscriptions, i);
10498  }
10499  notify(i, n, r) {
10500    const s = this.subscriptions.length;
10501    if (s)
10502      if (s === 1)
10503        this.subscriptions[0](i, n, r);
10504      else
10505        for (let l = 0; l < s; l++) {
10506          const o = this.subscriptions[l];
10507          o && o(i, n, r);
10508        }
10509  }
10510  getSize() {
10511    return this.subscriptions.length;
10512  }
10513  clear() {
10514    this.subscriptions.length = 0;
10515  }
10516}
10517const pt = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, Je = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
10518function Ns(t, i) {
10519  return i ? t * (1e3 / i) : 0;
10520}
10521const W0 = (t, i, n) => (((1 - 3 * n + 3 * i) * t + (3 * n - 6 * i)) * t + 3 * i) * t, nw = 1e-7, rw = 12;
10522function sw(t, i, n, r, s) {
10523  let l, o, d = 0;
10524  do
10525    o = i + (n - i) / 2, l = W0(o, r, s) - t, l > 0 ? n = o : i = o;
10526  while (Math.abs(l) > nw && ++d < rw);
10527  return o;
10528}
10529function yi(t, i, n, r) {
10530  if (t === i && n === r)
10531    return Fe;
10532  const s = (l) => sw(l, 0, 1, t, n);
10533  return (l) => l === 0 || l === 1 ? l : W0(s(l), i, r);
10534}
10535const z0 = (t) => (i) => i <= 0.5 ? t(2 * i) / 2 : (2 - t(2 * (1 - i))) / 2, B0 = (t) => (i) => 1 - t(1 - i), G0 = /* @__PURE__ */ yi(0.33, 1.53, 0.69, 0.99), As = /* @__PURE__ */ B0(G0), U0 = /* @__PURE__ */ z0(As), q0 = (t) => (t *= 2) < 1 ? 0.5 * As(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Is = (t) => 1 - Math.sin(Math.acos(t)), Y0 = B0(Is), X0 = z0(Is), lw = /* @__PURE__ */ yi(0.42, 0, 1, 1), ow = /* @__PURE__ */ yi(0, 0, 0.58, 1), J0 = /* @__PURE__ */ yi(0.42, 0, 0.58, 1), cw = (t) => Array.isArray(t) && typeof t[0] != "number", Z0 = (t) => Array.isArray(t) && typeof t[0] == "number", dw = {
10536  linear: Fe,
10537  easeIn: lw,
10538  easeInOut: J0,
10539  easeOut: ow,
10540  circIn: Is,
10541  circInOut: X0,
10542  circOut: Y0,
10543  backIn: As,
10544  backInOut: U0,
10545  backOut: G0,
10546  anticipate: q0
10547}, mw = (t) => typeof t == "string", Kl = (t) => {
10548  if (Z0(t)) {
10549    Qa(t.length === 4);
10550    const [i, n, r, s] = t;
10551    return yi(i, n, r, s);
10552  } else if (mw(t))
10553    return dw[t];
10554  return t;
10555}, Li = [
10556  "setup",
10557  // Compute
10558  "read",
10559  // Read
10560  "resolveKeyframes",
10561  // Write/Read/Write/Read
10562  "preUpdate",
10563  // Compute
10564  "update",
10565  // Compute
10566  "preRender",
10567  // Compute
10568  "render",
10569  // Write
10570  "postRender"
10571  // Compute
10572];
10573function pw(t, i) {
10574  let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = !1, l = !1;
10575  const o = /* @__PURE__ */ new WeakSet();
10576  let d = {
10577    delta: 0,
10578    timestamp: 0,
10579    isProcessing: !1
10580  };
10581  function c(h) {
10582    o.has(h) && (p.schedule(h), t()), h(d);
10583  }
10584  const p = {
10585    /**
10586     * Schedule a process to run on the next frame.
10587     */
10588    schedule: (h, x = !1, b = !1) => {
10589      const w = b && s ? n : r;
10590      return x && o.add(h), w.has(h) || w.add(h), h;
10591    },
10592    /**
10593     * Cancel the provided callback from running on the next frame.
10594     */
10595    cancel: (h) => {
10596      r.delete(h), o.delete(h);
10597    },
10598    /**
10599     * Execute all schedule callbacks.
10600     */
10601    process: (h) => {
10602      if (d = h, s) {
10603        l = !0;
10604        return;
10605      }
10606      s = !0, [n, r] = [r, n], n.forEach(c), n.clear(), s = !1, l && (l = !1, p.process(h));
10607    }
10608  };
10609  return p;
10610}
10611const hw = 40;
10612function $0(t, i) {
10613  let n = !1, r = !0;
10614  const s = {
10615    delta: 0,
10616    timestamp: 0,
10617    isProcessing: !1
10618  }, l = () => n = !0, o = Li.reduce((f, y) => (f[y] = pw(l), f), {}), { setup: d, read: c, resolveKeyframes: p, preUpdate: h, update: x, preRender: b, render: g, postRender: w } = o, u = () => {
10619    const f = At.useManualTiming ? s.timestamp : performance.now();
10620    n = !1, At.useManualTiming || (s.delta = r ? 1e3 / 60 : Math.max(Math.min(f - s.timestamp, hw), 1)), s.timestamp = f, s.isProcessing = !0, d.process(s), c.process(s), p.process(s), h.process(s), x.process(s), b.process(s), g.process(s), w.process(s), s.isProcessing = !1, n && i && (r = !1, t(u));
10621  }, v = () => {
10622    n = !0, r = !0, s.isProcessing || t(u);
10623  };
10624  return { schedule: Li.reduce((f, y) => {
10625    const I = o[y];
10626    return f[y] = (D, P = !1, k = !1) => (n || v(), I.schedule(D, P, k)), f;
10627  }, {}), cancel: (f) => {
10628    for (let y = 0; y < Li.length; y++)
10629      o[Li[y]].cancel(f);
10630  }, state: s, steps: o };
10631}
10632const { schedule: se, cancel: st, state: Ie, steps: qn } = /* @__PURE__ */ $0(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Fe, !0);
10633let Wi;
10634function uw() {
10635  Wi = void 0;
10636}
10637const Ee = {
10638  now: () => (Wi === void 0 && Ee.set(Ie.isProcessing || At.useManualTiming ? Ie.timestamp : performance.now()), Wi),
10639  set: (t) => {
10640    Wi = t, queueMicrotask(uw);
10641  }
10642}, K0 = (t) => (i) => typeof i == "string" && i.startsWith(t), Ss = /* @__PURE__ */ K0("--"), xw = /* @__PURE__ */ K0("var(--"), Cs = (t) => xw(t) ? gw.test(t.split("/*")[0].trim()) : !1, gw = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Sa = {
10643  test: (t) => typeof t == "number",
10644  parse: parseFloat,
10645  transform: (t) => t
10646}, ei = {
10647  ...Sa,
10648  transform: (t) => gt(0, 1, t)
10649}, Hi = {
10650  ...Sa,
10651  default: 1
10652}, _a = (t) => Math.round(t * 1e5) / 1e5, Ms = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
10653function fw(t) {
10654  return t == null;
10655}
10656const bw = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ds = (t, i) => (n) => !!(typeof n == "string" && bw.test(n) && n.startsWith(t) || i && !fw(n) && Object.prototype.hasOwnProperty.call(n, i)), Q0 = (t, i, n) => (r) => {
10657  if (typeof r != "string")
10658    return r;
10659  const [s, l, o, d] = r.match(Ms);
10660  return {
10661    [t]: parseFloat(s),
10662    [i]: parseFloat(l),
10663    [n]: parseFloat(o),
10664    alpha: d !== void 0 ? parseFloat(d) : 1
10665  };
10666}, yw = (t) => gt(0, 255, t), Yn = {
10667  ...Sa,
10668  transform: (t) => Math.round(yw(t))
10669}, zt = {
10670  test: /* @__PURE__ */ Ds("rgb", "red"),
10671  parse: /* @__PURE__ */ Q0("red", "green", "blue"),
10672  transform: ({ red: t, green: i, blue: n, alpha: r = 1 }) => "rgba(" + Yn.transform(t) + ", " + Yn.transform(i) + ", " + Yn.transform(n) + ", " + _a(ei.transform(r)) + ")"
10673};
10674function ww(t) {
10675  let i = "", n = "", r = "", s = "";
10676  return t.length > 5 ? (i = t.substring(1, 3), n = t.substring(3, 5), r = t.substring(5, 7), s = t.substring(7, 9)) : (i = t.substring(1, 2), n = t.substring(2, 3), r = t.substring(3, 4), s = t.substring(4, 5), i += i, n += n, r += r, s += s), {
10677    red: parseInt(i, 16),
10678    green: parseInt(n, 16),
10679    blue: parseInt(r, 16),
10680    alpha: s ? parseInt(s, 16) / 255 : 1
10681  };
10682}
10683const Ar = {
10684  test: /* @__PURE__ */ Ds("#"),
10685  parse: ww,
10686  transform: zt.transform
10687}, wi = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
10688  test: (i) => typeof i == "string" && i.endsWith(t) && i.split(" ").length === 1,
10689  parse: parseFloat,
10690  transform: (i) => `${i}${t}`
10691}), kt = /* @__PURE__ */ wi("deg"), ht = /* @__PURE__ */ wi("%"), U = /* @__PURE__ */ wi("px"), vw = /* @__PURE__ */ wi("vh"), Nw = /* @__PURE__ */ wi("vw"), Ql = {
10692  ...ht,
10693  parse: (t) => ht.parse(t) / 100,
10694  transform: (t) => ht.transform(t * 100)
10695}, sa = {
10696  test: /* @__PURE__ */ Ds("hsl", "hue"),
10697  parse: /* @__PURE__ */ Q0("hue", "saturation", "lightness"),
10698  transform: ({ hue: t, saturation: i, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + ht.transform(_a(i)) + ", " + ht.transform(_a(n)) + ", " + _a(ei.transform(r)) + ")"
10699}, ye = {
10700  test: (t) => zt.test(t) || Ar.test(t) || sa.test(t),
10701  parse: (t) => zt.test(t) ? zt.parse(t) : sa.test(t) ? sa.parse(t) : Ar.parse(t),
10702  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? zt.transform(t) : sa.transform(t),
10703  getAnimatableNone: (t) => {
10704    const i = ye.parse(t);
10705    return i.alpha = 0, ye.transform(i);
10706  }
10707}, Aw = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
10708function Iw(t) {
10709  return isNaN(t) && typeof t == "string" && (t.match(Ms)?.length || 0) + (t.match(Aw)?.length || 0) > 0;
10710}
10711const em = "number", tm = "color", Sw = "var", Cw = "var(", eo = "${}", Mw = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
10712function ti(t) {
10713  const i = t.toString(), n = [], r = {
10714    color: [],
10715    number: [],
10716    var: []
10717  }, s = [];
10718  let l = 0;
10719  const d = i.replace(Mw, (c) => (ye.test(c) ? (r.color.push(l), s.push(tm), n.push(ye.parse(c))) : c.startsWith(Cw) ? (r.var.push(l), s.push(Sw), n.push(c)) : (r.number.push(l), s.push(em), n.push(parseFloat(c))), ++l, eo)).split(eo);
10720  return { values: n, split: d, indexes: r, types: s };
10721}
10722function am(t) {
10723  return ti(t).values;
10724}
10725function im(t) {
10726  const { split: i, types: n } = ti(t), r = i.length;
10727  return (s) => {
10728    let l = "";
10729    for (let o = 0; o < r; o++)
10730      if (l += i[o], s[o] !== void 0) {
10731        const d = n[o];
10732        d === em ? l += _a(s[o]) : d === tm ? l += ye.transform(s[o]) : l += s[o];
10733      }
10734    return l;
10735  };
10736}
10737const Dw = (t) => typeof t == "number" ? 0 : ye.test(t) ? ye.getAnimatableNone(t) : t;
10738function kw(t) {
10739  const i = am(t);
10740  return im(t)(i.map(Dw));
10741}
10742const Et = {
10743  test: Iw,
10744  parse: am,
10745  createTransformer: im,
10746  getAnimatableNone: kw
10747};
10748function Xn(t, i, n) {
10749  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (i - t) * 6 * n : n < 1 / 2 ? i : n < 2 / 3 ? t + (i - t) * (2 / 3 - n) * 6 : t;
10750}
10751function Tw({ hue: t, saturation: i, lightness: n, alpha: r }) {
10752  t /= 360, i /= 100, n /= 100;
10753  let s = 0, l = 0, o = 0;
10754  if (!i)
10755    s = l = o = n;
10756  else {
10757    const d = n < 0.5 ? n * (1 + i) : n + i - n * i, c = 2 * n - d;
10758    s = Xn(c, d, t + 1 / 3), l = Xn(c, d, t), o = Xn(c, d, t - 1 / 3);
10759  }
10760  return {
10761    red: Math.round(s * 255),
10762    green: Math.round(l * 255),
10763    blue: Math.round(o * 255),
10764    alpha: r
10765  };
10766}
10767function nn(t, i) {
10768  return (n) => n > 0 ? i : t;
10769}
10770const he = (t, i, n) => t + (i - t) * n, Jn = (t, i, n) => {
10771  const r = t * t, s = n * (i * i - r) + r;
10772  return s < 0 ? 0 : Math.sqrt(s);
10773}, Pw = [Ar, zt, sa], Lw = (t) => Pw.find((i) => i.test(t));
10774function to(t) {
10775  const i = Lw(t);
10776  if (!i)
10777    return !1;
10778  let n = i.parse(t);
10779  return i === sa && (n = Tw(n)), n;
10780}
10781const ao = (t, i) => {
10782  const n = to(t), r = to(i);
10783  if (!n || !r)
10784    return nn(t, i);
10785  const s = { ...n };
10786  return (l) => (s.red = Jn(n.red, r.red, l), s.green = Jn(n.green, r.green, l), s.blue = Jn(n.blue, r.blue, l), s.alpha = he(n.alpha, r.alpha, l), zt.transform(s));
10787}, Ir = /* @__PURE__ */ new Set(["none", "hidden"]);
10788function Hw(t, i) {
10789  return Ir.has(t) ? (n) => n <= 0 ? t : i : (n) => n >= 1 ? i : t;
10790}
10791function Ow(t, i) {
10792  return (n) => he(t, i, n);
10793}
10794function ks(t) {
10795  return typeof t == "number" ? Ow : typeof t == "string" ? Cs(t) ? nn : ye.test(t) ? ao : jw : Array.isArray(t) ? nm : typeof t == "object" ? ye.test(t) ? ao : Vw : nn;
10796}
10797function nm(t, i) {
10798  const n = [...t], r = n.length, s = t.map((l, o) => ks(l)(l, i[o]));
10799  return (l) => {
10800    for (let o = 0; o < r; o++)
10801      n[o] = s[o](l);
10802    return n;
10803  };
10804}
10805function Vw(t, i) {
10806  const n = { ...t, ...i }, r = {};
10807  for (const s in n)
10808    t[s] !== void 0 && i[s] !== void 0 && (r[s] = ks(t[s])(t[s], i[s]));
10809  return (s) => {
10810    for (const l in r)
10811      n[l] = r[l](s);
10812    return n;
10813  };
10814}
10815function Ew(t, i) {
10816  const n = [], r = { color: 0, var: 0, number: 0 };
10817  for (let s = 0; s < i.values.length; s++) {
10818    const l = i.types[s], o = t.indexes[l][r[l]], d = t.values[o] ?? 0;
10819    n[s] = d, r[l]++;
10820  }
10821  return n;
10822}
10823const jw = (t, i) => {
10824  const n = Et.createTransformer(i), r = ti(t), s = ti(i);
10825  return r.indexes.var.length === s.indexes.var.length && r.indexes.color.length === s.indexes.color.length && r.indexes.number.length >= s.indexes.number.length ? Ir.has(t) && !s.values.length || Ir.has(i) && !r.values.length ? Hw(t, i) : bi(nm(Ew(r, s), s.values), n) : nn(t, i);
10826};
10827function rm(t, i, n) {
10828  return typeof t == "number" && typeof i == "number" && typeof n == "number" ? he(t, i, n) : ks(t)(t, i);
10829}
10830const Rw = (t) => {
10831  const i = ({ timestamp: n }) => t(n);
10832  return {
10833    start: (n = !0) => se.update(i, n),
10834    stop: () => st(i),
10835    /**
10836     * If we're processing this frame we can use the
10837     * framelocked timestamp to keep things in sync.
10838     */
10839    now: () => Ie.isProcessing ? Ie.timestamp : Ee.now()
10840  };
10841}, sm = (t, i, n = 10) => {
10842  let r = "";
vendor: 4,564 bytes, lines 10843-11006
10843  const s = Math.max(Math.round(i / n), 2);
10844  for (let l = 0; l < s; l++)
10845    r += Math.round(t(l / (s - 1)) * 1e4) / 1e4 + ", ";
10846  return `linear(${r.substring(0, r.length - 2)})`;
10847}, rn = 2e4;
10848function Ts(t) {
10849  let i = 0;
10850  const n = 50;
10851  let r = t.next(i);
10852  for (; !r.done && i < rn; )
10853    i += n, r = t.next(i);
10854  return i >= rn ? 1 / 0 : i;
10855}
10856function Fw(t, i = 100, n) {
10857  const r = n({ ...t, keyframes: [0, i] }), s = Math.min(Ts(r), rn);
10858  return {
10859    type: "keyframes",
10860    ease: (l) => r.next(s * l).value / i,
10861    duration: /* @__PURE__ */ Je(s)
10862  };
10863}
10864const _w = 5;
10865function lm(t, i, n) {
10866  const r = Math.max(i - _w, 0);
10867  return Ns(n - t(r), i - r);
10868}
10869const ge = {
10870  // Default spring physics
10871  stiffness: 100,
10872  damping: 10,
10873  mass: 1,
10874  velocity: 0,
10875  // Default duration/bounce-based options
10876  duration: 800,
10877  // in ms
10878  bounce: 0.3,
10879  visualDuration: 0.3,
10880  // in seconds
10881  // Rest thresholds
10882  restSpeed: {
10883    granular: 0.01,
10884    default: 2
10885  },
10886  restDelta: {
10887    granular: 5e-3,
10888    default: 0.5
10889  },
10890  // Limits
10891  minDuration: 0.01,
10892  // in seconds
10893  maxDuration: 10,
10894  // in seconds
10895  minDamping: 0.05,
10896  maxDamping: 1
10897}, Zn = 1e-3;
10898function Ww({ duration: t = ge.duration, bounce: i = ge.bounce, velocity: n = ge.velocity, mass: r = ge.mass }) {
10899  let s, l, o = 1 - i;
10900  o = gt(ge.minDamping, ge.maxDamping, o), t = gt(ge.minDuration, ge.maxDuration, /* @__PURE__ */ Je(t)), o < 1 ? (s = (p) => {
10901    const h = p * o, x = h * t, b = h - n, g = Sr(p, o), w = Math.exp(-x);
10902    return Zn - b / g * w;
10903  }, l = (p) => {
10904    const x = p * o * t, b = x * n + n, g = Math.pow(o, 2) * Math.pow(p, 2) * t, w = Math.exp(-x), u = Sr(Math.pow(p, 2), o);
10905    return (-s(p) + Zn > 0 ? -1 : 1) * ((b - g) * w) / u;
10906  }) : (s = (p) => {
10907    const h = Math.exp(-p * t), x = (p - n) * t + 1;
10908    return -Zn + h * x;
10909  }, l = (p) => {
10910    const h = Math.exp(-p * t), x = (n - p) * (t * t);
10911    return h * x;
10912  });
10913  const d = 5 / t, c = Bw(s, l, d);
10914  if (t = /* @__PURE__ */ pt(t), isNaN(c))
10915    return {
10916      stiffness: ge.stiffness,
10917      damping: ge.damping,
10918      duration: t
10919    };
10920  {
10921    const p = Math.pow(c, 2) * r;
10922    return {
10923      stiffness: p,
10924      damping: o * 2 * Math.sqrt(r * p),
10925      duration: t
10926    };
10927  }
10928}
10929const zw = 12;
10930function Bw(t, i, n) {
10931  let r = n;
10932  for (let s = 1; s < zw; s++)
10933    r = r - t(r) / i(r);
10934  return r;
10935}
10936function Sr(t, i) {
10937  return t * Math.sqrt(1 - i * i);
10938}
10939const Gw = ["duration", "bounce"], Uw = ["stiffness", "damping", "mass"];
10940function io(t, i) {
10941  return i.some((n) => t[n] !== void 0);
10942}
10943function qw(t) {
10944  let i = {
10945    velocity: ge.velocity,
10946    stiffness: ge.stiffness,
10947    damping: ge.damping,
10948    mass: ge.mass,
10949    isResolvedFromDuration: !1,
10950    ...t
10951  };
10952  if (!io(t, Uw) && io(t, Gw))
10953    if (t.visualDuration) {
10954      const n = t.visualDuration, r = 2 * Math.PI / (n * 1.2), s = r * r, l = 2 * gt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
10955      i = {
10956        ...i,
10957        mass: ge.mass,
10958        stiffness: s,
10959        damping: l
10960      };
10961    } else {
10962      const n = Ww(t);
10963      i = {
10964        ...i,
10965        ...n,
10966        mass: ge.mass
10967      }, i.isResolvedFromDuration = !0;
10968    }
10969  return i;
10970}
10971function sn(t = ge.visualDuration, i = ge.bounce) {
10972  const n = typeof t != "object" ? {
10973    visualDuration: t,
10974    keyframes: [0, 1],
10975    bounce: i
10976  } : t;
10977  let { restSpeed: r, restDelta: s } = n;
10978  const l = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], d = { done: !1, value: l }, { stiffness: c, damping: p, mass: h, duration: x, velocity: b, isResolvedFromDuration: g } = qw({
10979    ...n,
10980    velocity: -/* @__PURE__ */ Je(n.velocity || 0)
10981  }), w = b || 0, u = p / (2 * Math.sqrt(c * h)), v = o - l, A = /* @__PURE__ */ Je(Math.sqrt(c / h)), N = Math.abs(v) < 5;
10982  r || (r = N ? ge.restSpeed.granular : ge.restSpeed.default), s || (s = N ? ge.restDelta.granular : ge.restDelta.default);
10983  let f;
10984  if (u < 1) {
10985    const I = Sr(A, u);
10986    f = (D) => {
10987      const P = Math.exp(-u * A * D);
10988      return o - P * ((w + u * A * v) / I * Math.sin(I * D) + v * Math.cos(I * D));
10989    };
10990  } else if (u === 1)
10991    f = (I) => o - Math.exp(-A * I) * (v + (w + A * v) * I);
10992  else {
10993    const I = A * Math.sqrt(u * u - 1);
10994    f = (D) => {
10995      const P = Math.exp(-u * A * D), k = Math.min(I * D, 300);
10996      return o - P * ((w + u * A * v) * Math.sinh(k) + I * v * Math.cosh(k)) / I;
10997    };
10998  }
10999  const y = {
11000    calculatedDuration: g && x || null,
11001    next: (I) => {
11002      const D = f(I);
11003      if (g)
11004        d.done = I >= x;
11005      else {
11006        let P = I === 0 ? w : 0;
vendor: 40,148 bytes, lines 11007-12290
11007        u < 1 && (P = I === 0 ? /* @__PURE__ */ pt(w) : lm(f, I, D));
11008        const k = Math.abs(P) <= r, H = Math.abs(o - D) <= s;
11009        d.done = k && H;
11010      }
11011      return d.value = d.done ? o : D, d;
11012    },
11013    toString: () => {
11014      const I = Math.min(Ts(y), rn), D = sm((P) => y.next(I * P).value, I, 30);
11015      return I + "ms " + D;
11016    },
11017    toTransition: () => {
11018    }
11019  };
11020  return y;
11021}
11022sn.applyToOptions = (t) => {
11023  const i = Fw(t, 100, sn);
11024  return t.ease = i.ease, t.duration = /* @__PURE__ */ pt(i.duration), t.type = "keyframes", t;
11025};
11026function Cr({ keyframes: t, velocity: i = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: s = 10, bounceStiffness: l = 500, modifyTarget: o, min: d, max: c, restDelta: p = 0.5, restSpeed: h }) {
11027  const x = t[0], b = {
11028    done: !1,
11029    value: x
11030  }, g = (k) => d !== void 0 && k < d || c !== void 0 && k > c, w = (k) => d === void 0 ? c : c === void 0 || Math.abs(d - k) < Math.abs(c - k) ? d : c;
11031  let u = n * i;
11032  const v = x + u, A = o === void 0 ? v : o(v);
11033  A !== v && (u = A - x);
11034  const N = (k) => -u * Math.exp(-k / r), f = (k) => A + N(k), y = (k) => {
11035    const H = N(k), T = f(k);
11036    b.done = Math.abs(H) <= p, b.value = b.done ? A : T;
11037  };
11038  let I, D;
11039  const P = (k) => {
11040    g(b.value) && (I = k, D = sn({
11041      keyframes: [b.value, w(b.value)],
11042      velocity: lm(f, k, b.value),
11043      // TODO: This should be passing * 1000
11044      damping: s,
11045      stiffness: l,
11046      restDelta: p,
11047      restSpeed: h
11048    }));
11049  };
11050  return P(0), {
11051    calculatedDuration: null,
11052    next: (k) => {
11053      let H = !1;
11054      return !D && I === void 0 && (H = !0, y(k), P(k)), I !== void 0 && k >= I ? D.next(k - I) : (!H && y(k), b);
11055    }
11056  };
11057}
11058function Yw(t, i, n) {
11059  const r = [], s = n || At.mix || rm, l = t.length - 1;
11060  for (let o = 0; o < l; o++) {
11061    let d = s(t[o], t[o + 1]);
11062    if (i) {
11063      const c = Array.isArray(i) ? i[o] || Fe : i;
11064      d = bi(c, d);
11065    }
11066    r.push(d);
11067  }
11068  return r;
11069}
11070function Ps(t, i, { clamp: n = !0, ease: r, mixer: s } = {}) {
11071  const l = t.length;
11072  if (Qa(l === i.length), l === 1)
11073    return () => i[0];
11074  if (l === 2 && i[0] === i[1])
11075    return () => i[1];
11076  const o = t[0] === t[1];
11077  t[0] > t[l - 1] && (t = [...t].reverse(), i = [...i].reverse());
11078  const d = Yw(i, r, s), c = d.length, p = (h) => {
11079    if (o && h < t[0])
11080      return i[0];
11081    let x = 0;
11082    if (c > 1)
11083      for (; x < t.length - 2 && !(h < t[x + 1]); x++)
11084        ;
11085    const b = /* @__PURE__ */ ba(t[x], t[x + 1], h);
11086    return d[x](b);
11087  };
11088  return n ? (h) => p(gt(t[0], t[l - 1], h)) : p;
11089}
11090function Xw(t, i) {
11091  const n = t[t.length - 1];
11092  for (let r = 1; r <= i; r++) {
11093    const s = /* @__PURE__ */ ba(0, i, r);
11094    t.push(he(n, 1, s));
11095  }
11096}
11097function om(t) {
11098  const i = [0];
11099  return Xw(i, t.length - 1), i;
11100}
11101function Jw(t, i) {
11102  return t.map((n) => n * i);
11103}
11104function Zw(t, i) {
11105  return t.map(() => i || J0).splice(0, t.length - 1);
11106}
11107function Wa({ duration: t = 300, keyframes: i, times: n, ease: r = "easeInOut" }) {
11108  const s = cw(r) ? r.map(Kl) : Kl(r), l = {
11109    done: !1,
11110    value: i[0]
11111  }, o = Jw(
11112    // Only use the provided offsets if they're the correct length
11113    // TODO Maybe we should warn here if there's a length mismatch
11114    n && n.length === i.length ? n : om(i),
11115    t
11116  ), d = Ps(o, i, {
11117    ease: Array.isArray(s) ? s : Zw(i, s)
11118  });
11119  return {
11120    calculatedDuration: t,
11121    next: (c) => (l.value = d(c), l.done = c >= t, l)
11122  };
11123}
11124const $w = (t) => t !== null;
11125function Ls(t, { repeat: i, repeatType: n = "loop" }, r, s = 1) {
11126  const l = t.filter($w), d = s < 0 || i && n !== "loop" && i % 2 === 1 ? 0 : l.length - 1;
11127  return !d || r === void 0 ? l[d] : r;
11128}
11129const Kw = {
11130  decay: Cr,
11131  inertia: Cr,
11132  tween: Wa,
11133  keyframes: Wa,
11134  spring: sn
11135};
11136function cm(t) {
11137  typeof t.type == "string" && (t.type = Kw[t.type]);
11138}
11139class Hs {
11140  constructor() {
11141    this.updateFinished();
11142  }
11143  get finished() {
11144    return this._finished;
11145  }
11146  updateFinished() {
11147    this._finished = new Promise((i) => {
11148      this.resolve = i;
11149    });
11150  }
11151  notifyFinished() {
11152    this.resolve();
11153  }
11154  /**
11155   * Allows the animation to be awaited.
11156   *
11157   * @deprecated Use `finished` instead.
11158   */
11159  then(i, n) {
11160    return this.finished.then(i, n);
11161  }
11162}
11163const Qw = (t) => t / 100;
11164class Os extends Hs {
11165  constructor(i) {
11166    super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
11167      const { motionValue: n } = this.options;
11168      n && n.updatedAt !== Ee.now() && this.tick(Ee.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
11169    }, this.options = i, this.initAnimation(), this.play(), i.autoplay === !1 && this.pause();
11170  }
11171  initAnimation() {
11172    const { options: i } = this;
11173    cm(i);
11174    const { type: n = Wa, repeat: r = 0, repeatDelay: s = 0, repeatType: l, velocity: o = 0 } = i;
11175    let { keyframes: d } = i;
11176    const c = n || Wa;
11177    c !== Wa && typeof d[0] != "number" && (this.mixKeyframes = bi(Qw, rm(d[0], d[1])), d = [0, 100]);
11178    const p = c({ ...i, keyframes: d });
11179    l === "mirror" && (this.mirroredGenerator = c({
11180      ...i,
11181      keyframes: [...d].reverse(),
11182      velocity: -o
11183    })), p.calculatedDuration === null && (p.calculatedDuration = Ts(p));
11184    const { calculatedDuration: h } = p;
11185    this.calculatedDuration = h, this.resolvedDuration = h + s, this.totalDuration = this.resolvedDuration * (r + 1) - s, this.generator = p;
11186  }
11187  updateTime(i) {
11188    const n = Math.round(i - this.startTime) * this.playbackSpeed;
11189    this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = n;
11190  }
11191  tick(i, n = !1) {
11192    const { generator: r, totalDuration: s, mixKeyframes: l, mirroredGenerator: o, resolvedDuration: d, calculatedDuration: c } = this;
11193    if (this.startTime === null)
11194      return r.next(0);
11195    const { delay: p = 0, keyframes: h, repeat: x, repeatType: b, repeatDelay: g, type: w, onUpdate: u, finalKeyframe: v } = this.options;
11196    this.speed > 0 ? this.startTime = Math.min(this.startTime, i) : this.speed < 0 && (this.startTime = Math.min(i - s / this.speed, this.startTime)), n ? this.currentTime = i : this.updateTime(i);
11197    const A = this.currentTime - p * (this.playbackSpeed >= 0 ? 1 : -1), N = this.playbackSpeed >= 0 ? A < 0 : A > s;
11198    this.currentTime = Math.max(A, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
11199    let f = this.currentTime, y = r;
11200    if (x) {
11201      const k = Math.min(this.currentTime, s) / d;
11202      let H = Math.floor(k), T = k % 1;
11203      !T && k >= 1 && (T = 1), T === 1 && H--, H = Math.min(H, x + 1), !!(H % 2) && (b === "reverse" ? (T = 1 - T, g && (T -= g / d)) : b === "mirror" && (y = o)), f = gt(0, 1, T) * d;
11204    }
11205    const I = N ? { done: !1, value: h[0] } : y.next(f);
11206    l && (I.value = l(I.value));
11207    let { done: D } = I;
11208    !N && c !== null && (D = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
11209    const P = this.holdTime === null && (this.state === "finished" || this.state === "running" && D);
11210    return P && w !== Cr && (I.value = Ls(h, this.options, v, this.speed)), u && u(I.value), P && this.finish(), I;
11211  }
11212  /**
11213   * Allows the returned animation to be awaited or promise-chained. Currently
11214   * resolves when the animation finishes at all but in a future update could/should
11215   * reject if its cancels.
11216   */
11217  then(i, n) {
11218    return this.finished.then(i, n);
11219  }
11220  get duration() {
11221    return /* @__PURE__ */ Je(this.calculatedDuration);
11222  }
11223  get iterationDuration() {
11224    const { delay: i = 0 } = this.options || {};
11225    return this.duration + /* @__PURE__ */ Je(i);
11226  }
11227  get time() {
11228    return /* @__PURE__ */ Je(this.currentTime);
11229  }
11230  set time(i) {
11231    i = /* @__PURE__ */ pt(i), this.currentTime = i, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = i : this.driver && (this.startTime = this.driver.now() - i / this.playbackSpeed), this.driver?.start(!1);
11232  }
11233  get speed() {
11234    return this.playbackSpeed;
11235  }
11236  set speed(i) {
11237    this.updateTime(Ee.now());
11238    const n = this.playbackSpeed !== i;
11239    this.playbackSpeed = i, n && (this.time = /* @__PURE__ */ Je(this.currentTime));
11240  }
11241  play() {
11242    if (this.isStopped)
11243      return;
11244    const { driver: i = Rw, startTime: n } = this.options;
11245    this.driver || (this.driver = i((s) => this.tick(s))), this.options.onPlay?.();
11246    const r = this.driver.now();
11247    this.state === "finished" ? (this.updateFinished(), this.startTime = r) : this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime || (this.startTime = n ?? r), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
11248  }
11249  pause() {
11250    this.state = "paused", this.updateTime(Ee.now()), this.holdTime = this.currentTime;
11251  }
11252  complete() {
11253    this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
11254  }
11255  finish() {
11256    this.notifyFinished(), this.teardown(), this.state = "finished", this.options.onComplete?.();
11257  }
11258  cancel() {
11259    this.holdTime = null, this.startTime = 0, this.tick(0), this.teardown(), this.options.onCancel?.();
11260  }
11261  teardown() {
11262    this.state = "idle", this.stopDriver(), this.startTime = this.holdTime = null;
11263  }
11264  stopDriver() {
11265    this.driver && (this.driver.stop(), this.driver = void 0);
11266  }
11267  sample(i) {
11268    return this.startTime = 0, this.tick(i, !0);
11269  }
11270  attachTimeline(i) {
11271    return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), i.observe(this);
11272  }
11273}
11274function e2(t) {
11275  for (let i = 1; i < t.length; i++)
11276    t[i] ?? (t[i] = t[i - 1]);
11277}
11278const Bt = (t) => t * 180 / Math.PI, Mr = (t) => {
11279  const i = Bt(Math.atan2(t[1], t[0]));
11280  return Dr(i);
11281}, t2 = {
11282  x: 4,
11283  y: 5,
11284  translateX: 4,
11285  translateY: 5,
11286  scaleX: 0,
11287  scaleY: 3,
11288  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
11289  rotate: Mr,
11290  rotateZ: Mr,
11291  skewX: (t) => Bt(Math.atan(t[1])),
11292  skewY: (t) => Bt(Math.atan(t[2])),
11293  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
11294}, Dr = (t) => (t = t % 360, t < 0 && (t += 360), t), no = Mr, ro = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), so = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), a2 = {
11295  x: 12,
11296  y: 13,
11297  z: 14,
11298  translateX: 12,
11299  translateY: 13,
11300  translateZ: 14,
11301  scaleX: ro,
11302  scaleY: so,
11303  scale: (t) => (ro(t) + so(t)) / 2,
11304  rotateX: (t) => Dr(Bt(Math.atan2(t[6], t[5]))),
11305  rotateY: (t) => Dr(Bt(Math.atan2(-t[2], t[0]))),
11306  rotateZ: no,
11307  rotate: no,
11308  skewX: (t) => Bt(Math.atan(t[4])),
11309  skewY: (t) => Bt(Math.atan(t[1])),
11310  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
11311};
11312function kr(t) {
11313  return t.includes("scale") ? 1 : 0;
11314}
11315function Tr(t, i) {
11316  if (!t || t === "none")
11317    return kr(i);
11318  const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
11319  let r, s;
11320  if (n)
11321    r = a2, s = n;
11322  else {
11323    const d = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
11324    r = t2, s = d;
11325  }
11326  if (!s)
11327    return kr(i);
11328  const l = r[i], o = s[1].split(",").map(n2);
11329  return typeof l == "function" ? l(o) : o[l];
11330}
11331const i2 = (t, i) => {
11332  const { transform: n = "none" } = getComputedStyle(t);
11333  return Tr(n, i);
11334};
11335function n2(t) {
11336  return parseFloat(t.trim());
11337}
11338const Ca = [
11339  "transformPerspective",
11340  "x",
11341  "y",
11342  "z",
11343  "translateX",
11344  "translateY",
11345  "translateZ",
11346  "scale",
11347  "scaleX",
11348  "scaleY",
11349  "rotate",
11350  "rotateX",
11351  "rotateY",
11352  "rotateZ",
11353  "skew",
11354  "skewX",
11355  "skewY"
11356], Ma = new Set(Ca), lo = (t) => t === Sa || t === U, r2 = /* @__PURE__ */ new Set(["x", "y", "z"]), s2 = Ca.filter((t) => !r2.has(t));
11357function l2(t) {
11358  const i = [];
11359  return s2.forEach((n) => {
11360    const r = t.getValue(n);
11361    r !== void 0 && (i.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
11362  }), i;
11363}
11364const Gt = {
11365  // Dimensions
11366  width: ({ x: t }, { paddingLeft: i = "0", paddingRight: n = "0" }) => t.max - t.min - parseFloat(i) - parseFloat(n),
11367  height: ({ y: t }, { paddingTop: i = "0", paddingBottom: n = "0" }) => t.max - t.min - parseFloat(i) - parseFloat(n),
11368  top: (t, { top: i }) => parseFloat(i),
11369  left: (t, { left: i }) => parseFloat(i),
11370  bottom: ({ y: t }, { top: i }) => parseFloat(i) + (t.max - t.min),
11371  right: ({ x: t }, { left: i }) => parseFloat(i) + (t.max - t.min),
11372  // Transform
11373  x: (t, { transform: i }) => Tr(i, "x"),
11374  y: (t, { transform: i }) => Tr(i, "y")
11375};
11376Gt.translateX = Gt.x;
11377Gt.translateY = Gt.y;
11378const Ut = /* @__PURE__ */ new Set();
11379let Pr = !1, Lr = !1, Hr = !1;
11380function dm() {
11381  if (Lr) {
11382    const t = Array.from(Ut).filter((r) => r.needsMeasurement), i = new Set(t.map((r) => r.element)), n = /* @__PURE__ */ new Map();
11383    i.forEach((r) => {
11384      const s = l2(r);
11385      s.length && (n.set(r, s), r.render());
11386    }), t.forEach((r) => r.measureInitialState()), i.forEach((r) => {
11387      r.render();
11388      const s = n.get(r);
11389      s && s.forEach(([l, o]) => {
11390        r.getValue(l)?.set(o);
11391      });
11392    }), t.forEach((r) => r.measureEndState()), t.forEach((r) => {
11393      r.suspendedScrollY !== void 0 && window.scrollTo(0, r.suspendedScrollY);
11394    });
11395  }
11396  Lr = !1, Pr = !1, Ut.forEach((t) => t.complete(Hr)), Ut.clear();
11397}
11398function mm() {
11399  Ut.forEach((t) => {
11400    t.readKeyframes(), t.needsMeasurement && (Lr = !0);
11401  });
11402}
11403function o2() {
11404  Hr = !0, mm(), dm(), Hr = !1;
11405}
11406class Vs {
11407  constructor(i, n, r, s, l, o = !1) {
11408    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...i], this.onComplete = n, this.name = r, this.motionValue = s, this.element = l, this.isAsync = o;
11409  }
11410  scheduleResolve() {
11411    this.state = "scheduled", this.isAsync ? (Ut.add(this), Pr || (Pr = !0, se.read(mm), se.resolveKeyframes(dm))) : (this.readKeyframes(), this.complete());
11412  }
11413  readKeyframes() {
11414    const { unresolvedKeyframes: i, name: n, element: r, motionValue: s } = this;
11415    if (i[0] === null) {
11416      const l = s?.get(), o = i[i.length - 1];
11417      if (l !== void 0)
11418        i[0] = l;
11419      else if (r && n) {
11420        const d = r.readValue(n, o);
11421        d != null && (i[0] = d);
11422      }
11423      i[0] === void 0 && (i[0] = o), s && l === void 0 && s.set(i[0]);
11424    }
11425    e2(i);
11426  }
11427  setFinalKeyframe() {
11428  }
11429  measureInitialState() {
11430  }
11431  renderEndStyles() {
11432  }
11433  measureEndState() {
11434  }
11435  complete(i = !1) {
11436    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, i), Ut.delete(this);
11437  }
11438  cancel() {
11439    this.state === "scheduled" && (Ut.delete(this), this.state = "pending");
11440  }
11441  resume() {
11442    this.state === "pending" && this.scheduleResolve();
11443  }
11444}
11445const c2 = (t) => t.startsWith("--");
11446function d2(t, i, n) {
11447  c2(i) ? t.style.setProperty(i, n) : t.style[i] = n;
11448}
11449const pm = /* @__PURE__ */ ws(() => window.ScrollTimeline !== void 0), m2 = {};
11450function p2(t, i) {
11451  const n = /* @__PURE__ */ ws(t);
11452  return () => m2[i] ?? n();
11453}
11454const hm = /* @__PURE__ */ p2(() => {
11455  try {
11456    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
11457  } catch {
11458    return !1;
11459  }
11460  return !0;
11461}, "linearEasing"), Ra = ([t, i, n, r]) => `cubic-bezier(${t}, ${i}, ${n}, ${r})`, oo = {
11462  linear: "linear",
11463  ease: "ease",
11464  easeIn: "ease-in",
11465  easeOut: "ease-out",
11466  easeInOut: "ease-in-out",
11467  circIn: /* @__PURE__ */ Ra([0, 0.65, 0.55, 1]),
11468  circOut: /* @__PURE__ */ Ra([0.55, 0, 1, 0.45]),
11469  backIn: /* @__PURE__ */ Ra([0.31, 0.01, 0.66, -0.59]),
11470  backOut: /* @__PURE__ */ Ra([0.33, 1.53, 0.69, 0.99])
11471};
11472function um(t, i) {
11473  if (t)
11474    return typeof t == "function" ? hm() ? sm(t, i) : "ease-out" : Z0(t) ? Ra(t) : Array.isArray(t) ? t.map((n) => um(n, i) || oo.easeOut) : oo[t];
11475}
11476function h2(t, i, n, { delay: r = 0, duration: s = 300, repeat: l = 0, repeatType: o = "loop", ease: d = "easeOut", times: c } = {}, p = void 0) {
11477  const h = {
11478    [i]: n
11479  };
11480  c && (h.offset = c);
11481  const x = um(d, s);
11482  Array.isArray(x) && (h.easing = x);
11483  const b = {
11484    delay: r,
11485    duration: s,
11486    easing: Array.isArray(x) ? "linear" : x,
11487    fill: "both",
11488    iterations: l + 1,
11489    direction: o === "reverse" ? "alternate" : "normal"
11490  };
11491  return p && (b.pseudoElement = p), t.animate(h, b);
11492}
11493function xm(t) {
11494  return typeof t == "function" && "applyToOptions" in t;
11495}
11496function u2({ type: t, ...i }) {
11497  return xm(t) && hm() ? t.applyToOptions(i) : (i.duration ?? (i.duration = 300), i.ease ?? (i.ease = "easeOut"), i);
11498}
11499class x2 extends Hs {
11500  constructor(i) {
11501    if (super(), this.finishedTime = null, this.isStopped = !1, !i)
11502      return;
11503    const { element: n, name: r, keyframes: s, pseudoElement: l, allowFlatten: o = !1, finalKeyframe: d, onComplete: c } = i;
11504    this.isPseudoElement = !!l, this.allowFlatten = o, this.options = i, Qa(typeof i.type != "string");
11505    const p = u2(i);
11506    this.animation = h2(n, r, s, p, l), p.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
11507      if (this.finishedTime = this.time, !l) {
11508        const h = Ls(s, this.options, d, this.speed);
11509        this.updateMotionValue ? this.updateMotionValue(h) : d2(n, r, h), this.animation.cancel();
11510      }
11511      c?.(), this.notifyFinished();
11512    };
11513  }
11514  play() {
11515    this.isStopped || (this.animation.play(), this.state === "finished" && this.updateFinished());
11516  }
11517  pause() {
11518    this.animation.pause();
11519  }
11520  complete() {
11521    this.animation.finish?.();
11522  }
11523  cancel() {
11524    try {
11525      this.animation.cancel();
11526    } catch {
11527    }
11528  }
11529  stop() {
11530    if (this.isStopped)
11531      return;
11532    this.isStopped = !0;
11533    const { state: i } = this;
11534    i === "idle" || i === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), this.isPseudoElement || this.cancel());
11535  }
11536  /**
11537   * WAAPI doesn't natively have any interruption capabilities.
11538   *
11539   * In this method, we commit styles back to the DOM before cancelling
11540   * the animation.
11541   *
11542   * This is designed to be overridden by NativeAnimationExtended, which
11543   * will create a renderless JS animation and sample it twice to calculate
11544   * its current value, "previous" value, and therefore allow
11545   * Motion to also correctly calculate velocity for any subsequent animation
11546   * while deferring the commit until the next animation frame.
11547   */
11548  commitStyles() {
11549    this.isPseudoElement || this.animation.commitStyles?.();
11550  }
11551  get duration() {
11552    const i = this.animation.effect?.getComputedTiming?.().duration || 0;
11553    return /* @__PURE__ */ Je(Number(i));
11554  }
11555  get iterationDuration() {
11556    const { delay: i = 0 } = this.options || {};
11557    return this.duration + /* @__PURE__ */ Je(i);
11558  }
11559  get time() {
11560    return /* @__PURE__ */ Je(Number(this.animation.currentTime) || 0);
11561  }
11562  set time(i) {
11563    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ pt(i);
11564  }
11565  /**
11566   * The playback speed of the animation.
11567   * 1 = normal speed, 2 = double speed, 0.5 = half speed.
11568   */
11569  get speed() {
11570    return this.animation.playbackRate;
11571  }
11572  set speed(i) {
11573    i < 0 && (this.finishedTime = null), this.animation.playbackRate = i;
11574  }
11575  get state() {
11576    return this.finishedTime !== null ? "finished" : this.animation.playState;
11577  }
11578  get startTime() {
11579    return Number(this.animation.startTime);
11580  }
11581  set startTime(i) {
11582    this.animation.startTime = i;
11583  }
11584  /**
11585   * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
11586   */
11587  attachTimeline({ timeline: i, observe: n }) {
11588    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, i && pm() ? (this.animation.timeline = i, Fe) : n(this);
11589  }
11590}
11591const gm = {
11592  anticipate: q0,
11593  backInOut: U0,
11594  circInOut: X0
11595};
11596function g2(t) {
11597  return t in gm;
11598}
11599function f2(t) {
11600  typeof t.ease == "string" && g2(t.ease) && (t.ease = gm[t.ease]);
11601}
11602const co = 10;
11603class b2 extends x2 {
11604  constructor(i) {
11605    f2(i), cm(i), super(i), i.startTime && (this.startTime = i.startTime), this.options = i;
11606  }
11607  /**
11608   * WAAPI doesn't natively have any interruption capabilities.
11609   *
11610   * Rather than read commited styles back out of the DOM, we can
11611   * create a renderless JS animation and sample it twice to calculate
11612   * its current value, "previous" value, and therefore allow
11613   * Motion to calculate velocity for any subsequent animation.
11614   */
11615  updateMotionValue(i) {
11616    const { motionValue: n, onUpdate: r, onComplete: s, element: l, ...o } = this.options;
11617    if (!n)
11618      return;
11619    if (i !== void 0) {
11620      n.set(i);
11621      return;
11622    }
11623    const d = new Os({
11624      ...o,
11625      autoplay: !1
11626    }), c = /* @__PURE__ */ pt(this.finishedTime ?? this.time);
11627    n.setWithVelocity(d.sample(c - co).value, d.sample(c).value, co), d.stop();
11628  }
11629}
11630const mo = (t, i) => i === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
11631(Et.test(t) || t === "0") && // And it contains numbers and/or colors
11632!t.startsWith("url("));
11633function y2(t) {
11634  const i = t[0];
11635  if (t.length === 1)
11636    return !0;
11637  for (let n = 0; n < t.length; n++)
11638    if (t[n] !== i)
11639      return !0;
11640}
11641function w2(t, i, n, r) {
11642  const s = t[0];
11643  if (s === null)
11644    return !1;
11645  if (i === "display" || i === "visibility")
11646    return !0;
11647  const l = t[t.length - 1], o = mo(s, i), d = mo(l, i);
11648  return !o || !d ? !1 : y2(t) || (n === "spring" || xm(n)) && r;
11649}
11650function Or(t) {
11651  t.duration = 0, t.type = "keyframes";
11652}
11653const v2 = /* @__PURE__ */ new Set([
11654  "opacity",
11655  "clipPath",
11656  "filter",
11657  "transform"
11658  // TODO: Could be re-enabled now we have support for linear() easing
11659  // "background-color"
11660]), N2 = /* @__PURE__ */ ws(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
11661function A2(t) {
11662  const { motionValue: i, name: n, repeatDelay: r, repeatType: s, damping: l, type: o } = t;
11663  if (!(i?.owner?.current instanceof HTMLElement))
11664    return !1;
11665  const { onUpdate: c, transformTemplate: p } = i.owner.getProps();
11666  return N2() && n && v2.has(n) && (n !== "transform" || !p) && /**
11667   * If we're outputting values to onUpdate then we can't use WAAPI as there's
11668   * no way to read the value from WAAPI every frame.
11669   */
11670  !c && !r && s !== "mirror" && l !== 0 && o !== "inertia";
11671}
11672const I2 = 40;
11673class S2 extends Hs {
11674  constructor({ autoplay: i = !0, delay: n = 0, type: r = "keyframes", repeat: s = 0, repeatDelay: l = 0, repeatType: o = "loop", keyframes: d, name: c, motionValue: p, element: h, ...x }) {
11675    super(), this.stop = () => {
11676      this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
11677    }, this.createdAt = Ee.now();
11678    const b = {
11679      autoplay: i,
11680      delay: n,
11681      type: r,
11682      repeat: s,
11683      repeatDelay: l,
11684      repeatType: o,
11685      name: c,
11686      motionValue: p,
11687      element: h,
11688      ...x
11689    }, g = h?.KeyframeResolver || Vs;
11690    this.keyframeResolver = new g(d, (w, u, v) => this.onKeyframesResolved(w, u, b, !v), c, p, h), this.keyframeResolver?.scheduleResolve();
11691  }
11692  onKeyframesResolved(i, n, r, s) {
11693    this.keyframeResolver = void 0;
11694    const { name: l, type: o, velocity: d, delay: c, isHandoff: p, onUpdate: h } = r;
11695    this.resolvedAt = Ee.now(), w2(i, l, o, d) || ((At.instantAnimations || !c) && h?.(Ls(i, r, n)), i[0] = i[i.length - 1], Or(r), r.repeat = 0);
11696    const b = {
11697      startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > I2 ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
11698      finalKeyframe: n,
11699      ...r,
11700      keyframes: i
11701    }, g = !p && A2(b) ? new b2({
11702      ...b,
11703      element: b.motionValue.owner.current
11704    }) : new Os(b);
11705    g.finished.then(() => this.notifyFinished()).catch(Fe), this.pendingTimeline && (this.stopTimeline = g.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = g;
11706  }
11707  get finished() {
11708    return this._animation ? this.animation.finished : this._finished;
11709  }
11710  then(i, n) {
11711    return this.finished.finally(i).then(() => {
11712    });
11713  }
11714  get animation() {
11715    return this._animation || (this.keyframeResolver?.resume(), o2()), this._animation;
11716  }
11717  get duration() {
11718    return this.animation.duration;
11719  }
11720  get iterationDuration() {
11721    return this.animation.iterationDuration;
11722  }
11723  get time() {
11724    return this.animation.time;
11725  }
11726  set time(i) {
11727    this.animation.time = i;
11728  }
11729  get speed() {
11730    return this.animation.speed;
11731  }
11732  get state() {
11733    return this.animation.state;
11734  }
11735  set speed(i) {
11736    this.animation.speed = i;
11737  }
11738  get startTime() {
11739    return this.animation.startTime;
11740  }
11741  attachTimeline(i) {
11742    return this._animation ? this.stopTimeline = this.animation.attachTimeline(i) : this.pendingTimeline = i, () => this.stop();
11743  }
11744  play() {
11745    this.animation.play();
11746  }
11747  pause() {
11748    this.animation.pause();
11749  }
11750  complete() {
11751    this.animation.complete();
11752  }
11753  cancel() {
11754    this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
11755  }
11756}
11757const C2 = (
11758  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
11759  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
11760);
11761function M2(t) {
11762  const i = C2.exec(t);
11763  if (!i)
11764    return [,];
11765  const [, n, r, s] = i;
11766  return [`--${n ?? r}`, s];
11767}
11768function fm(t, i, n = 1) {
11769  const [r, s] = M2(t);
11770  if (!r)
11771    return;
11772  const l = window.getComputedStyle(i).getPropertyValue(r);
11773  if (l) {
11774    const o = l.trim();
11775    return R0(o) ? parseFloat(o) : o;
11776  }
11777  return Cs(s) ? fm(s, i, n + 1) : s;
11778}
11779function Es(t, i) {
11780  return t?.[i] ?? t?.default ?? t;
11781}
11782const bm = /* @__PURE__ */ new Set([
11783  "width",
11784  "height",
11785  "top",
11786  "left",
11787  "right",
11788  "bottom",
11789  ...Ca
11790]), D2 = {
11791  test: (t) => t === "auto",
11792  parse: (t) => t
11793}, ym = (t) => (i) => i.test(t), wm = [Sa, U, ht, kt, Nw, vw, D2], po = (t) => wm.find(ym(t));
11794function k2(t) {
11795  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || _0(t) : !0;
11796}
11797const T2 = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
11798function P2(t) {
11799  const [i, n] = t.slice(0, -1).split("(");
11800  if (i === "drop-shadow")
11801    return t;
11802  const [r] = n.match(Ms) || [];
11803  if (!r)
11804    return t;
11805  const s = n.replace(r, "");
11806  let l = T2.has(i) ? 1 : 0;
11807  return r !== n && (l *= 100), i + "(" + l + s + ")";
11808}
11809const L2 = /\b([a-z-]*)\(.*?\)/gu, Vr = {
11810  ...Et,
11811  getAnimatableNone: (t) => {
11812    const i = t.match(L2);
11813    return i ? i.map(P2).join(" ") : t;
11814  }
11815}, ho = {
11816  ...Sa,
11817  transform: Math.round
11818}, H2 = {
11819  rotate: kt,
11820  rotateX: kt,
11821  rotateY: kt,
11822  rotateZ: kt,
11823  scale: Hi,
11824  scaleX: Hi,
11825  scaleY: Hi,
11826  scaleZ: Hi,
11827  skew: kt,
11828  skewX: kt,
11829  skewY: kt,
11830  distance: U,
11831  translateX: U,
11832  translateY: U,
11833  translateZ: U,
11834  x: U,
11835  y: U,
11836  z: U,
11837  perspective: U,
11838  transformPerspective: U,
11839  opacity: ei,
11840  originX: Ql,
11841  originY: Ql,
11842  originZ: U
11843}, js = {
11844  // Border props
11845  borderWidth: U,
11846  borderTopWidth: U,
11847  borderRightWidth: U,
11848  borderBottomWidth: U,
11849  borderLeftWidth: U,
11850  borderRadius: U,
11851  radius: U,
11852  borderTopLeftRadius: U,
11853  borderTopRightRadius: U,
11854  borderBottomRightRadius: U,
11855  borderBottomLeftRadius: U,
11856  // Positioning props
11857  width: U,
11858  maxWidth: U,
11859  height: U,
11860  maxHeight: U,
11861  top: U,
11862  right: U,
11863  bottom: U,
11864  left: U,
11865  // Spacing props
11866  padding: U,
11867  paddingTop: U,
11868  paddingRight: U,
11869  paddingBottom: U,
11870  paddingLeft: U,
11871  margin: U,
11872  marginTop: U,
11873  marginRight: U,
11874  marginBottom: U,
11875  marginLeft: U,
11876  // Misc
11877  backgroundPositionX: U,
11878  backgroundPositionY: U,
11879  ...H2,
11880  zIndex: ho,
11881  // SVG
11882  fillOpacity: ei,
11883  strokeOpacity: ei,
11884  numOctaves: ho
11885}, O2 = {
11886  ...js,
11887  // Color props
11888  color: ye,
11889  backgroundColor: ye,
11890  outlineColor: ye,
11891  fill: ye,
11892  stroke: ye,
11893  // Border props
11894  borderColor: ye,
11895  borderTopColor: ye,
11896  borderRightColor: ye,
11897  borderBottomColor: ye,
11898  borderLeftColor: ye,
11899  filter: Vr,
11900  WebkitFilter: Vr
11901}, vm = (t) => O2[t];
11902function Nm(t, i) {
11903  let n = vm(t);
11904  return n !== Vr && (n = Et), n.getAnimatableNone ? n.getAnimatableNone(i) : void 0;
11905}
11906const V2 = /* @__PURE__ */ new Set(["auto", "none", "0"]);
11907function E2(t, i, n) {
11908  let r = 0, s;
11909  for (; r < t.length && !s; ) {
11910    const l = t[r];
11911    typeof l == "string" && !V2.has(l) && ti(l).values.length && (s = t[r]), r++;
11912  }
11913  if (s && n)
11914    for (const l of i)
11915      t[l] = Nm(n, s);
11916}
11917class j2 extends Vs {
11918  constructor(i, n, r, s, l) {
11919    super(i, n, r, s, l, !0);
11920  }
11921  readKeyframes() {
11922    const { unresolvedKeyframes: i, element: n, name: r } = this;
11923    if (!n || !n.current)
11924      return;
11925    super.readKeyframes();
11926    for (let c = 0; c < i.length; c++) {
11927      let p = i[c];
11928      if (typeof p == "string" && (p = p.trim(), Cs(p))) {
11929        const h = fm(p, n.current);
11930        h !== void 0 && (i[c] = h), c === i.length - 1 && (this.finalKeyframe = p);
11931      }
11932    }
11933    if (this.resolveNoneKeyframes(), !bm.has(r) || i.length !== 2)
11934      return;
11935    const [s, l] = i, o = po(s), d = po(l);
11936    if (o !== d)
11937      if (lo(o) && lo(d))
11938        for (let c = 0; c < i.length; c++) {
11939          const p = i[c];
11940          typeof p == "string" && (i[c] = parseFloat(p));
11941        }
11942      else Gt[r] && (this.needsMeasurement = !0);
11943  }
11944  resolveNoneKeyframes() {
11945    const { unresolvedKeyframes: i, name: n } = this, r = [];
11946    for (let s = 0; s < i.length; s++)
11947      (i[s] === null || k2(i[s])) && r.push(s);
11948    r.length && E2(i, r, n);
11949  }
11950  measureInitialState() {
11951    const { element: i, unresolvedKeyframes: n, name: r } = this;
11952    if (!i || !i.current)
11953      return;
11954    r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Gt[r](i.measureViewportBox(), window.getComputedStyle(i.current)), n[0] = this.measuredOrigin;
11955    const s = n[n.length - 1];
11956    s !== void 0 && i.getValue(r, s).jump(s, !1);
11957  }
11958  measureEndState() {
11959    const { element: i, name: n, unresolvedKeyframes: r } = this;
11960    if (!i || !i.current)
11961      return;
11962    const s = i.getValue(n);
11963    s && s.jump(this.measuredOrigin, !1);
11964    const l = r.length - 1, o = r[l];
11965    r[l] = Gt[n](i.measureViewportBox(), window.getComputedStyle(i.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), this.removedTransforms?.length && this.removedTransforms.forEach(([d, c]) => {
11966      i.getValue(d).set(c);
11967    }), this.resolveNoneKeyframes();
11968  }
11969}
11970function Am(t, i, n) {
11971  if (t instanceof EventTarget)
11972    return [t];
11973  if (typeof t == "string") {
11974    const s = document.querySelectorAll(t);
11975    return s ? Array.from(s) : [];
11976  }
11977  return Array.from(t);
11978}
11979const Im = (t, i) => i && typeof t == "number" ? i.transform(t) : t;
11980function Rs(t) {
11981  return F0(t) && "offsetHeight" in t;
11982}
11983const uo = 30, R2 = (t) => !isNaN(parseFloat(t)), za = {
11984  current: void 0
11985};
11986class F2 {
11987  /**
11988   * @param init - The initiating value
11989   * @param config - Optional configuration options
11990   *
11991   * -  `transformer`: A function to transform incoming values with.
11992   */
11993  constructor(i, n = {}) {
11994    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r) => {
11995      const s = Ee.now();
11996      if (this.updatedAt !== s && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(r), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
11997        for (const l of this.dependents)
11998          l.dirty();
11999    }, this.hasAnimated = !1, this.setCurrent(i), this.owner = n.owner;
12000  }
12001  setCurrent(i) {
12002    this.current = i, this.updatedAt = Ee.now(), this.canTrackVelocity === null && i !== void 0 && (this.canTrackVelocity = R2(this.current));
12003  }
12004  setPrevFrameValue(i = this.current) {
12005    this.prevFrameValue = i, this.prevUpdatedAt = this.updatedAt;
12006  }
12007  /**
12008   * Adds a function that will be notified when the `MotionValue` is updated.
12009   *
12010   * It returns a function that, when called, will cancel the subscription.
12011   *
12012   * When calling `onChange` inside a React component, it should be wrapped with the
12013   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
12014   * from the `useEffect` function to ensure you don't add duplicate subscribers..
12015   *
12016   * ```jsx
12017   * export const MyComponent = () => {
12018   *   const x = useMotionValue(0)
12019   *   const y = useMotionValue(0)
12020   *   const opacity = useMotionValue(1)
12021   *
12022   *   useEffect(() => {
12023   *     function updateOpacity() {
12024   *       const maxXY = Math.max(x.get(), y.get())
12025   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
12026   *       opacity.set(newOpacity)
12027   *     }
12028   *
12029   *     const unsubscribeX = x.on("change", updateOpacity)
12030   *     const unsubscribeY = y.on("change", updateOpacity)
12031   *
12032   *     return () => {
12033   *       unsubscribeX()
12034   *       unsubscribeY()
12035   *     }
12036   *   }, [])
12037   *
12038   *   return <motion.div style={{ x }} />
12039   * }
12040   * ```
12041   *
12042   * @param subscriber - A function that receives the latest value.
12043   * @returns A function that, when called, will cancel this subscription.
12044   *
12045   * @deprecated
12046   */
12047  onChange(i) {
12048    return this.on("change", i);
12049  }
12050  on(i, n) {
12051    this.events[i] || (this.events[i] = new vs());
12052    const r = this.events[i].add(n);
12053    return i === "change" ? () => {
12054      r(), se.read(() => {
12055        this.events.change.getSize() || this.stop();
12056      });
12057    } : r;
12058  }
12059  clearListeners() {
12060    for (const i in this.events)
12061      this.events[i].clear();
12062  }
12063  /**
12064   * Attaches a passive effect to the `MotionValue`.
12065   */
12066  attach(i, n) {
12067    this.passiveEffect = i, this.stopPassiveEffect = n;
12068  }
12069  /**
12070   * Sets the state of the `MotionValue`.
12071   *
12072   * @remarks
12073   *
12074   * ```jsx
12075   * const x = useMotionValue(0)
12076   * x.set(10)
12077   * ```
12078   *
12079   * @param latest - Latest value to set.
12080   * @param render - Whether to notify render subscribers. Defaults to `true`
12081   *
12082   * @public
12083   */
12084  set(i) {
12085    this.passiveEffect ? this.passiveEffect(i, this.updateAndNotify) : this.updateAndNotify(i);
12086  }
12087  setWithVelocity(i, n, r) {
12088    this.set(n), this.prev = void 0, this.prevFrameValue = i, this.prevUpdatedAt = this.updatedAt - r;
12089  }
12090  /**
12091   * Set the state of the `MotionValue`, stopping any active animations,
12092   * effects, and resets velocity to `0`.
12093   */
12094  jump(i, n = !0) {
12095    this.updateAndNotify(i), this.prev = i, this.prevUpdatedAt = this.prevFrameValue = void 0, n && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
12096  }
12097  dirty() {
12098    this.events.change?.notify(this.current);
12099  }
12100  addDependent(i) {
12101    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(i);
12102  }
12103  removeDependent(i) {
12104    this.dependents && this.dependents.delete(i);
12105  }
12106  /**
12107   * Returns the latest state of `MotionValue`
12108   *
12109   * @returns - The latest state of `MotionValue`
12110   *
12111   * @public
12112   */
12113  get() {
12114    return za.current && za.current.push(this), this.current;
12115  }
12116  /**
12117   * @public
12118   */
12119  getPrevious() {
12120    return this.prev;
12121  }
12122  /**
12123   * Returns the latest velocity of `MotionValue`
12124   *
12125   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
12126   *
12127   * @public
12128   */
12129  getVelocity() {
12130    const i = Ee.now();
12131    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || i - this.updatedAt > uo)
12132      return 0;
12133    const n = Math.min(this.updatedAt - this.prevUpdatedAt, uo);
12134    return Ns(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
12135  }
12136  /**
12137   * Registers a new animation to control this `MotionValue`. Only one
12138   * animation can drive a `MotionValue` at one time.
12139   *
12140   * ```jsx
12141   * value.start()
12142   * ```
12143   *
12144   * @param animation - A function that starts the provided animation
12145   */
12146  start(i) {
12147    return this.stop(), new Promise((n) => {
12148      this.hasAnimated = !0, this.animation = i(n), this.events.animationStart && this.events.animationStart.notify();
12149    }).then(() => {
12150      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
12151    });
12152  }
12153  /**
12154   * Stop the currently active animation.
12155   *
12156   * @public
12157   */
12158  stop() {
12159    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
12160  }
12161  /**
12162   * Returns `true` if this value is currently animating.
12163   *
12164   * @public
12165   */
12166  isAnimating() {
12167    return !!this.animation;
12168  }
12169  clearAnimation() {
12170    delete this.animation;
12171  }
12172  /**
12173   * Destroy and clean up subscribers to this `MotionValue`.
12174   *
12175   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
12176   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
12177   * created a `MotionValue` via the `motionValue` function.
12178   *
12179   * @public
12180   */
12181  destroy() {
12182    this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
12183  }
12184}
12185function tt(t, i) {
12186  return new F2(t, i);
12187}
12188const { schedule: Fs } = /* @__PURE__ */ $0(queueMicrotask, !1), Qe = {
12189  x: !1,
12190  y: !1
12191};
12192function Sm() {
12193  return Qe.x || Qe.y;
12194}
12195function _2(t) {
12196  return t === "x" || t === "y" ? Qe[t] ? null : (Qe[t] = !0, () => {
12197    Qe[t] = !1;
12198  }) : Qe.x || Qe.y ? null : (Qe.x = Qe.y = !0, () => {
12199    Qe.x = Qe.y = !1;
12200  });
12201}
12202function Cm(t, i) {
12203  const n = Am(t), r = new AbortController(), s = {
12204    passive: !0,
12205    ...i,
12206    signal: r.signal
12207  };
12208  return [n, s, () => r.abort()];
12209}
12210function xo(t) {
12211  return !(t.pointerType === "touch" || Sm());
12212}
12213function W2(t, i, n = {}) {
12214  const [r, s, l] = Cm(t, n), o = (d) => {
12215    if (!xo(d))
12216      return;
12217    const { target: c } = d, p = i(c, d);
12218    if (typeof p != "function" || !c)
12219      return;
12220    const h = (x) => {
12221      xo(x) && (p(x), c.removeEventListener("pointerleave", h));
12222    };
12223    c.addEventListener("pointerleave", h, s);
12224  };
12225  return r.forEach((d) => {
12226    d.addEventListener("pointerenter", o, s);
12227  }), l;
12228}
12229const Mm = (t, i) => i ? t === i ? !0 : Mm(t, i.parentElement) : !1, _s = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, z2 = /* @__PURE__ */ new Set([
12230  "BUTTON",
12231  "INPUT",
12232  "SELECT",
12233  "TEXTAREA",
12234  "A"
12235]);
12236function B2(t) {
12237  return z2.has(t.tagName) || t.tabIndex !== -1;
12238}
12239const zi = /* @__PURE__ */ new WeakSet();
12240function go(t) {
12241  return (i) => {
12242    i.key === "Enter" && t(i);
12243  };
12244}
12245function $n(t, i) {
12246  t.dispatchEvent(new PointerEvent("pointer" + i, { isPrimary: !0, bubbles: !0 }));
12247}
12248const G2 = (t, i) => {
12249  const n = t.currentTarget;
12250  if (!n)
12251    return;
12252  const r = go(() => {
12253    if (zi.has(n))
12254      return;
12255    $n(n, "down");
12256    const s = go(() => {
12257      $n(n, "up");
12258    }), l = () => $n(n, "cancel");
12259    n.addEventListener("keyup", s, i), n.addEventListener("blur", l, i);
12260  });
12261  n.addEventListener("keydown", r, i), n.addEventListener("blur", () => n.removeEventListener("keydown", r), i);
12262};
12263function fo(t) {
12264  return _s(t) && !Sm();
12265}
12266function U2(t, i, n = {}) {
12267  const [r, s, l] = Cm(t, n), o = (d) => {
12268    const c = d.currentTarget;
12269    if (!fo(d))
12270      return;
12271    zi.add(c);
12272    const p = i(c, d), h = (g, w) => {
12273      window.removeEventListener("pointerup", x), window.removeEventListener("pointercancel", b), zi.has(c) && zi.delete(c), fo(g) && typeof p == "function" && p(g, { success: w });
12274    }, x = (g) => {
12275      h(g, c === window || c === document || n.useGlobalTarget || Mm(c, g.target));
12276    }, b = (g) => {
12277      h(g, !1);
12278    };
12279    window.addEventListener("pointerup", x, s), window.addEventListener("pointercancel", b, s);
12280  };
12281  return r.forEach((d) => {
12282    (n.useGlobalTarget ? window : d).addEventListener("pointerdown", o, s), Rs(d) && (d.addEventListener("focus", (p) => G2(p, s)), !B2(d) && !d.hasAttribute("tabindex") && (d.tabIndex = 0));
12283  }), l;
12284}
12285function Ws(t) {
12286  return F0(t) && "ownerSVGElement" in t;
12287}
12288const Bi = /* @__PURE__ */ new WeakMap();
12289let Gi;
12290const Dm = (t, i, n) => (r, s) => s && s[0] ? s[0][t + "Size"] : Ws(r) && "getBBox" in r ? r.getBBox()[i] : r[n], q2 = /* @__PURE__ */ Dm("inl
12290ine", "width", "offsetWidth"), Y2 = /* @__PURE__ */ Dm("block", "height", "offsetHeight");
12291function X2({ target: t, borderBoxSize: i }) {
12292  Bi.get(t)?.forEach((n) => {
12293    n(t, {
12294      get width() {
12295        return q2(t, i);
12296      },
12297      get height() {
12298        return Y2(t, i);
12299      }
12300    });
12301  });
12302}
12303function J2(t) {
12304  t.forEach(X2);
12305}
12306function Z2() {
12307  typeof ResizeObserver > "u" || (Gi = new ResizeObserver(J2));
12308}
12309function $2(t, i) {
12310  Gi || Z2();
12311  const n = Am(t);
12312  return n.forEach((r) => {
12313    let s = Bi.get(r);
12314    s || (s = /* @__PURE__ */ new Set(), Bi.set(r, s)), s.add(i), Gi?.observe(r);
12315  }), () => {
12316    n.forEach((r) => {
12317      const s = Bi.get(r);
12318      s?.delete(i), s?.size || Gi?.unobserve(r);
12319    });
12320  };
12321}
12322const Ui = /* @__PURE__ */ new Set();
12323let la;
12324function K2() {
12325  la = () => {
12326    const t = {
12327      get width() {
12328        return window.innerWidth;
12329      },
12330      get height() {
12331        return window.innerHeight;
12332      }
12333    };
12334    Ui.forEach((i) => i(t));
12335  }, window.addEventListener("resize", la);
12336}
12337function Q2(t) {
12338  return Ui.add(t), la || K2(), () => {
12339    Ui.delete(t), !Ui.size && typeof la == "function" && (window.removeEventListener("resize", la), la = void 0);
12340  };
12341}
12342function ev(t, i) {
12343  return typeof t == "function" ? Q2(t) : $2(t, i);
12344}
12345function km(t, i) {
12346  let n;
12347  const r = () => {
12348    const { currentTime: s } = i, o = (s === null ? 0 : s.value) / 100;
12349    n !== o && t(o), n = o;
12350  };
12351  return se.preUpdate(r, !0), () => st(r);
12352}
12353function tv(t) {
12354  return Ws(t) && t.tagName === "svg";
12355}
12356function av(...t) {
12357  const i = !Array.isArray(t[0]), n = i ? 0 : -1, r = t[0 + n], s = t[1 + n], l = t[2 + n], o = t[3 + n], d = Ps(s, l, o);
12358  return i ? d(r) : d;
12359}
12360const ke = (t) => !!(t && t.getVelocity), iv = [...wm, ye, Et], nv = (t) => iv.find(ym(t)), In = $e({
12361  transformPagePoint: (t) => t,
12362  isStatic: !1,
12363  reducedMotion: "never"
12364});
12365function bo(t, i) {
12366  if (typeof t == "function")
12367    return t(i);
12368  t != null && (t.current = i);
12369}
12370function rv(...t) {
12371  return (i) => {
12372    let n = !1;
12373    const r = t.map((s) => {
12374      const l = bo(s, i);
12375      return !n && typeof l == "function" && (n = !0), l;
12376    });
12377    if (n)
12378      return () => {
12379        for (let s = 0; s < r.length; s++) {
12380          const l = r[s];
12381          typeof l == "function" ? l() : bo(t[s], null);
12382        }
12383      };
12384  };
12385}
12386function sv(...t) {
12387  return ie(rv(...t), t);
12388}
12389class lv extends Ur {
12390  getSnapshotBeforeUpdate(i) {
12391    const n = this.props.childRef.current;
12392    if (n && i.isPresent && !this.props.isPresent) {
12393      const r = n.offsetParent, s = Rs(r) && r.offsetWidth || 0, l = this.props.sizeRef.current;
12394      l.height = n.offsetHeight || 0, l.width = n.offsetWidth || 0, l.top = n.offsetTop, l.left = n.offsetLeft, l.right = s - l.width - l.left;
12395    }
12396    return null;
12397  }
12398  /**
12399   * Required with getSnapshotBeforeUpdate to stop React complaining.
12400   */
12401  componentDidUpdate() {
12402  }
12403  render() {
12404    return this.props.children;
12405  }
12406}
12407function ov({ children: t, isPresent: i, anchorX: n, root: r }) {
12408  const s = cn(), l = j(null), o = j({
12409    width: 0,
12410    height: 0,
12411    top: 0,
12412    left: 0,
12413    right: 0
12414  }), { nonce: d } = pe(In), c = sv(l, t?.ref);
12415  return qr(() => {
12416    const { width: p, height: h, top: x, left: b, right: g } = o.current;
12417    if (i || !l.current || !p || !h)
12418      return;
12419    const w = n === "left" ? `left: ${b}` : `right: ${g}`;
12420    l.current.dataset.motionPopId = s;
12421    const u = document.createElement("style");
12422    d && (u.nonce = d);
12423    const v = r ?? document.head;
12424    return v.appendChild(u), u.sheet && u.sheet.insertRule(`
12425          [data-motion-pop-id="${s}"] {
12426            position: absolute !important;
12427            width: ${p}px !important;
12428            height: ${h}px !important;
12429            ${w}px !important;
12430            top: ${x}px !important;
12431          }
12432        `), () => {
12433      v.contains(u) && v.removeChild(u);
12434    };
12435  }, [i]), e(lv, { isPresent: i, childRef: l, sizeRef: o, children: Zt(t, { ref: c }) });
12436}
12437const cv = ({ children: t, initial: i, isPresent: n, onExitComplete: r, custom: s, presenceAffectsLayout: l, mode: o, anchorX: d, root: c }) => {
12438  const p = Ia(dv), h = cn();
12439  let x = !0, b = ve(() => (x = !1, {
12440    id: h,
12441    initial: i,
12442    isPresent: n,
12443    custom: s,
12444    onExitComplete: (g) => {
12445      p.set(g, !0);
12446      for (const w of p.values())
12447        if (!w)
12448          return;
12449      r && r();
12450    },
12451    register: (g) => (p.set(g, !1), () => p.delete(g))
12452  }), [n, p, r]);
12453  return l && x && (b = { ...b }), ve(() => {
12454    p.forEach((g, w) => p.set(w, !1));
12455  }, [n]), R(() => {
12456    !n && !p.size && r && r();
12457  }, [n]), o === "popLayout" && (t = e(ov, { isPresent: n, anchorX: d, root: c, children: t })), e(An.Provider, { value: b, children: t });
12458};
12459function dv() {
12460  return /* @__PURE__ */ new Map();
12461}
12462function Tm(t = !0) {
12463  const i = pe(An);
12464  if (i === null)
12465    return [!0, null];
12466  const { isPresent: n, onExitComplete: r, register: s } = i, l = cn();
12467  R(() => {
12468    if (t)
12469      return s(l);
12470  }, [t]);
12471  const o = ie(() => t && r && r(l), [l, r, t]);
12472  return !n && r ? [!1, o] : [!0];
12473}
12474const Oi = (t) => t.key || "";
12475function yo(t) {
12476  const i = [];
12477  return dt.forEach(t, (n) => {
12478    ga(n) && i.push(n);
12479  }), i;
12480}
12481const ue = ({ children: t, custom: i, initial: n = !0, onExitComplete: r, presenceAffectsLayout: s = !0, mode: l = "sync", propagate: o = !1, anchorX: d = "left", root: c }) => {
12482  const [p, h] = Tm(o), x = ve(() => yo(t), [t]), b = o && !p ? [] : x.map(Oi), g = j(!0), w = j(x), u = Ia(() => /* @__PURE__ */ new Map()), [v, A] = C(x), [N, f] = C(x);
12483  Nn(() => {
12484    g.current = !1, w.current = x;
12485    for (let D = 0; D < N.length; D++) {
12486      const P = Oi(N[D]);
12487      b.includes(P) ? u.delete(P) : u.get(P) !== !0 && u.set(P, !1);
12488    }
12489  }, [N, b.length, b.join("-")]);
12490  const y = [];
12491  if (x !== v) {
12492    let D = [...x];
12493    for (let P = 0; P < N.length; P++) {
12494      const k = N[P], H = Oi(k);
12495      b.includes(H) || (D.splice(P, 0, k), y.push(k));
12496    }
12497    return l === "wait" && y.length && (D = y), f(yo(D)), A(x), null;
12498  }
12499  const { forceRender: I } = pe(gs);
12500  return e(V, { children: N.map((D) => {
12501    const P = Oi(D), k = o && !p ? !1 : x === N || b.includes(P), H = () => {
12502      if (u.has(P))
12503        u.set(P, !0);
12504      else
12505        return;
12506      let T = !0;
12507      u.forEach((M) => {
12508        M || (T = !1);
12509      }), T && (I?.(), f(w.current), o && h?.(), r && r());
12510    };
12511    return e(cv, { isPresent: k, initial: !g.current || n ? void 0 : !1, custom: i, presenceAffectsLayout: s, mode: l, root: c, onExitComplete: k ? void 0 : H, anchorX: d, children: D }, P);
12512  }) });
12513}, Pm = $e({ strict: !1 }), wo = {
12514  animation: [
12515    "animate",
12516    "variants",
12517    "whileHover",
12518    "whileTap",
12519    "exit",
12520    "whileInView",
12521    "whileFocus",
12522    "whileDrag"
12523  ],
12524  exit: ["exit"],
12525  drag: ["drag", "dragControls"],
12526  focus: ["whileFocus"],
12527  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
12528  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
12529  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
12530  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
12531  layout: ["layout", "layoutId"]
12532}, ya = {};
12533for (const t in wo)
12534  ya[t] = {
12535    isEnabled: (i) => wo[t].some((n) => !!i[n])
12536  };
12537function mv(t) {
12538  for (const i in t)
12539    ya[i] = {
12540      ...ya[i],
12541      ...t[i]
12542    };
12543}
12544const pv = /* @__PURE__ */ new Set([
12545  "animate",
12546  "exit",
12547  "variants",
12548  "initial",
12549  "style",
12550  "values",
12551  "variants",
12552  "transition",
12553  "transformTemplate",
12554  "custom",
12555  "inherit",
12556  "onBeforeLayoutMeasure",
12557  "onAnimationStart",
12558  "onAnimationComplete",
12559  "onUpdate",
12560  "onDragStart",
12561  "onDrag",
12562  "onDragEnd",
12563  "onMeasureDragConstraints",
12564  "onDirectionLock",
12565  "onDragTransitionEnd",
12566  "_dragX",
12567  "_dragY",
12568  "onHoverStart",
12569  "onHoverEnd",
12570  "onViewportEnter",
12571  "onViewportLeave",
12572  "globalTapTarget",
12573  "ignoreStrict",
12574  "viewport"
12575]);
12576function ln(t) {
12577  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || pv.has(t);
12578}
12579let Lm = (t) => !ln(t);
12580function hv(t) {
12581  typeof t == "function" && (Lm = (i) => i.startsWith("on") ? !ln(i) : t(i));
12582}
12583try {
12584  hv(require("@emotion/is-prop-valid").default);
12585} catch {
12586}
12587function uv(t, i, n) {
12588  const r = {};
12589  for (const s in t)
12590    s === "values" && typeof t.values == "object" || (Lm(s) || n === !0 && ln(s) || !i && !ln(s) || // If trying to use native HTML drag events, forward drag listeners
12591    t.draggable && s.startsWith("onDrag")) && (r[s] = t[s]);
12592  return r;
12593}
12594const Sn = /* @__PURE__ */ $e({});
12595function Cn(t) {
12596  return t !== null && typeof t == "object" && typeof t.start == "function";
12597}
12598function ai(t) {
12599  return typeof t == "string" || Array.isArray(t);
12600}
12601const zs = [
12602  "animate",
12603  "whileInView",
12604  "whileFocus",
12605  "whileHover",
12606  "whileTap",
12607  "whileDrag",
12608  "exit"
12609], Bs = ["initial", ...zs];
12610function Mn(t) {
12611  return Cn(t.animate) || Bs.some((i) => ai(t[i]));
12612}
12613function Hm(t) {
12614  return !!(Mn(t) || t.variants);
12615}
12616function xv(t, i) {
12617  if (Mn(t)) {
12618    const { initial: n, animate: r } = t;
12619    return {
12620      initial: n === !1 || ai(n) ? n : void 0,
12621      animate: ai(r) ? r : void 0
12622    };
12623  }
12624  return t.inherit !== !1 ? i : {};
12625}
12626function gv(t) {
12627  const { initial: i, animate: n } = xv(t, pe(Sn));
12628  return ve(() => ({ initial: i, animate: n }), [vo(i), vo(n)]);
12629}
12630function vo(t) {
12631  return Array.isArray(t) ? t.join(" ") : t;
12632}
12633const ii = {};
12634function fv(t) {
12635  for (const i in t)
12636    ii[i] = t[i], Ss(i) && (ii[i].isCSSVariable = !0);
12637}
12638function Om(t, { layout: i, layoutId: n }) {
12639  return Ma.has(t) || t.startsWith("origin") || (i || n !== void 0) && (!!ii[t] || t === "opacity");
12640}
12641const bv = {
12642  x: "translateX",
12643  y: "translateY",
12644  z: "translateZ",
12645  transformPerspective: "perspective"
12646}, yv = Ca.length;
12647function wv(t, i, n) {
12648  let r = "", s = !0;
12649  for (let l = 0; l < yv; l++) {
12650    const o = Ca[l], d = t[o];
12651    if (d === void 0)
12652      continue;
vendor: 4,459 bytes, lines 12653-12816
12653    let c = !0;
12654    if (typeof d == "number" ? c = d === (o.startsWith("scale") ? 1 : 0) : c = parseFloat(d) === 0, !c || n) {
12655      const p = Im(d, js[o]);
12656      if (!c) {
12657        s = !1;
12658        const h = bv[o] || o;
12659        r += `${h}(${p}) `;
12660      }
12661      n && (i[o] = p);
12662    }
12663  }
12664  return r = r.trim(), n ? r = n(i, s ? "" : r) : s && (r = "none"), r;
12665}
12666function Gs(t, i, n) {
12667  const { style: r, vars: s, transformOrigin: l } = t;
12668  let o = !1, d = !1;
12669  for (const c in i) {
12670    const p = i[c];
12671    if (Ma.has(c)) {
12672      o = !0;
12673      continue;
12674    } else if (Ss(c)) {
12675      s[c] = p;
12676      continue;
12677    } else {
12678      const h = Im(p, js[c]);
12679      c.startsWith("origin") ? (d = !0, l[c] = h) : r[c] = h;
12680    }
12681  }
12682  if (i.transform || (o || n ? r.transform = wv(i, t.transform, n) : r.transform && (r.transform = "none")), d) {
12683    const { originX: c = "50%", originY: p = "50%", originZ: h = 0 } = l;
12684    r.transformOrigin = `${c} ${p} ${h}`;
12685  }
12686}
12687const Us = () => ({
12688  style: {},
12689  transform: {},
12690  transformOrigin: {},
12691  vars: {}
12692});
12693function Vm(t, i, n) {
12694  for (const r in i)
12695    !ke(i[r]) && !Om(r, n) && (t[r] = i[r]);
12696}
12697function vv({ transformTemplate: t }, i) {
12698  return ve(() => {
12699    const n = Us();
12700    return Gs(n, i, t), Object.assign({}, n.vars, n.style);
12701  }, [i]);
12702}
12703function Nv(t, i) {
12704  const n = t.style || {}, r = {};
12705  return Vm(r, n, t), Object.assign(r, vv(t, i)), r;
12706}
12707function Av(t, i) {
12708  const n = {}, r = Nv(t, i);
12709  return t.drag && t.dragListener !== !1 && (n.draggable = !1, r.userSelect = r.WebkitUserSelect = r.WebkitTouchCallout = "none", r.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = r, n;
12710}
12711const Iv = {
12712  offset: "stroke-dashoffset",
12713  array: "stroke-dasharray"
12714}, Sv = {
12715  offset: "strokeDashoffset",
12716  array: "strokeDasharray"
12717};
12718function Cv(t, i, n = 1, r = 0, s = !0) {
12719  t.pathLength = 1;
12720  const l = s ? Iv : Sv;
12721  t[l.offset] = U.transform(-r);
12722  const o = U.transform(i), d = U.transform(n);
12723  t[l.array] = `${o} ${d}`;
12724}
12725function Em(t, {
12726  attrX: i,
12727  attrY: n,
12728  attrScale: r,
12729  pathLength: s,
12730  pathSpacing: l = 1,
12731  pathOffset: o = 0,
12732  // This is object creation, which we try to avoid per-frame.
12733  ...d
12734}, c, p, h) {
12735  if (Gs(t, d, p), c) {
12736    t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
12737    return;
12738  }
12739  t.attrs = t.style, t.style = {};
12740  const { attrs: x, style: b } = t;
12741  x.transform && (b.transform = x.transform, delete x.transform), (b.transform || x.transformOrigin) && (b.transformOrigin = x.transformOrigin ?? "50% 50%", delete x.transformOrigin), b.transform && (b.transformBox = h?.transformBox ?? "fill-box", delete x.transformBox), i !== void 0 && (x.x = i), n !== void 0 && (x.y = n), r !== void 0 && (x.scale = r), s !== void 0 && Cv(x, s, l, o, !1);
12742}
12743const jm = () => ({
12744  ...Us(),
12745  attrs: {}
12746}), Rm = (t) => typeof t == "string" && t.toLowerCase() === "svg";
12747function Mv(t, i, n, r) {
12748  const s = ve(() => {
12749    const l = jm();
12750    return Em(l, i, Rm(r), t.transformTemplate, t.style), {
12751      ...l.attrs,
12752      style: { ...l.style }
12753    };
12754  }, [i]);
12755  if (t.style) {
12756    const l = {};
12757    Vm(l, t.style, t), s.style = { ...l, ...s.style };
12758  }
12759  return s;
12760}
12761const Dv = [
12762  "animate",
12763  "circle",
12764  "defs",
12765  "desc",
12766  "ellipse",
12767  "g",
12768  "image",
12769  "line",
12770  "filter",
12771  "marker",
12772  "mask",
12773  "metadata",
12774  "path",
12775  "pattern",
12776  "polygon",
12777  "polyline",
12778  "rect",
12779  "stop",
12780  "switch",
12781  "symbol",
12782  "svg",
12783  "text",
12784  "tspan",
12785  "use",
12786  "view"
12787];
12788function qs(t) {
12789  return (
12790    /**
12791     * If it's not a string, it's a custom React component. Currently we only support
12792     * HTML custom React components.
12793     */
12794    typeof t != "string" || /**
12795     * If it contains a dash, the element is a custom HTML webcomponent.
12796     */
12797    t.includes("-") ? !1 : (
12798      /**
12799       * If it's in our list of lowercase SVG tags, it's an SVG component
12800       */
12801      !!(Dv.indexOf(t) > -1 || /**
12802       * If it contains a capital letter, it's an SVG component
12803       */
12804      /[A-Z]/u.test(t))
12805    )
12806  );
12807}
12808function kv(t, i, n, { latestValues: r }, s, l = !1) {
12809  const d = (qs(t) ? Mv : Av)(i, r, s, t), c = uv(i, typeof t == "string", l), p = t !== $t ? { ...c, ...d, ref: n } : {}, { children: h } = i, x = ve(() => ke(h) ? h.get() : h, [h]);
12810  return je(t, {
12811    ...p,
12812    children: x
12813  });
12814}
12815function No(t) {
12816  const i = [{}, {}];
12817  return t?.values.forEach((n, r) => {
12818    i[0][r] = n.get(), i[1][r] = n.getVelocity();
12819  }), i;
12820}
12821function Ys(t, i, n, r) {
12822  if (typeof i == "function") {
12823    const [s, l] = No(r);
12824    i = i(n !== void 0 ? n : t.custom, s, l);
12825  }
12826  if (typeof i == "string" && (i = t.variants && t.variants[i]), typeof i == "function") {
12827    const [s, l] = No(r);
12828    i = i(n !== void 0 ? n : t.custom, s, l);
12829  }
12830  return i;
12831}
12832function qi(t) {
12833  return ke(t) ? t.get() : t;
12834}
12835function Tv({ scrapeMotionValuesFromProps: t, createRenderState: i }, n, r, s) {
12836  return {
12837    latestValues: Pv(n, r, s, t),
12838    renderState: i()
12839  };
12840}
12841function Pv(t, i, n, r) {
12842  const s = {}, l = r(t, {});
12843  for (const b in l)
12844    s[b] = qi(l[b]);
12845  let { initial: o, animate: d } = t;
12846  const c = Mn(t), p = Hm(t);
12847  i && p && !c && t.inherit !== !1 && (o === void 0 && (o = i.initial), d === void 0 && (d = i.animate));
12848  let h = n ? n.initial === !1 : !1;
12849  h = h || o === !1;
12850  const x = h ? d : o;
12851  if (x && typeof x != "boolean" && !Cn(x)) {
12852    const b = Array.isArray(x) ? x : [x];
12853    for (let g = 0; g < b.length; g++) {
12854      const w = Ys(t, b[g]);
12855      if (w) {
12856        const { transitionEnd: u, transition: v, ...A } = w;
12857        for (const N in A) {
12858          let f = A[N];
12859          if (Array.isArray(f)) {
12860            const y = h ? f.length - 1 : 0;
12861            f = f[y];
12862          }
12863          f !== null && (s[N] = f);
12864        }
12865        for (const N in u)
12866          s[N] = u[N];
12867      }
12868    }
12869  }
12870  return s;
12871}
12872const Fm = (t) => (i, n) => {
12873  const r = pe(Sn), s = pe(An), l = () => Tv(t, i, r, s);
12874  return n ? l() : Ia(l);
12875};
12876function Xs(t, i, n) {
12877  const { style: r } = t, s = {};
12878  for (const l in r)
12879    (ke(r[l]) || i.style && ke(i.style[l]) || Om(l, t) || n?.getValue(l)?.liveStyle !== void 0) && (s[l] = r[l]);
12880  return s;
12881}
12882const Lv = /* @__PURE__ */ Fm({
12883  scrapeMotionValuesFromProps: Xs,
12884  createRenderState: Us
12885});
12886function _m(t, i, n) {
12887  const r = Xs(t, i, n);
12888  for (const s in t)
12889    if (ke(t[s]) || ke(i[s])) {
12890      const l = Ca.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
12891      r[l] = t[s];
12892    }
12893  return r;
12894}
12895const Hv = /* @__PURE__ */ Fm({
12896  scrapeMotionValuesFromProps: _m,
12897  createRenderState: jm
12898}), Ov = Symbol.for("motionComponentSymbol");
12899function oa(t) {
12900  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
12901}
12902function Vv(t, i, n) {
12903  return ie(
12904    (r) => {
12905      r && t.onMount && t.onMount(r), i && (r ? i.mount(r) : i.unmount()), n && (typeof n == "function" ? n(r) : oa(n) && (n.current = r));
12906    },
12907    /**
12908     * Include externalRef in dependencies to ensure the callback updates
12909     * when the ref changes, allowing proper ref forwarding.
12910     */
12911    [i]
12912  );
12913}
12914const Js = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Ev = "framerAppearId", Wm = "data-" + Js(Ev), zm = $e({});
12915function jv(t, i, n, r, s) {
12916  const { visualElement: l } = pe(Sn), o = pe(Pm), d = pe(An), c = pe(In).reducedMotion, p = j(null);
12917  r = r || o.renderer, !p.current && r && (p.current = r(t, {
12918    visualState: i,
12919    parent: l,
12920    props: n,
12921    presenceContext: d,
12922    blockInitialAnimation: d ? d.initial === !1 : !1,
12923    reducedMotionConfig: c
12924  }));
12925  const h = p.current, x = pe(zm);
12926  h && !h.projection && s && (h.type === "html" || h.type === "svg") && Rv(p.current, n, s, x);
12927  const b = j(!1);
12928  qr(() => {
12929    h && b.current && h.update(n, d);
12930  });
12931  const g = n[Wm], w = j(!!g && !window.MotionHandoffIsComplete?.(g) && window.MotionHasOptimisedAnimation?.(g));
12932  return Nn(() => {
12933    h && (b.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), h.scheduleRenderMicrotask(), w.current && h.animationState && h.animationState.animateChanges());
12934  }), R(() => {
12935    h && (!w.current && h.animationState && h.animationState.animateChanges(), w.current && (queueMicrotask(() => {
12936      window.MotionHandoffMarkAsComplete?.(g);
12937    }), w.current = !1), h.enteringChildren = void 0);
12938  }), h;
12939}
12940function Rv(t, i, n, r) {
12941  const { layoutId: s, layout: l, drag: o, dragConstraints: d, layoutScroll: c, layoutRoot: p, layoutCrossfade: h } = i;
12942  t.projection = new n(t.latestValues, i["data-framer-portal-id"] ? void 0 : Bm(t.parent)), t.projection.setOptions({
12943    layoutId: s,
12944    layout: l,
12945    alwaysMeasureLayout: !!o || d && oa(d),
12946    visualElement: t,
12947    /**
12948     * TODO: Update options in an effect. This could be tricky as it'll be too late
12949     * to update by the time layout animations run.
vendor: 38,214 bytes, lines 12950-14073
12950     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
12951     * ensuring it gets called if there's no potential layout animations.
12952     *
12953     */
12954    animationType: typeof l == "string" ? l : "both",
12955    initialPromotionConfig: r,
12956    crossfade: h,
12957    layoutScroll: c,
12958    layoutRoot: p
12959  });
12960}
12961function Bm(t) {
12962  if (t)
12963    return t.options.allowProjection !== !1 ? t.projection : Bm(t.parent);
12964}
12965function Kn(t, { forwardMotionProps: i = !1 } = {}, n, r) {
12966  n && mv(n);
12967  const s = qs(t) ? Hv : Lv;
12968  function l(d, c) {
12969    let p;
12970    const h = {
12971      ...pe(In),
12972      ...d,
12973      layoutId: Fv(d)
12974    }, { isStatic: x } = h, b = gv(d), g = s(d, x);
12975    if (!x && fs) {
12976      _v();
12977      const w = Wv(h);
12978      p = w.MeasureLayout, b.visualElement = jv(t, g, h, r, w.ProjectionNode);
12979    }
12980    return a(Sn.Provider, { value: b, children: [p && b.visualElement ? e(p, { visualElement: b.visualElement, ...h }) : null, kv(t, d, Vv(g, b.visualElement, c), g, x, i)] });
12981  }
12982  l.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
12983  const o = G(l);
12984  return o[Ov] = t, o;
12985}
12986function Fv({ layoutId: t }) {
12987  const i = pe(gs).id;
12988  return i && t !== void 0 ? i + "-" + t : t;
12989}
12990function _v(t, i) {
12991  pe(Pm).strict;
12992}
12993function Wv(t) {
12994  const { drag: i, layout: n } = ya;
12995  if (!i && !n)
12996    return {};
12997  const r = { ...i, ...n };
12998  return {
12999    MeasureLayout: i?.isEnabled(t) || n?.isEnabled(t) ? r.MeasureLayout : void 0,
13000    ProjectionNode: r.ProjectionNode
13001  };
13002}
13003function zv(t, i) {
13004  if (typeof Proxy > "u")
13005    return Kn;
13006  const n = /* @__PURE__ */ new Map(), r = (l, o) => Kn(l, o, t, i), s = (l, o) => r(l, o);
13007  return new Proxy(s, {
13008    /**
13009     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
13010     * The prop name is passed through as `key` and we can use that to generate a `motion`
13011     * DOM component with that name.
13012     */
13013    get: (l, o) => o === "create" ? r : (n.has(o) || n.set(o, Kn(o, void 0, t, i)), n.get(o))
13014  });
13015}
13016function Gm({ top: t, left: i, right: n, bottom: r }) {
13017  return {
13018    x: { min: i, max: n },
13019    y: { min: t, max: r }
13020  };
13021}
13022function Bv({ x: t, y: i }) {
13023  return { top: i.min, right: t.max, bottom: i.max, left: t.min };
13024}
13025function Gv(t, i) {
13026  if (!i)
13027    return t;
13028  const n = i({ x: t.left, y: t.top }), r = i({ x: t.right, y: t.bottom });
13029  return {
13030    top: n.y,
13031    left: n.x,
13032    bottom: r.y,
13033    right: r.x
13034  };
13035}
13036function Qn(t) {
13037  return t === void 0 || t === 1;
13038}
13039function Er({ scale: t, scaleX: i, scaleY: n }) {
13040  return !Qn(t) || !Qn(i) || !Qn(n);
13041}
13042function _t(t) {
13043  return Er(t) || Um(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
13044}
13045function Um(t) {
13046  return Ao(t.x) || Ao(t.y);
13047}
13048function Ao(t) {
13049  return t && t !== "0%";
13050}
13051function on(t, i, n) {
13052  const r = t - n, s = i * r;
13053  return n + s;
13054}
13055function Io(t, i, n, r, s) {
13056  return s !== void 0 && (t = on(t, s, r)), on(t, n, r) + i;
13057}
13058function jr(t, i = 0, n = 1, r, s) {
13059  t.min = Io(t.min, i, n, r, s), t.max = Io(t.max, i, n, r, s);
13060}
13061function qm(t, { x: i, y: n }) {
13062  jr(t.x, i.translate, i.scale, i.originPoint), jr(t.y, n.translate, n.scale, n.originPoint);
13063}
13064const So = 0.999999999999, Co = 1.0000000000001;
13065function Uv(t, i, n, r = !1) {
13066  const s = n.length;
13067  if (!s)
13068    return;
13069  i.x = i.y = 1;
13070  let l, o;
13071  for (let d = 0; d < s; d++) {
13072    l = n[d], o = l.projectionDelta;
13073    const { visualElement: c } = l.options;
13074    c && c.props.style && c.props.style.display === "contents" || (r && l.options.layoutScroll && l.scroll && l !== l.root && da(t, {
13075      x: -l.scroll.offset.x,
13076      y: -l.scroll.offset.y
13077    }), o && (i.x *= o.x.scale, i.y *= o.y.scale, qm(t, o)), r && _t(l.latestValues) && da(t, l.latestValues));
13078  }
13079  i.x < Co && i.x > So && (i.x = 1), i.y < Co && i.y > So && (i.y = 1);
13080}
13081function ca(t, i) {
13082  t.min = t.min + i, t.max = t.max + i;
13083}
13084function Mo(t, i, n, r, s = 0.5) {
13085  const l = he(t.min, t.max, s);
13086  jr(t, i, n, l, r);
13087}
13088function da(t, i) {
13089  Mo(t.x, i.x, i.scaleX, i.scale, i.originX), Mo(t.y, i.y, i.scaleY, i.scale, i.originY);
13090}
13091function Ym(t, i) {
13092  return Gm(Gv(t.getBoundingClientRect(), i));
13093}
13094function qv(t, i, n) {
13095  const r = Ym(t, n), { scroll: s } = i;
13096  return s && (ca(r.x, s.offset.x), ca(r.y, s.offset.y)), r;
13097}
13098const Do = () => ({
13099  translate: 0,
13100  scale: 1,
13101  origin: 0,
13102  originPoint: 0
13103}), ma = () => ({
13104  x: Do(),
13105  y: Do()
13106}), ko = () => ({ min: 0, max: 0 }), be = () => ({
13107  x: ko(),
13108  y: ko()
13109}), Rr = { current: null }, Xm = { current: !1 };
13110function Yv() {
13111  if (Xm.current = !0, !!fs)
13112    if (window.matchMedia) {
13113      const t = window.matchMedia("(prefers-reduced-motion)"), i = () => Rr.current = t.matches;
13114      t.addEventListener("change", i), i();
13115    } else
13116      Rr.current = !1;
13117}
13118const Xv = /* @__PURE__ */ new WeakMap();
13119function Jv(t, i, n) {
13120  for (const r in i) {
13121    const s = i[r], l = n[r];
13122    if (ke(s))
13123      t.addValue(r, s);
13124    else if (ke(l))
13125      t.addValue(r, tt(s, { owner: t }));
13126    else if (l !== s)
13127      if (t.hasValue(r)) {
13128        const o = t.getValue(r);
13129        o.liveStyle === !0 ? o.jump(s) : o.hasAnimated || o.set(s);
13130      } else {
13131        const o = t.getStaticValue(r);
13132        t.addValue(r, tt(o !== void 0 ? o : s, { owner: t }));
13133      }
13134  }
13135  for (const r in n)
13136    i[r] === void 0 && t.removeValue(r);
13137  return i;
13138}
13139const To = [
13140  "AnimationStart",
13141  "AnimationComplete",
13142  "Update",
13143  "BeforeLayoutMeasure",
13144  "LayoutMeasure",
13145  "LayoutAnimationStart",
13146  "LayoutAnimationComplete"
13147];
13148class Zv {
13149  /**
13150   * This method takes React props and returns found MotionValues. For example, HTML
13151   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
13152   *
13153   * This isn't an abstract method as it needs calling in the constructor, but it is
13154   * intended to be one.
13155   */
13156  scrapeMotionValuesFromProps(i, n, r) {
13157    return {};
13158  }
13159  constructor({ parent: i, props: n, presenceContext: r, reducedMotionConfig: s, blockInitialAnimation: l, visualState: o }, d = {}) {
13160    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Vs, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
13161      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
13162    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
13163      const b = Ee.now();
13164      this.renderScheduledAt < b && (this.renderScheduledAt = b, se.render(this.render, !1, !0));
13165    };
13166    const { latestValues: c, renderState: p } = o;
13167    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = p, this.parent = i, this.props = n, this.presenceContext = r, this.depth = i ? i.depth + 1 : 0, this.reducedMotionConfig = s, this.options = d, this.blockInitialAnimation = !!l, this.isControllingVariants = Mn(n), this.isVariantNode = Hm(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(i && i.current);
13168    const { willChange: h, ...x } = this.scrapeMotionValuesFromProps(n, {}, this);
13169    for (const b in x) {
13170      const g = x[b];
13171      c[b] !== void 0 && ke(g) && g.set(c[b]);
13172    }
13173  }
13174  mount(i) {
13175    this.current = i, Xv.set(i, this), this.projection && !this.projection.instance && this.projection.mount(i), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), Xm.current || Yv(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Rr.current, this.parent?.addChild(this), this.update(this.props, this.presenceContext);
13176  }
13177  unmount() {
13178    this.projection && this.projection.unmount(), st(this.notifyUpdate), st(this.render), this.valueSubscriptions.forEach((i) => i()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
13179    for (const i in this.events)
13180      this.events[i].clear();
13181    for (const i in this.features) {
13182      const n = this.features[i];
13183      n && (n.unmount(), n.isMounted = !1);
13184    }
13185    this.current = null;
13186  }
13187  addChild(i) {
13188    this.children.add(i), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(i);
13189  }
13190  removeChild(i) {
13191    this.children.delete(i), this.enteringChildren && this.enteringChildren.delete(i);
13192  }
13193  bindToMotionValue(i, n) {
13194    this.valueSubscriptions.has(i) && this.valueSubscriptions.get(i)();
13195    const r = Ma.has(i);
13196    r && this.onBindTransform && this.onBindTransform();
13197    const s = n.on("change", (o) => {
13198      this.latestValues[i] = o, this.props.onUpdate && se.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
13199    });
13200    let l;
13201    window.MotionCheckAppearSync && (l = window.MotionCheckAppearSync(this, i, n)), this.valueSubscriptions.set(i, () => {
13202      s(), l && l(), n.owner && n.stop();
13203    });
13204  }
13205  sortNodePosition(i) {
13206    return !this.current || !this.sortInstanceNodePosition || this.type !== i.type ? 0 : this.sortInstanceNodePosition(this.current, i.current);
13207  }
13208  updateFeatures() {
13209    let i = "animation";
13210    for (i in ya) {
13211      const n = ya[i];
13212      if (!n)
13213        continue;
13214      const { isEnabled: r, Feature: s } = n;
13215      if (!this.features[i] && s && r(this.props) && (this.features[i] = new s(this)), this.features[i]) {
13216        const l = this.features[i];
13217        l.isMounted ? l.update() : (l.mount(), l.isMounted = !0);
13218      }
13219    }
13220  }
13221  triggerBuild() {
13222    this.build(this.renderState, this.latestValues, this.props);
13223  }
13224  /**
13225   * Measure the current viewport box with or without transforms.
13226   * Only measures axis-aligned boxes, rotate and skew must be manually
13227   * removed with a re-render to work.
13228   */
13229  measureViewportBox() {
13230    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : be();
13231  }
13232  getStaticValue(i) {
13233    return this.latestValues[i];
13234  }
13235  setStaticValue(i, n) {
13236    this.latestValues[i] = n;
13237  }
13238  /**
13239   * Update the provided props. Ensure any newly-added motion values are
13240   * added to our map, old ones removed, and listeners updated.
13241   */
13242  update(i, n) {
13243    (i.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = i, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
13244    for (let r = 0; r < To.length; r++) {
13245      const s = To[r];
13246      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
13247      const l = "on" + s, o = i[l];
13248      o && (this.propEventSubscriptions[s] = this.on(s, o));
13249    }
13250    this.prevMotionValues = Jv(this, this.scrapeMotionValuesFromProps(i, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
13251  }
13252  getProps() {
13253    return this.props;
13254  }
13255  /**
13256   * Returns the variant definition with a given name.
13257   */
13258  getVariant(i) {
13259    return this.props.variants ? this.props.variants[i] : void 0;
13260  }
13261  /**
13262   * Returns the defined default transition on this component.
13263   */
13264  getDefaultTransition() {
13265    return this.props.transition;
13266  }
13267  getTransformPagePoint() {
13268    return this.props.transformPagePoint;
13269  }
13270  getClosestVariantNode() {
13271    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
13272  }
13273  /**
13274   * Add a child visual element to our set of children.
13275   */
13276  addVariantChild(i) {
13277    const n = this.getClosestVariantNode();
13278    if (n)
13279      return n.variantChildren && n.variantChildren.add(i), () => n.variantChildren.delete(i);
13280  }
13281  /**
13282   * Add a motion value and bind it to this visual element.
13283   */
13284  addValue(i, n) {
13285    const r = this.values.get(i);
13286    n !== r && (r && this.removeValue(i), this.bindToMotionValue(i, n), this.values.set(i, n), this.latestValues[i] = n.get());
13287  }
13288  /**
13289   * Remove a motion value and unbind any active subscriptions.
13290   */
13291  removeValue(i) {
13292    this.values.delete(i);
13293    const n = this.valueSubscriptions.get(i);
13294    n && (n(), this.valueSubscriptions.delete(i)), delete this.latestValues[i], this.removeValueFromRenderState(i, this.renderState);
13295  }
13296  /**
13297   * Check whether we have a motion value for this key
13298   */
13299  hasValue(i) {
13300    return this.values.has(i);
13301  }
13302  getValue(i, n) {
13303    if (this.props.values && this.props.values[i])
13304      return this.props.values[i];
13305    let r = this.values.get(i);
13306    return r === void 0 && n !== void 0 && (r = tt(n === null ? void 0 : n, { owner: this }), this.addValue(i, r)), r;
13307  }
13308  /**
13309   * If we're trying to animate to a previously unencountered value,
13310   * we need to check for it in our state and as a last resort read it
13311   * directly from the instance (which might have performance implications).
13312   */
13313  readValue(i, n) {
13314    let r = this.latestValues[i] !== void 0 || !this.current ? this.latestValues[i] : this.getBaseTargetFromProps(this.props, i) ?? this.readValueFromInstance(this.current, i, this.options);
13315    return r != null && (typeof r == "string" && (R0(r) || _0(r)) ? r = parseFloat(r) : !nv(r) && Et.test(n) && (r = Nm(i, n)), this.setBaseTarget(i, ke(r) ? r.get() : r)), ke(r) ? r.get() : r;
13316  }
13317  /**
13318   * Set the base target to later animate back to. This is currently
13319   * only hydrated on creation and when we first read a value.
13320   */
13321  setBaseTarget(i, n) {
13322    this.baseTarget[i] = n;
13323  }
13324  /**
13325   * Find the base target for a value thats been removed from all animation
13326   * props.
13327   */
13328  getBaseTarget(i) {
13329    const { initial: n } = this.props;
13330    let r;
13331    if (typeof n == "string" || typeof n == "object") {
13332      const l = Ys(this.props, n, this.presenceContext?.custom);
13333      l && (r = l[i]);
13334    }
13335    if (n && r !== void 0)
13336      return r;
13337    const s = this.getBaseTargetFromProps(this.props, i);
13338    return s !== void 0 && !ke(s) ? s : this.initialValues[i] !== void 0 && r === void 0 ? void 0 : this.baseTarget[i];
13339  }
13340  on(i, n) {
13341    return this.events[i] || (this.events[i] = new vs()), this.events[i].add(n);
13342  }
13343  notify(i, ...n) {
13344    this.events[i] && this.events[i].notify(...n);
13345  }
13346  scheduleRenderMicrotask() {
13347    Fs.render(this.render);
13348  }
13349}
13350class Jm extends Zv {
13351  constructor() {
13352    super(...arguments), this.KeyframeResolver = j2;
13353  }
13354  sortInstanceNodePosition(i, n) {
13355    return i.compareDocumentPosition(n) & 2 ? 1 : -1;
13356  }
13357  getBaseTargetFromProps(i, n) {
13358    return i.style ? i.style[n] : void 0;
13359  }
13360  removeValueFromRenderState(i, { vars: n, style: r }) {
13361    delete n[i], delete r[i];
13362  }
13363  handleChildMotionValue() {
13364    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
13365    const { children: i } = this.props;
13366    ke(i) && (this.childSubscription = i.on("change", (n) => {
13367      this.current && (this.current.textContent = `${n}`);
13368    }));
13369  }
13370}
13371function Zm(t, { style: i, vars: n }, r, s) {
13372  const l = t.style;
13373  let o;
13374  for (o in i)
13375    l[o] = i[o];
13376  s?.applyProjectionStyles(l, r);
13377  for (o in n)
13378    l.setProperty(o, n[o]);
13379}
13380function $v(t) {
13381  return window.getComputedStyle(t);
13382}
13383class Kv extends Jm {
13384  constructor() {
13385    super(...arguments), this.type = "html", this.renderInstance = Zm;
13386  }
13387  readValueFromInstance(i, n) {
13388    if (Ma.has(n))
13389      return this.projection?.isProjecting ? kr(n) : i2(i, n);
13390    {
13391      const r = $v(i), s = (Ss(n) ? r.getPropertyValue(n) : r[n]) || 0;
13392      return typeof s == "string" ? s.trim() : s;
13393    }
13394  }
13395  measureInstanceViewportBox(i, { transformPagePoint: n }) {
13396    return Ym(i, n);
13397  }
13398  build(i, n, r) {
13399    Gs(i, n, r.transformTemplate);
13400  }
13401  scrapeMotionValuesFromProps(i, n, r) {
13402    return Xs(i, n, r);
13403  }
13404}
13405const $m = /* @__PURE__ */ new Set([
13406  "baseFrequency",
13407  "diffuseConstant",
13408  "kernelMatrix",
13409  "kernelUnitLength",
13410  "keySplines",
13411  "keyTimes",
13412  "limitingConeAngle",
13413  "markerHeight",
13414  "markerWidth",
13415  "numOctaves",
13416  "targetX",
13417  "targetY",
13418  "surfaceScale",
13419  "specularConstant",
13420  "specularExponent",
13421  "stdDeviation",
13422  "tableValues",
13423  "viewBox",
13424  "gradientTransform",
13425  "pathLength",
13426  "startOffset",
13427  "textLength",
13428  "lengthAdjust"
13429]);
13430function Qv(t, i, n, r) {
13431  Zm(t, i, void 0, r);
13432  for (const s in i.attrs)
13433    t.setAttribute($m.has(s) ? s : Js(s), i.attrs[s]);
13434}
13435class eN extends Jm {
13436  constructor() {
13437    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = be;
13438  }
13439  getBaseTargetFromProps(i, n) {
13440    return i[n];
13441  }
13442  readValueFromInstance(i, n) {
13443    if (Ma.has(n)) {
13444      const r = vm(n);
13445      return r && r.default || 0;
13446    }
13447    return n = $m.has(n) ? n : Js(n), i.getAttribute(n);
13448  }
13449  scrapeMotionValuesFromProps(i, n, r) {
13450    return _m(i, n, r);
13451  }
13452  build(i, n, r) {
13453    Em(i, n, this.isSVGTag, r.transformTemplate, r.style);
13454  }
13455  renderInstance(i, n, r, s) {
13456    Qv(i, n, r, s);
13457  }
13458  mount(i) {
13459    this.isSVGTag = Rm(i.tagName), super.mount(i);
13460  }
13461}
13462const tN = (t, i) => qs(t) ? new eN(i) : new Kv(i, {
13463  allowProjection: t !== $t
13464});
13465function xa(t, i, n) {
13466  const r = t.getProps();
13467  return Ys(r, i, n !== void 0 ? n : r.custom, t);
13468}
13469const Fr = (t) => Array.isArray(t);
13470function aN(t, i, n) {
13471  t.hasValue(i) ? t.getValue(i).set(n) : t.addValue(i, tt(n));
13472}
13473function iN(t) {
13474  return Fr(t) ? t[t.length - 1] || 0 : t;
13475}
13476function nN(t, i) {
13477  const n = xa(t, i);
13478  let { transitionEnd: r = {}, transition: s = {}, ...l } = n || {};
13479  l = { ...l, ...r };
13480  for (const o in l) {
13481    const d = iN(l[o]);
13482    aN(t, o, d);
13483  }
13484}
13485function rN(t) {
13486  return !!(ke(t) && t.add);
13487}
13488function _r(t, i) {
13489  const n = t.getValue("willChange");
13490  if (rN(n))
13491    return n.add(i);
13492  if (!n && At.WillChange) {
13493    const r = new At.WillChange("auto");
13494    t.addValue("willChange", r), r.add(i);
13495  }
13496}
13497function Km(t) {
13498  return t.props[Wm];
13499}
13500const sN = (t) => t !== null;
13501function lN(t, { repeat: i, repeatType: n = "loop" }, r) {
13502  const s = t.filter(sN), l = i && n !== "loop" && i % 2 === 1 ? 0 : s.length - 1;
13503  return s[l];
13504}
13505const oN = {
13506  type: "spring",
13507  stiffness: 500,
13508  damping: 25,
13509  restSpeed: 10
13510}, cN = (t) => ({
13511  type: "spring",
13512  stiffness: 550,
13513  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
13514  restSpeed: 10
13515}), dN = {
13516  type: "keyframes",
13517  duration: 0.8
13518}, mN = {
13519  type: "keyframes",
13520  ease: [0.25, 0.1, 0.35, 1],
13521  duration: 0.3
13522}, pN = (t, { keyframes: i }) => i.length > 2 ? dN : Ma.has(t) ? t.startsWith("scale") ? cN(i[1]) : oN : mN;
13523function hN({ when: t, delay: i, delayChildren: n, staggerChildren: r, staggerDirection: s, repeat: l, repeatType: o, repeatDelay: d, from: c, elapsed: p, ...h }) {
13524  return !!Object.keys(h).length;
13525}
13526const Zs = (t, i, n, r = {}, s, l) => (o) => {
13527  const d = Es(r, t) || {}, c = d.delay || r.delay || 0;
13528  let { elapsed: p = 0 } = r;
13529  p = p - /* @__PURE__ */ pt(c);
13530  const h = {
13531    keyframes: Array.isArray(n) ? n : [null, n],
13532    ease: "easeOut",
13533    velocity: i.getVelocity(),
13534    ...d,
13535    delay: -p,
13536    onUpdate: (b) => {
13537      i.set(b), d.onUpdate && d.onUpdate(b);
13538    },
13539    onComplete: () => {
13540      o(), d.onComplete && d.onComplete();
13541    },
13542    name: t,
13543    motionValue: i,
13544    element: l ? void 0 : s
13545  };
13546  hN(d) || Object.assign(h, pN(t, h)), h.duration && (h.duration = /* @__PURE__ */ pt(h.duration)), h.repeatDelay && (h.repeatDelay = /* @__PURE__ */ pt(h.repeatDelay)), h.from !== void 0 && (h.keyframes[0] = h.from);
13547  let x = !1;
13548  if ((h.type === !1 || h.duration === 0 && !h.repeatDelay) && (Or(h), h.delay === 0 && (x = !0)), (At.instantAnimations || At.skipAnimations) && (x = !0, Or(h), h.delay = 0), h.allowFlatten = !d.type && !d.ease, x && !l && i.get() !== void 0) {
13549    const b = lN(h.keyframes, d);
13550    if (b !== void 0) {
13551      se.update(() => {
13552        h.onUpdate(b), h.onComplete();
13553      });
13554      return;
13555    }
13556  }
13557  return d.isSync ? new Os(h) : new S2(h);
13558};
13559function uN({ protectedKeys: t, needsAnimating: i }, n) {
13560  const r = t.hasOwnProperty(n) && i[n] !== !0;
13561  return i[n] = !1, r;
13562}
13563function Qm(t, i, { delay: n = 0, transitionOverride: r, type: s } = {}) {
13564  let { transition: l = t.getDefaultTransition(), transitionEnd: o, ...d } = i;
13565  r && (l = r);
13566  const c = [], p = s && t.animationState && t.animationState.getState()[s];
13567  for (const h in d) {
13568    const x = t.getValue(h, t.latestValues[h] ?? null), b = d[h];
13569    if (b === void 0 || p && uN(p, h))
13570      continue;
13571    const g = {
13572      delay: n,
13573      ...Es(l || {}, h)
13574    }, w = x.get();
13575    if (w !== void 0 && !x.isAnimating && !Array.isArray(b) && b === w && !g.velocity)
13576      continue;
13577    let u = !1;
13578    if (window.MotionHandoffAnimation) {
13579      const A = Km(t);
13580      if (A) {
13581        const N = window.MotionHandoffAnimation(A, h, se);
13582        N !== null && (g.startTime = N, u = !0);
13583      }
13584    }
13585    _r(t, h), x.start(Zs(h, x, b, t.shouldReduceMotion && bm.has(h) ? { type: !1 } : g, t, u));
13586    const v = x.animation;
13587    v && c.push(v);
13588  }
13589  return o && Promise.all(c).then(() => {
13590    se.update(() => {
13591      o && nN(t, o);
13592    });
13593  }), c;
13594}
13595function ep(t, i, n, r = 0, s = 1) {
13596  const l = Array.from(t).sort((p, h) => p.sortNodePosition(h)).indexOf(i), o = t.size, d = (o - 1) * r;
13597  return typeof n == "function" ? n(l, o) : s === 1 ? l * r : d - l * r;
13598}
13599function Wr(t, i, n = {}) {
13600  const r = xa(t, i, n.type === "exit" ? t.presenceContext?.custom : void 0);
13601  let { transition: s = t.getDefaultTransition() || {} } = r || {};
13602  n.transitionOverride && (s = n.transitionOverride);
13603  const l = r ? () => Promise.all(Qm(t, r, n)) : () => Promise.resolve(), o = t.variantChildren && t.variantChildren.size ? (c = 0) => {
13604    const { delayChildren: p = 0, staggerChildren: h, staggerDirection: x } = s;
13605    return xN(t, i, c, p, h, x, n);
13606  } : () => Promise.resolve(), { when: d } = s;
13607  if (d) {
13608    const [c, p] = d === "beforeChildren" ? [l, o] : [o, l];
13609    return c().then(() => p());
13610  } else
13611    return Promise.all([l(), o(n.delay)]);
13612}
13613function xN(t, i, n = 0, r = 0, s = 0, l = 1, o) {
13614  const d = [];
13615  for (const c of t.variantChildren)
13616    c.notify("AnimationStart", i), d.push(Wr(c, i, {
13617      ...o,
13618      delay: n + (typeof r == "function" ? 0 : r) + ep(t.variantChildren, c, r, s, l)
13619    }).then(() => c.notify("AnimationComplete", i)));
13620  return Promise.all(d);
13621}
13622function gN(t, i, n = {}) {
13623  t.notify("AnimationStart", i);
13624  let r;
13625  if (Array.isArray(i)) {
13626    const s = i.map((l) => Wr(t, l, n));
13627    r = Promise.all(s);
13628  } else if (typeof i == "string")
13629    r = Wr(t, i, n);
13630  else {
13631    const s = typeof i == "function" ? xa(t, i, n.custom) : i;
13632    r = Promise.all(Qm(t, s, n));
13633  }
13634  return r.then(() => {
13635    t.notify("AnimationComplete", i);
13636  });
13637}
13638function tp(t, i) {
13639  if (!Array.isArray(i))
13640    return !1;
13641  const n = i.length;
13642  if (n !== t.length)
13643    return !1;
13644  for (let r = 0; r < n; r++)
13645    if (i[r] !== t[r])
13646      return !1;
13647  return !0;
13648}
13649const fN = Bs.length;
13650function ap(t) {
13651  if (!t)
13652    return;
13653  if (!t.isControllingVariants) {
13654    const n = t.parent ? ap(t.parent) || {} : {};
13655    return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
13656  }
13657  const i = {};
13658  for (let n = 0; n < fN; n++) {
13659    const r = Bs[n], s = t.props[r];
13660    (ai(s) || s === !1) && (i[r] = s);
13661  }
13662  return i;
13663}
13664const bN = [...zs].reverse(), yN = zs.length;
13665function wN(t) {
13666  return (i) => Promise.all(i.map(({ animation: n, options: r }) => gN(t, n, r)));
13667}
13668function vN(t) {
13669  let i = wN(t), n = Po(), r = !0;
13670  const s = (c) => (p, h) => {
13671    const x = xa(t, h, c === "exit" ? t.presenceContext?.custom : void 0);
13672    if (x) {
13673      const { transition: b, transitionEnd: g, ...w } = x;
13674      p = { ...p, ...w, ...g };
13675    }
13676    return p;
13677  };
13678  function l(c) {
13679    i = c(t);
13680  }
13681  function o(c) {
13682    const { props: p } = t, h = ap(t.parent) || {}, x = [], b = /* @__PURE__ */ new Set();
13683    let g = {}, w = 1 / 0;
13684    for (let v = 0; v < yN; v++) {
13685      const A = bN[v], N = n[A], f = p[A] !== void 0 ? p[A] : h[A], y = ai(f), I = A === c ? N.isActive : null;
13686      I === !1 && (w = v);
13687      let D = f === h[A] && f !== p[A] && y;
13688      if (D && r && t.manuallyAnimateOnMount && (D = !1), N.protectedKeys = { ...g }, // If it isn't active and hasn't *just* been set as inactive
13689      !N.isActive && I === null || // If we didn't and don't have any defined prop for this animation type
13690      !f && !N.prevProp || // Or if the prop doesn't define an animation
13691      Cn(f) || typeof f == "boolean")
13692        continue;
13693      const P = NN(N.prevProp, f);
13694      let k = P || // If we're making this variant active, we want to always make it active
13695      A === c && N.isActive && !D && y || // If we removed a higher-priority variant (i is in reverse order)
13696      v > w && y, H = !1;
13697      const T = Array.isArray(f) ? f : [f];
13698      let M = T.reduce(s(A), {});
13699      I === !1 && (M = {});
13700      const { prevResolvedValues: E = {} } = N, z = {
13701        ...E,
13702        ...M
13703      }, X = (B) => {
13704        k = !0, b.has(B) && (H = !0, b.delete(B)), N.needsAnimating[B] = !0;
13705        const L = t.getValue(B);
13706        L && (L.liveStyle = !1);
13707      };
13708      for (const B in z) {
13709        const L = M[B], F = E[B];
13710        if (g.hasOwnProperty(B))
13711          continue;
13712        let ae = !1;
13713        Fr(L) && Fr(F) ? ae = !tp(L, F) : ae = L !== F, ae ? L != null ? X(B) : b.add(B) : L !== void 0 && b.has(B) ? X(B) : N.protectedKeys[B] = !0;
13714      }
13715      N.prevProp = f, N.prevResolvedValues = M, N.isActive && (g = { ...g, ...M }), r && t.blockInitialAnimation && (k = !1);
13716      const Q = D && P;
13717      k && (!Q || H) && x.push(...T.map((B) => {
13718        const L = { type: A };
13719        if (typeof B == "string" && r && !Q && t.manuallyAnimateOnMount && t.parent) {
13720          const { parent: F } = t, ae = xa(F, B);
13721          if (F.enteringChildren && ae) {
13722            const { delayChildren: Ne } = ae.transition || {};
13723            L.delay = ep(F.enteringChildren, t, Ne);
13724          }
13725        }
13726        return {
13727          animation: B,
13728          options: L
13729        };
13730      }));
13731    }
13732    if (b.size) {
13733      const v = {};
13734      if (typeof p.initial != "boolean") {
13735        const A = xa(t, Array.isArray(p.initial) ? p.initial[0] : p.initial);
13736        A && A.transition && (v.transition = A.transition);
13737      }
13738      b.forEach((A) => {
13739        const N = t.getBaseTarget(A), f = t.getValue(A);
13740        f && (f.liveStyle = !0), v[A] = N ?? null;
13741      }), x.push({ animation: v });
13742    }
13743    let u = !!x.length;
13744    return r && (p.initial === !1 || p.initial === p.animate) && !t.manuallyAnimateOnMount && (u = !1), r = !1, u ? i(x) : Promise.resolve();
13745  }
13746  function d(c, p) {
13747    if (n[c].isActive === p)
13748      return Promise.resolve();
13749    t.variantChildren?.forEach((x) => x.animationState?.setActive(c, p)), n[c].isActive = p;
13750    const h = o(c);
13751    for (const x in n)
13752      n[x].protectedKeys = {};
13753    return h;
13754  }
13755  return {
13756    animateChanges: o,
13757    setActive: d,
13758    setAnimateFunction: l,
13759    getState: () => n,
13760    reset: () => {
13761      n = Po();
13762    }
13763  };
13764}
13765function NN(t, i) {
13766  return typeof i == "string" ? i !== t : Array.isArray(i) ? !tp(i, t) : !1;
13767}
13768function Ft(t = !1) {
13769  return {
13770    isActive: t,
13771    protectedKeys: {},
13772    needsAnimating: {},
13773    prevResolvedValues: {}
13774  };
13775}
13776function Po() {
13777  return {
13778    animate: Ft(!0),
13779    whileInView: Ft(),
13780    whileHover: Ft(),
13781    whileTap: Ft(),
13782    whileDrag: Ft(),
13783    whileFocus: Ft(),
13784    exit: Ft()
13785  };
13786}
13787class jt {
13788  constructor(i) {
13789    this.isMounted = !1, this.node = i;
13790  }
13791  update() {
13792  }
13793}
13794class AN extends jt {
13795  /**
13796   * We dynamically generate the AnimationState manager as it contains a reference
13797   * to the underlying animation library. We only want to load that if we load this,
13798   * so people can optionally code split it out using the `m` component.
13799   */
13800  constructor(i) {
13801    super(i), i.animationState || (i.animationState = vN(i));
13802  }
13803  updateAnimationControlsSubscription() {
13804    const { animate: i } = this.node.getProps();
13805    Cn(i) && (this.unmountControls = i.subscribe(this.node));
13806  }
13807  /**
13808   * Subscribe any provided AnimationControls to the component's VisualElement
13809   */
13810  mount() {
13811    this.updateAnimationControlsSubscription();
13812  }
13813  update() {
13814    const { animate: i } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
13815    i !== n && this.updateAnimationControlsSubscription();
13816  }
13817  unmount() {
13818    this.node.animationState.reset(), this.unmountControls?.();
13819  }
13820}
13821let IN = 0;
13822class SN extends jt {
13823  constructor() {
13824    super(...arguments), this.id = IN++;
13825  }
13826  update() {
13827    if (!this.node.presenceContext)
13828      return;
13829    const { isPresent: i, onExitComplete: n } = this.node.presenceContext, { isPresent: r } = this.node.prevPresenceContext || {};
13830    if (!this.node.animationState || i === r)
13831      return;
13832    const s = this.node.animationState.setActive("exit", !i);
13833    n && !i && s.then(() => {
13834      n(this.id);
13835    });
13836  }
13837  mount() {
13838    const { register: i, onExitComplete: n } = this.node.presenceContext || {};
13839    n && n(this.id), i && (this.unmount = i(this.id));
13840  }
13841  unmount() {
13842  }
13843}
13844const CN = {
13845  animation: {
13846    Feature: AN
13847  },
13848  exit: {
13849    Feature: SN
13850  }
13851};
13852function ni(t, i, n, r = { passive: !0 }) {
13853  return t.addEventListener(i, n, r), () => t.removeEventListener(i, n);
13854}
13855function vi(t) {
13856  return {
13857    point: {
13858      x: t.pageX,
13859      y: t.pageY
13860    }
13861  };
13862}
13863const MN = (t) => (i) => _s(i) && t(i, vi(i));
13864function Ba(t, i, n, r) {
13865  return ni(t, i, MN(n), r);
13866}
13867const ip = 1e-4, DN = 1 - ip, kN = 1 + ip, np = 0.01, TN = 0 - np, PN = 0 + np;
13868function Pe(t) {
13869  return t.max - t.min;
13870}
13871function LN(t, i, n) {
13872  return Math.abs(t - i) <= n;
13873}
13874function Lo(t, i, n, r = 0.5) {
13875  t.origin = r, t.originPoint = he(i.min, i.max, t.origin), t.scale = Pe(n) / Pe(i), t.translate = he(n.min, n.max, t.origin) - t.originPoint, (t.scale >= DN && t.scale <= kN || isNaN(t.scale)) && (t.scale = 1), (t.translate >= TN && t.translate <= PN || isNaN(t.translate)) && (t.translate = 0);
13876}
13877function Ga(t, i, n, r) {
13878  Lo(t.x, i.x, n.x, r ? r.originX : void 0), Lo(t.y, i.y, n.y, r ? r.originY : void 0);
13879}
13880function Ho(t, i, n) {
13881  t.min = n.min + i.min, t.max = t.min + Pe(i);
13882}
13883function HN(t, i, n) {
13884  Ho(t.x, i.x, n.x), Ho(t.y, i.y, n.y);
13885}
13886function Oo(t, i, n) {
13887  t.min = i.min - n.min, t.max = t.min + Pe(i);
13888}
13889function Ua(t, i, n) {
13890  Oo(t.x, i.x, n.x), Oo(t.y, i.y, n.y);
13891}
13892function qe(t) {
13893  return [t("x"), t("y")];
13894}
13895const rp = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Vo = (t, i) => Math.abs(t - i);
13896function ON(t, i) {
13897  const n = Vo(t.x, i.x), r = Vo(t.y, i.y);
13898  return Math.sqrt(n ** 2 + r ** 2);
13899}
13900class sp {
13901  constructor(i, n, { transformPagePoint: r, contextWindow: s = window, dragSnapToOrigin: l = !1, distanceThreshold: o = 3 } = {}) {
13902    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
13903      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
13904        return;
13905      const b = tr(this.lastMoveEventInfo, this.history), g = this.startEvent !== null, w = ON(b.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
13906      if (!g && !w)
13907        return;
13908      const { point: u } = b, { timestamp: v } = Ie;
13909      this.history.push({ ...u, timestamp: v });
13910      const { onStart: A, onMove: N } = this.handlers;
13911      g || (A && A(this.lastMoveEvent, b), this.startEvent = this.lastMoveEvent), N && N(this.lastMoveEvent, b);
13912    }, this.handlePointerMove = (b, g) => {
13913      this.lastMoveEvent = b, this.lastMoveEventInfo = er(g, this.transformPagePoint), se.update(this.updatePoint, !0);
13914    }, this.handlePointerUp = (b, g) => {
13915      this.end();
13916      const { onEnd: w, onSessionEnd: u, resumeAnimation: v } = this.handlers;
13917      if (this.dragSnapToOrigin && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
13918        return;
13919      const A = tr(b.type === "pointercancel" ? this.lastMoveEventInfo : er(g, this.transformPagePoint), this.history);
13920      this.startEvent && w && w(b, A), u && u(b, A);
13921    }, !_s(i))
13922      return;
13923    this.dragSnapToOrigin = l, this.handlers = n, this.transformPagePoint = r, this.distanceThreshold = o, this.contextWindow = s || window;
13924    const d = vi(i), c = er(d, this.transformPagePoint), { point: p } = c, { timestamp: h } = Ie;
13925    this.history = [{ ...p, timestamp: h }];
13926    const { onSessionStart: x } = n;
13927    x && x(i, tr(c, this.history)), this.removeListeners = bi(Ba(this.contextWindow, "pointermove", this.handlePointerMove), Ba(this.contextWindow, "pointerup", this.handlePointerUp), Ba(this.contextWindow, "pointercancel", this.handlePointerUp));
13928  }
13929  updateHandlers(i) {
13930    this.handlers = i;
13931  }
13932  end() {
13933    this.removeListeners && this.removeListeners(), st(this.updatePoint);
13934  }
13935}
13936function er(t, i) {
13937  return i ? { point: i(t.point) } : t;
13938}
13939function Eo(t, i) {
13940  return { x: t.x - i.x, y: t.y - i.y };
13941}
13942function tr({ point: t }, i) {
13943  return {
13944    point: t,
13945    delta: Eo(t, lp(i)),
13946    offset: Eo(t, VN(i)),
13947    velocity: EN(i, 0.1)
13948  };
13949}
13950function VN(t) {
13951  return t[0];
13952}
13953function lp(t) {
13954  return t[t.length - 1];
13955}
13956function EN(t, i) {
13957  if (t.length < 2)
13958    return { x: 0, y: 0 };
13959  let n = t.length - 1, r = null;
13960  const s = lp(t);
13961  for (; n >= 0 && (r = t[n], !(s.timestamp - r.timestamp > /* @__PURE__ */ pt(i))); )
13962    n--;
13963  if (!r)
13964    return { x: 0, y: 0 };
13965  const l = /* @__PURE__ */ Je(s.timestamp - r.timestamp);
13966  if (l === 0)
13967    return { x: 0, y: 0 };
13968  const o = {
13969    x: (s.x - r.x) / l,
13970    y: (s.y - r.y) / l
13971  };
13972  return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
13973}
13974function jN(t, { min: i, max: n }, r) {
13975  return i !== void 0 && t < i ? t = r ? he(i, t, r.min) : Math.max(t, i) : n !== void 0 && t > n && (t = r ? he(n, t, r.max) : Math.min(t, n)), t;
13976}
13977function jo(t, i, n) {
13978  return {
13979    min: i !== void 0 ? t.min + i : void 0,
13980    max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
13981  };
13982}
13983function RN(t, { top: i, left: n, bottom: r, right: s }) {
13984  return {
13985    x: jo(t.x, n, s),
13986    y: jo(t.y, i, r)
13987  };
13988}
13989function Ro(t, i) {
13990  let n = i.min - t.min, r = i.max - t.max;
13991  return i.max - i.min < t.max - t.min && ([n, r] = [r, n]), { min: n, max: r };
13992}
13993function FN(t, i) {
13994  return {
13995    x: Ro(t.x, i.x),
13996    y: Ro(t.y, i.y)
13997  };
13998}
13999function _N(t, i) {
14000  let n = 0.5;
14001  const r = Pe(t), s = Pe(i);
14002  return s > r ? n = /* @__PURE__ */ ba(i.min, i.max - r, t.min) : r > s && (n = /* @__PURE__ */ ba(t.min, t.max - s, i.min)), gt(0, 1, n);
14003}
14004function WN(t, i) {
14005  const n = {};
14006  return i.min !== void 0 && (n.min = i.min - t.min), i.max !== void 0 && (n.max = i.max - t.min), n;
14007}
14008const zr = 0.35;
14009function zN(t = zr) {
14010  return t === !1 ? t = 0 : t === !0 && (t = zr), {
14011    x: Fo(t, "left", "right"),
14012    y: Fo(t, "top", "bottom")
14013  };
14014}
14015function Fo(t, i, n) {
14016  return {
14017    min: _o(t, i),
14018    max: _o(t, n)
14019  };
14020}
14021function _o(t, i) {
14022  return typeof t == "number" ? t : t[i] || 0;
14023}
14024const BN = /* @__PURE__ */ new WeakMap();
14025class GN {
14026  constructor(i) {
14027    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = be(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = i;
14028  }
14029  start(i, { snapToCursor: n = !1, distanceThreshold: r } = {}) {
14030    const { presenceContext: s } = this.visualElement;
14031    if (s && s.isPresent === !1)
14032      return;
14033    const l = (x) => {
14034      const { dragSnapToOrigin: b } = this.getProps();
14035      b ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(vi(x).point);
14036    }, o = (x, b) => {
14037      const { drag: g, dragPropagation: w, onDragStart: u } = this.getProps();
14038      if (g && !w && (this.openDragLock && this.openDragLock(), this.openDragLock = _2(g), !this.openDragLock))
14039        return;
14040      this.latestPointerEvent = x, this.latestPanInfo = b, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), qe((A) => {
14041        let N = this.getAxisMotionValue(A).get() || 0;
14042        if (ht.test(N)) {
14043          const { projection: f } = this.visualElement;
14044          if (f && f.layout) {
14045            const y = f.layout.layoutBox[A];
14046            y && (N = Pe(y) * (parseFloat(N) / 100));
14047          }
14048        }
14049        this.originPoint[A] = N;
14050      }), u && se.postRender(() => u(x, b)), _r(this.visualElement, "transform");
14051      const { animationState: v } = this.visualElement;
14052      v && v.setActive("whileDrag", !0);
14053    }, d = (x, b) => {
14054      this.latestPointerEvent = x, this.latestPanInfo = b;
14055      const { dragPropagation: g, dragDirectionLock: w, onDirectionLock: u, onDrag: v } = this.getProps();
14056      if (!g && !this.openDragLock)
14057        return;
14058      const { offset: A } = b;
14059      if (w && this.currentDirection === null) {
14060        this.currentDirection = UN(A), this.currentDirection !== null && u && u(this.currentDirection);
14061        return;
14062      }
14063      this.updateAxis("x", b.point, A), this.updateAxis("y", b.point, A), this.visualElement.render(), v && v(x, b);
14064    }, c = (x, b) => {
14065      this.latestPointerEvent = x, this.latestPanInfo = b, this.stop(x, b), this.latestPointerEvent = null, this.latestPanInfo = null;
14066    }, p = () => qe((x) => this.getAnimationState(x) === "paused" && this.getAxisMotionValue(x).animation?.play()), { dragSnapToOrigin: h } = this.getProps();
14067    this.panSession = new sp(i, {
14068      onSessionStart: l,
14069      onStart: o,
14070      onMove: d,
14071      onSessionEnd: c,
14072      resumeAnimation: p
14073    }, {
vendor: 7,072 bytes, lines 14074-14255
14074      transformPagePoint: this.visualElement.getTransformPagePoint(),
14075      dragSnapToOrigin: h,
14076      distanceThreshold: r,
14077      contextWindow: rp(this.visualElement)
14078    });
14079  }
14080  /**
14081   * @internal
14082   */
14083  stop(i, n) {
14084    const r = i || this.latestPointerEvent, s = n || this.latestPanInfo, l = this.isDragging;
14085    if (this.cancel(), !l || !s || !r)
14086      return;
14087    const { velocity: o } = s;
14088    this.startAnimation(o);
14089    const { onDragEnd: d } = this.getProps();
14090    d && se.postRender(() => d(r, s));
14091  }
14092  /**
14093   * @internal
14094   */
14095  cancel() {
14096    this.isDragging = !1;
14097    const { projection: i, animationState: n } = this.visualElement;
14098    i && (i.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
14099    const { dragPropagation: r } = this.getProps();
14100    !r && this.openDragLock && (this.openDragLock(), this.openDragLock = null), n && n.setActive("whileDrag", !1);
14101  }
14102  updateAxis(i, n, r) {
14103    const { drag: s } = this.getProps();
14104    if (!r || !Vi(i, s, this.currentDirection))
14105      return;
14106    const l = this.getAxisMotionValue(i);
14107    let o = this.originPoint[i] + r[i];
14108    this.constraints && this.constraints[i] && (o = jN(o, this.constraints[i], this.elastic[i])), l.set(o);
14109  }
14110  resolveConstraints() {
14111    const { dragConstraints: i, dragElastic: n } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, s = this.constraints;
14112    i && oa(i) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : i && r ? this.constraints = RN(r.layoutBox, i) : this.constraints = !1, this.elastic = zN(n), s !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && qe((l) => {
14113      this.constraints !== !1 && this.getAxisMotionValue(l) && (this.constraints[l] = WN(r.layoutBox[l], this.constraints[l]));
14114    });
14115  }
14116  resolveRefConstraints() {
14117    const { dragConstraints: i, onMeasureDragConstraints: n } = this.getProps();
14118    if (!i || !oa(i))
14119      return !1;
14120    const r = i.current, { projection: s } = this.visualElement;
14121    if (!s || !s.layout)
14122      return !1;
14123    const l = qv(r, s.root, this.visualElement.getTransformPagePoint());
14124    let o = FN(s.layout.layoutBox, l);
14125    if (n) {
14126      const d = n(Bv(o));
14127      this.hasMutatedConstraints = !!d, d && (o = Gm(d));
14128    }
14129    return o;
14130  }
14131  startAnimation(i) {
14132    const { drag: n, dragMomentum: r, dragElastic: s, dragTransition: l, dragSnapToOrigin: o, onDragTransitionEnd: d } = this.getProps(), c = this.constraints || {}, p = qe((h) => {
14133      if (!Vi(h, n, this.currentDirection))
14134        return;
14135      let x = c && c[h] || {};
14136      o && (x = { min: 0, max: 0 });
14137      const b = s ? 200 : 1e6, g = s ? 40 : 1e7, w = {
14138        type: "inertia",
14139        velocity: r ? i[h] : 0,
14140        bounceStiffness: b,
14141        bounceDamping: g,
14142        timeConstant: 750,
14143        restDelta: 1,
14144        restSpeed: 10,
14145        ...l,
14146        ...x
14147      };
14148      return this.startAxisValueAnimation(h, w);
14149    });
14150    return Promise.all(p).then(d);
14151  }
14152  startAxisValueAnimation(i, n) {
14153    const r = this.getAxisMotionValue(i);
14154    return _r(this.visualElement, i), r.start(Zs(i, r, 0, n, this.visualElement, !1));
14155  }
14156  stopAnimation() {
14157    qe((i) => this.getAxisMotionValue(i).stop());
14158  }
14159  pauseAnimation() {
14160    qe((i) => this.getAxisMotionValue(i).animation?.pause());
14161  }
14162  getAnimationState(i) {
14163    return this.getAxisMotionValue(i).animation?.state;
14164  }
14165  /**
14166   * Drag works differently depending on which props are provided.
14167   *
14168   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
14169   * - Otherwise, we apply the delta to the x/y motion values.
14170   */
14171  getAxisMotionValue(i) {
14172    const n = `_drag${i.toUpperCase()}`, r = this.visualElement.getProps(), s = r[n];
14173    return s || this.visualElement.getValue(i, (r.initial ? r.initial[i] : void 0) || 0);
14174  }
14175  snapToCursor(i) {
14176    qe((n) => {
14177      const { drag: r } = this.getProps();
14178      if (!Vi(n, r, this.currentDirection))
14179        return;
14180      const { projection: s } = this.visualElement, l = this.getAxisMotionValue(n);
14181      if (s && s.layout) {
14182        const { min: o, max: d } = s.layout.layoutBox[n];
14183        l.set(i[n] - he(o, d, 0.5));
14184      }
14185    });
14186  }
14187  /**
14188   * When the viewport resizes we want to check if the measured constraints
14189   * have changed and, if so, reposition the element within those new constraints
14190   * relative to where it was before the resize.
14191   */
14192  scalePositionWithinConstraints() {
14193    if (!this.visualElement.current)
14194      return;
14195    const { drag: i, dragConstraints: n } = this.getProps(), { projection: r } = this.visualElement;
14196    if (!oa(n) || !r || !this.constraints)
14197      return;
14198    this.stopAnimation();
14199    const s = { x: 0, y: 0 };
14200    qe((o) => {
14201      const d = this.getAxisMotionValue(o);
14202      if (d && this.constraints !== !1) {
14203        const c = d.get();
14204        s[o] = _N({ min: c, max: c }, this.constraints[o]);
14205      }
14206    });
14207    const { transformTemplate: l } = this.visualElement.getProps();
14208    this.visualElement.current.style.transform = l ? l({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), qe((o) => {
14209      if (!Vi(o, i, null))
14210        return;
14211      const d = this.getAxisMotionValue(o), { min: c, max: p } = this.constraints[o];
14212      d.set(he(c, p, s[o]));
14213    });
14214  }
14215  addListeners() {
14216    if (!this.visualElement.current)
14217      return;
14218    BN.set(this.visualElement, this);
14219    const i = this.visualElement.current, n = Ba(i, "pointerdown", (c) => {
14220      const { drag: p, dragListener: h = !0 } = this.getProps();
14221      p && h && this.start(c);
14222    }), r = () => {
14223      const { dragConstraints: c } = this.getProps();
14224      oa(c) && c.current && (this.constraints = this.resolveRefConstraints());
14225    }, { projection: s } = this.visualElement, l = s.addEventListener("measure", r);
14226    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), se.read(r);
14227    const o = ni(window, "resize", () => this.scalePositionWithinConstraints()), d = s.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: p }) => {
14228      this.isDragging && p && (qe((h) => {
14229        const x = this.getAxisMotionValue(h);
14230        x && (this.originPoint[h] += c[h].translate, x.set(x.get() + c[h].translate));
14231      }), this.visualElement.render());
14232    }));
14233    return () => {
14234      o(), n(), l(), d && d();
14235    };
14236  }
14237  getProps() {
14238    const i = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: r = !1, dragPropagation: s = !1, dragConstraints: l = !1, dragElastic: o = zr, dragMomentum: d = !0 } = i;
14239    return {
14240      ...i,
14241      drag: n,
14242      dragDirectionLock: r,
14243      dragPropagation: s,
14244      dragConstraints: l,
14245      dragElastic: o,
14246      dragMomentum: d
14247    };
14248  }
14249}
14250function Vi(t, i, n) {
14251  return (i === !0 || i === t) && (n === null || n === t);
14252}
14253function UN(t, i = 10) {
14254  let n = null;
14255  return Math.abs(t.y) >
vendor: 5,225 bytes, lines 14255-14418
14255 i ? n = "y" : Math.abs(t.x) > i && (n = "x"), n;
14256}
14257class qN extends jt {
14258  constructor(i) {
14259    super(i), this.removeGroupControls = Fe, this.removeListeners = Fe, this.controls = new GN(i);
14260  }
14261  mount() {
14262    const { dragControls: i } = this.node.getProps();
14263    i && (this.removeGroupControls = i.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || Fe;
14264  }
14265  unmount() {
14266    this.removeGroupControls(), this.removeListeners();
14267  }
14268}
14269const Wo = (t) => (i, n) => {
14270  t && se.postRender(() => t(i, n));
14271};
14272class YN extends jt {
14273  constructor() {
14274    super(...arguments), this.removePointerDownListener = Fe;
14275  }
14276  onPointerDown(i) {
14277    this.session = new sp(i, this.createPanHandlers(), {
14278      transformPagePoint: this.node.getTransformPagePoint(),
14279      contextWindow: rp(this.node)
14280    });
14281  }
14282  createPanHandlers() {
14283    const { onPanSessionStart: i, onPanStart: n, onPan: r, onPanEnd: s } = this.node.getProps();
14284    return {
14285      onSessionStart: Wo(i),
14286      onStart: Wo(n),
14287      onMove: r,
14288      onEnd: (l, o) => {
14289        delete this.session, s && se.postRender(() => s(l, o));
14290      }
14291    };
14292  }
14293  mount() {
14294    this.removePointerDownListener = Ba(this.node.current, "pointerdown", (i) => this.onPointerDown(i));
14295  }
14296  update() {
14297    this.session && this.session.updateHandlers(this.createPanHandlers());
14298  }
14299  unmount() {
14300    this.removePointerDownListener(), this.session && this.session.end();
14301  }
14302}
14303const Yi = {
14304  /**
14305   * Global flag as to whether the tree has animated since the last time
14306   * we resized the window
14307   */
14308  hasAnimatedSinceResize: !0,
14309  /**
14310   * We set this to true once, on the first update. Any nodes added to the tree beyond that
14311   * update will be given a `data-projection-id` attribute.
14312   */
14313  hasEverUpdated: !1
14314};
14315function zo(t, i) {
14316  return i.max === i.min ? 0 : t / (i.max - i.min) * 100;
14317}
14318const Pa = {
14319  correct: (t, i) => {
14320    if (!i.target)
14321      return t;
14322    if (typeof t == "string")
14323      if (U.test(t))
14324        t = parseFloat(t);
14325      else
14326        return t;
14327    const n = zo(t, i.target.x), r = zo(t, i.target.y);
14328    return `${n}% ${r}%`;
14329  }
14330}, XN = {
14331  correct: (t, { treeScale: i, projectionDelta: n }) => {
14332    const r = t, s = Et.parse(t);
14333    if (s.length > 5)
14334      return r;
14335    const l = Et.createTransformer(t), o = typeof s[0] != "number" ? 1 : 0, d = n.x.scale * i.x, c = n.y.scale * i.y;
14336    s[0 + o] /= d, s[1 + o] /= c;
14337    const p = he(d, c, 0.5);
14338    return typeof s[2 + o] == "number" && (s[2 + o] /= p), typeof s[3 + o] == "number" && (s[3 + o] /= p), l(s);
14339  }
14340};
14341let ar = !1;
14342class JN extends Ur {
14343  /**
14344   * This only mounts projection nodes for components that
14345   * need measuring, we might want to do it for all components
14346   * in order to incorporate transforms
14347   */
14348  componentDidMount() {
14349    const { visualElement: i, layoutGroup: n, switchLayoutGroup: r, layoutId: s } = this.props, { projection: l } = i;
14350    fv(ZN), l && (n.group && n.group.add(l), r && r.register && s && r.register(l), ar && l.root.didUpdate(), l.addEventListener("animationComplete", () => {
14351      this.safeToRemove();
14352    }), l.setOptions({
14353      ...l.options,
14354      onExitComplete: () => this.safeToRemove()
14355    })), Yi.hasEverUpdated = !0;
14356  }
14357  getSnapshotBeforeUpdate(i) {
14358    const { layoutDependency: n, visualElement: r, drag: s, isPresent: l } = this.props, { projection: o } = r;
14359    return o && (o.isPresent = l, ar = !0, s || i.layoutDependency !== n || n === void 0 || i.isPresent !== l ? o.willUpdate() : this.safeToRemove(), i.isPresent !== l && (l ? o.promote() : o.relegate() || se.postRender(() => {
14360      const d = o.getStack();
14361      (!d || !d.members.length) && this.safeToRemove();
14362    }))), null;
14363  }
14364  componentDidUpdate() {
14365    const { projection: i } = this.props.visualElement;
14366    i && (i.root.didUpdate(), Fs.postRender(() => {
14367      !i.currentAnimation && i.isLead() && this.safeToRemove();
14368    }));
14369  }
14370  componentWillUnmount() {
14371    const { visualElement: i, layoutGroup: n, switchLayoutGroup: r } = this.props, { projection: s } = i;
14372    ar = !0, s && (s.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(s), r && r.deregister && r.deregister(s));
14373  }
14374  safeToRemove() {
14375    const { safeToRemove: i } = this.props;
14376    i && i();
14377  }
14378  render() {
14379    return null;
14380  }
14381}
14382function op(t) {
14383  const [i, n] = Tm(), r = pe(gs);
14384  return e(JN, { ...t, layoutGroup: r, switchLayoutGroup: pe(zm), isPresent: i, safeToRemove: n });
14385}
14386const ZN = {
14387  borderRadius: {
14388    ...Pa,
14389    applyTo: [
14390      "borderTopLeftRadius",
14391      "borderTopRightRadius",
14392      "borderBottomLeftRadius",
14393      "borderBottomRightRadius"
14394    ]
14395  },
14396  borderTopLeftRadius: Pa,
14397  borderTopRightRadius: Pa,
14398  borderBottomLeftRadius: Pa,
14399  borderBottomRightRadius: Pa,
14400  boxShadow: XN
14401};
14402function $N(t, i, n) {
14403  const r = ke(t) ? t : tt(t);
14404  return r.start(Zs("", r, i, n)), r.animation;
14405}
14406const KN = (t, i) => t.depth - i.depth;
14407class QN {
14408  constructor() {
14409    this.children = [], this.isDirty = !1;
14410  }
14411  add(i) {
14412    bs(this.children, i), this.isDirty = !0;
14413  }
14414  remove(i) {
14415    ys(this.children, i), this.isDirty = !0;
14416  }
14417  forEach(i) {
14418    this.isDirty && this.children.sort(KN), this.isDirty = !1, this.children.forEac
vendor: 1,556 bytes, lines 14418-14457
14418h(i);
14419  }
14420}
14421function e3(t, i) {
14422  const n = Ee.now(), r = ({ timestamp: s }) => {
14423    const l = s - n;
14424    l >= i && (st(r), t(l - i));
14425  };
14426  return se.setup(r, !0), () => st(r);
14427}
14428const cp = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], t3 = cp.length, Bo = (t) => typeof t == "string" ? parseFloat(t) : t, Go = (t) => typeof t == "number" || U.test(t);
14429function a3(t, i, n, r, s, l) {
14430  s ? (t.opacity = he(0, n.opacity ?? 1, i3(r)), t.opacityExit = he(i.opacity ?? 1, 0, n3(r))) : l && (t.opacity = he(i.opacity ?? 1, n.opacity ?? 1, r));
14431  for (let o = 0; o < t3; o++) {
14432    const d = `border${cp[o]}Radius`;
14433    let c = Uo(i, d), p = Uo(n, d);
14434    if (c === void 0 && p === void 0)
14435      continue;
14436    c || (c = 0), p || (p = 0), c === 0 || p === 0 || Go(c) === Go(p) ? (t[d] = Math.max(he(Bo(c), Bo(p), r), 0), (ht.test(p) || ht.test(c)) && (t[d] += "%")) : t[d] = p;
14437  }
14438  (i.rotate || n.rotate) && (t.rotate = he(i.rotate || 0, n.rotate || 0, r));
14439}
14440function Uo(t, i) {
14441  return t[i] !== void 0 ? t[i] : t.borderRadius;
14442}
14443const i3 = /* @__PURE__ */ dp(0, 0.5, Y0), n3 = /* @__PURE__ */ dp(0.5, 0.95, Fe);
14444function dp(t, i, n) {
14445  return (r) => r < t ? 0 : r > i ? 1 : n(/* @__PURE__ */ ba(t, i, r));
14446}
14447function qo(t, i) {
14448  t.min = i.min, t.max = i.max;
14449}
14450function Ue(t, i) {
14451  qo(t.x, i.x), qo(t.y, i.y);
14452}
14453function Yo(t, i) {
14454  t.translate = i.translate, t.scale = i.scale, t.originPoint = i.originPoint, t.origin = i.origin;
14455}
14456function Xo(t, i, n, r, s) {
14457  return t -= i, t = on(t, 1 / n, r), s !== void 0 && (t = on(t, 1 / s, r)), t;
vendor: 5,189 bytes, lines 14458-14585
14458}
14459function r3(t, i = 0, n = 1, r = 0.5, s, l = t, o = t) {
14460  if (ht.test(i) && (i = parseFloat(i), i = he(o.min, o.max, i / 100) - o.min), typeof i != "number")
14461    return;
14462  let d = he(l.min, l.max, r);
14463  t === l && (d -= i), t.min = Xo(t.min, i, n, d, s), t.max = Xo(t.max, i, n, d, s);
14464}
14465function Jo(t, i, [n, r, s], l, o) {
14466  r3(t, i[n], i[r], i[s], i.scale, l, o);
14467}
14468const s3 = ["x", "scaleX", "originX"], l3 = ["y", "scaleY", "originY"];
14469function Zo(t, i, n, r) {
14470  Jo(t.x, i, s3, n ? n.x : void 0, r ? r.x : void 0), Jo(t.y, i, l3, n ? n.y : void 0, r ? r.y : void 0);
14471}
14472function $o(t) {
14473  return t.translate === 0 && t.scale === 1;
14474}
14475function mp(t) {
14476  return $o(t.x) && $o(t.y);
14477}
14478function Ko(t, i) {
14479  return t.min === i.min && t.max === i.max;
14480}
14481function o3(t, i) {
14482  return Ko(t.x, i.x) && Ko(t.y, i.y);
14483}
14484function Qo(t, i) {
14485  return Math.round(t.min) === Math.round(i.min) && Math.round(t.max) === Math.round(i.max);
14486}
14487function pp(t, i) {
14488  return Qo(t.x, i.x) && Qo(t.y, i.y);
14489}
14490function ec(t) {
14491  return Pe(t.x) / Pe(t.y);
14492}
14493function tc(t, i) {
14494  return t.translate === i.translate && t.scale === i.scale && t.originPoint === i.originPoint;
14495}
14496class c3 {
14497  constructor() {
14498    this.members = [];
14499  }
14500  add(i) {
14501    bs(this.members, i), i.scheduleRender();
14502  }
14503  remove(i) {
14504    if (ys(this.members, i), i === this.prevLead && (this.prevLead = void 0), i === this.lead) {
14505      const n = this.members[this.members.length - 1];
14506      n && this.promote(n);
14507    }
14508  }
14509  relegate(i) {
14510    const n = this.members.findIndex((s) => i === s);
14511    if (n === 0)
14512      return !1;
14513    let r;
14514    for (let s = n; s >= 0; s--) {
14515      const l = this.members[s];
14516      if (l.isPresent !== !1) {
14517        r = l;
14518        break;
14519      }
14520    }
14521    return r ? (this.promote(r), !0) : !1;
14522  }
14523  promote(i, n) {
14524    const r = this.lead;
14525    if (i !== r && (this.prevLead = r, this.lead = i, i.show(), r)) {
14526      r.instance && r.scheduleRender(), i.scheduleRender(), i.resumeFrom = r, n && (i.resumeFrom.preserveOpacity = !0), r.snapshot && (i.snapshot = r.snapshot, i.snapshot.latestValues = r.animationValues || r.latestValues), i.root && i.root.isUpdating && (i.isLayoutDirty = !0);
14527      const { crossfade: s } = i.options;
14528      s === !1 && r.hide();
14529    }
14530  }
14531  exitAnimationComplete() {
14532    this.members.forEach((i) => {
14533      const { options: n, resumingFrom: r } = i;
14534      n.onExitComplete && n.onExitComplete(), r && r.options.onExitComplete && r.options.onExitComplete();
14535    });
14536  }
14537  scheduleRender() {
14538    this.members.forEach((i) => {
14539      i.instance && i.scheduleRender(!1);
14540    });
14541  }
14542  /**
14543   * Clear any leads that have been removed this render to prevent them from being
14544   * used in future animations and to prevent memory leaks
14545   */
14546  removeLeadSnapshot() {
14547    this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
14548  }
14549}
14550function d3(t, i, n) {
14551  let r = "";
14552  const s = t.x.translate / i.x, l = t.y.translate / i.y, o = n?.z || 0;
14553  if ((s || l || o) && (r = `translate3d(${s}px, ${l}px, ${o}px) `), (i.x !== 1 || i.y !== 1) && (r += `scale(${1 / i.x}, ${1 / i.y}) `), n) {
14554    const { transformPerspective: p, rotate: h, rotateX: x, rotateY: b, skewX: g, skewY: w } = n;
14555    p && (r = `perspective(${p}px) ${r}`), h && (r += `rotate(${h}deg) `), x && (r += `rotateX(${x}deg) `), b && (r += `rotateY(${b}deg) `), g && (r += `skewX(${g}deg) `), w && (r += `skewY(${w}deg) `);
14556  }
14557  const d = t.x.scale * i.x, c = t.y.scale * i.y;
14558  return (d !== 1 || c !== 1) && (r += `scale(${d}, ${c})`), r || "none";
14559}
14560const ir = ["", "X", "Y", "Z"], m3 = 1e3;
14561let p3 = 0;
14562function nr(t, i, n, r) {
14563  const { latestValues: s } = i;
14564  s[t] && (n[t] = s[t], i.setStaticValue(t, 0), r && (r[t] = 0));
14565}
14566function hp(t) {
14567  if (t.hasCheckedOptimisedAppear = !0, t.root === t)
14568    return;
14569  const { visualElement: i } = t.options;
14570  if (!i)
14571    return;
14572  const n = Km(i);
14573  if (window.MotionHasOptimisedAnimation(n, "transform")) {
14574    const { layout: s, layoutId: l } = t.options;
14575    window.MotionCancelOptimisedAnimation(n, "transform", se, !(s || l));
14576  }
14577  const { parent: r } = t;
14578  r && !r.hasCheckedOptimisedAppear && hp(r);
14579}
14580function up({ attachResizeListener: t, defaultParent: i, measureScroll: n, checkIsScrollRoot: r, resetTransform: s }) {
14581  return class {
14582    constructor(o = {}, d = i?.()) {
14583      this.id = p3++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
14584        this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
14585      }, this.updateProjection = () => {
vendor: 10,919 bytes, lines 14586-14821
14586        this.projectionUpdateScheduled = !1, this.nodes.forEach(x3), this.nodes.forEach(y3), this.nodes.forEach(w3), this.nodes.forEach(g3);
14587      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = o, this.root = d ? d.root || d : this, this.path = d ? [...d.path, d] : [], this.parent = d, this.depth = d ? d.depth + 1 : 0;
14588      for (let c = 0; c < this.path.length; c++)
14589        this.path[c].shouldResetTransform = !0;
14590      this.root === this && (this.nodes = new QN());
14591    }
14592    addEventListener(o, d) {
14593      return this.eventHandlers.has(o) || this.eventHandlers.set(o, new vs()), this.eventHandlers.get(o).add(d);
14594    }
14595    notifyListeners(o, ...d) {
14596      const c = this.eventHandlers.get(o);
14597      c && c.notify(...d);
14598    }
14599    hasListeners(o) {
14600      return this.eventHandlers.has(o);
14601    }
14602    /**
14603     * Lifecycles
14604     */
14605    mount(o) {
14606      if (this.instance)
14607        return;
14608      this.isSVG = Ws(o) && !tv(o), this.instance = o;
14609      const { layoutId: d, layout: c, visualElement: p } = this.options;
14610      if (p && !p.current && p.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (c || d) && (this.isLayoutDirty = !0), t) {
14611        let h, x = 0;
14612        const b = () => this.root.updateBlockedByResize = !1;
14613        se.read(() => {
14614          x = window.innerWidth;
14615        }), t(o, () => {
14616          const g = window.innerWidth;
14617          g !== x && (x = g, this.root.updateBlockedByResize = !0, h && h(), h = e3(b, 250), Yi.hasAnimatedSinceResize && (Yi.hasAnimatedSinceResize = !1, this.nodes.forEach(nc)));
14618        });
14619      }
14620      d && this.root.registerSharedNode(d, this), this.options.animate !== !1 && p && (d || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: x, hasRelativeLayoutChanged: b, layout: g }) => {
14621        if (this.isTreeAnimationBlocked()) {
14622          this.target = void 0, this.relativeTarget = void 0;
14623          return;
14624        }
14625        const w = this.options.transition || p.getDefaultTransition() || S3, { onLayoutAnimationStart: u, onLayoutAnimationComplete: v } = p.getProps(), A = !this.targetLayout || !pp(this.targetLayout, g), N = !x && b;
14626        if (this.options.layoutRoot || this.resumeFrom || N || x && (A || !this.currentAnimation)) {
14627          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
14628          const f = {
14629            ...Es(w, "layout"),
14630            onPlay: u,
14631            onComplete: v
14632          };
14633          (p.shouldReduceMotion || this.options.layoutRoot) && (f.delay = 0, f.type = !1), this.startAnimation(f), this.setAnimationOrigin(h, N);
14634        } else
14635          x || nc(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
14636        this.targetLayout = g;
14637      });
14638    }
14639    unmount() {
14640      this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
14641      const o = this.getStack();
14642      o && o.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), st(this.updateProjection);
14643    }
14644    // only on the root
14645    blockUpdate() {
14646      this.updateManuallyBlocked = !0;
14647    }
14648    unblockUpdate() {
14649      this.updateManuallyBlocked = !1;
14650    }
14651    isUpdateBlocked() {
14652      return this.updateManuallyBlocked || this.updateBlockedByResize;
14653    }
14654    isTreeAnimationBlocked() {
14655      return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
14656    }
14657    // Note: currently only running on root node
14658    startUpdate() {
14659      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(v3), this.animationId++);
14660    }
14661    getTransformTemplate() {
14662      const { visualElement: o } = this.options;
14663      return o && o.getProps().transformTemplate;
14664    }
14665    willUpdate(o = !0) {
14666      if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
14667        this.options.onExitComplete && this.options.onExitComplete();
14668        return;
14669      }
14670      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && hp(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
14671        return;
14672      this.isLayoutDirty = !0;
14673      for (let h = 0; h < this.path.length; h++) {
14674        const x = this.path[h];
14675        x.shouldResetTransform = !0, x.updateScroll("snapshot"), x.options.layoutRoot && x.willUpdate(!1);
14676      }
14677      const { layoutId: d, layout: c } = this.options;
14678      if (d === void 0 && !c)
14679        return;
14680      const p = this.getTransformTemplate();
14681      this.prevTransformTemplateValue = p ? p(this.latestValues, "") : void 0, this.updateSnapshot(), o && this.notifyListeners("willUpdate");
14682    }
14683    update() {
14684      if (this.updateScheduled = !1, this.isUpdateBlocked()) {
14685        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(ac);
14686        return;
14687      }
14688      if (this.animationId <= this.animationCommitId) {
14689        this.nodes.forEach(ic);
14690        return;
14691      }
14692      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(b3), this.nodes.forEach(h3), this.nodes.forEach(u3)) : this.nodes.forEach(ic), this.clearAllSnapshots();
14693      const d = Ee.now();
14694      Ie.delta = gt(0, 1e3 / 60, d - Ie.timestamp), Ie.timestamp = d, Ie.isProcessing = !0, qn.update.process(Ie), qn.preRender.process(Ie), qn.render.process(Ie), Ie.isProcessing = !1;
14695    }
14696    didUpdate() {
14697      this.updateScheduled || (this.updateScheduled = !0, Fs.read(this.scheduleUpdate));
14698    }
14699    clearAllSnapshots() {
14700      this.nodes.forEach(f3), this.sharedNodes.forEach(N3);
14701    }
14702    scheduleUpdateProjection() {
14703      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, se.preRender(this.updateProjection, !1, !0));
14704    }
14705    scheduleCheckAfterUnmount() {
14706      se.postRender(() => {
14707        this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
14708      });
14709    }
14710    /**
14711     * Update measurements
14712     */
14713    updateSnapshot() {
14714      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !Pe(this.snapshot.measuredBox.x) && !Pe(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
14715    }
14716    updateLayout() {
14717      if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
14718        return;
14719      if (this.resumeFrom && !this.resumeFrom.instance)
14720        for (let c = 0; c < this.path.length; c++)
14721          this.path[c].updateScroll();
14722      const o = this.layout;
14723      this.layout = this.measure(!1), this.layoutCorrected = be(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
14724      const { visualElement: d } = this.options;
14725      d && d.notify("LayoutMeasure", this.layout.layoutBox, o ? o.layoutBox : void 0);
14726    }
14727    updateScroll(o = "measure") {
14728      let d = !!(this.options.layoutScroll && this.instance);
14729      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === o && (d = !1), d && this.instance) {
14730        const c = r(this.instance);
14731        this.scroll = {
14732          animationId: this.root.animationId,
14733          phase: o,
14734          isRoot: c,
14735          offset: n(this.instance),
14736          wasRoot: this.scroll ? this.scroll.isRoot : c
14737        };
14738      }
14739    }
14740    resetTransform() {
14741      if (!s)
14742        return;
14743      const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, d = this.projectionDelta && !mp(this.projectionDelta), c = this.getTransformTemplate(), p = c ? c(this.latestValues, "") : void 0, h = p !== this.prevTransformTemplateValue;
14744      o && this.instance && (d || _t(this.latestValues) || h) && (s(this.instance, p), this.shouldResetTransform = !1, this.scheduleRender());
14745    }
14746    measure(o = !0) {
14747      const d = this.measurePageBox();
14748      let c = this.removeElementScroll(d);
14749      return o && (c = this.removeTransform(c)), C3(c), {
14750        animationId: this.root.animationId,
14751        measuredBox: d,
14752        layoutBox: c,
14753        latestValues: {},
14754        source: this.id
14755      };
14756    }
14757    measurePageBox() {
14758      const { visualElement: o } = this.options;
14759      if (!o)
14760        return be();
14761      const d = o.measureViewportBox();
14762      if (!(this.scroll?.wasRoot || this.path.some(M3))) {
14763        const { scroll: p } = this.root;
14764        p && (ca(d.x, p.offset.x), ca(d.y, p.offset.y));
14765      }
14766      return d;
14767    }
14768    removeElementScroll(o) {
14769      const d = be();
14770      if (Ue(d, o), this.scroll?.wasRoot)
14771        return d;
14772      for (let c = 0; c < this.path.length; c++) {
14773        const p = this.path[c], { scroll: h, options: x } = p;
14774        p !== this.root && h && x.layoutScroll && (h.wasRoot && Ue(d, o), ca(d.x, h.offset.x), ca(d.y, h.offset.y));
14775      }
14776      return d;
14777    }
14778    applyTransform(o, d = !1) {
14779      const c = be();
14780      Ue(c, o);
14781      for (let p = 0; p < this.path.length; p++) {
14782        const h = this.path[p];
14783        !d && h.options.layoutScroll && h.scroll && h !== h.root && da(c, {
14784          x: -h.scroll.offset.x,
14785          y: -h.scroll.offset.y
14786        }), _t(h.latestValues) && da(c, h.latestValues);
14787      }
14788      return _t(this.latestValues) && da(c, this.latestValues), c;
14789    }
14790    removeTransform(o) {
14791      const d = be();
14792      Ue(d, o);
14793      for (let c = 0; c < this.path.length; c++) {
14794        const p = this.path[c];
14795        if (!p.instance || !_t(p.latestValues))
14796          continue;
14797        Er(p.latestValues) && p.updateSnapshot();
14798        const h = be(), x = p.measurePageBox();
14799        Ue(h, x), Zo(d, p.latestValues, p.snapshot ? p.snapshot.layoutBox : void 0, h);
14800      }
14801      return _t(this.latestValues) && Zo(d, this.latestValues), d;
14802    }
14803    setTargetDelta(o) {
14804      this.targetDelta = o, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
14805    }
14806    setOptions(o) {
14807      this.options = {
14808        ...this.options,
14809        ...o,
14810        crossfade: o.crossfade !== void 0 ? o.crossfade : !0
14811      };
14812    }
14813    clearMeasurements() {
14814      this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
14815    }
14816    forceRelativeParentToResolveTarget() {
14817      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== Ie.timestamp && this.relativeParent.resolveTargetDelta(!0);
14818    }
14819    resolveTargetDelta(o = !1) {
14820      const d = this.getLead();
14821      this.isProjectionDirty || (this.isProjectionDirty = d.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = d.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = d.isS
vendor: 4,285 bytes, lines 14821-14870
14821haredProjectionDirty);
14822      const c = !!this.resumingFrom || this !== d;
14823      if (!(o || c && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
14824        return;
14825      const { layout: h, layoutId: x } = this.options;
14826      if (!(!this.layout || !(h || x))) {
14827        if (this.resolvedRelativeTargetAt = Ie.timestamp, !this.targetDelta && !this.relativeTarget) {
14828          const b = this.getClosestProjectingParent();
14829          b && b.layout && this.animationProgress !== 1 ? (this.relativeParent = b, this.forceRelativeParentToResolveTarget(), this.relativeTarget = be(), this.relativeTargetOrigin = be(), Ua(this.relativeTargetOrigin, this.layout.layoutBox, b.layout.layoutBox), Ue(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
14830        }
14831        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = be(), this.targetWithTransforms = be()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), HN(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ue(this.target, this.layout.layoutBox), qm(this.target, this.targetDelta)) : Ue(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
14832          this.attemptToResolveRelativeTarget = !1;
14833          const b = this.getClosestProjectingParent();
14834          b && !!b.resumingFrom == !!this.resumingFrom && !b.options.layoutScroll && b.target && this.animationProgress !== 1 ? (this.relativeParent = b, this.forceRelativeParentToResolveTarget(), this.relativeTarget = be(), this.relativeTargetOrigin = be(), Ua(this.relativeTargetOrigin, this.target, b.target), Ue(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
14835        }
14836      }
14837    }
14838    getClosestProjectingParent() {
14839      if (!(!this.parent || Er(this.parent.latestValues) || Um(this.parent.latestValues)))
14840        return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
14841    }
14842    isProjecting() {
14843      return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
14844    }
14845    calcProjection() {
14846      const o = this.getLead(), d = !!this.resumingFrom || this !== o;
14847      let c = !0;
14848      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (c = !1), d && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === Ie.timestamp && (c = !1), c)
14849        return;
14850      const { layout: p, layoutId: h } = this.options;
14851      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(p || h))
14852        return;
14853      Ue(this.layoutCorrected, this.layout.layoutBox);
14854      const x = this.treeScale.x, b = this.treeScale.y;
14855      Uv(this.layoutCorrected, this.treeScale, this.path, d), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = be());
14856      const { target: g } = o;
14857      if (!g) {
14858        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
14859        return;
14860      }
14861      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Yo(this.prevProjectionDelta.x, this.projectionDelta.x), Yo(this.prevProjectionDelta.y, this.projectionDelta.y)), Ga(this.projectionDelta, this.layoutCorrected, g, this.latestValues), (this.treeScale.x !== x || this.treeScale.y !== b || !tc(this.projectionDelta.x, this.prevProjectionDelta.x) || !tc(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", g));
14862    }
14863    hide() {
14864      this.isVisible = !1;
14865    }
14866    show() {
14867      this.isVisible = !0;
14868    }
14869    scheduleRender(o = !0) {
14870      if (this.options.visualElement?.scheduleRender(), o) {
vendor: 7,604 bytes, lines 14871-15020
14871        const d = this.getStack();
14872        d && d.scheduleRender();
14873      }
14874      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
14875    }
14876    createProjectionDeltas() {
14877      this.prevProjectionDelta = ma(), this.projectionDelta = ma(), this.projectionDeltaWithTransform = ma();
14878    }
14879    setAnimationOrigin(o, d = !1) {
14880      const c = this.snapshot, p = c ? c.latestValues : {}, h = { ...this.latestValues }, x = ma();
14881      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !d;
14882      const b = be(), g = c ? c.source : void 0, w = this.layout ? this.layout.source : void 0, u = g !== w, v = this.getStack(), A = !v || v.members.length <= 1, N = !!(u && !A && this.options.crossfade === !0 && !this.path.some(I3));
14883      this.animationProgress = 0;
14884      let f;
14885      this.mixTargetDelta = (y) => {
14886        const I = y / 1e3;
14887        rc(x.x, o.x, I), rc(x.y, o.y, I), this.setTargetDelta(x), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ua(b, this.layout.layoutBox, this.relativeParent.layout.layoutBox), A3(this.relativeTarget, this.relativeTargetOrigin, b, I), f && o3(this.relativeTarget, f) && (this.isProjectionDirty = !1), f || (f = be()), Ue(f, this.relativeTarget)), u && (this.animationValues = h, a3(h, p, this.latestValues, I, N, A)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = I;
14888      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
14889    }
14890    startAnimation(o) {
14891      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (st(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = se.update(() => {
14892        Yi.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = tt(0)), this.currentAnimation = $N(this.motionValue, [0, 1e3], {
14893          ...o,
14894          velocity: 0,
14895          isSync: !0,
14896          onUpdate: (d) => {
14897            this.mixTargetDelta(d), o.onUpdate && o.onUpdate(d);
14898          },
14899          onStop: () => {
14900          },
14901          onComplete: () => {
14902            o.onComplete && o.onComplete(), this.completeAnimation();
14903          }
14904        }), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
14905      });
14906    }
14907    completeAnimation() {
14908      this.resumingFrom && (this.resumingFrom.currentAnimation = void 0, this.resumingFrom.preserveOpacity = void 0);
14909      const o = this.getStack();
14910      o && o.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
14911    }
14912    finishAnimation() {
14913      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(m3), this.currentAnimation.stop()), this.completeAnimation();
14914    }
14915    applyTransformsToTarget() {
14916      const o = this.getLead();
14917      let { targetWithTransforms: d, target: c, layout: p, latestValues: h } = o;
14918      if (!(!d || !c || !p)) {
14919        if (this !== o && this.layout && p && xp(this.options.animationType, this.layout.layoutBox, p.layoutBox)) {
14920          c = this.target || be();
14921          const x = Pe(this.layout.layoutBox.x);
14922          c.x.min = o.target.x.min, c.x.max = c.x.min + x;
14923          const b = Pe(this.layout.layoutBox.y);
14924          c.y.min = o.target.y.min, c.y.max = c.y.min + b;
14925        }
14926        Ue(d, c), da(d, h), Ga(this.projectionDeltaWithTransform, this.layoutCorrected, d, h);
14927      }
14928    }
14929    registerSharedNode(o, d) {
14930      this.sharedNodes.has(o) || this.sharedNodes.set(o, new c3()), this.sharedNodes.get(o).add(d);
14931      const p = d.options.initialPromotionConfig;
14932      d.promote({
14933        transition: p ? p.transition : void 0,
14934        preserveFollowOpacity: p && p.shouldPreserveFollowOpacity ? p.shouldPreserveFollowOpacity(d) : void 0
14935      });
14936    }
14937    isLead() {
14938      const o = this.getStack();
14939      return o ? o.lead === this : !0;
14940    }
14941    getLead() {
14942      const { layoutId: o } = this.options;
14943      return o ? this.getStack()?.lead || this : this;
14944    }
14945    getPrevLead() {
14946      const { layoutId: o } = this.options;
14947      return o ? this.getStack()?.prevLead : void 0;
14948    }
14949    getStack() {
14950      const { layoutId: o } = this.options;
14951      if (o)
14952        return this.root.sharedNodes.get(o);
14953    }
14954    promote({ needsReset: o, transition: d, preserveFollowOpacity: c } = {}) {
14955      const p = this.getStack();
14956      p && p.promote(this, c), o && (this.projectionDelta = void 0, this.needsReset = !0), d && this.setOptions({ transition: d });
14957    }
14958    relegate() {
14959      const o = this.getStack();
14960      return o ? o.relegate(this) : !1;
14961    }
14962    resetSkewAndRotation() {
14963      const { visualElement: o } = this.options;
14964      if (!o)
14965        return;
14966      let d = !1;
14967      const { latestValues: c } = o;
14968      if ((c.z || c.rotate || c.rotateX || c.rotateY || c.rotateZ || c.skewX || c.skewY) && (d = !0), !d)
14969        return;
14970      const p = {};
14971      c.z && nr("z", o, p, this.animationValues);
14972      for (let h = 0; h < ir.length; h++)
14973        nr(`rotate${ir[h]}`, o, p, this.animationValues), nr(`skew${ir[h]}`, o, p, this.animationValues);
14974      o.render();
14975      for (const h in p)
14976        o.setStaticValue(h, p[h]), this.animationValues && (this.animationValues[h] = p[h]);
14977      o.scheduleRender();
14978    }
14979    applyProjectionStyles(o, d) {
14980      if (!this.instance || this.isSVG)
14981        return;
14982      if (!this.isVisible) {
14983        o.visibility = "hidden";
14984        return;
14985      }
14986      const c = this.getTransformTemplate();
14987      if (this.needsReset) {
14988        this.needsReset = !1, o.visibility = "", o.opacity = "", o.pointerEvents = qi(d?.pointerEvents) || "", o.transform = c ? c(this.latestValues, "") : "none";
14989        return;
14990      }
14991      const p = this.getLead();
14992      if (!this.projectionDelta || !this.layout || !p.target) {
14993        this.options.layoutId && (o.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, o.pointerEvents = qi(d?.pointerEvents) || ""), this.hasProjected && !_t(this.latestValues) && (o.transform = c ? c({}, "") : "none", this.hasProjected = !1);
14994        return;
14995      }
14996      o.visibility = "";
14997      const h = p.animationValues || p.latestValues;
14998      this.applyTransformsToTarget();
14999      let x = d3(this.projectionDeltaWithTransform, this.treeScale, h);
15000      c && (x = c(h, x)), o.transform = x;
15001      const { x: b, y: g } = this.projectionDelta;
15002      o.transformOrigin = `${b.origin * 100}% ${g.origin * 100}% 0`, p.animationValues ? o.opacity = p === this ? h.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : o.opacity = p === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
15003      for (const w in ii) {
15004        if (h[w] === void 0)
15005          continue;
15006        const { correct: u, applyTo: v, isCSSVariable: A } = ii[w], N = x === "none" ? h[w] : u(h[w], p);
15007        if (v) {
15008          const f = v.length;
15009          for (let y = 0; y < f; y++)
15010            o[v[y]] = N;
15011        } else
15012          A ? this.options.visualElement.renderState.vars[w] = N : o[w] = N;
15013      }
15014      this.options.layoutId && (o.pointerEvents = p === this ? qi(d?.pointerEvents) || "" : "none");
15015    }
15016    clearSnapshot() {
15017      this.resumeFrom = this.snapshot = void 0;
15018    }
15019    // Only run on root
15020    resetTree() {
vendor: 8,452 bytes, lines 15021-15313
15021      this.root.nodes.forEach((o) => o.currentAnimation?.stop()), this.root.nodes.forEach(ac), this.root.sharedNodes.clear();
15022    }
15023  };
15024}
15025function h3(t) {
15026  t.updateLayout();
15027}
15028function u3(t) {
15029  const i = t.resumeFrom?.snapshot || t.snapshot;
15030  if (t.isLead() && t.layout && i && t.hasListeners("didUpdate")) {
15031    const { layoutBox: n, measuredBox: r } = t.layout, { animationType: s } = t.options, l = i.source !== t.layout.source;
15032    s === "size" ? qe((h) => {
15033      const x = l ? i.measuredBox[h] : i.layoutBox[h], b = Pe(x);
15034      x.min = n[h].min, x.max = x.min + b;
15035    }) : xp(s, i.layoutBox, n) && qe((h) => {
15036      const x = l ? i.measuredBox[h] : i.layoutBox[h], b = Pe(n[h]);
15037      x.max = x.min + b, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + b);
15038    });
15039    const o = ma();
15040    Ga(o, n, i.layoutBox);
15041    const d = ma();
15042    l ? Ga(d, t.applyTransform(r, !0), i.measuredBox) : Ga(d, n, i.layoutBox);
15043    const c = !mp(o);
15044    let p = !1;
15045    if (!t.resumeFrom) {
15046      const h = t.getClosestProjectingParent();
15047      if (h && !h.resumeFrom) {
15048        const { snapshot: x, layout: b } = h;
15049        if (x && b) {
15050          const g = be();
15051          Ua(g, i.layoutBox, x.layoutBox);
15052          const w = be();
15053          Ua(w, n, b.layoutBox), pp(g, w) || (p = !0), h.options.layoutRoot && (t.relativeTarget = w, t.relativeTargetOrigin = g, t.relativeParent = h);
15054        }
15055      }
15056    }
15057    t.notifyListeners("didUpdate", {
15058      layout: n,
15059      snapshot: i,
15060      delta: d,
15061      layoutDelta: o,
15062      hasLayoutChanged: c,
15063      hasRelativeLayoutChanged: p
15064    });
15065  } else if (t.isLead()) {
15066    const { onExitComplete: n } = t.options;
15067    n && n();
15068  }
15069  t.options.transition = void 0;
15070}
15071function x3(t) {
15072  t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
15073}
15074function g3(t) {
15075  t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
15076}
15077function f3(t) {
15078  t.clearSnapshot();
15079}
15080function ac(t) {
15081  t.clearMeasurements();
15082}
15083function ic(t) {
15084  t.isLayoutDirty = !1;
15085}
15086function b3(t) {
15087  const { visualElement: i } = t.options;
15088  i && i.getProps().onBeforeLayoutMeasure && i.notify("BeforeLayoutMeasure"), t.resetTransform();
15089}
15090function nc(t) {
15091  t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
15092}
15093function y3(t) {
15094  t.resolveTargetDelta();
15095}
15096function w3(t) {
15097  t.calcProjection();
15098}
15099function v3(t) {
15100  t.resetSkewAndRotation();
15101}
15102function N3(t) {
15103  t.removeLeadSnapshot();
15104}
15105function rc(t, i, n) {
15106  t.translate = he(i.translate, 0, n), t.scale = he(i.scale, 1, n), t.origin = i.origin, t.originPoint = i.originPoint;
15107}
15108function sc(t, i, n, r) {
15109  t.min = he(i.min, n.min, r), t.max = he(i.max, n.max, r);
15110}
15111function A3(t, i, n, r) {
15112  sc(t.x, i.x, n.x, r), sc(t.y, i.y, n.y, r);
15113}
15114function I3(t) {
15115  return t.animationValues && t.animationValues.opacityExit !== void 0;
15116}
15117const S3 = {
15118  duration: 0.45,
15119  ease: [0.4, 0, 0.1, 1]
15120}, lc = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), oc = lc("applewebkit/") && !lc("chrome/") ? Math.round : Fe;
15121function cc(t) {
15122  t.min = oc(t.min), t.max = oc(t.max);
15123}
15124function C3(t) {
15125  cc(t.x), cc(t.y);
15126}
15127function xp(t, i, n) {
15128  return t === "position" || t === "preserve-aspect" && !LN(ec(i), ec(n), 0.2);
15129}
15130function M3(t) {
15131  return t !== t.root && t.scroll?.wasRoot;
15132}
15133const D3 = up({
15134  attachResizeListener: (t, i) => ni(t, "resize", i),
15135  measureScroll: () => ({
15136    x: document.documentElement.scrollLeft || document.body.scrollLeft,
15137    y: document.documentElement.scrollTop || document.body.scrollTop
15138  }),
15139  checkIsScrollRoot: () => !0
15140}), rr = {
15141  current: void 0
15142}, gp = up({
15143  measureScroll: (t) => ({
15144    x: t.scrollLeft,
15145    y: t.scrollTop
15146  }),
15147  defaultParent: () => {
15148    if (!rr.current) {
15149      const t = new D3({});
15150      t.mount(window), t.setOptions({ layoutScroll: !0 }), rr.current = t;
15151    }
15152    return rr.current;
15153  },
15154  resetTransform: (t, i) => {
15155    t.style.transform = i !== void 0 ? i : "none";
15156  },
15157  checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
15158}), k3 = {
15159  pan: {
15160    Feature: YN
15161  },
15162  drag: {
15163    Feature: qN,
15164    ProjectionNode: gp,
15165    MeasureLayout: op
15166  }
15167};
15168function dc(t, i, n) {
15169  const { props: r } = t;
15170  t.animationState && r.whileHover && t.animationState.setActive("whileHover", n === "Start");
15171  const s = "onHover" + n, l = r[s];
15172  l && se.postRender(() => l(i, vi(i)));
15173}
15174class T3 extends jt {
15175  mount() {
15176    const { current: i } = this.node;
15177    i && (this.unmount = W2(i, (n, r) => (dc(this.node, r, "Start"), (s) => dc(this.node, s, "End"))));
15178  }
15179  unmount() {
15180  }
15181}
15182class P3 extends jt {
15183  constructor() {
15184    super(...arguments), this.isActive = !1;
15185  }
15186  onFocus() {
15187    let i = !1;
15188    try {
15189      i = this.node.current.matches(":focus-visible");
15190    } catch {
15191      i = !0;
15192    }
15193    !i || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
15194  }
15195  onBlur() {
15196    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
15197  }
15198  mount() {
15199    this.unmount = bi(ni(this.node.current, "focus", () => this.onFocus()), ni(this.node.current, "blur", () => this.onBlur()));
15200  }
15201  unmount() {
15202  }
15203}
15204function mc(t, i, n) {
15205  const { props: r } = t;
15206  if (t.current instanceof HTMLButtonElement && t.current.disabled)
15207    return;
15208  t.animationState && r.whileTap && t.animationState.setActive("whileTap", n === "Start");
15209  const s = "onTap" + (n === "End" ? "" : n), l = r[s];
15210  l && se.postRender(() => l(i, vi(i)));
15211}
15212class L3 extends jt {
15213  mount() {
15214    const { current: i } = this.node;
15215    i && (this.unmount = U2(i, (n, r) => (mc(this.node, r, "Start"), (s, { success: l }) => mc(this.node, s, l ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
15216  }
15217  unmount() {
15218  }
15219}
15220const Br = /* @__PURE__ */ new WeakMap(), sr = /* @__PURE__ */ new WeakMap(), H3 = (t) => {
15221  const i = Br.get(t.target);
15222  i && i(t);
15223}, O3 = (t) => {
15224  t.forEach(H3);
15225};
15226function V3({ root: t, ...i }) {
15227  const n = t || document;
15228  sr.has(n) || sr.set(n, {});
15229  const r = sr.get(n), s = JSON.stringify(i);
15230  return r[s] || (r[s] = new IntersectionObserver(O3, { root: t, ...i })), r[s];
15231}
15232function E3(t, i, n) {
15233  const r = V3(i);
15234  return Br.set(t, n), r.observe(t), () => {
15235    Br.delete(t), r.unobserve(t);
15236  };
15237}
15238const j3 = {
15239  some: 0,
15240  all: 1
15241};
15242class R3 extends jt {
15243  constructor() {
15244    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
15245  }
15246  startObserver() {
15247    this.unmount();
15248    const { viewport: i = {} } = this.node.getProps(), { root: n, margin: r, amount: s = "some", once: l } = i, o = {
15249      root: n ? n.current : void 0,
15250      rootMargin: r,
15251      threshold: typeof s == "number" ? s : j3[s]
15252    }, d = (c) => {
15253      const { isIntersecting: p } = c;
15254      if (this.isInView === p || (this.isInView = p, l && !p && this.hasEnteredView))
15255        return;
15256      p && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", p);
15257      const { onViewportEnter: h, onViewportLeave: x } = this.node.getProps(), b = p ? h : x;
15258      b && b(c);
15259    };
15260    return E3(this.node.current, o, d);
15261  }
15262  mount() {
15263    this.startObserver();
15264  }
15265  update() {
15266    if (typeof IntersectionObserver > "u")
15267      return;
15268    const { props: i, prevProps: n } = this.node;
15269    ["amount", "margin", "root"].some(F3(i, n)) && this.startObserver();
15270  }
15271  unmount() {
15272  }
15273}
15274function F3({ viewport: t = {} }, { viewport: i = {} } = {}) {
15275  return (n) => t[n] !== i[n];
15276}
15277const _3 = {
15278  inView: {
15279    Feature: R3
15280  },
15281  tap: {
15282    Feature: L3
15283  },
15284  focus: {
15285    Feature: P3
15286  },
15287  hover: {
15288    Feature: T3
15289  }
15290}, W3 = {
15291  layout: {
15292    ProjectionNode: gp,
15293    MeasureLayout: op
15294  }
15295}, z3 = {
15296  ...CN,
15297  ..._3,
15298  ...k3,
15299  ...W3
15300}, m = /* @__PURE__ */ zv(z3, tN), B3 = 50, pc = () => ({
15301  current: 0,
15302  offset: [],
15303  progress: 0,
15304  scrollLength: 0,
15305  targetOffset: 0,
15306  targetLength: 0,
15307  containerLength: 0,
15308  velocity: 0
15309}), G3 = () => ({
15310  time: 0,
15311  x: pc(),
15312  y: pc()
15313}
15313), U3 = {
15314  x: {
15315    length: "Width",
15316    position: "Left"
15317  },
15318  y: {
15319    length: "Height",
15320    position: "Top"
15321  }
15322};
15323function hc(t, i, n, r) {
15324  const s = n[i], { length: l, position: o } = U3[i], d = s.current, c = n.time;
15325  s.current = t[`scroll${o}`], s.scrollLength = t[`scroll${l}`] - t[`client${l}`], s.offset.length = 0, s.offset[0] = 0, s.offset[1] = s.scrollLength, s.progress = /* @__PURE__ */ ba(0, s.scrollLength, s.current);
15326  const p = r - c;
15327  s.velocity = p > B3 ? 0 : Ns(s.current - d, p);
15328}
15329function q3(t, i, n) {
15330  hc(t, "x", i, n), hc(t, "y", i, n), i.time = n;
15331}
15332function Y3(t, i) {
15333  const n = { x: 0, y: 0 };
15334  let r = t;
15335  for (; r && r !== i; )
15336    if (Rs(r))
15337      n.x += r.offsetLeft, n.y += r.offsetTop, r = r.offsetParent;
15338    else if (r.tagName === "svg") {
15339      const s = r.getBoundingClientRect();
15340      r = r.parentElement;
15341      const l = r.getBoundingClientRect();
15342      n.x += s.left - l.left, n.y += s.top - l.top;
15343    } else if (r instanceof SVGGraphicsElement) {
15344      const { x: s, y: l } = r.getBBox();
15345      n.x += s, n.y += l;
15346      let o = null, d = r.parentNode;
15347      for (; !o; )
15348        d.tagName === "svg" && (o = d), d = r.parentNode;
15349      r = o;
15350    } else
15351      break;
15352  return n;
15353}
15354const Gr = {
15355  start: 0,
15356  center: 0.5,
15357  end: 1
15358};
15359function uc(t, i, n = 0) {
15360  let r = 0;
15361  if (t in Gr && (t = Gr[t]), typeof t == "string") {
15362    const s = parseFloat(t);
15363    t.endsWith("px") ? r = s : t.endsWith("%") ? t = s / 100 : t.endsWith("vw") ? r = s / 100 * document.documentElement.clientWidth : t.endsWith("vh") ? r = s / 100 * document.documentElement.clientHeight : t = s;
15364  }
15365  return typeof t == "number" && (r = i * t), n + r;
15366}
15367const X3 = [0, 0];
15368function J3(t, i, n, r) {
15369  let s = Array.isArray(t) ? t : X3, l = 0, o = 0;
15370  return typeof t == "number" ? s = [t, t] : typeof t == "string" && (t = t.trim(), t.includes(" ") ? s = t.split(" ") : s = [t, Gr[t] ? t : "0"]), l = uc(s[0], n, r), o = uc(s[1], i), l - o;
15371}
15372const Z3 = {
15373  All: [
15374    [0, 0],
15375    [1, 1]
15376  ]
15377}, $3 = { x: 0, y: 0 };
15378function K3(t) {
15379  return "getBBox" in t && t.tagName !== "svg" ? t.getBBox() : { width: t.clientWidth, height: t.clientHeight };
15380}
15381function Q3(t, i, n) {
15382  const { offset: r = Z3.All } = n, { target: s = t, axis: l = "y" } = n, o = l === "y" ? "height" : "width", d = s !== t ? Y3(s, t) : $3, c = s === t ? { width: t.scrollWidth, height: t.scrollHeight } : K3(s), p = {
15383    width: t.clientWidth,
15384    height: t.clientHeight
15385  };
15386  i[l].offset.length = 0;
15387  let h = !i[l].interpolate;
15388  const x = r.length;
15389  for (let b = 0; b < x; b++) {
15390    const g = J3(r[b], p[o], c[o], d[l]);
15391    !h && g !== i[l].interpolatorOffsets[b] && (h = !0), i[l].offset[b] = g;
15392  }
15393  h && (i[l].interpolate = Ps(i[l].offset, om(r), { clamp: !1 }), i[l].interpolatorOffsets = [...i[l].offset]), i[l].progress = gt(0, 1, i[l].interpolate(i[l].current));
15394}
15395function e5(t, i = t, n) {
15396  if (n.x.targetOffset = 0, n.y.targetOffset = 0, i !== t) {
15397    let r = i;
15398    for (; r && r !== t; )
15399      n.x.targetOffset += r.offsetLeft, n.y.targetOffset += r.offsetTop, r = r.offsetParent;
15400  }
15401  n.x.targetLength = i === t ? i.scrollWidth : i.clientWidth, n.y.targetLength = i === t ? i.scrollHeight : i.clientHeight, n.x.containerLength = t.clientWidth, n.y.containerLength = t.clientHeight;
15402}
15403function t5(t, i, n, r = {}) {
15404  return {
15405    measure: (s) => {
15406      e5(t, r.target, n), q3(t, n, s), (r.offset || r.target) && Q3(t, n, r);
15407    },
15408    notify: () => i(n)
15409  };
15410}
15411const La = /* @__PURE__ */ new WeakMap(), xc = /* @__PURE__ */ new WeakMap(), lr = /* @__PURE__ */ new WeakMap(), gc = (t) => t === document.scrollingElement ? window : t;
15412function fp(t, { container: i = document.scrollingElement, ...n } = {}) {
15413  if (!i)
15414    return Fe;
15415  let r = lr.get(i);
15416  r || (r = /* @__PURE__ */ new Set(), lr.set(i, r));
15417  const s = G3(), l = t5(i, t, s, n);
15418  if (r.add(l), !La.has(i)) {
15419    const d = () => {
15420      for (const x of r)
15421        x.measure(Ie.timestamp);
15422      se.preUpdate(c);
15423    }, c = () => {
15424      for (const x of r)
15425        x.notify();
15426    }, p = () => se.read(d);
15427    La.set(i, p);
15428    const h = gc(i);
15429    window.addEventListener("resize", p, { passive: !0 }), i !== document.documentElement && xc.set(i, ev(i, p)), h.addEventListener("scroll", p, { passive: !0 }), p();
15430  }
15431  const o = La.get(i);
15432  return se.read(o, !1, !0), () => {
15433    st(o);
15434    const d = lr.get(i);
15435    if (!d || (d.delete(l), d.size))
15436      return;
15437    const c = La.get(i);
15438    La.delete(i), c && (gc(i).removeEventListener("scroll", c), xc.get(i)?.(), window.removeEventListener("resize", c));
15439  };
15440}
15441const fc = /* @__PURE__ */ new Map();
15442function a5(t) {
15443  const i = { value: 0 }, n = fp((r) => {
15444    i.value = r[t.axis].progress * 100;
15445  }, t);
15446  return { currentTime: i, cancel: n };
15447}
15448function bp({ source: t, container: i, ...n }) {
15449  const { axis: r } = n;
15450  t && (i = t);
15451  const s = fc.get(i) ?? /* @__PURE__ */ new Map();
15452  fc.set(i, s);
15453  const l = n.target ?? "self", o = s.get(l) ?? {}, d = r + (n.offset ?? []).join(",");
15454  return o[d] || (o[d] = !n.target && pm() ? new ScrollTimeline({ source: i, axis: r }) : a5({ container: i, ...n })), o[d];
15455}
15456function i5(t, i) {
15457  const n = bp(i);
15458  return t.attachTimeline({
15459    timeline: i.target ? void 0 : n,
15460    observe: (r) => (r.pause(), km((s) => {
15461      r.time = r.iterationDuration * s;
15462    }, n))
15463  });
15464}
15465function n5(t) {
15466  return t.length === 2;
15467}
15468function r5(t, i) {
15469  return n5(t) ? fp((n) => {
15470    t(n[i.axis].progress, n);
15471  }, i) : km(t, bp(i));
15472}
15473function s5(t, { axis: i = "y", container: n = document.scrollingElement, ...r } = {}) {
15474  if (!n)
15475    return Fe;
15476  const s = { axis: i, container: n, ...r };
15477  return typeof t == "function" ? r5(t, s) : i5(t, s);
15478}
15479const l5 = () => ({
15480  scrollX: tt(0),
15481  scrollY: tt(0),
15482  scrollXProgress: tt(0),
15483  scrollYProgress: tt(0)
15484}), Ei = (t) => t ? !t.current : !1;
15485function ut({ container: t, target: i, ...n } = {}) {
15486  const r = Ia(l5), s = j(null), l = j(!1), o = ie(() => (s.current = s5((d, { x: c, y: p }) => {
15487    r.scrollX.set(c.current), r.scrollXProgress.set(c.progress), r.scrollY.set(p.current), r.scrollYProgress.set(p.progress);
15488  }, {
15489    ...n,
15490    container: t?.current || void 0,
15491    target: i?.current || void 0
15492  }), () => {
15493    s.current?.();
15494  }), [t, i, JSON.stringify(n.offset)]);
15495  return Nn(() => {
15496    if (l.current = !1, Ei(t) || Ei(i)) {
15497      l.current = !0;
15498      return;
15499    } else
15500      return o();
15501  }, [o]), R(() => {
15502    if (l.current)
15503      return Qa(!Ei(t)), Qa(!Ei(i)), o();
15504  }, [o]), r;
15505}
15506function o5(t) {
15507  const i = Ia(() => tt(t)), { isStatic: n } = pe(In);
15508  if (n) {
15509    const [, r] = C(t);
15510    R(() => i.on("change", r), []);
15511  }
15512  return i;
15513}
15514function yp(t, i) {
15515  const n = o5(i()), r = () => n.set(i());
15516  return r(), Nn(() => {
15517    const s = () => se.preRender(r, !1, !0), l = t.map((o) => o.on("change", s));
15518    return () => {
15519      l.forEach((o) => o()), st(r);
15520    };
15521  }), n;
15522}
15523function c5(t) {
15524  za.current = [], t();
15525  const i = yp(za.current, t);
15526  return za.current = void 0, i;
15527}
15528function we(t, i, n, r) {
15529  if (typeof t == "function")
15530    return c5(t);
15531  const s = typeof i == "function" ? i : av(i, n, r);
15532  return Array.isArray(t) ? bc(t, s) : bc([t], ([l]) => s(l));
15533}
15534function bc(t, i) {
15535  const n = Ia(() => []);
15536  return yp(t, () => {
15537    n.length = 0;
15538    const r = t.length;
15539    for (let s = 0; s < r; s++)
15540      n[s] = t[s].get();
15541    return i(n);
15542  });
15543}
15544function d5() {
15545  const { t } = ne(), [i, n] = C(!1), [r, s] = C(!1), l = [
15546    { name: "HyVISION SYSTEM", url: "https://www.hyvision.co.kr/" },
15547    { name: "CUBICON", url: "http://www.3dcubicon.com/" },
15548    { name: "Furonteer", url: "http://www.furonteer.com/" }
15549  ], o = [
15550    {
15551      title: "About Us",
15552      links: [
15553        { label: "India Overview", path: "/company" },
15554        { label: "HyVISION Group", path: "/group-overview" },
15555        { label: "Key Milestones", path: "/history" },
15556        { label: "Global Network", path: "/global-network" }
15557      ]
15558    },
15559    {
15560      title: "Business",
15561      links: [
15562        { label: "AI Automation", path: "/ccm" },
15563        { label: "Technology R&D", path: "/rechargeable-battery" },
15564        { label: "Component Sales", path: "/component-sales" },
15565        { label: "OSS Support", path: "/oss-support" }
15566      ]
15567    },
15568    {
15569      title: "Products",
15570      links: [
15571        { label: "Overview", path: "/all-products" },
15572        { label: "EMS Tester", path: "/products/ccm" },
15573        { label: "Battery / ESS", path: "/product/battery-ess" },
15574        { label: "Automated Optical Inspection", path: "/products/automated-optical-inspection" },
15575        { label: "Smart Component", path: "/smart-components" }
15576      ]
15577    },
15578    {
15579      title: "Media",
15580      links: [
15581        { label: "News & Events", path: "/media-news" }
15582      ]
15583    },
15584    {
15585      title: "Career",
15586      links: [
15587        { label: "Apply Now", path: "/careers" },
15588        { label: "Work & Life", path: "/culture" },
15589        { label: "FAQ", path: "/culture-secondary" }
15590      ]
15591    },
15592    {
15593      title: "Contact",
15594      links: [
15595        { label: "Product Inquiry", path: "/contact?tab=product" },
15596        { label: "Business & Investment", path: "/contact?tab=business" },
15597        { label: "General Inquiry", path: "/contact?tab=general" },
15598        { label: "Showroom Tour", path: "/contact?tab=showroom" }
15599      ]
15600    }
15601  ], d = (c) => {
15602    window.location.hash = c, window.scrollTo({ top: 0, behavior: "smooth" });
15603  };
15604  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ a("footer", { className: "bg-[#1282C2] border-t border-white/10", children: [
15605    /* @__PURE__ */ a("div", { className: "max-w-[1600px] mx-auto px-6 md:px-12 lg:px-20 pt-16 pb-0", children: [
15606      /* @__PURE__ */ a("div", { className: "flex flex-col lg:flex-row gap-16 pt-10 mb-20", children: [
15607        /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-y-12 gap-x-8", children: o.map((c) => /* @__PURE__ */ a("div", { children: [
15608          /* @__PURE__ */ e("h3", { className: "text-white font-bold mb-8 text-[16px] tracking-tight", children: c.title }),
15609          /* @__PURE__ */ e("ul", { className: "space-y-4", children: c.links.map((p) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
15610            "button",
15611            {
15612              onClick: () => d(p.path),
15613              className: "text-white/50 hover:text-white transition-colors text-left font-medium block text-[13px]",
15614              children: p.label
15615            }
15616          ) }, p.label)) })
15617        ] }, c.title)) }),
15618        /* @__PURE__ */ e("div", { className: "lg:w-64 flex flex-col items-start lg:items-end relative pt-0", children: /* @__PURE__ */ a("div", { className: "relative w-full max-w-[180px]", children: [
15619          /* @__PURE__ */ a(
15620            "button",
15621            {
15622              onClick: () => n(!i),
15623              className: "w-full h-[42px] bg-[#E9EDF0] rounded-full px-5 flex items-center justify-between group transition-all",
15624              children: [
15625                /* @__PURE__ */ e("span", { className: "text-black font-bold text-[13px]", children: "Family Sites" }),
15626                /* @__PURE__ */ e("div", { className: `w-5 h-5 rounded-full bg-black flex items-center justify-center transition-transform duration-300 ${i ? "rotate-180" : ""}`, children: /* @__PURE__ */ e(Le, { size: 12, className: "text-white" }) })
15627              ]
15628            }
15629          ),
15630          /* @__PURE__ */ e(ue, { children: i && /* @__PURE__ */ e(
15631            m.div,
15632            {
15633              initial: { opacity: 0, y: -10 },
15634              animate: { opacity: 1, y: 0 },
15635              exit: { opacity: 0, y: -10 },
15636              className: "absolute top-full left-0 w-full bg-white rounded-xl shadow-2xl mt-2 overflow-hidden z-50 border border-slate-200",
15637              children: /* @__PURE__ */ e("div", { className: "py-2", children: l.map((c) => /* @__PURE__ */ e(
15638                "a",
15639                {
15640                  href: c.url,
15641                  target: "_blank",
15642                  rel: "noopener noreferrer",
15643                  className: "block px-6 py-2.5 text-[13px] text-slate-700 hover:bg-slate-50 hover:text-[#003D7A] transition-colors text-center font-medium",
15644                  children: c.name
15645                },
15646                c.name
15647              )) })
15648            }
15649          ) })
15650        ] }) })
15651      ] }),
15652      /* @__PURE__ */ e("div", { className: "w-screen ml-[calc(50%-50vw)] border-t border-white/20 pt-8 pb-16", children: /* @__PURE__ */ a("div", { className: "max-w-[1600px] mx-auto px-6 md:px-12 lg:px-20 flex flex-col gap-6 py-6", children: [
15653        /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2 text-[14px]", children: [
15654          /* @__PURE__ */ e("a", { href: "#", className: "text-white/60 hover:text-white transition-colors text-[13px]", children: "이용약관" }),
15655          /* @__PURE__ */ e("div", { className: "w-[1px] h-3 bg-white/20" }),
15656          /* @__PURE__ */ e("a", { href: "#", className: "font-bold hover:text-blue-300 transition-colors text-[13px] text-[#ffffff]", children: "개인정보처리방침" }),
15657          /* @__PURE__ */ e("div", { className: "w-[1px] h-3 bg-white/20" }),
15658          /* @__PURE__ */ e(
15659            "button",
15660            {
15661              onClick: () => s(!0),
15662              className: "text-white/60 hover:text-white transition-colors flex items-center gap-1 text-[13px]",
15663              children: "이메일 무단 수집거부"
15664            }
15665          ),
15666          /* @__PURE__ */ e("div", { className: "w-[1px] h-3 bg-white/20" }),
15667          /* @__PURE__ */ e("a", { href: "#", className: "text-white/60 hover:text-white transition-colors text-[13px]", children: "사이트맵" })
15668        ] }),
15669        /* @__PURE__ */ a("div", { className: "text-[13px] text-white/40 leading-relaxed space-y-1.5", children: [
15670          /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-x-3 items-center", children: [
15671            /* @__PURE__ */ e("span", { className: "font-bold text-white/70", children: "하이비젼시스템 인도 법인" }),
15672            /* @__PURE__ */ e("span", { className: "hidden sm:inline text-white/20", children: "|" }),
15673            /* @__PURE__ */ e("span", { children: "대표이사 : 최두원" }),
15674            /* @__PURE__ */ e("span", { className: "hidden sm:inline text-white/20", children: "|" }),
15675            /* @__PURE__ */ e("span", { children: "사업자등록번호 : 124-81-00998" }),
15676            /* @__PURE__ */ e("span", { className: "hidden sm:inline text-white/20", children: "|" }),
15677            /* @__PURE__ */ e("span", { children: "통신판매업 신고 : 2000-경기수원-0515" })
15678          ] }),
15679          /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-x-3 items-center", children: [
15680            /* @__PURE__ */ e("span", { children: "사업장주소 : 경기도 성남시 중원구 둔촌대로 555 (하이비젼시스템)" }),
15681            /* @__PURE__ */ e("span", { className: "hidden sm:inline text-white/20", children: "|" }),
15682            /* @__PURE__ */ e("span", { children: "문의 전화 : 1555-7879" })
15683          ] }),
15684          /* @__PURE__ */ a("div", { className: "mt-8 text-white/30 leading-[1.5] text-[12px]", children: [
15685            "본 사이트의 컨텐츠는 저작권법의 보호를 받는바 무단 전재, 복사, 배포 등을 금합니다.",
15686            /* @__PURE__ */ e("br", {}),
15687            /* @__PURE__ */ e("span", { className: "font-english font-medium", children: "Copyright © 2026 HyVISION SYSTEM India Corp. All Rights Reserved." })
15688          ] })
15689        ] })
15690      ] }) })
15691    ] }),
15692    /* @__PURE__ */ e(ue, { children: r && /* @__PURE__ */ a("div", { className: "fixed inset-0 z-[100] flex items-center justify-center px-4", children: [
15693      /* @__PURE__ */ e(
15694        m.div,
15695        {
15696          initial: { opacity: 0 },
15697          animate: { opacity: 1 },
15698          exit: { opacity: 0 },
15699          onClick: () => s(!1),
15700          className: "absolute inset-0 bg-black/60 backdrop-blur-sm"
15701        }
15702      ),
15703      /* @__PURE__ */ a(
15704        m.div,
15705        {
15706          initial: { opacity: 0, scale: 0.95, y: 10 },
15707          animate: { opacity: 1, scale: 1, y: 0 },
15708          exit: { opacity: 0, scale: 0.95, y: 10 },
15709          className: "relative w-full max-w-[520px] bg-white rounded-3xl shadow-2xl overflow-hidden",
15710          children: [
15711            /* @__PURE__ */ a("div", { className: "p-10 md:p-12 text-center", children: [
15712              /* @__PURE__ */ e("h3", { className: "text-[24px] font-bold text-slate-900 mb-8 pb-4 border-b-2 border-slate-900 inline-block", children: "이메일 무단 수집거부" }),
15713              /* @__PURE__ */ a("div", { className: "space-y-4 text-[15px] leading-relaxed text-slate-700 text-left md:text-center break-keep", children: [
15714                /* @__PURE__ */ e("p", { children: "본 웹사이트는 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단 수집되는 것을 거부합니다." }),
15715                /* @__PURE__ */ e("p", { className: "font-medium text-slate-900", children: "이를 위반 시 『정보통신망 이용 촉진 및 정보보호 등에 관한 법률』 등에 의해 처벌받을 수 있습니다." })
15716              ] }),
15717              /* @__PURE__ */ e("div", { className: "mt-10 flex justify-center", children: /* @__PURE__ */ e(
15718                "button",
15719                {
15720                  onClick: () => s(!1),
15721                  className: "w-12 h-12 rounded-full bg-white border border-slate-200 flex items-center justify-center hover:bg-slate-50 transition-colors shadow-sm",
15722                  "aria-label": "닫기",
15723                  children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M1 1L13 13M1 13L13 1", stroke: "#333", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
15724                }
15725              ) })
15726            ] }),
15727            /* @__PURE__ */ e("div", { className: "p-4 flex justify-center hidden bg-[#ffffff00]", children: /* @__PURE__ */ e(
15728              "button",
15729              {
15730                onClick: () => s(!1),
15731                className: "w-10 h-10 rounded-full bg-white flex items-center justify-center hover:bg-gray-200 transition-colors",
15732                "aria-label": "Close modal",
15733                children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M1 1L13 13M1 13L13 1", stroke: "#333", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
15734              }
15735            ) })
15736          ]
15737        }
15738      )
15739    ] }) })
15740  ] }) });
15741}
15742function wp() {
15743  const [t, i] = C(!1);
15744  R(() => {
15745    const r = () => {
15746      window.pageYOffset > 300 ? i(!0) : i(!1);
15747    };
15748    return window.addEventListener("scroll", r), () => window.removeEventListener("scroll", r);
15749  }, []);
15750  const n = () => {
15751    window.scrollTo({
15752      top: 0,
15753      behavior: "smooth"
15754    });
15755  };
15756  return /* @__PURE__ */ e(ue, { children: t && /* @__PURE__ */ a(
15757    m.div,
15758    {
15759      initial: { opacity: 0, scale: 0.8, y: 20 },
15760      animate: { opacity: 1, scale: 1, y: 0 },
15761      exit: { opacity: 0, scale: 0.8, y: 20 },
15762      className: "fixed bottom-8 right-8 z-[9999] flex flex-col items-center gap-3",
15763      children: [
15764        /* @__PURE__ */ a(
15765          m.button,
15766          {
15767            onClick: () => {
15768              window.location.hash = "/contact", window.dispatchEvent(new HashChangeEvent("hashchange"));
15769            },
15770            whileHover: { scale: 1.08 },
15771            whileTap: { scale: 0.95 },
15772            className: "flex flex-col items-center justify-center w-[90px] h-[90px] rounded-full bg-black text-white shadow-xl cursor-pointer hover:bg-slate-900 transition-colors",
15773            "aria-label": "Contact Us",
15774            children: [
15775              /* @__PURE__ */ e(tx, { className: "w-5 h-5 mb-[2px]", strokeWidth: 1.8 }),
15776              /* @__PURE__ */ a("span", { className: "font-bold tracking-tight leading-tight text-center text-[14px]", children: [
15777                "Contact",
15778                /* @__PURE__ */ e("br", {}),
15779                "us"
15780              ] })
15781            ]
15782          }
15783        ),
15784        /* @__PURE__ */ a(
15785          "button",
15786          {
15787            onClick: n,
15788            className: "flex flex-col items-center justify-center w-[90px] h-[90px] rounded-full bg-black text-white shadow-xl hover:bg-slate-900 transition-colors group cursor-pointer",
15789            "aria-label": "Scroll to top",
15790            children: [
15791              /* @__PURE__ */ e(Kh, { className: "w-7 h-7 mb-[-4px] group-hover:-translate-y-1 transition-transform duration-300", strokeWidth: 1.8 }),
15792              /* @__PURE__ */ e("span", { className: "font-bold tracking-tighter text-[14px]", children: "TOP" })
15793            ]
15794          }
15795        )
15796      ]
15797    }
15798  ) });
15799}
15800const m5 = globalThis.__GLOBALS__.getAssetURL("e969707f7e6976709206098e37d0e9d7a9c51911.png"), p5 = globalThis.__GLOBALS__.getAssetURL("6e106c8e8f3333e405a9b26c17e80c7cc1bb01a4.png"), h5 = globalThis.__GLOBALS__.getAssetURL("819b9a6d0276bdf8a3f88cafa35f768ecfcc8898.png"), u5 = globalThis.__GLOBALS__.getAssetURL("dde2f5869c97e31fd224034a9080a895344a3afe.png"), x5 = globalThis.__GLOBALS__.getAssetURL("aa92cba20b08021302cafd0af7caa90535340037.png"), g5 = globalThis.__GLOBALS__.getAssetURL("8738ad44c56b3d912714e426c690ab312abe46df.png"), f5 = globalThis.__GLOBALS__.getAssetURL("323622c9df51634767b5fa6316dfdd551f7b1cb6.png"), b5 = globalThis.__GLOBALS__.getAssetURL("c5a5f221c5c9414442ffc694af49ff95e4e3f86a.png");
15801function y5() {
15802  const { t } = ne(), [i, n] = C(!0), r = j(null), s = () => {
15803    if (r.current?.contentWindow) {
15804      const o = i ? "pause" : "play";
15805      r.current.contentWindow.postMessage(
15806        JSON.stringify({ method: o }),
15807        "https://player.vimeo.com"
15808      );
15809    }
15810    n(!i);
15811  }, l = (o) => {
15812    window.location.hash = o, window.scrollTo({ top: 0, behavior: "smooth" });
15813  };
15814  return /* @__PURE__ */ a("section", { id: "home", className: "relative h-screen w-full overflow-hidden", children: [
15815    /* @__PURE__ */ e("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ e(
15816      "iframe",
15817      {
15818        ref: r,
15819        src: "https://player.vimeo.com/video/1173122325?h=5da23ed92e&badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&loop=1&muted=1&controls=0&background=1",
15820        frameBorder: "0",
15821        allow: "autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share",
15822        referrerPolicy: "strict-origin-when-cross-origin",
15823        title: "인도 홈페이지 메인 영상",
15824        className: "absolute",
15825        style: {
15826          top: "50%",
15827          left: "50%",
15828          transform: "translate(-50%, -50%)",
15829          width: "177.78vh",
15830          height: "56.25vw",
15831          minWidth: "100%",
15832          minHeight: "100%"
15833        }
15834      }
15835    ) }),
15836    /* @__PURE__ */ e("div", { className: "absolute inset-0 z-20 flex flex-col", children: /* @__PURE__ */ a("div", { className: "flex-1 relative bg-black/30", children: [
15837      /* @__PURE__ */ e("div", { className: "absolute bottom-32 left-1/2 -translate-x-1/2 w-full max-w-[1600px] px-6", children: /* @__PURE__ */ e("div", { className: "flex items-end justify-between w-full", children: /* @__PURE__ */ a("div", { className: "max-w-xl", children: [
15838        /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e("span", { className: "bg-[#003D7A] text-white text-[11px] tracking-[1.5px] uppercase font-semibold px-3 py-1.5 font-sans inline-block", children: "HyVISION SYSTEM INDIA PRIVATE LIMITED" }) }),
15839        /* @__PURE__ */ a("h1", { className: "text-white mb-4 transition-opacity duration-500 text-[52px] font-black mt-2 leading-tight", children: [
15840          /* @__PURE__ */ e("span", { className: "block tracking-tight", children: "Leading India's" }),
15841          /* @__PURE__ */ e("span", { className: "block tracking-tight", children: "Future of Manufacturing" })
15842        ] }),
15843        /* @__PURE__ */ e("p", { className: "text-white/80 mb-6 mt-4 transition-opacity duration-500 text-[15px] tracking-tight max-w-sm leading-relaxed", children: "Delivering high-precision vision inspection and automation technology optimized for the Indian manufacturing environment." }),
15844        /* @__PURE__ */ a(
15845          "button",
15846          {
15847            onClick: () => l("/company"),
15848            className: "flex items-center gap-1.5 bg-[#FFC107] hover:bg-[#e6ac00] text-black text-[11px] font-bold px-5 py-2 transition-all group",
15849            children: [
15850              "Read story",
15851              /* @__PURE__ */ e("span", { className: "group-hover:translate-x-1 transition-transform", children: "→" })
15852            ]
15853          }
15854        )
15855      ] }) }) }),
15856      /* @__PURE__ */ e("div", { className: "absolute bottom-32 right-12", children: /* @__PURE__ */ e(
15857        "button",
15858        {
15859          onClick: s,
15860          className: "w-12 h-12 rounded-full flex items-center justify-center text-white hover:bg-white/10 transition-colors",
15861          "aria-label": i ? "Pause" : "Play",
15862          children: i ? /* @__PURE__ */ e(dx, { className: "w-5 h-5" }) : /* @__PURE__ */ e($c, { className: "w-5 h-5 ml-0.5" })
15863        }
15864      ) })
15865    ] }) })
15866  ] });
15867}
15868const w5 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
15869function S(t) {
15870  const [i, n] = C(!1), r = () => {
15871    n(!0);
15872  }, { src: s, alt: l, style: o, className: d, ...c } = t;
15873  return i ? /* @__PURE__ */ e(
15874    "div",
15875    {
15876      className: `inline-block bg-gray-100 text-center align-middle ${d ?? ""}`,
15877      style: o,
15878      children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("img", { src: w5, alt: "Error loading image", ...c, "data-original-url": s }) })
15879    }
15880  ) : /* @__PURE__ */ e("img", { src: s, alt: l, className: d, style: o, ...c, onError: r });
15881}
15882const yc = globalThis.__GLOBALS__.getAssetURL("a90aaf8818e1776627a2dfe1e9c2a5b60dffd3d1.png");
15883function v5() {
15884  return /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ a("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: [
15885    /* @__PURE__ */ a("div", { className: "flex flex-col mb-24", children: [
15886      /* @__PURE__ */ e(
15887        m.div,
15888        {
15889          initial: { opacity: 0, y: 20 },
15890          whileInView: { opacity: 1, y: 0 },
15891          viewport: { once: !0 },
15892          transition: { duration: 0.8, ease: "easeOut" },
15893          className: "mb-4",
15894          children: /* @__PURE__ */ e("p", { className: "text-[26px] font-bold tracking-tight text-[#d4a574] mt-1", children: "Global Partners" })
15895        }
15896      ),
15897      /* @__PURE__ */ a(
15898        m.div,
15899        {
15900          initial: { opacity: 0, y: 30 },
15901          whileInView: { opacity: 1, y: 0 },
15902          viewport: { once: !0 },
15903          transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
15904          children: [
15905            /* @__PURE__ */ e("h2", { className: "text-slate-950 font-bold leading-[1.1] mb-12 tracking-tight font-sans text-[58px]", children: "Global Partnership" }),
15906            /* @__PURE__ */ a("div", { className: "text-slate-500 text-[20px] leading-[1.6] space-y-1 font-medium", children: [
15907              /* @__PURE__ */ e(
15908                m.p,
15909                {
15910                  initial: { opacity: 0, y: 15 },
15911                  whileInView: { opacity: 1, y: 0 },
15912                  viewport: { once: !0 },
15913                  transition: { duration: 0.8, delay: 0.4 },
15914                  className: "text-[18px]",
15915                  children: "We design the future together with partners around the world."
15916                }
15917              ),
15918              /* @__PURE__ */ e(
15919                m.p,
15920                {
15921                  initial: { opacity: 0, y: 15 },
15922                  whileInView: { opacity: 1, y: 0 },
15923                  viewport: { once: !0 },
15924                  transition: { duration: 0.8, delay: 0.5 },
15925                  className: "text-[18px]",
15926                  children: "HyVISION System has built strong and trusted relationships with global companies."
15927                }
15928              )
15929            ] })
15930          ]
15931        }
15932      )
15933    ] }),
15934    /* @__PURE__ */ a("div", { className: "relative w-screen left-1/2 -translate-x-1/2 overflow-hidden py-10", children: [
15935      /* @__PURE__ */ e("div", { className: "flex w-full", children: /* @__PURE__ */ e(
15936        m.div,
15937        {
15938          className: "flex gap-4 px-2",
15939          animate: { x: ["0%", "-50%"] },
15940          transition: {
15941            duration: 50,
15942            ease: "linear",
15943            repeat: 1 / 0
15944          },
15945          children: [
15946            { src: "https://pamtek.com/wp-content/uploads/pamtek/p01.png", alt: "LG Innotek" },
15947            { src: "https://pamtek.com/wp-content/uploads/pamtek/p02.png", alt: "LG Electronics" },
15948            { src: "https://pamtek.com/wp-content/uploads/pamtek/p03.png", alt: "iMarketKorea" },
15949            { src: "https://pamtek.com/wp-content/uploads/pamtek/p04.png", alt: "JAHWA" },
15950            { src: "https://pamtek.com/wp-content/uploads/pamtek/p05.png", alt: "Samsung" },
15951            { src: "https://pamtek.com/wp-content/uploads/pamtek/p30.png", alt: "SK hynix" },
15952            { src: "https://pamtek.com/wp-content/uploads/pamtek/p07.png", alt: "SERVEONE" },
15953            { src: "https://pamtek.com/wp-content/uploads/pamtek/p08.png", alt: "Hanwha Aerospace" },
15954            { src: "https://pamtek.com/wp-content/uploads/pamtek/p11.png", alt: "TaylorMade" },
15955            { src: "https://pamtek.com/wp-content/uploads/pamtek/p31.png", alt: "JCET" },
15956            { src: "https://pamtek.com/wp-content/uploads/pamtek/p20.png", alt: "Hyundai MOBIS" },
15957            { src: "https://pamtek.com/wp-content/uploads/pamtek/p09.png", alt: "Foxconn" },
15958            { src: "https://pamtek.com/wp-content/uploads/pamtek/p10.png", alt: "Tata" },
15959            { src: "https://pamtek.com/wp-content/uploads/pamtek/p12.png", alt: "Hyundai" },
15960            { src: "https://pamtek.com/wp-content/uploads/pamtek/p06.png", alt: "LG Display" },
15961            { src: yc, alt: "Doosan" }
15962          ].concat([
15963            { src: "https://pamtek.com/wp-content/uploads/pamtek/p01.png", alt: "LG Innotek" },
15964            { src: "https://pamtek.com/wp-content/uploads/pamtek/p02.png", alt: "LG Electronics" },
15965            { src: "https://pamtek.com/wp-content/uploads/pamtek/p03.png", alt: "iMarketKorea" },
15966            { src: "https://pamtek.com/wp-content/uploads/pamtek/p04.png", alt: "JAHWA" },
15967            { src: "https://pamtek.com/wp-content/uploads/pamtek/p05.png", alt: "Samsung" },
15968            { src: "https://pamtek.com/wp-content/uploads/pamtek/p30.png", alt: "SK hynix" },
15969            { src: "https://pamtek.com/wp-content/uploads/pamtek/p07.png", alt: "SERVEONE" },
15970            { src: "https://pamtek.com/wp-content/uploads/pamtek/p08.png", alt: "Hanwha Aerospace" },
15971            { src: "https://pamtek.com/wp-content/uploads/pamtek/p11.png", alt: "TaylorMade" },
15972            { src: "https://pamtek.com/wp-content/uploads/pamtek/p31.png", alt: "JCET" },
15973            { src: "https://pamtek.com/wp-content/uploads/pamtek/p20.png", alt: "Hyundai MOBIS" },
15974            { src: "https://pamtek.com/wp-content/uploads/pamtek/p09.png", alt: "Foxconn" },
15975            { src: "https://pamtek.com/wp-content/uploads/pamtek/p10.png", alt: "Tata" },
15976            { src: "https://pamtek.com/wp-content/uploads/pamtek/p12.png", alt: "Hyundai" },
15977            { src: "https://pamtek.com/wp-content/uploads/pamtek/p06.png", alt: "LG Display" },
15978            { src: yc, alt: "Doosan" }
15979          ]).map((t, i) => /* @__PURE__ */ e(
15980            "div",
15981            {
15982              className: "flex items-center justify-center w-[160px] h-[100px] bg-[#F8F9FA] rounded-md border border-slate-100 flex-shrink-0 group hover:bg-white hover:shadow-lg transition-all duration-300",
15983              children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full p-6", children: /* @__PURE__ */ e(
15984                S,
15985                {
15986                  src: t.src,
15987                  alt: t.alt,
15988                  className: "max-w-full max-h-12 object-contain transition-all duration-300"
15989                }
15990              ) })
15991            },
15992            i
15993          ))
15994        }
15995      ) }),
15996      /* @__PURE__ */ e("div", { className: "absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-white via-white/80 to-transparent z-10 pointer-events-none" }),
15997      /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-white via-white/80 to-transparent z-10 pointer-events-none" })
15998    ] })
15999  ] }) });
16000}
16001const N5 = [
16002  {
16003    icon: dn,
16004    title: "Image Processing",
16005    mainTitle: "Core",
16006    subTitle: "Technology",
16007    subtitle: "Image Processing Technology",
16008    description: "Based on high-resolution image data,|we precisely analyze shape, defects, position,|and characteristics of targets.",
16009    image: "https://images.unsplash.com/photo-1604248046084-9bf858a90b7b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwY2FtZXJhJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NjE4MTQwNjJ8MA&ixlib=rb-4.1.0&q=80&w=1080",
16010    bgColor: "#D4A574"
16011  },
16012  {
16013    icon: de,
16014    title: "Signal Processing",
16015    mainTitle: "Core",
16016    subTitle: "Technology",
16017    subtitle: "Signal Processing Technology",
16018    description: "Analog and digital signals acquired|from sensors and cameras are processed|at high speed and with precision.",
16019    image: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzaWduYWwlMjBwcm9jZXNzaW5nJTIwY2lyY3VpdCUyMGJvYXJkfGVufDF8fHx8MTc2MTgxNDM3OXww&ixlib=rb-4.1.0&q=80&w=1080",
16020    bgColor: "#D4A574"
16021  },
16022  {
16023    icon: Kc,
16024    title: "Automation",
16025    mainTitle: "Core",
16026    subTitle: "Technology",
16027    subtitle: "Motion Control Technology",
16028    description: "Based on vision analysis results,|we precisely control the position and speed|of equipment and robots.",
16029    image: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwYXV0b21hdGlvbiUyMHJvYm90fGVufDF8fHx8MTc2MTc1NTk4NHww&ixlib=rb-4.1.0&q=80&w=1080",
16030    bgColor: "#0066CC"
16031  }
16032], Ha = [
16033  {
16034    title: "CCM & Image Sensor",
16035    description: "Innovative smart component development and manufacturing solutions with integrated IoT capabilities.",
16036    image: x5,
16037    link: "/products/ccm",
16038    category: "비전 검사 시스템",
16039    buttonText: "자세히보기",
16040    subtitle: `Ensuring perfect quality
16041through AI-based high-precision inspection.`
16042  },
16043  {
16044    title: "Smart Component",
16045    description: "Innovative smart component development and manufacturing solutions with integrated IoT capabilities.",
16046    image: p5,
16047    link: "/smart-components",
16048    category: "스마트 컴포넌트",
16049    buttonText: "자세히보기",
16050    subtitle: `Realizing next-gen manufacturing
16051with integrated IoT solutions.`
16052  },
16053  {
16054    title: "Battery & ESS",
16055    description: "Comprehensive assembly and inspection solutions for lithium-ion battery manufacturing with safety testing protocols.",
16056    image: h5,
16057    link: "/product/battery-ess",
16058    category: "2차전지",
16059    buttonText: "자세히보기",
16060    subtitle: `Delivering reliable energy
16061through safety-certified battery manufacturing.`
16062  },
16063  {
16064    title: "Bio & Pharma",
16065    description: "FDA-compliant bio inspection systems for pharmaceutical and medical device manufacturing with advanced quality assurance.",
16066    image: g5,
16067    link: "/products/bio-inspection",
16068    category: "바이오",
16069    buttonText: "자세히보기",
16070    subtitle: `Ensuring medical safety
16071with FDA-compliant quality assurance systems.`
16072  },
16073  {
16074    title: "Automated Optical Inspection",
16075    description: "Advanced semiconductor inspection equipment with nanometer-level precision for wafer and chip manufacturing.",
16076    image: f5,
16077    link: "/products/automated-optical-inspection",
16078    category: "반도체 AOI",
16079    buttonText: "자세히보기",
16080    subtitle: `Achieving the highest quality
16081through nanometer-level precision inspection.`
16082  },
16083  {
16084    title: "AR, VR Glass",
16085    description: "Cutting-edge AR and VR glass inspection solutions ensuring optical precision and display quality for next-generation wearable devices.",
16086    image: u5,
16087    link: "/smart-components",
16088    category: "AR/VR",
16089    buttonText: "자세히보기",
16090    subtitle: `Delivering optical precision
16091for next-gen AR & VR wearables.`
16092  }
16093];
16094function wc() {
16095  const { t } = ne(), [i, n] = C(0), [r, s] = C(0), [l, o] = C(0), [d, c] = C(0), [p, h] = C(0), [x, b] = C(0), [g, w] = C(0), u = j(null), v = j(null);
16096  R(() => {
16097    const f = new IntersectionObserver(
16098      (y) => {
16099        y.forEach((I) => {
16100          I.isIntersecting && (I.target.classList.add("is-visible"), f.unobserve(I.target));
16101        });
16102      },
16103      {
16104        threshold: 0.1,
16105        rootMargin: "0px 0px -50px 0px"
16106      }
16107    );
16108    return document.querySelectorAll(".animate-in").forEach((y) => f.observe(y)), () => f.disconnect();
16109  }, []), R(() => {
16110    let f = null;
16111    const y = () => {
16112      f === null && (f = requestAnimationFrame(() => {
16113        f = null;
16114        const I = window.scrollY, D = document.querySelector(".solutions-image-section");
16115        if (!D) return;
16116        const P = D.offsetTop, k = D.offsetHeight, H = window.innerHeight, T = P - H, E = P - H / 2 + k / 2 - T, z = Math.min(Math.max((I - T) / E, 0), 1), X = 1.1 + z * 0.2, Q = 65 + z * 35;
16117        u.current && (u.current.style.width = `${Q}%`), v.current && (v.current.style.transform = `scale(${X})`);
16118      }));
16119    };
16120    return window.addEventListener("scroll", y, { passive: !0 }), y(), () => {
16121      window.removeEventListener("scroll", y), f !== null && cancelAnimationFrame(f);
16122    };
16123  }, []), R(() => {
16124    const f = Ha.length, y = setInterval(() => {
16125      o((I) => (I + 1) % f);
16126    }, 5e3);
16127    return () => clearInterval(y);
16128  }, []), R(() => {
16129    const f = setInterval(() => {
16130      b((y) => (y + 1) % 3);
16131    }, 5e3);
16132    return () => clearInterval(f);
16133  }, []);
16134  const A = N5;
16135  t.coreCompetencies.softwareTitle, t.coreCompetencies.softwareDesc, t.coreCompetencies.softwareFeatures, t.coreCompetencies.hardwareTitle, t.coreCompetencies.hardwareDesc, t.coreCompetencies.hardwareFeatures, t.coreCompetencies.automationTitle, t.coreCompetencies.automationDesc, t.coreCompetencies.automationFeatures, t.hero.qualityExcellence, t.hero.qualityExcellenceDesc, t.hero.localManufacturing, t.hero.localManufacturingDesc, t.hero.skilledWorkforce, t.hero.skilledWorkforceDesc, t.hero.globalReach, t.hero.globalReachDesc;
16136  const N = (f) => {
16137    f.startsWith("http") ? window.open(f, "_blank") : (window.location.hash = f, window.scrollTo({ top: 0, behavior: "smooth" }));
16138  };
16139  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
16140    /* @__PURE__ */ e(y5, {}),
16141    /* @__PURE__ */ e("section", { className: "pt-24 pb-12 bg-white", children: /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ a("div", { className: "w-full py-16", children: [
16142      /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto mb-4 px-8 lg:px-16 pt-12", children: /* @__PURE__ */ a("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-700", children: [
16143        /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e("h2", { className: "text-slate-950 leading-[1.1] font-black text-[58px] text-left flex items-end justify-between", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
16144          /* @__PURE__ */ e("span", { children: "Our Business" }),
16145          /* @__PURE__ */ e(re, { className: "w-10 h-10 text-[#D4A574] rotate-[-45deg]" })
16146        ] }) }) }),
16147        /* @__PURE__ */ a("p", { className: "text-[rgb(127,130,132)] text-[18px] leading-relaxed mt-8 text-left max-w-6xl", children: [
16148          "Reinforcing our existing businesses across key sectors including rechargeable batteries, bio, and semiconductors.",
16149          /* @__PURE__ */ e("br", {}),
16150          "We create exceptional value for humanity through the continuous advancement of our business structure."
16151        ] }),
16152        /* @__PURE__ */ e(
16153          "button",
16154          {
16155            type: "button",
16156            className: "mt-8 px-6 py-3 rounded-sm text-white text-[15px] transition-opacity duration-200 hover:opacity-80",
16157            style: { backgroundColor: "#003D7A", fontWeight: 600 },
16158            onClick: () => N("/all-products"),
16159            children: "View More Business"
16160          }
16161        )
16162      ] }) }),
16163      /* @__PURE__ */ a("div", { className: "relative w-full pb-10", children: [
16164        /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ e("div", { className: "flex justify-end items-center mb-4", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
16165          /* @__PURE__ */ e(
16166            "button",
16167            {
16168              onClick: () => o((f) => Math.max(f - 1, 0)),
16169              className: "flex items-center justify-center hover:opacity-50 transition-opacity duration-200",
16170              "aria-label": "Previous",
16171              children: /* @__PURE__ */ e(fe, { className: "w-5 h-5 text-slate-700 rotate-180", strokeWidth: 1.5 })
16172            }
16173          ),
16174          /* @__PURE__ */ e(
16175            "button",
16176            {
16177              onClick: () => o((f) => Math.min(f + 1, Ha.length - 1)),
16178              className: "flex items-center justify-center hover:opacity-50 transition-opacity duration-200",
16179              "aria-label": "Next",
16180              children: /* @__PURE__ */ e(fe, { className: "w-5 h-5 text-slate-700", strokeWidth: 1.5 })
16181            }
16182          )
16183        ] }) }) }),
16184        /* @__PURE__ */ e("div", { className: "w-full overflow-hidden h-[540px]", children: /* @__PURE__ */ e(
16185          "div",
16186          {
16187            className: "flex gap-[3px] transition-transform duration-1000 ease-in-out h-full",
16188            style: {
16189              transform: `translateX(-${l * 23}%)`,
16190              willChange: "transform"
16191            },
16192            children: [...Ha, ...Ha, ...Ha].map((f, y) => /* @__PURE__ */ e(
16193              "div",
16194              {
16195                className: "group relative cursor-pointer flex-shrink-0 transition-all duration-700 h-full",
16196                style: { width: "calc(23% - 2.4px)" },
16197                onClick: () => N(f.link),
16198                children: /* @__PURE__ */ a("div", { className: "relative overflow-hidden h-[540px] rounded-sm", children: [
16199                  /* @__PURE__ */ e(
16200                    S,
16201                    {
16202                      src: f.image,
16203                      alt: f.title,
16204                      loading: "lazy",
16205                      className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
16206                    }
16207                  ),
16208                  /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/75 via-black/30 to-transparent transition-opacity duration-500 group-hover:opacity-0" }),
16209                  /* @__PURE__ */ a("div", { className: "absolute inset-0 flex flex-col justify-end pb-8 px-6 transition-opacity duration-500 group-hover:opacity-0", children: [
16210                    /* @__PURE__ */ e("h3", { className: "text-white text-[17px] leading-snug mb-2", style: { fontWeight: 700 }, children: f.title }),
16211                    /* @__PURE__ */ e("p", { className: "text-white/70 text-[13px] leading-snug line-clamp-2", children: f.subtitle })
16212                  ] }),
16213                  /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-[#003D7A] opacity-0 group-hover:opacity-100 transition-opacity duration-500 flex flex-col justify-end pb-10 px-7", children: [
16214                    /* @__PURE__ */ e("h3", { className: "text-white text-[20px] leading-snug mb-4", style: { fontWeight: 700 }, children: f.title }),
16215                    /* @__PURE__ */ e("p", { className: "text-white/85 text-[13.5px] leading-relaxed mb-8 line-clamp-5", children: f.description }),
16216                    /* @__PURE__ */ e("div", { className: "flex items-center justify-start", children: /* @__PURE__ */ e("span", { className: "text-white text-[28px] font-light", children: "→" }) })
16217                  ] })
16218                ] })
16219              },
16220              y
16221            ))
16222          }
16223        ) })
16224      ] })
16225    ] }) }) }),
16226    /* @__PURE__ */ e("section", { className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-0 items-start", children: [
16227      /* @__PURE__ */ a("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-700 px-8 lg:px-16", children: [
16228        /* @__PURE__ */ e("p", { className: "text-[#D4A574] tracking-tight mb-4 font-bold animate-in fade-in slide-in-from-bottom-8 duration-700 delay-0 text-[22px]", children: "Our Solutions" }),
16229        /* @__PURE__ */ a("h2", { className: "text-slate-950 text-[55px] font-bold leading-[1.3] tracking-tight text-left mb-10 animate-in fade-in slide-in-from-bottom-8 duration-700 delay-150", children: [
16230          "Vision Inspection &",
16231          /* @__PURE__ */ e("br", {}),
16232          "Assembly Automation",
16233          /* @__PURE__ */ e("br", {}),
16234          "Solutions for India."
16235        ] }),
16236        /* @__PURE__ */ a("p", { className: "text-[rgb(127,130,132)] text-[18px] leading-[1.7] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-300", children: [
16237          "HyVISION System India, leading the transformation of the world,",
16238          /* @__PURE__ */ e("br", { className: "hidden md:block" }),
16239          "pursues excellence in every field and drives the era forward through creative innovation."
16240        ] }),
16241        /* @__PURE__ */ e(
16242          "a",
16243          {
16244            href: "#/company",
16245            className: "inline-flex items-center gap-2 mt-8 px-6 py-3 rounded-sm text-white text-[15px] transition-opacity duration-200 hover:opacity-80 animate-in fade-in slide-in-from-bottom-8 duration-700 delay-500",
16246            style: { backgroundColor: "#003D7A", fontWeight: 600 },
16247            children: "View All Solutions"
16248          }
16249        )
16250      ] }),
16251      /* @__PURE__ */ e("div", { className: "solutions-image-section relative pb-32 pt-2 overflow-hidden lg:ml-16", children: /* @__PURE__ */ e(
16252        "div",
16253        {
16254          ref: u,
16255          className: "mx-auto overflow-hidden",
16256          style: { width: "65%", willChange: "width" },
16257          children: /* @__PURE__ */ e(
16258            "div",
16259            {
16260              ref: v,
16261              className: "relative h-full",
16262              style: { transform: "scale(1.1)", willChange: "transform" },
16263              children: /* @__PURE__ */ e("div", { className: "relative h-[500px] overflow-hidden animate-in fade-in slide-in-from-right-4 duration-700", children: /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-0 right-0 lg:right-[calc(-50vw+800px)]", children: [
16264                /* @__PURE__ */ e(
16265                  S,
16266                  {
16267                    src: b5,
16268                    alt: "HyVISION India Facility",
16269                    className: "w-full h-full object-cover"
16270                  }
16271                ),
16272                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-white/10 mix-blend-overlay" }),
16273                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/20 to-transparent" })
16274              ] }) })
16275            }
16276          )
16277        }
16278      ) })
16279    ] }) }) }),
16280    /* @__PURE__ */ a("section", { className: "relative overflow-hidden py-32 bg-slate-950", children: [
16281      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
16282        /* @__PURE__ */ e(
16283          S,
16284          {
16285            src: "https://images.unsplash.com/photo-1619308153609-80461446c66d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwZmFjdG9yeSUyMG5pZ2h0JTIwYWVyaWFsfGVufDF8fHx8MTc2NzY5MTk2OHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16286            alt: "HyVISION Facility",
16287            className: "w-full h-full object-cover opacity-30"
16288          }
16289        ),
16290        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-white" })
16291      ] }),
16292      /* @__PURE__ */ a("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16 relative", children: [
16293        /* @__PURE__ */ a("div", { className: "mb-20", children: [
16294          /* @__PURE__ */ e(
16295            m.p,
16296            {
16297              initial: { opacity: 0, y: 20 },
16298              whileInView: { opacity: 1, y: 0 },
16299              viewport: { once: !0 },
16300              transition: { duration: 0.7 },
16301              className: "text-[#D4A574] text-[22px] tracking-wider mb-4 font-bold",
16302              children: "Key Highlights"
16303            }
16304          ),
16305          /* @__PURE__ */ a(
16306            m.h2,
16307            {
16308              initial: { opacity: 0, y: 20 },
16309              whileInView: { opacity: 1, y: 0 },
16310              viewport: { once: !0 },
16311              transition: { duration: 0.7, delay: 0.15 },
16312              className: "text-black font-black text-[58px] leading-[1.1] flex items-start gap-2",
16313              children: [
16314                "HyVISION India by the Numbers",
16315                /* @__PURE__ */ e(re, { className: "w-8 h-8 text-[#D4A574] rotate-[-45deg] mt-1" })
16316              ]
16317            }
16318          )
16319        ] }),
16320        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [
16321          /* @__PURE__ */ a("div", { className: "group relative overflow-hidden rounded-2xl h-[500px] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-0", children: [
16322            /* @__PURE__ */ e(
16323              S,
16324              {
16325                src: "https://images.unsplash.com/photo-1762504634376-740d95eec2e4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmRpYSUyMGNvcnBvcmF0ZSUyMG9mZmljZSUyMHRlYW18ZW58MXx8fHwxNzY3NjkyNzg4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16326                alt: "Statistics Background",
16327                loading: "lazy",
16328                className: "absolute inset-0 w-full h-full object-cover object-left"
16329              }
16330            ),
16331            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/20 via-black/30 to-black/50" }),
16332            /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col justify-end p-8 pb-16", children: /* @__PURE__ */ a("div", { children: [
16333              /* @__PURE__ */ e("div", { className: "text-white text-[60px] font-black leading-none mb-3 text-center", children: "300+" }),
16334              /* @__PURE__ */ e("div", { className: "text-white/90 text-[16px] font-medium text-center", children: "Professional Engineers" })
16335            ] }) })
16336          ] }),
16337          /* @__PURE__ */ a("div", { className: "group relative overflow-hidden rounded-2xl h-[500px] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-150", children: [
16338            /* @__PURE__ */ e(
16339              S,
16340              {
16341                src: m5,
16342                alt: "Statistics Background",
16343                loading: "lazy",
16344                className: "absolute inset-0 w-full h-full object-cover object-center-left"
16345              }
16346            ),
16347            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/20 via-black/30 to-black/50" }),
16348            /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col justify-end p-8 pb-16", children: /* @__PURE__ */ a("div", { children: [
16349              /* @__PURE__ */ e("div", { className: "text-white text-[60px] font-black leading-none mb-3 text-center", children: "120+" }),
16350              /* @__PURE__ */ e("div", { className: "text-white/90 text-[16px] font-medium text-center", children: "Production Lines Installed in India" })
16351            ] }) })
16352          ] }),
16353          /* @__PURE__ */ a("div", { className: "group relative overflow-hidden rounded-2xl h-[500px] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-300", children: [
16354            /* @__PURE__ */ e(
16355              S,
16356              {
16357                src: "https://images.unsplash.com/photo-1629192848422-6bb37ed58f52?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbXBsb3llZXMlMjB3b3JrZXJzJTIwY29ycG9yYXRlJTIwdGVhbSUyMGluZGlhJTIwb2ZmaWNlfGVufDF8fHx8MTc3MjUxNTgyMHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16358                alt: "Statistics Background",
16359                className: "absolute inset-0 w-full h-full object-cover object-center"
16360              }
16361            ),
16362            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/20 via-black/30 to-black/50" }),
16363            /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col justify-end p-8 pb-16", children: /* @__PURE__ */ a("div", { children: [
16364              /* @__PURE__ */ e("div", { className: "text-white text-[60px] font-black leading-none mb-3 text-center", children: "700+" }),
16365              /* @__PURE__ */ e("div", { className: "text-white/90 text-[16px] font-medium text-center", children: "Total Employees" })
16366            ] }) })
16367          ] }),
16368          /* @__PURE__ */ a("div", { className: "group relative overflow-hidden rounded-2xl h-[500px] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-500", children: [
16369            /* @__PURE__ */ e(
16370              S,
16371              {
16372                src: "https://images.unsplash.com/photo-1512790315962-66cbcd3eb8ca?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwcXVhbGl0eSUyMGluc3BlY3Rpb24lMjBjYW1lcmElMjBsZW5zJTIwcHJlY2lzaW9ufGVufDF8fHx8MTc3MjUxNjQ0NHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16373                alt: "Inspection Accuracy",
16374                className: "absolute inset-0 w-full h-full object-cover object-center"
16375              }
16376            ),
16377            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/20 via-black/30 to-black/50" }),
16378            /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col justify-end p-8 pb-16", children: /* @__PURE__ */ a("div", { children: [
16379              /* @__PURE__ */ e("div", { className: "text-white text-[60px] font-black leading-none mb-3 text-center", children: "95%" }),
16380              /* @__PURE__ */ e("div", { className: "text-white/90 text-[16px] font-medium text-center font-bold", children: "Inspection Accuracy" })
16381            ] }) })
16382          ] })
16383        ] })
16384      ] })
16385    ] }),
16386    /* @__PURE__ */ e(v5, {}),
16387    /* @__PURE__ */ e("section", { className: "pt-12 pb-24 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-16 items-center min-h-[600px]", children: [
16388      /* @__PURE__ */ a("div", { className: "max-w-xl animate-in fade-in slide-in-from-bottom-4 duration-700", children: [
16389        /* @__PURE__ */ a("h2", { className: "text-slate-950 font-black text-[72px] leading-[1.1] mb-6 tracking-tight flex items-start gap-2", children: [
16390          /* @__PURE__ */ a("span", { className: "text-[64px]", children: [
16391            A[x].mainTitle,
16392            /* @__PURE__ */ e("br", {}),
16393            A[x].subTitle
16394          ] }),
16395          /* @__PURE__ */ e(re, { className: "w-8 h-8 text-[#D4A574] rotate-[-45deg] mt-1" })
16396        ] }),
16397        /* @__PURE__ */ e("h3", { className: "text-[#D4A574] font-bold mb-8 mt-8 text-[22px]", children: A[x].subtitle }),
16398        /* @__PURE__ */ a("p", { className: "text-slate-600 text-[20px] leading-relaxed max-w-3xl mb-12", children: [
16399          A[x].description.split("|")[0],
16400          /* @__PURE__ */ e("br", {}),
16401          A[x].description.split("|")[1],
16402          /* @__PURE__ */ e("br", {}),
16403          /* @__PURE__ */ e("span", { className: "text-[#D4A574]", children: A[x].description.split("|")[2] })
16404        ] }),
16405        /* @__PURE__ */ a("div", { className: "flex items-center gap-0", children: [
16406          /* @__PURE__ */ e(
16407            "button",
16408            {
16409              onClick: () => b((f) => (f - 1 + A.length) % A.length),
16410              className: "text-slate-400 hover:text-slate-900 transition-colors",
16411              children: /* @__PURE__ */ e(fe, { className: "w-6 h-6 rotate-180", strokeWidth: 1 })
16412            }
16413          ),
16414          /* @__PURE__ */ a("div", { className: "text-slate-900 text-[18px] font-normal min-w-[50px] text-center", children: [
16415            /* @__PURE__ */ e("span", { className: "font-medium", children: x + 1 }),
16416            /* @__PURE__ */ e("span", { className: "text-slate-400 mx-0.5", children: "/" }),
16417            /* @__PURE__ */ e("span", { className: "text-slate-400", children: A.length })
16418          ] }),
16419          /* @__PURE__ */ e(
16420            "button",
16421            {
16422              onClick: () => b((f) => (f + 1) % A.length),
16423              className: "text-slate-400 hover:text-slate-900 transition-colors",
16424              children: /* @__PURE__ */ e(fe, { className: "w-6 h-6", strokeWidth: 1 })
16425            }
16426          )
16427        ] })
16428      ] }),
16429      /* @__PURE__ */ e("div", { className: "relative flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "relative w-[500px] h-[500px]", children: A.map((f, y) => /* @__PURE__ */ e(
16430        "div",
16431        {
16432          className: `absolute inset-0 transition-opacity duration-700 ${y === x ? "opacity-100" : "opacity-0 pointer-events-none"}`,
16433          children: /* @__PURE__ */ a("div", { className: `relative w-full h-full rounded-full overflow-hidden ${y === x ? "animate-zoom-in" : ""}`, style: { boxShadow: "0 30px 60px -12px rgba(0, 0, 0, 0.25), 0 50px 100px -20px rgba(0, 0, 0, 0.3)" }, children: [
16434            /* @__PURE__ */ e(
16435              S,
16436              {
16437                src: f.image,
16438                alt: f.title,
16439                className: "w-full h-full object-cover"
16440              }
16441            ),
16442            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
16443          ] })
16444        },
16445        y
16446      )) }) })
16447    ] }) }) }),
16448    /* @__PURE__ */ e("section", { className: "pt-36 pb-24 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-16 items-center mb-32", children: [
16449      /* @__PURE__ */ a("div", { className: "max-w-xl", children: [
16450        /* @__PURE__ */ e("p", { className: "font-bold tracking-tight mb-8 -mt-24 animate-in fade-in slide-in-from-bottom-8 duration-700 delay-0 text-[#d4a574] text-[22px]", children: "Confidence in every part" }),
16451        /* @__PURE__ */ a("h2", { className: "text-slate-950 leading-tight font-bold tracking-tight mb-8 whitespace-nowrap -mt-4 animate-in fade-in slide-in-from-bottom-8 duration-700 delay-150 text-[48px]", children: [
16452          /* @__PURE__ */ e("span", { className: "block text-[32px] mb-2 mt-4", children: "Pioneering Technologies for a New World" }),
16453          "The Way We Innovate"
16454        ] }),
16455        /* @__PURE__ */ a("p", { className: "text-[rgb(127,130,132)] text-[18px] leading-[1.8] mb-16 animate-in fade-in slide-in-from-bottom-8 duration-700 delay-300", children: [
16456          "Innovation is the DNA of HyVISION System.",
16457          /* @__PURE__ */ e("br", {}),
16458          "We shape a better future of manufacturing through precision technology."
16459        ] }),
16460        /* @__PURE__ */ a("div", { className: "flex items-center gap-4 mt-4 animate-in fade-in slide-in-from-bottom-8 duration-700 delay-500", children: [
16461          /* @__PURE__ */ e(
16462            "button",
16463            {
16464              onClick: () => w((f) => (f - 1 + 2) % 2),
16465              className: "w-10 h-10 border border-slate-300 flex items-center justify-center hover:border-[#003D7A] hover:bg-slate-50 transition-all",
16466              children: /* @__PURE__ */ e(fe, { className: "w-4 h-4 rotate-180 text-slate-600" })
16467            }
16468          ),
16469          /* @__PURE__ */ e(
16470            "button",
16471            {
16472              onClick: () => w((f) => (f + 1) % 2),
16473              className: "w-10 h-10 border border-slate-300 flex items-center justify-center hover:border-[#003D7A] hover:bg-slate-50 transition-all",
16474              children: /* @__PURE__ */ e(fe, { className: "w-4 h-4 text-slate-600" })
16475            }
16476          )
16477        ] })
16478      ] }),
16479      /* @__PURE__ */ e("div", { className: "relative overflow-hidden h-[450px] animate-in fade-in slide-in-from-bottom-8 duration-700 delay-300", children: /* @__PURE__ */ a(
16480        "div",
16481        {
16482          className: "flex transition-transform duration-700 ease-in-out h-full",
16483          style: {
16484            transform: `translateX(-${g * 100}%)`
16485          },
16486          children: [
16487            /* @__PURE__ */ a("div", { className: "flex-shrink-0 w-full grid grid-cols-2 gap-4 h-full", children: [
16488              /* @__PURE__ */ a("div", { className: "relative h-full overflow-hidden group cursor-pointer rounded-lg", children: [
16489                /* @__PURE__ */ e(
16490                  S,
16491                  {
16492                    src: "https://images.unsplash.com/photo-1767449441925-737379bc2c4d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb21tdW5pdHklMjBzZXJ2aWNlJTIwdGVjaG5vbG9neSUyMHNvY2lhbCUyMGltcGFjdHxlbnwxfHx8fDE3Njc4NTAyODl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16493                    alt: "Public Good",
16494                    loading: "lazy",
16495                    className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
16496                  }
16497                ),
16498                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-black/10" }),
16499                /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-8", children: [
16500                  /* @__PURE__ */ e("h3", { className: "text-white text-[32px] font-bold mb-3 group-hover:text-[#FF9933] transition-colors duration-300", children: "Public Good" }),
16501                  /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed", children: [
16502                    "We enhance the quality of life through technology,",
16503                    /* @__PURE__ */ e("br", {}),
16504                    "and bring benefits to more people."
16505                  ] })
16506                ] })
16507              ] }),
16508              /* @__PURE__ */ a("div", { className: "relative h-full overflow-hidden group cursor-pointer rounded-lg", children: [
16509                /* @__PURE__ */ e(
16510                  S,
16511                  {
16512                    src: "https://images.unsplash.com/photo-1761644956020-45e6595e60ae?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbm5vdmF0aW9uJTIwdGVjaG5vbG9neSUyMGNyZWF0aW9ufGVufDF8fHx8MTc2MTgwNzc5NXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16513                    alt: "Creation",
16514                    className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
16515                  }
16516                ),
16517                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-black/10" }),
16518                /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-8", children: [
16519                  /* @__PURE__ */ e("h3", { className: "text-white text-[32px] font-bold mb-3", children: "Creation" }),
16520                  /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed", children: [
16521                    "Over 76% of our members are dedicated to R&D,",
16522                    /* @__PURE__ */ e("br", {}),
16523                    "creating true and lasting value."
16524                  ] })
16525                ] })
16526              ] })
16527            ] }),
16528            /* @__PURE__ */ a("div", { className: "flex-shrink-0 w-full grid grid-cols-2 gap-4 h-full", children: [
16529              /* @__PURE__ */ a("div", { className: "relative h-full overflow-hidden group cursor-pointer rounded-lg", children: [
16530                /* @__PURE__ */ e(
16531                  S,
16532                  {
16533                    src: "https://images.unsplash.com/photo-1758599543113-9857a0f0681c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaGFsbGVuZ2UlMjBzdWNjZXNzJTIwYWNoaWV2ZW1lbnR8ZW58MXx8fHwxNzYxODA3Nzk1fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16534                    alt: "Challenge",
16535                    className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
16536                  }
16537                ),
16538                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-black/10" }),
16539                /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-8", children: [
16540                  /* @__PURE__ */ e("h3", { className: "text-white text-[32px] font-bold mb-3", children: "Challenge" }),
16541                  /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed", children: [
16542                    "Wherever technology is needed,",
16543                    /* @__PURE__ */ e("br", {}),
16544                    "we overcome any obstacle."
16545                  ] })
16546                ] })
16547              ] }),
16548              /* @__PURE__ */ e("div", {})
16549            ] })
16550          ]
16551        }
16552      ) })
16553    ] }) }) }),
16554    /* @__PURE__ */ e("section", { className: "py-0 bg-white w-full", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 w-full", children: [
16555      /* @__PURE__ */ a(
16556        "div",
16557        {
16558          onClick: () => N("/products/ccm"),
16559          className: "relative h-[300px] group cursor-pointer overflow-hidden",
16560          children: [
16561            /* @__PURE__ */ e(
16562              S,
16563              {
16564                src: "https://images.unsplash.com/photo-1559861796-262a22dd0f97?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW1lcmElMjBzZW5zb3IlMjBsZW5zJTIwdGVjaG5vbG9neSUyMGJsdWV8ZW58MXx8fHwxNzcxNTUwNzMwfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16565                alt: "Camera Module",
16566                className: "absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
16567              }
16568            ),
16569            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-blue-900/60 group-hover:bg-blue-900/40 transition-colors duration-300" }),
16570            /* @__PURE__ */ a("div", { className: "absolute top-10 left-10 right-10 z-10", children: [
16571              /* @__PURE__ */ a("h3", { className: "text-white text-[28px] font-bold mb-4 tracking-tight whitespace-pre-line", children: [
16572                "CCM &",
16573                `
16574`,
16575                "Image Sensor"
16576              ] }),
16577              /* @__PURE__ */ e(re, { className: "text-white w-8 h-8 transition-transform duration-300 group-hover:translate-x-2" })
16578            ] })
16579          ]
16580        }
16581      ),
16582      /* @__PURE__ */ a(
16583        "div",
16584        {
16585          onClick: () => N("/product/battery-ess"),
16586          className: "relative h-[300px] group cursor-pointer overflow-hidden",
16587          children: [
16588            /* @__PURE__ */ e(
16589              S,
16590              {
16591                src: "https://images.unsplash.com/photo-1715598147112-b82f919ac1a7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJpYyUyMHZlaGljbGUlMjBiYXR0ZXJ5JTIwbWFudWZhY3R1cmluZyUyMHllbGxvd3xlbnwxfHx8fDE3NzE1NTA3MzB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16592                alt: "Rechargeable Battery",
16593                className: "absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
16594              }
16595            ),
16596            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-yellow-900/50 group-hover:bg-yellow-900/30 transition-colors duration-300" }),
16597            /* @__PURE__ */ a("div", { className: "absolute top-10 left-10 right-10 z-10", children: [
16598              /* @__PURE__ */ e("h3", { className: "text-white text-[28px] font-bold mb-4 tracking-tight", children: "Battery & ESS" }),
16599              /* @__PURE__ */ e(re, { className: "text-white w-8 h-8 transition-transform duration-300 group-hover:translate-x-2" })
16600            ] })
16601          ]
16602        }
16603      ),
16604      /* @__PURE__ */ a(
16605        "div",
16606        {
16607          onClick: () => N("/products/bio-inspection"),
16608          className: "relative h-[300px] group cursor-pointer overflow-hidden",
16609          children: [
16610            /* @__PURE__ */ e(
16611              S,
16612              {
16613                src: "https://images.unsplash.com/photo-1595311182166-d63273ddc386?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtZWRpY2FsJTIwbGFib3JhdG9yeSUyMHNjaWVuY2UlMjBncmVlbnxlbnwxfHx8fDE3NzE1NTA3MzB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16614                alt: "Bio",
16615                className: "absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
16616              }
16617            ),
16618            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-green-900/60 group-hover:bg-green-900/40 transition-colors duration-300" }),
16619            /* @__PURE__ */ a("div", { className: "absolute top-10 left-10 right-10 z-10", children: [
16620              /* @__PURE__ */ e("h3", { className: "text-white text-[28px] font-bold mb-4 tracking-tight", children: "Bio & Pharmaceutical" }),
16621              /* @__PURE__ */ e(re, { className: "text-white w-8 h-8 transition-transform duration-300 group-hover:translate-x-2" })
16622            ] })
16623          ]
16624        }
16625      ),
16626      /* @__PURE__ */ a(
16627        "div",
16628        {
16629          onClick: () => N("/products/automated-optical-inspection"),
16630          className: "relative h-[300px] group cursor-pointer overflow-hidden",
16631          children: [
16632            /* @__PURE__ */ e(
16633              S,
16634              {
16635                src: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXIlMjBpbnNwZWN0aW9uJTIwY2xlYW58ZW58MXx8fHwxNzcxNTUwNzMwfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
16636                alt: "Optical Inspection",
16637                className: "absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
16638              }
16639            ),
16640            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-slate-900/50 group-hover:bg-slate-900/30 transition-colors duration-300" }),
16641            /* @__PURE__ */ a("div", { className: "absolute top-10 left-10 right-10 z-10", children: [
16642              /* @__PURE__ */ a("h3", { className: "text-white text-[28px] font-bold mb-4 tracking-tight whitespace-pre-line", children: [
16643                "Automated Optical",
16644                `
16645`,
16646                "Inspection"
16647              ] }),
16648              /* @__PURE__ */ e(re, { className: "text-white w-8 h-8 transition-transform duration-300 group-hover:translate-x-2" })
16649            ] })
16650          ]
16651        }
16652      )
16653    ] }) })
16654  ] });
16655}
16656const A5 = globalThis.__GLOBALS__.getAssetURL("286eab1e3babadd7a59de0f2736a07aa253fc13b.png"), I5 = globalThis.__GLOBALS__.getAssetURL("8db497fd76668b5aa4a788ec7c39672054c483bf.png"), S5 = globalThis.__GLOBALS__.getAssetURL("93cf8942e9411ea763577d5b5ae2f843ca4eb61d.png"), C5 = globalThis.__GLOBALS__.getAssetURL("042cad6bddd92f50b16bc7a3422dfab1f6c446d9.png"), vc = globalThis.__GLOBALS__.getAssetURL("c2aa42f0aa0951ee5755b2d1bf5a8c4685327158.png"), Nc = globalThis.__GLOBALS__.getAssetURL("8bb770f3205863c9503a785f2eaf0f5ec88cd659.png"), Ac = globalThis.__GLOBALS__.getAssetURL("6779917cf651a9cfdaa2dfedfe621a31c9e160bb.png"), Ic = globalThis.__GLOBALS__.getAssetURL("31c26b550c22199f734cef8744fd915e98e51846.png"), M5 = globalThis.__GLOBALS__.getAssetURL("986bb1d69308b75ba144499eb54b747feee19a45.png");
16657function D5() {
16658  const { t } = ne(), [i, n] = C("Korea"), [r, s] = C("company"), [l, o] = oe.useState(1.1), [d, c] = oe.useState(65), [p, h] = C(0), x = (b) => {
16659    window.location.hash = b, window.scrollTo({ top: 0, behavior: "smooth" });
16660  };
16661  return oe.useEffect(() => {
16662    const b = () => {
16663      const g = window.scrollY, w = document.querySelector(".industries-section");
16664      if (w) {
16665        const u = w.offsetTop, v = w.offsetHeight, A = window.innerHeight, N = u - A, y = u - A / 2 + v / 2 - N, I = Math.min(Math.max((g - N) / y, 0), 1), D = 1.1 + I * 0.2;
16666        o(D);
16667        const P = 65 + I * 35;
16668        c(P);
16669      }
16670    };
16671    return window.addEventListener("scroll", b), b(), () => {
16672      window.removeEventListener("scroll", b);
16673    };
16674  }, []), t.nav.company, t.nav.companyOverview, t.companyOverview.korea, t.companyOverview.koreaRole, t.companyOverview.usa, t.companyOverview.usaRole, t.companyOverview.india, t.companyOverview.indiaRole, t.companyOverview.vietnam, t.companyOverview.vietnamRole, t.companyOverview.china, t.companyOverview.chinaRole, t.companyOverview.philosophy1, t.companyOverview.philosophy1Desc, t.companyOverview.philosophy2, t.companyOverview.philosophy2Desc, t.companyOverview.philosophy3, t.companyOverview.philosophy3Desc, t.companyOverview.philosophy4, t.companyOverview.philosophy4Desc, /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
16675    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
16676      /* @__PURE__ */ e(
16677        m.div,
16678        {
16679          initial: { opacity: 0, x: -60 },
16680          animate: { opacity: 1, x: 0 },
16681          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
16682          className: "pt-[11px]",
16683          children: /* @__PURE__ */ a("p", { className: "text-slate-950 text-[20px] font-bold font-sans leading-tight", children: [
16684            "About",
16685            /* @__PURE__ */ e("br", {}),
16686            "HyVISION INDIA"
16687          ] })
16688        }
16689      ),
16690      /* @__PURE__ */ a(
16691        m.div,
16692        {
16693          initial: { opacity: 0, x: 60 },
16694          animate: { opacity: 1, x: 0 },
16695          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
16696          children: [
16697            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
16698              "Precision Vision Technology,",
16699              /* @__PURE__ */ e("br", {}),
16700              "Powered by HyVISION India"
16701            ] }),
16702            /* @__PURE__ */ e("p", { className: "text-gray-600 text-[19px] leading-relaxed whitespace-nowrap", children: "HyVISION SYSTEM ICCK delivers advanced vision inspection solutions for global industries." })
16703          ]
16704        }
16705      )
16706    ] }) }) }),
16707    /* @__PURE__ */ e("section", { className: "relative pb-32 pt-0 overflow-hidden industries-section", children: /* @__PURE__ */ e(
16708      "div",
16709      {
16710        className: "mx-auto transition-all duration-500 ease-out overflow-hidden",
16711        style: {
16712          width: `${d}%`
16713        },
16714        children: /* @__PURE__ */ a(
16715          "div",
16716          {
16717            className: "relative h-full transition-transform duration-300 ease-out",
16718            style: {
16719              transform: `scale(${l})`
16720            },
16721            children: [
16722              /* @__PURE__ */ e(
16723                S,
16724                {
16725                  src: I5,
16726                  alt: "Industrial Cityscape",
16727                  className: "w-full h-[720px] object-cover object-top"
16728                }
16729              ),
16730              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/0" })
16731            ]
16732          }
16733        )
16734      }
16735    ) }),
16736    /* @__PURE__ */ e("section", { className: "py-24 pb-32 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
16737      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl mb-16", children: [
16738        /* @__PURE__ */ e(
16739          m.div,
16740          {
16741            initial: { opacity: 0, x: -30 },
16742            whileInView: { opacity: 1, x: 0 },
16743            viewport: { once: !0 },
16744            transition: { duration: 0.8, ease: "easeOut" },
16745            className: "pt-[11px]",
16746            children: /* @__PURE__ */ e("span", { className: "text-slate-950 text-[20px] font-bold font-sans leading-tight", children: "Who we are" })
16747          }
16748        ),
16749        /* @__PURE__ */ a(
16750          m.div,
16751          {
16752            initial: { opacity: 0, y: 40 },
16753            whileInView: { opacity: 1, y: 0 },
16754            viewport: { once: !0 },
16755            transition: { duration: 0.8, delay: 0.1, ease: "easeOut" },
16756            children: [
16757              /* @__PURE__ */ a("h2", { className: "text-slate-900 text-[48px] font-bold leading-tight mb-6 whitespace-nowrap", children: [
16758                "Connecting Global Manufacturing",
16759                /* @__PURE__ */ e("br", {}),
16760                "with HyVISION's Vision Solutions"
16761              ] }),
16762              /* @__PURE__ */ a("p", { className: "text-gray-500 text-[18px] leading-relaxed", children: [
16763                "Built on 20+ years of AI vision inspection expertise and global manufacturing experience,",
16764                /* @__PURE__ */ e("br", {}),
16765                "we deliver premium automation solutions optimized for the Indian market."
16766              ] })
16767            ]
16768          }
16769        )
16770      ] }),
16771      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-24 items-start mt-24", children: [
16772        /* @__PURE__ */ e(
16773          m.div,
16774          {
16775            initial: { opacity: 0, x: -40 },
16776            whileInView: { opacity: 1, x: 0 },
16777            viewport: { once: !0 },
16778            transition: { duration: 0.8 },
16779            className: "sticky top-48 self-start",
16780            children: /* @__PURE__ */ e("div", { className: "border-t border-slate-900", children: [
16781              { title: "Vision Leadership", desc: `AI Driven 2D/3D Vision
16782Inspection Leadership`, img: M5 },
16783              { title: "Proven Experience", desc: `20+ Years in Smartphone
16784& Battery Inline Automation`, img: Ac },
16785              { title: "Global Synergy", desc: `Real Time Remote & On-Site
16786Support via Korea R&D / India OSS`, img: Nc },
16787              { title: "Quality Standard", desc: `Compliance with Global Mobile
16788& Battery Manufacturer Standards`, img: vc },
16789              { title: "Local Infrastructure", desc: `Localized Production
16790& Support Infrastructure in India`, img: Ic }
16791            ].map((b, g) => /* @__PURE__ */ a(
16792              "div",
16793              {
16794                onMouseEnter: () => h(g),
16795                className: `group relative flex items-center justify-between py-6 border-b border-gray-200 cursor-pointer transition-all duration-300 ${p === g ? "opacity-100" : "opacity-80"}`,
16796                children: [
16797                  /* @__PURE__ */ e("div", { className: "pl-2", children: /* @__PURE__ */ e("span", { className: `text-[20px] font-bold tracking-tight transition-colors duration-300 ${p === g ? "text-slate-900" : "text-gray-400"}`, children: b.title }) }),
16798                  /* @__PURE__ */ a("div", { className: "flex items-center gap-8", children: [
16799                    /* @__PURE__ */ e("div", { className: "w-[300px] text-right flex flex-col justify-center", children: /* @__PURE__ */ e("p", { className: `text-[16px] font-medium leading-[1.6] transition-colors duration-300 ${p === g ? "text-slate-950" : "text-gray-400"} whitespace-pre-line`, children: b.desc }) }),
16800                    /* @__PURE__ */ e("div", { className: `transition-all duration-300 ${p === g ? "translate-x-0 opacity-100" : "translate-x-[-10px] opacity-0"}`, children: /* @__PURE__ */ e(re, { className: "w-5 h-5 text-slate-950" }) })
16801                  ] })
16802                ]
16803              },
16804              g
16805            )) })
16806          }
16807        ),
16808        /* @__PURE__ */ e("div", { className: "relative h-[530px] sticky top-48 overflow-hidden shadow-2xl bg-slate-100", children: [
16809          C5,
16810          // High tech electronics
16811          Ac,
16812          // Proven Experience
16813          Nc,
16814          // Global Synergy
16815          vc,
16816          // Quality Standard
16817          Ic
16818          // Local infrastructure
16819        ].map((b, g) => /* @__PURE__ */ a(
16820          m.div,
16821          {
16822            initial: { opacity: 0, scale: 1.05 },
16823            animate: {
16824              opacity: p === g ? 1 : 0,
16825              scale: p === g ? 1 : 1.05,
16826              zIndex: p === g ? 10 : 0
16827            },
16828            transition: { duration: 0.7, ease: "easeOut" },
16829            className: "absolute inset-0",
16830            children: [
16831              /* @__PURE__ */ e(
16832                S,
16833                {
16834                  src: b,
16835                  alt: "Who We Are Detail",
16836                  className: "w-full h-full object-cover"
16837                }
16838              ),
16839              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-trans
16839parent to-transparent" }),
16840              /* @__PURE__ */ e("div", { className: "absolute top-0 inset-x-0 p-8 pt-10" })
16841            ]
16842          },
16843          g
16844        )) })
16845      ] })
16846    ] }) }) }),
16847    /* @__PURE__ */ e("section", { id: "capacity", className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
16848      /* @__PURE__ */ a("div", { className: "mb-20", children: [
16849        /* @__PURE__ */ e(
16850          m.p,
16851          {
16852            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
16853            initial: { opacity: 0, y: 20 },
16854            whileInView: { opacity: 1, y: 0 },
16855            viewport: { once: !0 },
16856            transition: { duration: 0.6, delay: 0.1 },
16857            children: "Production Capacity"
16858          }
16859        ),
16860        /* @__PURE__ */ a(
16861          m.h2,
16862          {
16863            className: "text-slate-950 text-[44px] leading-tight",
16864            style: { fontWeight: 700 },
16865            initial: { opacity: 0, y: 30 },
16866            whileInView: { opacity: 1, y: 0 },
16867            viewport: { once: !0 },
16868            transition: { duration: 0.7, delay: 0.25 },
16869            children: [
16870              "World-Class Stable & Flexible",
16871              /* @__PURE__ */ e("br", {}),
16872              "Manufacturing Infrastructure"
16873            ]
16874          }
16875        )
16876      ] }),
16877      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-8", children: [
16878        {
16879          num: "01",
16880          title: "Assembly Capacity",
16881          subtitle: "Large-Scale Assembly Production Infrastructure",
16882          desc: "With a total production facility of 22,000㎡ and a dedicated assembly space of 4,111㎡, we carry out the assembly and production of advanced automation equipment.",
16883          image: "https://images.unsplash.com/photo-1768796372362-05c256e61d8c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljcyUyMGFzc2VtYmx5JTIwbGluZSUyMGZhY3Rvcnl8ZW58MXx8fHwxNzczNjQ2NjY0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
16884        },
16885        {
16886          num: "02",
16887          title: "CNC Capacity",
16888          subtitle: "Precision Machining & Fabrication Capability",
16889          desc: "Backed by 42 in-house CNC machines and a machining network of 75 CNC units across 9 partner companies, we maintain a stable and reliable parts machining capability.",
16890          image: "https://images.unsplash.com/photo-1742971366169-6efb57949d56?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjbmMlMjBtYWNoaW5lJTIwcHJlY2lzaW9uJTIwbWFudWZhY3R1cmluZ3xlbnwxfHx8fDE3NzM2NDY2NjN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
16891        },
16892        {
16893          num: "03",
16894          title: "TPU Molding Capacity",
16895          subtitle: "Local Production of Core Components",
16896          desc: "With 6 TPU molding units in operation, we are strengthening our local production system for core components.",
16897          image: "https://images.unsplash.com/photo-1701448149957-b96dbd1926ff?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwbGFzdGljJTIwaW5qZWN0aW9uJTIwbW9sZGluZyUyMG1hY2hpbmUlMjBmYWN0b3J5fGVufDF8fHx8MTc3MzU1NDc2NXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
16898        },
16899        {
16900          num: "04",
16901          title: "Factory Compliance",
16902          subtitle: "Global Standard Factory Operation System",
16903          desc: "With all approvals and permits secured, our India factory stands as a core manufacturing hub for the Indian market, operating on a global-standard framework.",
16904          image: "https://images.unsplash.com/photo-1771315043854-ab551cc09939?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwZmFjdG9yeSUyMGV4dGVyaW9yJTIwbW9kZXJufGVufDF8fHx8MTc3MzY0NjY2M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
16905        }
16906      ].map((b, g) => /* @__PURE__ */ a(
16907        m.div,
16908        {
16909          className: "group flex flex-col bg-white border border-gray-200/60 shadow-sm hover:shadow-xl transition-all duration-500 hover:-translate-y-1",
16910          initial: { opacity: 0, y: 30 },
16911          whileInView: { opacity: 1, y: 0 },
16912          viewport: { once: !0 },
16913          transition: { duration: 0.6, delay: g * 0.15 },
16914          children: [
16915            /* @__PURE__ */ a("div", { className: "relative h-64 overflow-hidden", children: [
16916              /* @__PURE__ */ e(
16917                S,
16918                {
16919                  src: b.image,
16920                  alt: b.title,
16921                  className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
16922                }
16923              ),
16924              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }),
16925              /* @__PURE__ */ e("div", { className: "absolute bottom-6 left-6 text-white text-[48px] font-black leading-none drop-shadow-lg opacity-20 group-hover:opacity-40 transition-opacity", children: b.num })
16926            ] }),
16927            /* @__PURE__ */ a("div", { className: "p-10 flex flex-col flex-grow", children: [
16928              /* @__PURE__ */ e("div", { className: "text-[#003D7A] tracking-wide uppercase mb-2 inline-block self-start text-[12px]", children: b.title }),
16929              /* @__PURE__ */ e("h3", { className: "text-slate-900 text-[20px] leading-[1.4] mb-4", style: { fontWeight: 700 }, children: b.subtitle }),
16930              /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-[1.8] whitespace-pre-line break-keep", children: [
16931                g === 3 ? "With all approvals and permits secured, our India factory stands as a core manufacturing hub for the Indian market, operating on a global-standard framework." : b.desc,
16932                "���"
16933              ] })
16934            ] })
16935          ]
16936        },
16937        g
16938      )) })
16939    ] }) }),
16940    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
16941      /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center mb-20 space-y-8", children: [
16942        /* @__PURE__ */ e(
16943          m.h2,
16944          {
16945            initial: { opacity: 0, y: 30 },
16946            whileInView: { opacity: 1, y: 0 },
16947            viewport: { once: !0 },
16948            transition: { duration: 0.8, ease: "easeOut" },
16949            className: "text-slate-900 text-[48px] font-bold leading-tight tracking-tight",
16950            children: "Why Partners Trust Us"
16951          }
16952        ),
16953        /* @__PURE__ */ a(
16954          m.p,
16955          {
16956            initial: { opacity: 0, y: 30 },
16957            whileInView: { opacity: 1, y: 0 },
16958            viewport: { once: !0 },
16959            transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
16960            className: "text-gray-500 text-[18px] leading-relaxed max-w-[800px] mx-auto whitespace-pre-line",
16961            children: [
16962              "Delivering world-class ultra-precision vision technology and close local support in India,",
16963              `
16964`,
16965              "we achieve unmatched production quality and innovative process automation."
16966            ]
16967          }
16968        )
16969      ] }),
16970      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5", children: [
16971        /* @__PURE__ */ e(
16972          m.div,
16973          {
16974            initial: { opacity: 0, y: 20 },
16975            whileInView: { opacity: 1, y: 0 },
16976            viewport: { once: !0 },
16977            transition: { duration: 0.6 },
16978            className: "bg-[#003D7A] aspect-[16/10] flex flex-col items-center justify-center p-8 rounded-xl",
16979            children: /* @__PURE__ */ a("div", { className: "text-white text-center", children: [
16980              /* @__PURE__ */ e("h3", { className: "text-[33px] font-bold tracking-tighter leading-none mb-1", children: "HyVISION" }),
16981              /* @__PURE__ */ e("div", { className: "w-full h-[2px] bg-white my-3" }),
16982              /* @__PURE__ */ e("p", { className: "text-[14px] font-bold tracking-[0.2em] uppercase opacity-90", children: "INDIA PRIVATE LIMITED" })
16983            ] })
16984          }
16985        ),
16986        [
16987          {
16988            title: "VISION TECHNOLOGY",
16989            subtitle: "비전 검사 기술",
16990            icon: di
16991          },
16992          {
16993            title: "MANUFACTURING HUB",
16994            subtitle: "현지 생산 허브",
16995            icon: Fa
16996          },
16997          {
16998            title: "QUALITY STANDARDS",
16999            subtitle: "글로벌 품질 표준",
17000            icon: Xi
17001          },
17002          {
17003            title: "AI & AUTOMATION",
17004            subtitle: "AI 및 스마트 자동화",
17005            icon: at
17006          },
17007          {
17008            title: "TECHNICAL SUPPORT",
17009            subtitle: "신속한 기술 지원",
17010            icon: Hu
17011          }
17012        ].map((b, g) => /* @__PURE__ */ a(
17013          m.div,
17014          {
17015            initial: { opacity: 0, y: 20 },
17016            whileInView: { opacity: 1, y: 0 },
17017            viewport: { once: !0 },
17018            transition: { duration: 0.6, delay: (g + 1) * 0.1 },
17019            className: "bg-[rgba(226,226,235,0.28)] aspect-[16/10] flex flex-col items-center justify-center p-8 rounded-xl group hover:shadow-lg transition-all duration-300",
17020            children: [
17021              /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e(b.icon, { className: "w-14 h-14 text-[#003D7A] stroke-[1px]" }) }),
17022              /* @__PURE__ */ a("div", { className: "text-center space-y-2", children: [
17023                /* @__PURE__ */ e("h4", { className: "text-[#003D7A] text-[20px] tracking-tight uppercase font-bold", children: b.title }),
17024                /* @__PURE__ */ e("p", { className: "text-gray-500 text-[16px] font-medium -mt-2 font-bold", children: b.subtitle })
17025              ] })
17026            ]
17027          },
17028          g
17029        ))
17030      ] })
17031    ] }) }) }),
17032    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
17033      /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center mb-20 space-y-8", children: [
17034        /* @__PURE__ */ e(
17035          m.h2,
17036          {
17037            initial: { opacity: 0, y: 30 },
17038            whileInView: { opacity: 1, y: 0 },
17039            viewport: { once: !0 },
17040            transition: { duration: 0.8, ease: "easeOut" },
17041            className: "text-slate-900 text-[48px] font-bold leading-tight tracking-tight",
17042            children: "Smart Manufacturing"
17043          }
17044        ),
17045        /* @__PURE__ */ a(
17046          m.p,
17047          {
17048            initial: { opacity: 0, y: 30 },
17049            whileInView: { opacity: 1, y: 0 },
17050            viewport: { once: !0 },
17051            transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
17052            className: "text-gray-500 text-[18px] leading-relaxed max-w-[800px] mx-auto whitespace-pre-line",
17053            children: [
17054              "벵갈루루 Devanahalli 산단 내 위치한 HyVISION INDIA 법인은",
17055              `
17056`,
17057              "최신식 제조 인프라와 우수한 엔지니어링 ���력을 보유하고 있습니다."
17058            ]
17059          }
17060        )
17061      ] }),
17062      /* @__PURE__ */ e(
17063        m.div,
17064        {
17065          initial: { opacity: 0 },
17066          whileInView: { opacity: 1 },
17067          viewport: { once: !0 },
17068          transition: { duration: 1, delay: 0.2 },
17069          className: "border-t border-gray-200 mt-20",
17070          children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2", children: [
17071            /* @__PURE__ */ a(
17072              m.div,
17073              {
17074                initial: { opacity: 0, y: 30 },
17075                whileInView: { opacity: 1, y: 0 },
17076                viewport: { once: !0 },
17077                transition: { duration: 0.8, delay: 0.3, ease: "easeOut" },
17078                className: "px-4 lg:px-12 py-20 border-b lg:border-r border-gray-100",
17079                children: [
17080                  /* @__PURE__ */ e("p", { className: "text-[#003D7A] font-bold text-[19px] mb-8 tracking-tight", children: "Strategic location" }),
17081                  /* @__PURE__ */ e("h4", { className: "text-[rgb(70,70,70)] text-[30px] font-bold mb-10 leading-[1.2]", children: "Bengaluru, Devanahalli" }),
17082                  /* @__PURE__ */ e("p", { className: "text-[rgb(98,116,142)] leading-[1.8] text-justify opacity-90 text-[16px]", children: "국제공항과 인접한 Devanahalli 핵심 산업 단지에 위치하여 인도 내 주요 산업 클러스터와의 탁월한 접근성을 확보하고 있습니다. 자동차·전��·2차전지·전자 제조 산업이 밀집된 지역적 이점을 바탕으로, 고객사 및 협력사와의 신속한 협업과 공급 대응이 가능합니다." })
17083                ]
17084              }
17085            ),
17086            /* @__PURE__ */ a(
17087              m.div,
17088              {
17089                initial: { opacity: 0, y: 30 },
17090                whileInView: { opacity: 1, y: 0 },
17091                viewport: { once: !0 },
17092                transition: { duration: 0.8, delay: 0.4, ease: "easeOut" },
17093                className: "px-4 lg:px-12 py-20 border-b border-gray-100",
17094                children: [
17095                  /* @__PURE__ */ e("p", { className: "text-[#003D7A] font-bold text-[19px] mb-8 tracking-tight", children: "IT ecosystem" }),
17096                  /* @__PURE__ */ a("h4", { className: "text-[rgb(70,70,70)] text-[30px] font-bold mb-10 leading-[1.2]", children: [
17097                    "인도",
17098                    /* @__PURE__ */ e("br", {}),
17099                    "IT 허브"
17100                  ] }),
17101                  /* @__PURE__ */ e("p", { className: "text-[rgb(98,116,142)] leading-[1.8] text-justify opacity-90 text-[16px]", children: "벵갈루루는 세계적인 IT 기업과 기술 인재가 집결한 인도 최대의 IT·엔지니어링 허브입니다. 현지 기술 인력을 바탕으로, 제조·검사·자동화 설비에 요구되는 엔지니어링, 소프트웨어, 서비스 인프라를 안정적으로 구축·운영하고 있습니다." })
17102                ]
17103              }
17104            ),
17105            /* @__PURE__ */ a(
17106              m.div,
17107              {
17108                initial: { opacity: 0, y: 30 },
17109                whileInView: { opacity: 1, y: 0 },
17110                viewport: { once: !0 },
17111                transition: { duration: 0.8, delay: 0.5, ease: "easeOut" },
17112                className: "px-4 lg:px-12 py-20 border-b lg:border-b-0 lg:border-r border-gray-100",
17113                children: [
17114                  /* @__PURE__ */ e("p", { className: "text-[#003D7A] font-bold text-[19px] mb-8 tracking-tight", children: "Logistics network" }),
17115                  /* @__PURE__ */ a("h4", { className: "text-[rgb(70,70,70)] text-[30px] font-bold mb-10 leading-[1.2]", children: [
17116                    "신속한",
17117                    /* @__PURE__ */ e("br", {}),
17118                    "물류 네트워크"
17119                  ] }),
17120                  /* @__PURE__ */ e("p", { className: "text-[rgb(98,116,142)] leading-[1.8] text-justify opacity-90 font-normal text-[16px]", children: "벵갈루루 도심 및 주요 산업 거점과 40분 이내 접근 가능한 입지로, 인도 전역은 물론 인근 국가까지 고려한 효율적인 물류·배송 네트워크를 구축하고 있습니다. 이를 통해 생산부터 납품, 설치, 서비스까지 리��타임을 최소화한 운영 체계를 실현합니다." })
17121                ]
17122              }
17123            ),
17124            /* @__PURE__ */ a(
17125              m.div,
17126              {
17127                initial: { opacity: 0, y: 30 },
17128                whileInView: { opacity: 1, y: 0 },
17129                viewport: { once: !0 },
17130                transition: { duration: 0.8, delay: 0.6, ease: "easeOut" },
17131                className: "px-4 lg:px-12 py-20",
17132                children: [
17133                  /* @__PURE__ */ e("p", { className: "text-[#003D7A] font-bold text-[19px] mb-8 tracking-tight", children: "Growth potential" }),
17134                  /* @__PURE__ */ e("h4", { className: "text-[rgb(70,70,70)] text-[30px] font-bold mb-10 leading-[1.2]", children: "Sustainable Growth Potential" }),
17135                  /* @__PURE__ */ e("p", { className: "text-[rgb(98,116,142)] leading-[1.8] text-left opacity-90 text-[16px]", children: "인도 내 제조 수요 확대와 함께 HyVISION INDIA는 생산 규모를 지속적으로 확장하며, 중장기적으로는 글로벌 생산 기지로서의 역할까지 수행할 계획입니다. 단순한 현지 생산을 넘어, 글로벌 고객을 대응하는 전략적 제조 허브로 성장해 나가고 있습니다." })
17136                ]
17137              }
17138            )
17139          ] })
17140        }
17141      )
17142    ] }) }) }),
17143    /* @__PURE__ */ a("section", { className: "py-40 bg-[#020617] relative overflow-hidden", children: [
17144      /* @__PURE__ */ e(
17145        m.div,
17146        {
17147          initial: { opacity: 0, scale: 0.8 },
17148          whileInView: { opacity: 1, scale: 1 },
17149          viewport: { once: !0 },
17150          transition: { duration: 2, ease: "easeOut" },
17151          className: "absolute top-0 right-0 w-[800px] h-[800px] bg-[#003D7A]/15 rounded-full blur-[140px] -translate-y-1/2 translate-x-1/4"
17152        }
17153      ),
17154      /* @__PURE__ */ e(
17155        m.div,
17156        {
17157          initial: { opacity: 0, scale: 0.8 },
17158          whileInView: { opacity: 1, scale: 1 },
17159          viewport: { once: !0 },
17160          transition: { duration: 2, delay: 0.5, ease: "easeOut" },
17161          className: "absolute bottom-0 left-0 w-[600px] h-[600px] bg-[#003D7A]/10 rounded-full blur-[120px] translate-y-1/2 -translate-x-1/4"
17162        }
17163      ),
17164      /* @__PURE__ */ e("div", { className: "container mx-auto px-6 relative z-10", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
17165        /* @__PURE__ */ a("div", { className: "mb-32", children: [
17166          /* @__PURE__ */ e(
17167            m.span,
17168            {
17169              initial: { opacity: 0, y: 20 },
17170              whileInView: { opacity: 1, y: 0 },
17171              viewport: { once: !0, amount: 0.5 },
17172              transition: { duration: 0.8, ease: "easeOut" },
17173              className: "text-white/40 text-[14px] font-bold mb-6 block tracking-[0.3em] uppercase text-[#ffffff]",
17174              children: "Century Roadmap"
17175            }
17176          ),
17177          /* @__PURE__ */ a(
17178            m.h2,
17179            {
17180              initial: { opacity: 0, y: 30 },
17181              whileInView: { opacity: 1, y: 0 },
17182              viewport: { once: !0, amount: 0.5 },
17183              transition: { duration: 1, delay: 0.2, ease: "easeOut" },
17184              className: "text-white text-[58px] font-bold leading-[1.3] tracking-tighter",
17185              children: [
17186                "하이비젼이 그리는",
17187                /* @__PURE__ */ e("br", {}),
17188                "제조 기술의 새로운 역사"
17189              ]
17190            }
17191          )
17192        ] }),
17193        /* @__PURE__ */ e("div", { className: "border-t border-white/10", children: [
17194          {
17195            year: "2035",
17196            unit: "Era",
17197            label: "Foundation",
17198            desc: "AI 기반 고속·고정밀 비전 검사 시스템의 글로벌 표준화와 전 공정 인라인 적용을 통해 제조 공정의 지능화를 실현하고, 데이터 기반 공정 최적화 플랫폼을 통해 실시간 수율 모니터링과 불량 사전 예측 체계를 구축하여 제조 산업의 디지털 전환을 선도합니다."
17199          },
17200          {
17201            year: "2050",
17202            unit: "Era",
17203            label: "Expansion",
17204            desc: "인간의 개입을 최소화한 자율 공정을 구현하여 제조 공정의 지능화를 실현하고, 글로벌 유수 기업과의 공동 기술 개발을 위한 미래 제조 혁신 허브를 구축해 인도와 아시아를 연결하는 제조 기술 네트워크의 핵심 거점으로 자리매김하고 있습니다."
17205          },
17206          {
17207            year: "2125",
17208            unit: "Era",
17209            label: "Legacy",
17210            desc: "완전 자율·무인 생산 시스템의 상용화를 통해 제조 산업의 새로운 패러다임을 제시하고, 신재생 에너지 기반의 스마트 팩토리를 구축하여 탄소 중립 제조 환경을 실현합니다. 더 나아가 100년의 기술력을 세대를 이어 계승되는 산업 기술 유산으로 발전시켜 지��� 가능한 미래 제조 가치를 만들어갑니다."
17211          }
17212        ].map((b, g) => /* @__PURE__ */ a(
17213          "div",
17214          {
17215            className: "grid grid-cols-1 md:grid-cols-2 gap-16 py-24 border-b border-white/10 group items-start relative",
17216            children: [
17217              /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
17218                /* @__PURE__ */ a(
17219                  m.h3,
17220                  {
17221                    initial: { opacity: 0, x: -30 },
17222                    whileInView: { opacity: 1, x: 0 },
17223                    viewport: { once: !0, amount: 0.3 },
17224                    transition: { duration: 0.8, delay: g * 0.1, ease: "easeOut" },
17225                    className: "text-white font-bold leading-none tracking-tighter text-[96px]",
17226                    children: [
17227                      b.year,
17228                      /* @__PURE__ */ e("span", { className: "text-white/30 text-[32px] ml-4 font-medium tracking-normal", children: b.unit })
17229                    ]
17230                  }
17231                ),
17232                /* @__PURE__ */ e(
17233                  m.p,
17234                  {
17235                    initial: { opacity: 0, x: -20 },
17236                    whileInView: { opacity: 1, x: 0 },
17237                    viewport: { once: !0, amount: 0.3 },
17238                    transition: { duration: 0.8, delay: g * 0.1 + 0.2, ease: "easeOut" },
17239                    className: "text-white font-bold tracking-tight opacity-90 text-[40px]",
17240                    children: b.label
17241                  }
17242                )
17243              ] }),
17244              /* @__PURE__ */ e("div", { className: "md:pt-10 flex flex-col items-end text-right", children: /* @__PURE__ */ e(
17245                m.p,
17246                {
17247                  initial: { opacity: 0, y: 20 },
17248                  whileInView: { opacity: 1, y: 0 },
17249                  viewport: { once: !0, amount: 0.3 },
17250                  transition: { duration: 0.8, delay: g * 0.1 + 0.4, ease: "easeOut" },
17251                  className: "text-white/60 leading-relaxed max-w-xl font-light text-[16px]",
17252                  children: b.desc
17253                }
17254              ) })
17255            ]
17256          },
17257          g
17258        )) })
17259      ] }) })
17260    ] }),
17261    /* @__PURE__ */ a("section", { className: "relative min-h-[750px] flex items-center overflow-hidden py-32", children: [
17262      /* @__PURE__ */ a("div", { className: "absolute inset-0 z-0", children: [
17263        /* @__PURE__ */ e(
17264          S,
17265          {
17266            src: S5,
17267            alt: "HyVISION Team",
17268            className: "w-full h-full object-cover"
17269          }
17270        ),
17271        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/0" }),
17272        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/40 via-transparent to-transparent" })
17273      ] }),
17274      /* @__PURE__ */ e("div", { className: "container mx-auto px-6 relative z-10", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto", children: /* @__PURE__ */ a(
17275        m.div,
17276        {
17277          initial: { opacity: 0, y: 30 },
17278          whileInView: { opacity: 1, y: 0 },
17279          viewport: { once: !0 },
17280          transition: { duration: 1, ease: "easeOut" },
17281          className: "max-w-3xl",
17282          children: [
17283            /* @__PURE__ */ a("div", { className: "flex gap-1.5 mb-14", children: [
17284              /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-[#FF5C35] rounded-tl-[16px] rounded-br-[16px]" }),
17285              /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-[#FF5C35] rounded-tl-[16px] rounded-br-[16px] opacity-80 -ml-3" })
17286            ] }),
17287            /* @__PURE__ */ a("h2", { className: "text-white text-[48px] font-bold leading-[1.2] mb-16 tracking-tight max-w-none whitespace-nowrap", children: [
17288              "지속 가능한 비전 기술의 미래를 함께할",
17289              /* @__PURE__ */ e("br", {}),
17290              "인재를 기다립니다."
17291            ] }),
17292            /* @__PURE__ */ a("div", { className: "space-y-12 mb-20", children: [
17293              /* @__PURE__ */ a("p", { className: "text-white/95 text-[19px] font-medium leading-relaxed max-w-2xl", children: [
17294                "우리의 미션과 비전을 통해 함께하는 성장으로 기술의 선순환을 만들며",
17295                /* @__PURE__ */ e("br", {}),
17296                "글로벌 비전 솔루션 리더로 도약합니다."
17297              ] }),
17298              /* @__PURE__ */ a("p", { className: "text-white/70 text-[18px] leading-relaxed max-w-2xl -mt-4", children: [
17299                "HyVISION INDIA가 더 큰 꿈을 꾸고 더 좋은 가치를 발견할 수 있도록",
17300                /* @__PURE__ */ e("br", {}),
17301                "비전 서비스의 미래를 이끌어갈 창의적이고 전문성을 갖춘 인재를 기다립니다."
17302              ] })
17303            ] }),
17304            /* @__PURE__ */ a(
17305              m.button,
17306              {
17307                onClick: () => x("/careers"),
17308                whileHover: { scale: 1.02 },
17309                whileTap: { scale: 0.98 },
17310                className: "group flex items-center gap-6 cursor-pointer focus:outline-none bg-transparent",
17311                children: [
17312                  /* @__PURE__ */ a("div", { className: "flex items-center gap-8 px-6 py-2 border border-white/30 rounded-full hover:border-white transition-all duration-300", children: [
17313                    /* @__PURE__ */ e("span", { className: "text-white text-[14px] font-medium tracking-wider uppercase", children: "View more" }),
17314                    /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-8 h-8 bg-[#003D7A] rounded-full group-hover:bg-[#004d99] transition-colors duration-300 shadow-lg", children: /* @__PURE__ */ a("div", { className: "relative w-3 h-3", children: [
17315                      /* @__PURE__ */ e("div", { className: "absolute top-1/2 left-0 w-full h-[1.5px] bg-white -translate-y-1/2" }),
17316                      /* @__PURE__ */ e("div", { className: "absolute top-0 left-1/2 w-[1.5px] h-full bg-white -translate-x-1/2" })
17317                    ] }) })
17318                  ] }),
17319                  /* @__PURE__ */ e("span", { className: "sr-only", children: "Join Us" })
17320                ]
17321              }
17322            )
17323          ]
17324        }
17325      ) }) })
17326    ] })
17327  ] });
17328}
17329function k5() {
17330  const t = (n) => {
17331    window.location.hash = n, window.scrollTo({ top: 0, behavior: "smooth" });
17332  };
17333  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
17334    /* @__PURE__ */ e("section", { className: "relative bg-white pt-32 pb-20", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ a("div", { className: "max-w-3xl", children: [
17335      /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[16px] tracking-wider mb-4 uppercase font-semibold", children: "BUSINESS AREAS" }),
17336      /* @__PURE__ */ e("h1", { className: "text-slate-950 font-black text-[72px] leading-[1.1] mb-6 tracking-tight", children: "사업 소개" }),
17337      /* @__PURE__ */ a("p", { className: "text-slate-600 text-[20px] leading-relaxed", children: [
17338        "HyVISION SYSTEM ICCK는 다양한 산업 분야에서 최첨단 비전 검사 솔루션을 제공합니다.",
17339        /* @__PURE__ */ e("br", {}),
17340        "각 사업 영역에서 혁신적인 기술로 고객의 성공을 지원합니다."
17341      ] })
17342    ] }) }) }),
17343    /* @__PURE__ */ e("section", { className: "py-16 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ e("div", { className: "space-y-32", children: [
17344      {
17345        id: "smart-components",
17346        title: "Smart Components",
17347        subtitle: "Intelligence in Every Component",
17348        description: "Advanced smart sensor and component solutions for next-generation automotive and industrial applications. Precision-engineered for reliability and performance.",
17349        image: "https://images.unsplash.com/photo-1753039495488-434a2fe53e41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMHNlbnNvciUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzY4MzU2NzM4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
17350        icon: mn,
17351        path: "/smart-components"
17352      },
17353      {
17354        id: "ccm",
17355        title: "CCM Inspection",
17356        subtitle: "Camera Module Excellence",
17357        description: "High-precision automated optical inspection systems for camera module manufacturing. Ensuring perfect quality for smartphone and automotive camera systems.",
17358        image: "https://images.unsplash.com/photo-1694701478292-3f60eb30c3b3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW1lcmElMjBtb2R1bGUlMjBpbnNwZWN0aW9ufGVufDF8fHx8MTc2ODM1NjczOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
17359        icon: Kr,
17360        path: "/ccm"
17361      },
17362      {
17363        id: "battery",
17364        title: "Rechargeable Battery",
17365        subtitle: "Power Quality Assurance",
17366        description: "State-of-the-art battery inspection and quality control systems for EV and energy storage applications. Real-time monitoring for maximum safety and performance.",
17367        image: "https://images.unsplash.com/photo-1583737097428-af53774819a2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwbWFudWZhY3R1cmluZyUyMHBsYW50fGVufDF8fHx8MTc2ODM1NjczOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
17368        icon: Yr,
17369        path: "/rechargeable-battery"
17370      },
17371      {
17372        id: "bio",
17373        title: "Bio Inspection",
17374        subtitle: "Healthcare Quality Standards",
17375        description: "FDA-compliant automated inspection systems for pharmaceutical and medical device manufacturing. Precision quality control for critical healthcare applications.",
17376        image: "https://images.unsplash.com/photo-1758654859934-2a03792260a0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtZWRpY2FsJTIwZGV2aWNlJTIwaW5zcGVjdGlvbnxlbnwxfHx8fDE3NjgzNTY3Mzl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
17377        icon: di,
17378        path: "/bio-inspection"
17379      },
17380      {
17381        id: "wafer-aoi",
17382        title: "Wafer AOI",
17383        subtitle: "Semiconductor Precision",
17384        description: "Ultra-precision automated optical inspection for semiconductor wafer manufacturing. Nano-level defect detection for advanced semiconductor processes.",
17385        image: "https://images.unsplash.com/photo-1672307613484-3254a04651fd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXJ8ZW58MXx8fHwxNzY4MzU2NzQzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
17386        icon: at,
17387        path: "/wafer-aoi"
17388      },
17389      {
17390        id: "3d-printer",
17391        title: "3D Printer & Robotics",
17392        subtitle: "Innovation in Automation",
17393        description: "Advanced 3D printing and robotic automation solutions for industrial manufacturing. Cutting-edge technology for the future of production.",
17394        image: "https://images.unsplash.com/photo-1760894942780-2b4b82a42ac3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHwzZCUyMHByaW50ZXIlMjByb2JvdGljc3xlbnwxfHx8fDE3NjgzNTY3NDB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
17395        icon: Zi,
17396        path: "/3d-printer-robotics"
17397      }
17398    ].map((n, r) => {
17399      const s = n.icon, l = r % 2 === 0;
17400      return /* @__PURE__ */ a(
17401        "div",
17402        {
17403          className: `grid lg:grid-cols-2 gap-16 items-center ${l ? "" : "lg:grid-flow-dense"}`,
17404          children: [
17405            /* @__PURE__ */ a("div", { className: `relative ${l ? "" : "lg:col-start-2"}`, children: [
17406              /* @__PURE__ */ e("div", { className: "aspect-[4/3] rounded-2xl overflow-hidden shadow-lg", children: /* @__PURE__ */ e(
17407                S,
17408                {
17409                  src: n.image,
17410                  alt: n.title,
17411                  className: "w-full h-full object-cover hover:scale-105 transition-transform duration-700"
17412                }
17413              ) }),
17414              /* @__PURE__ */ e("div", { className: "absolute -bottom-8 -right-8 w-24 h-24 bg-[#003D7A] rounded-2xl shadow-xl flex items-center justify-center", children: /* @__PURE__ */ e(s, { className: "w-12 h-12 text-white" }) })
17415            ] }),
17416            /* @__PURE__ */ a("div", { className: l ? "" : "lg:col-start-1 lg:row-start-1", children: [
17417              /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-4", children: [
17418                /* @__PURE__ */ e("div", { className: "h-px w-12 bg-[#003D7A]" }),
17419                /* @__PURE__ */ e("span", { className: "text-[#003D7A] text-[14px] tracking-wider uppercase font-semibold", children: n.subtitle })
17420              ] }),
17421              /* @__PURE__ */ e("h2", { className: "text-slate-950 font-black text-[48px] leading-[1.1] mb-6 tracking-tight", children: n.title }),
17422              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[18px] leading-relaxed mb-8", children: n.description }),
17423              /* @__PURE__ */ a(
17424                J,
17425                {
17426                  onClick: () => t(n.path),
17427                  className: "bg-[#003D7A] hover:bg-[#002856] text-white rounded-none border-0 h-12 px-8 gap-3 group",
17428                  children: [
17429                    /* @__PURE__ */ e("span", { className: "text-[15px] font-semibold", children: "자세히 보기" }),
17430                    /* @__PURE__ */ e(re, { className: "w-5 h-5 group-hover:translate-x-1 transition-transform" })
17431                  ]
17432                }
17433              )
17434            ] })
17435          ]
17436        },
17437        n.id
17438      );
17439    }) }) }) }),
17440    /* @__PURE__ */ e("section", { className: "py-32 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ a("div", { className: "text-center max-w-3xl mx-auto", children: [
17441      /* @__PURE__ */ a("h2", { className: "text-slate-950 font-black text-[56px] leading-[1.1] mb-6 tracking-tight", children: [
17442        "함께 성장하는",
17443        /* @__PURE__ */ e("br", {}),
17444        "파트너가 되겠습니다"
17445      ] }),
17446      /* @__PURE__ */ a("p", { className: "text-slate-600 text-[18px] leading-relaxed mb-12", children: [
17447        "HyVISION의 혁신적인 비전 검사 솔루션으로",
17448        /* @__PURE__ */ e("br", {}),
17449        "귀사의 제조 품질을 한 단계 높여보세요."
17450      ] }),
17451      /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-4", children: [
17452        /* @__PURE__ */ e(
17453          J,
17454          {
17455            onClick: () => t("/contact"),
17456            className: "bg-[#003D7A] hover:bg-[#002856] text-white rounded-none border-0 h-14 px-10 text-[16px] font-semibold",
17457            children: "문의하기"
17458          }
17459        ),
17460        /* @__PURE__ */ e(
17461          J,
17462          {
17463            onClick: () => t("/all-products"),
17464            variant: "outline",
17465            className: "border-2 border-slate-900 text-slate-900 hover:bg-slate-900 hover:text-white rounded-none h-14 px-10 text-[16px] font-semibold",
17466            children: "전체 제품 보기"
17467          }
17468        )
17469      ] })
17470    ] }) }) })
17471  ] });
17472}
17473function Se({ className: t, ...i }) {
17474  return /* @__PURE__ */ e(
17475    "div",
17476    {
17477      "data-slot": "card",
17478      className: pi(
17479        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border",
17480        t
17481      ),
17482      ...i
17483    }
17484  );
17485}
17486function T5() {
17487  const { t } = ne(), i = [
17488    {
17489      value: "+42%",
17490      label: t.investors.revenueGrowth,
17491      period: t.investors.revenueGrowthPeriod,
17492      icon: pa,
17493      color: "text-green-600"
17494    },
17495    {
17496      value: "18.5%",
17497      label: t.investors.ebitdaMargin,
17498      period: t.investors.ebitdaMarginPeriod,
17499      icon: pa,
17500      color: "text-blue-600"
17501    },
17502    {
17503      value: "₹850 Cr",
17504      label: t.investors.orderBook,
17505      period: t.investors.orderBookPeriod,
17506      icon: Ye,
17507      color: "text-orange-600"
17508    },
17509    {
17510      value: "₹2,400 Cr",
17511      label: t.investors.marketCap,
17512      period: t.investors.marketCapPeriod,
17513      icon: pa,
17514      color: "text-purple-600"
17515    }
17516  ], n = [
17517    {
17518      title: t.investors.annualReport,
17519      type: t.investors.annualReportType,
17520      date: "FY 2024-25",
17521      icon: Ye
17522    },
17523    {
17524      title: t.investors.q3Results,
17525      type: t.investors.quarterlyResults,
17526      date: "Q3 FY25",
17527      icon: Ye
17528    },
17529    {
17530      title: t.investors.expansionStrategy,
17531      type: t.investors.presentation,
17532      date: "Jan 2025",
17533      icon: Ye
17534    }
17535  ], r = [
17536    {
17537      title: t.investors.q4Earnings,
17538      type: t.investors.earnings,
17539      date: "May 15, 2025",
17540      time: "3:00 PM IST",
17541      icon: wt
17542    },
17543    {
17544      title: t.investors.agm,
17545      type: t.investors.conference,
17546      date: "June 28, 2025",
17547      time: "11:00 AM IST",
17548      icon: wt
17549    },
17550    {
17551      title: t.investors.investorMeet,
17552      type: t.investors.conference,
17553      date: "July 10, 2025",
17554      time: "2:00 PM IST",
17555      icon: wt
17556    }
17557  ], s = [
17558    {
17559      name: "D.W. Choi",
17560      position: t.investors.chairman,
17561      image: ""
17562    },
17563    {
17564      name: "Rajesh Kumar",
17565      position: t.investors.managingDirector,
17566      image: ""
17567    },
17568    {
17569      name: "Dr. Priya Sharma",
17570      position: t.investors.independentDirector,
17571      image: ""
17572    },
17573    {
17574      name: "Amit Patel",
17575      position: t.investors.executiveDirector,
17576      image: ""
17577    }
17578  ];
17579  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white pt-20 relative", children: [
17580    /* @__PURE__ */ a("section", { className: "bg-slate-950 py-20 relative overflow-hidden", children: [
17581      /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-orange-500 via-white to-green-600" }),
17582      /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
17583        /* @__PURE__ */ e("div", { className: "text-orange-500 text-sm uppercase tracking-wider mb-4", children: t.investors.section }),
17584        /* @__PURE__ */ e("h1", { className: "text-5xl md:text-6xl text-white mb-6", children: t.investors.title }),
17585        /* @__PURE__ */ e("p", { className: "text-xl text-gray-400 leading-relaxed", children: t.investors.description })
17586      ] }) })
17587    ] }),
17588    /* @__PURE__ */ e("section", { className: "py-16 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-4 gap-6", children: i.map((l, o) => {
17589      const d = l.icon;
17590      return /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-6", children: [
17591        /* @__PURE__ */ e(d, { className: `w-8 h-8 ${l.color} mb-4` }),
17592        /* @__PURE__ */ e("div", { className: `text-3xl ${l.color} mb-2`, children: l.value }),
17593        /* @__PURE__ */ e("div", { className: "text-slate-950 mb-1", children: l.label }),
17594        /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: l.period })
17595      ] }, o);
17596    }) }) }) }) }),
17597    /* @__PURE__ */ e("section", { id: "reports", className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
17598      /* @__PURE__ */ a("div", { className: "mb-12", children: [
17599        /* @__PURE__ */ e("div", { className: "text-sm text-orange-600 uppercase tracking-wider mb-4", children: t.investors.financialReports }),
17600        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: t.nav.financialReports })
17601      ] }),
17602      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-6", children: n.map((l, o) => /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-6 hover:shadow-lg transition-all group", children: [
17603        /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-slate-100 rounded-lg flex items-center justify-center text-slate-600 group-hover:bg-orange-500 group-hover:text-white transition-colors mb-4", children: /* @__PURE__ */ e(Ye, { size: 24 }) }),
17604        /* @__PURE__ */ e("div", { className: "text-xs text-orange-600 uppercase tracking-wider mb-2", children: l.type }),
17605        /* @__PURE__ */ e("h3", { className: "text-xl text-slate-950 mb-2", children: l.title }),
17606        /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mb-4", children: l.date }),
17607        /* @__PURE__ */ a(J, { variant: "ghost", className: "text-orange-600 hover:text-orange-700 gap-2 p-0 h-auto", children: [
17608          /* @__PURE__ */ e(et, { size: 16 }),
17609          t.investors.viewAll
17610        ] })
17611      ] }, o)) })
17612    ] }) }) }),
17613    /* @__PURE__ */ e("section", { id: "stock", className: "py-24 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
17614      /* @__PURE__ */ a("div", { className: "mb-12", children: [
17615        /* @__PURE__ */ e("div", { className: "text-sm text-orange-600 uppercase tracking-wider mb-4", children: "Stock Performance" }),
17616        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: t.nav.stockInfo })
17617      ] }),
17618      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-8", children: [
17619        /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-8", children: [
17620          /* @__PURE__ */ e("h3", { className: "text-2xl text-slate-950 mb-6", children: "Live Stock Price" }),
17621          /* @__PURE__ */ a("div", { className: "flex items-baseline gap-4 mb-6", children: [
17622            /* @__PURE__ */ e("div", { className: "text-5xl text-slate-950", children: "₹485.50" }),
17623            /* @__PURE__ */ e("div", { className: "text-xl text-green-600", children: "+12.50 (2.64%)" })
17624          ] }),
17625          /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 mb-6", children: [
17626            /* @__PURE__ */ a("div", { children: [
17627              /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mb-1", children: "Day High" }),
17628              /* @__PURE__ */ e("div", { className: "text-lg text-slate-950", children: "₹492.00" })
17629            ] }),
17630            /* @__PURE__ */ a("div", { children: [
17631              /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mb-1", children: "Day Low" }),
17632              /* @__PURE__ */ e("div", { className: "text-lg text-slate-950", children: "₹478.25" })
17633            ] }),
17634            /* @__PURE__ */ a("div", { children: [
17635              /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mb-1", children: "52 Week High" }),
17636              /* @__PURE__ */ e("div", { className: "text-lg text-slate-950", children: "₹525.00" })
17637            ] }),
17638            /* @__PURE__ */ a("div", { children: [
17639              /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mb-1", children: "52 Week Low" }),
17640              /* @__PURE__ */ e("div", { className: "text-lg text-slate-950", children: "₹320.00" })
17641            ] })
17642          ] }),
17643          /* @__PURE__ */ a(J, { className: "w-full bg-orange-600 text-white hover:bg-orange-700", children: [
17644            "View Detailed Chart ",
17645            /* @__PURE__ */ e(ji, { className: "ml-2", size: 16 })
17646          ] })
17647        ] }),
17648        /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-8", children: [
17649          /* @__PURE__ */ e("h3", { className: "text-2xl text-slate-950 mb-6", children: "Key Stock Information" }),
17650          /* @__PURE__ */ a("div", { className: "space-y-4", children: [
17651            /* @__PURE__ */ a("div", { className: "flex justify-between py-3 border-b border-slate-100", children: [
17652              /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Market Cap" }),
17653              /* @__PURE__ */ e("span", { className: "text-slate-950", children: "₹2,400 Cr" })
17654            ] }),
17655            /* @__PURE__ */ a("div", { className: "flex justify-between py-3 border-b border-slate-100", children: [
17656              /* @__PURE__ */ e("span", { className: "text-gray-600", children: "P/E Ratio" }),
17657              /* @__PURE__ */ e("span", { className: "text-slate-950", children: "28.5" })
17658            ] }),
17659            /* @__PURE__ */ a("div", { className: "flex justify-between py-3 border-b border-slate-100", children: [
17660              /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Dividend Yield" }),
17661              /* @__PURE__ */ e("span", { className: "text-slate-950", children: "1.8%" })
17662            ] }),
17663            /* @__PURE__ */ a("div", { className: "flex justify-between py-3 border-b border-slate-100", children: [
17664              /* @__PURE__ */ e("span", { className: "text-gray-600", children: "EPS (TTM)" }),
17665              /* @__PURE__ */ e("span", { className: "text-slate-950", children: "₹17.50" })
17666            ] }),
17667            /* @__PURE__ */ a("div", { className: "flex justify-between py-3", children: [
17668              /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Book Value" }),
17669              /* @__PURE__ */ e("span", { className: "text-slate-950", children: "₹125.00" })
17670            ] })
17671          ] })
17672        ] })
17673      ] })
17674    ] }) }) }),
17675    /* @__PURE__ */ e("section", { id: "governance", className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
17676      /* @__PURE__ */ a("div", { className: "mb-12", children: [
17677        /* @__PURE__ */ e("div", { className: "text-sm text-orange-600 uppercase tracking-wider mb-4", children: t.investors.governance }),
17678        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: t.nav.governance })
17679      ] }),
17680      /* @__PURE__ */ a("div", { className: "mb-16", children: [
17681        /* @__PURE__ */ e("h3", { className: "text-2xl text-slate-950 mb-8", children: t.investors.boardOfDirectors }),
17682        /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-4 gap-6", children: s.map((l, o) => /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-6 text-center hover:shadow-lg transition-all", children: [
17683          /* @__PURE__ */ e("div", { className: "w-20 h-20 bg-slate-100 rounded-full mx-auto mb-4 flex items-center justify-center text-2xl text-slate-600", children: l.name.charAt(0) }),
17684          /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: l.name }),
17685          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: l.position })
17686        ] }, o)) })
17687      ] }),
17688      /* @__PURE__ */ a("div", { children: [
17689        /* @__PURE__ */ e("h3", { className: "text-2xl text-slate-950 mb-8", children: t.investors.complianceEthics }),
17690        /* @__PURE__ */ a("div", { className: "grid md:grid-cols-3 gap-6", children: [
17691          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6 hover:border-orange-500 transition-all group cursor-pointer", children: [
17692            /* @__PURE__ */ e(Ye, { className: "w-8 h-8 text-orange-600 mb-4" }),
17693            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: t.investors.codeOfConduct }),
17694            /* @__PURE__ */ a(J, { variant: "ghost", className: "text-orange-600 hover:text-orange-700 gap-2 p-0 h-auto", children: [
17695              /* @__PURE__ */ e(et, { size: 16 }),
17696              "Download PDF"
17697            ] })
17698          ] }),
17699          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6 hover:border-orange-500 transition-all group cursor-pointer", children: [
17700            /* @__PURE__ */ e(Ye, { className: "w-8 h-8 text-orange-600 mb-4" }),
17701            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: t.investors.auditCharter }),
17702            /* @__PURE__ */ a(J, { variant: "ghost", className: "text-orange-600 hover:text-orange-700 gap-2 p-0 h-auto", children: [
17703              /* @__PURE__ */ e(et, { size: 16 }),
17704              "Download PDF"
17705            ] })
17706          ] }),
17707          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6 hover:border-orange-500 transition-all group cursor-pointer", children: [
17708            /* @__PURE__ */ e(Ye, { className: "w-8 h-8 text-orange-600 mb-4" }),
17709            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: t.investors.whistleblower }),
17710            /* @__PURE__ */ a(J, { variant: "ghost", className: "text-orange-600 hover:text-orange-700 gap-2 p-0 h-auto", children: [
17711              /* @__PURE__ */ e(et, { size: 16 }),
17712              "Download PDF"
17713            ] })
17714          ] })
17715        ] })
17716      ] })
17717    ] }) }) }),
17718    /* @__PURE__ */ e("section", { id: "events", className: "py-24 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
17719      /* @__PURE__ */ a("div", { className: "mb-12", children: [
17720        /* @__PURE__ */ e("div", { className: "text-sm text-orange-600 uppercase tracking-wider mb-4", children: t.investors.upcomingEvents }),
17721        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: t.nav.investorEvents })
17722      ] }),
17723      /* @__PURE__ */ e("div", { className: "grid lg:grid-cols-3 gap-6", children: r.map((l, o) => /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-6 hover:shadow-lg transition-all group", children: [
17724        /* @__PURE__ */ a("div", { className: "flex items-start gap-4 mb-4", children: [
17725          /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center text-orange-600 flex-shrink-0", children: /* @__PURE__ */ e(wt, { size: 24 }) }),
17726          /* @__PURE__ */ a("div", { className: "flex-1", children: [
17727            /* @__PURE__ */ e("div", { className: "text-xs text-orange-600 uppercase tracking-wider mb-1", children: l.type }),
17728            /* @__PURE__ */ e("h3", { className: "text-lg text-slate-950 mb-2", children: l.title })
17729          ] })
17730        ] }),
17731        /* @__PURE__ */ e("div", { className: "text-sm text-gray-600 mb-1", children: l.date }),
17732        /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 mb-4", children: l.time }),
17733        /* @__PURE__ */ e(J, { variant: "outline", className: "w-full border-orange-600 text-orange-600 hover:bg-orange-50", children: t.investors.register })
17734      ] }, o)) })
17735    ] }) }) }),
17736    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto bg-slate-50 rounded-2xl p-12 border border-slate-200", children: [
17737      /* @__PURE__ */ a("div", { className: "text-center mb-8", children: [
17738        /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-4", children: t.investors.irContact }),
17739        /* @__PURE__ */ e("p", { className: "text-gray-600 max-w-2xl mx-auto", children: t.investors.irContactDesc })
17740      ] }),
17741      /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-8", children: [
17742        /* @__PURE__ */ a("div", { className: "text-center", children: [
17743          /* @__PURE__ */ e("div", { className: "text-sm text-orange-600 uppercase tracking-wider mb-2", children: t.investors.email }),
17744          /* @__PURE__ */ e("a", { href: "mailto:[email protected]", className: "text-lg text-slate-950 hover:text-orange-600", children: "[email protected]" })
17745        ] }),
17746        /* @__PURE__ */ a("div", { className: "text-center", children: [
17747          /* @__PURE__ */ e("div", { className: "text-sm text-orange-600 uppercase tracking-wider mb-2", children: t.investors.phone }),
17748          /* @__PURE__ */ e("a", { href: "tel:+918012345678", className: "text-lg text-slate-950 hover:text-orange-600", children: "+91 80 1234 5678" })
17749        ] })
17750      ] })
17751    ] }) }) })
17752  ] });
17753}
17754function P5({ ...t }) {
17755  return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
17756}
17757function ea({ items: t, onNavigate: i }) {
17758  const { t: n } = ne();
17759  return /* @__PURE__ */ e("div", { className: "flex items-center text-base", children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(P5, {}) }) });
17760}
17761const L5 = globalThis.__GLOBALS__.getAssetURL("247f7effeaf44e170e5bc3d2fde0a5932b6d13db.png"), H5 = globalThis.__GLOBALS__.getAssetURL("b4eb21efdad416a8b1d8fee6c982b1b03fea5cb2.png"), O5 = td(
17762  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
17763  {
17764    variants: {
17765      variant: {
17766        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
17767        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
17768        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
17769        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
17770      }
17771    },
17772    defaultVariants: {
17773      variant: "default"
17774    }
17775  }
17776);
17777function Ce({
17778  className: t,
17779  variant: i,
17780  asChild: n = !1,
17781  ...r
17782}) {
17783  return /* @__PURE__ */ e(
17784    n ? Yt : "span",
17785    {
17786      "data-slot": "badge",
17787      className: pi(O5({ variant: i }), t),
17788      ...r
17789    }
17790  );
17791}
17792function V5() {
17793  const { t } = ne(), i = [
17794    { label: t.breadcrumb.manufacturing }
17795  ];
17796  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
17797    /* @__PURE__ */ e("div", { className: "bg-[#F5F5F5] border-b border-slate-200", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ e(ea, { items: i }) }) }),
17798    /* @__PURE__ */ e("section", { className: "bg-white pt-32 pb-24", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl mt-12 mb-20", children: [
17799      /* @__PURE__ */ e(
17800        m.div,
17801        {
17802          initial: { opacity: 0, x: -60 },
17803          animate: { opacity: 1, x: 0 },
17804          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
17805          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-normal", children: "Manufacturing" })
17806        }
17807      ),
17808      /* @__PURE__ */ a(
17809        m.div,
17810        {
17811          initial: { opacity: 0, x: 60 },
17812          animate: { opacity: 1, x: 0 },
17813          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
17814          children: [
17815            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[58px] leading-[1.2] mb-6 tracking-tight", children: [
17816              "The Next Global",
17817              /* @__PURE__ */ e("br", {}),
17818              "Manufacturing Hub"
17819            ] }),
17820            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ a("p", { className: "text-[rgb(127,130,132)] text-[20px] leading-relaxed", children: [
17821              "HyVISION System India delivers cutting-edge vision inspection",
17822              /* @__PURE__ */ e("br", {}),
17823              "and automation solutions with precision and innovation."
17824            ] }) })
17825          ]
17826        }
17827      )
17828    ] }) }) }),
17829    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
17830      /* @__PURE__ */ a("div", { className: "mb-6", children: [
17831        /* @__PURE__ */ e("div", { className: "text-[#003D7A] mb-4 text-[18px] tracking-wider uppercase font-bold", children: "Strategic Location" }),
17832        /* @__PURE__ */ e("div", { className: "text-[40px] text-slate-900 mb-6 font-bold leading-tight", children: "WHAT TO EXPECT FROM OUR LOCATION" }),
17833        /* @__PURE__ */ a("p", { className: "text-slate-600 text-[16px] leading-[1.5] text-left mt-[-8px]", children: [
17834          "벵갈루루 Devanahalli 산업지구에 위치한 HyVISION 인도 공장은 주요 글로벌 제조사들과의 근접성을 바탕으로 신속한 협업과 물류 효율성을 제공합니다.",
17835          /* @__PURE__ */ e("br", {}),
17836          "인도 최대 IT 허브인 벵갈루루의 인프라와 인재 풀을 활용하여 최고 수준의 제조 역량을 구현하고 있습니다."
17837        ] })
17838      ] }),
17839      /* @__PURE__ */ a("div", { children: [
17840        /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e(
17841          S,
17842          {
17843            src: L5,
17844            alt: "Bangalore Devanahalli Location Map",
17845            className: "w-full h-auto rounded-lg shadow-md"
17846          }
17847        ) }),
17848        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
17849          /* @__PURE__ */ e("div", { className: "flex gap-4 items-center p-5 bg-white border border-slate-200 rounded-lg hover:shadow-md transition-shadow", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-10 flex-1", children: [
17850            /* @__PURE__ */ e(Ht, { className: "w-7 h-7 text-slate-700 flex-shrink-0 ml-4" }),
17851            /* @__PURE__ */ a("div", { children: [
17852              /* @__PURE__ */ e("div", { className: "text-slate-900 text-[18px] font-semibold mb-2 leading-[1.3]", children: /* @__PURE__ */ a("span", { className: "text-[#003D7A]", children: [
17853                "벵갈루루 ",
17854                /* @__PURE__ */ e("span", { className: "text-[rgb(0,61,122)]", children: "Devanahalli" })
17855              ] }) }),
17856              /* @__PURE__ */ a("div", { className: "text-slate-600 text-[15px] leading-[1.5]", children: [
17857                "글로벌 제조사 밀집 지역,",
17858                /* @__PURE__ */ e("br", {}),
17859                "모바일·전장 산업의 핵심 공급망 중심지 (폭스콘 10분 거리)"
17860              ] })
17861            ] })
17862          ] }) }),
17863          /* @__PURE__ */ e("div", { className: "flex gap-4 items-center p-5 bg-white border border-slate-200 rounded-lg hover:shadow-md transition-shadow", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-10 flex-1", children: [
17864            /* @__PURE__ */ e(Tt, { className: "w-7 h-7 text-slate-700 flex-shrink-0 ml-4" }),
17865            /* @__PURE__ */ a("div", { children: [
17866              /* @__PURE__ */ e("div", { className: "text-slate-900 text-[18px] font-semibold mb-2 leading-[1.3]", children: /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "인도 IT 허브" }) }),
17867              /* @__PURE__ */ a("div", { className: "text-slate-600 text-[15px] leading-[1.5]", children: [
17868                "IT·엔지니어 인재 풀 풍부,",
17869                /* @__PURE__ */ e("br", {}),
17870                "우수한 인프라와 비즈니스 환경"
17871              ] })
17872            ] })
17873          ] }) }),
17874          /* @__PURE__ */ e("div", { className: "flex gap-4 items-center p-5 bg-white border border-slate-200 rounded-lg hover:shadow-md transition-shadow", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-10 flex-1", children: [
17875            /* @__PURE__ */ e(qa, { className: "w-7 h-7 text-slate-700 flex-shrink-0 ml-4" }),
17876            /* @__PURE__ */ a("div", { children: [
17877              /* @__PURE__ */ e("div", { className: "text-slate-900 text-[18px] font-semibold mb-2 leading-[1.3]", children: /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "신속한 물류" }) }),
17878              /* @__PURE__ */ a("div", { className: "text-slate-600 text-[15px] leading-[1.5]", children: [
17879                "Kempegowda 국제공항 5분 거리,",
17880                /* @__PURE__ */ e("br", {}),
17881                "글로벌 물류 최적화"
17882              ] })
17883            ] })
17884          ] }) }),
17885          /* @__PURE__ */ e("div", { className: "flex gap-4 items-center p-5 bg-white border border-slate-200 rounded-lg hover:shadow-md transition-shadow", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-10 flex-1", children: [
17886            /* @__PURE__ */ e(pa, { className: "w-7 h-7 text-slate-700 flex-shrink-0 ml-4" }),
17887            /* @__PURE__ */ a("div", { children: [
17888              /* @__PURE__ */ e("div", { className: "text-slate-900 text-[18px] font-semibold mb-2 leading-[1.3]", children: /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "성장 가능성" }) }),
17889              /* @__PURE__ */ a("div", { className: "text-slate-600 text-[15px] leading-[1.5]", children: [
17890                "인도 정부의 제조업 육성 정책,",
17891                /* @__PURE__ */ e("br", {}),
17892                "향후 추가 공장 확장 계획"
17893              ] })
17894            ] })
17895          ] }) })
17896        ] })
17897      ] })
17898    ] }) }) }),
17899    /* @__PURE__ */ e("section", { id: "plant", className: "py-16 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-16 items-start", children: [
17900      /* @__PURE__ */ a("div", { children: [
17901        /* @__PURE__ */ e("div", { className: "text-sm text-[rgb(0,61,122)] uppercase tracking-wider mb-4 text-[18px] font-bold", children: "Check Point!" }),
17902        /* @__PURE__ */ a("h2", { className: "text-slate-900 mb-6 font-bold text-[44px] leading-tight", children: [
17903          "The World's leading",
17904          /* @__PURE__ */ e("br", {}),
17905          "HyVISION INDIA"
17906        ] }),
17907        /* @__PURE__ */ e("p", { className: "text-slate-600 text-[16px] leading-[2.0] text-left", children: "HyVISION 인도 공장은 벵갈루루 Devanahalli 산업지구에 위치하여 주요 글로벌 제조사와 IT·모바일 공급망의 중심에서 가장 빠르고 효율적인 생산·물류 체계를 구축하고 있습니다. Foxconn·Tata·삼성 협력사 등이 밀집된 벵갈루루의 인프라와 우수한 엔지니어 인재 풀을 활용하여 납기 경쟁력·인력 확보·공급망 안정성에서 최적의 생산 환경을 제공합니다." })
17908      ] }),
17909      /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: [
17910        /* @__PURE__ */ a("div", { className: "bg-gray-100/70 p-6 rounded-lg border border-gray-200/40", children: [
17911          /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(qa, { className: "w-6 h-6 text-gray-400" }) }),
17912          /* @__PURE__ */ e("div", { className: "text-gray-900 mb-2 text-[17px] font-bold", children: "완벽한 인라인 생산 체계" }),
17913          /* @__PURE__ */ a("p", { className: "text-gray-600 text-[15px]", children: [
17914            "모바일·2차전지·전장 제조사를",
17915            /* @__PURE__ */ e("br", {}),
17916            "위한 대량·고속 생산 대응 능력"
17917          ] })
17918        ] }),
17919        /* @__PURE__ */ a("div", { className: "bg-gray-100/70 p-6 rounded-lg border border-gray-200/40", children: [
17920          /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center mb-4", children: /* @__PURE__ */ e($r, { className: "w-6 h-6 text-gray-400" }) }),
17921          /* @__PURE__ */ e("div", { className: "text-gray-900 mb-2 text-[17px] font-bold", children: t.manufacturing.capability1Title }),
17922          /* @__PURE__ */ a("p", { className: "text-gray-600 text-[15px]", children: [
17923            "한국 HQ의 자체 개발",
17924            /* @__PURE__ */ e("br", {}),
17925            "알고리즘·비전 기술 적용"
17926          ] })
17927        ] }),
17928        /* @__PURE__ */ a("div", { className: "bg-gray-100/70 p-6 rounded-lg border border-gray-200/40", children: [
17929          /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(mn, { className: "w-6 h-6 text-gray-400" }) }),
17930          /* @__PURE__ */ e("div", { className: "text-gray-900 mb-2 text-[17px] font-bold", children: t.manufacturing.capability2Title }),
17931          /* @__PURE__ */ e("p", { className: "text-gray-600 text-[15px]", children: "현지 생산·A/S One-Stop 체계" })
17932        ] }),
17933        /* @__PURE__ */ a("div", { className: "bg-gray-100/70 p-6 rounded-lg border border-gray-200/40", children: [
17934          /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(Be, { className: "w-6 h-6 text-gray-400" }) }),
17935          /* @__PURE__ */ e("div", { className: "text-gray-900 mb-2 text-[17px] font-bold", children: "시설 구성" }),
17936          /* @__PURE__ */ a("p", { className: "text-gray-600 text-[15px]", children: [
17937            "AI/Robotics 기반",
17938            /* @__PURE__ */ e("br", {}),
17939            "첨단 검사·자동화 기술 제공"
17940          ] })
17941        ] })
17942      ] })
17943    ] }) }) }) }),
17944    /* @__PURE__ */ e("div", { className: "bg-[rgb(3,75,124)] text-white py-20", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1200px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
17945      /* @__PURE__ */ a("div", { className: "mt-[-40px]", children: [
17946        /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-3 opacity-80 font-bold mt-6 text-left", children: "We Create Ownership" }),
17947        /* @__PURE__ */ e("h3", { className: "text-white text-[30px] mb-8 text-left font-bold mt-[-8px]", children: "HyVISION OSS의 완벽한 협업 시스템" }),
17948        /* @__PURE__ */ a("p", { className: "text-white text-[16px] leading-[2.0] text-left", children: [
17949          "· 스마트폰 조립 전 공정의 인라인 자동화 구축",
17950          /* @__PURE__ */ e("br", {}),
17951          "· 전 공정의 고속·고정밀 자동화 처리 체계 구현",
17952          /* @__PURE__ */ e("br", {}),
17953          "· 현지 엔지니어 및 OSS 팀의 실시간 공정 케어 적용",
17954          /* @__PURE__ */ e("br", {}),
17955          "· 글로벌 모바일 제조사 요구사항 충족",
17956          /* @__PURE__ */ e("br", {}),
17957          "· 안정적인 양산 능력과 대량 생산 대응력 확보"
17958        ] })
17959      ] }),
17960      /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e(
17961        S,
17962        {
17963          src: H5,
17964          alt: "OSS Support Team",
17965          className: "w-2/3 h-auto rounded-lg shadow-lg"
17966        }
17967      ) })
17968    ] }) }) }) }),
17969    /* @__PURE__ */ e("section", { className: "py-24 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { children: [
17970      /* @__PURE__ */ e("div", { className: "text-[rgb(0,61,122)] mb-4 text-[18px] tracking-wider uppercase font-bold", children: "Smart Manufacturing" }),
17971      /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-10 text-[32px] leading-tight", children: [
17972        "Every process is ",
17973        /* @__PURE__ */ e("span", { className: "text-[#003D7A] font-bold", children: "SMART AUTOMATED" }),
17974        /* @__PURE__ */ e("br", {}),
17975        "with industry standards & modern",
17976        /* @__PURE__ */ e("br", {}),
17977        "manufacturing principles in mind."
17978      ] }),
17979      /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
17980        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 rounded-lg p-8 hover:shadow-lg transition-shadow", children: [
17981          /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-3 text-[20px] font-bold", children: "2D/3D AOI 기반 초정밀 결함 검사" }),
17982          /* @__PURE__ */ a("div", { className: "space-y-2 mb-4", children: [
17983            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
17984              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
17985              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "하위 픽셀 단위의 정밀 결함 검출" })
17986            ] }),
17987            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
17988              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
17989              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "고난이도 곡면/반사 소재 검사 최적화" })
17990            ] }),
17991            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
17992              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
17993              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "인라인 환경에서 실시간 고속 처리" })
17994            ] })
17995          ] }),
17996          /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
17997            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "ROBOTICS" }),
17998            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "AUTOMATION" })
17999          ] })
18000        ] }),
18001        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 rounded-lg p-8 hover:shadow-lg transition-shadow", children: [
18002          /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-3 text-[20px] font-bold", children: "AI Learning 기반 불량 패턴 자동 인식" }),
18003          /* @__PURE__ */ a("div", { className: "space-y-2 mb-4", children: [
18004            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18005              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18006              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "Deep Learning 기반 결함 특징 자동 학습" })
18007            ] }),
18008            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18009              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18010              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "신규 제품/신규 불량 업데이트 빠름" })
18011            ] }),
18012            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18013              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18014              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "불량 패턴 자동 분류 & 원인 분석" })
18015            ] })
18016          ] }),
18017          /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
18018            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "AI" }),
18019            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "DEEP LEARNING" })
18020          ] })
18021        ] }),
18022        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 rounded-lg p-8 hover:shadow-lg transition-shadow", children: [
18023          /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-3 text-[20px] font-bold", children: "로봇 Alignment & Pick&Place 자동화 기술" }),
18024          /* @__PURE__ */ a("div", { className: "space-y-2 mb-4", children: [
18025            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18026              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18027              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "0.01mm급 정밀 정렬(Alignment)" })
18028            ] }),
18029            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18030              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18031              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "고속 Pick&Place + 실시간 비전 보정" })
18032            ] }),
18033            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18034              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18035              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "다축 로봇과 협동 로봇 기반 확장성" })
18036            ] })
18037          ] }),
18038          /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
18039            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "ROBOTICS" }),
18040            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "AUTOMATION" })
18041          ] })
18042        ] }),
18043        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 rounded-lg p-8 hover:shadow-lg transition-shadow", children: [
18044          /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-3 text-[20px] font-bold", children: "고속 Inline 데이터 수집 및 품질 분석" }),
18045          /* @__PURE__ */ a("div", { className: "space-y-2 mb-4", children: [
18046            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18047              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18048              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "실시간 데이터 수집 및 분석" })
18049            ] }),
18050            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18051              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18052              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "품질 문제 즉시 감지 및 해결" })
18053            ] }),
18054            /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
18055              /* @__PURE__ */ e(me, { className: "w-5 h-5 text-slate-400 mt-0.5 flex-shrink-0" }),
18056              /* @__PURE__ */ e("h5", { className: "text-slate-900 text-[15px]", children: "효율적인 생산 관리 및 품질 향상" })
18057            ] })
18058          ] }),
18059          /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
18060            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "DATA ANALYSIS" }),
18061            /* @__PURE__ */ e(Ce, { className: "bg-slate-200 text-slate-600 hover:bg-slate-300 text-[11px] px-3 py-1", children: "QUALITY CONTROL" })
18062          ] })
18063        ] })
18064      ] })
18065    ] }) }) }) }),
18066    /* @__PURE__ */ e("section", { id: "roadmap", className: "py-24 bg-slate-900", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1200px] mx-auto", children: [
18067      /* @__PURE__ */ a("div", { className: "mb-12 text-center", children: [
18068        /* @__PURE__ */ e("div", { className: "text-sm text-[#4A9EFF] uppercase tracking-[0.2em] mb-4", children: t.manufacturing.roadmapSubtitle }),
18069        /* @__PURE__ */ e("h2", { className: "text-4xl text-white mb-6 max-w-3xl mx-auto text-[24px] font-bold", children: "HyVISION INDIA가 선도하는 글로벌 제조 경쟁력의 내일" }),
18070        /* @__PURE__ */ e("p", { className: "text-lg text-slate-400 max-w-2xl mx-auto mb-6 mt-[-12px]", children: "스마트 제조, 인라인 자동화, OSS 협업으로 미래 경쟁력을 강화합니다." }),
18071        /* @__PURE__ */ e("p", { className: "text-lg text-slate-300 max-w-2xl mx-auto", children: t.manufacturing.roadmapDesc })
18072      ] }),
18073      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-3 gap-8 items-end", children: [
18074        /* @__PURE__ */ a("div", { className: "text-center transform lg:translate-y-8 transition-transform hover:scale-105", children: [
18075          /* @__PURE__ */ a("div", { className: "relative mb-6 inline-block", children: [
18076            /* @__PURE__ */ e("div", { className: "w-20 h-20 rounded-full border-2 border-slate-700 flex items-center justify-center mx-auto", children: /* @__PURE__ */ e(pa, { className: "w-8 h-8 text-slate-400" }) }),
18077            /* @__PURE__ */ e("div", { className: "absolute -bottom-2 left-1/2 -translate-x-1/2 w-8 h-8 rounded-full bg-slate-700 text-white flex items-center justify-center text-sm font-bold", children: "1" })
18078          ] }),
18079          /* @__PURE__ */ e("h3", { className: "text-xl text-white mb-4 font-bold", children: "향후 첸나이 지역 확장 예정" }),
18080          /* @__PURE__ */ e("p", { className: "text-slate-400 text-sm leading-relaxed mt-[-16px]", children: "2·3공장 건설 계획으로 생산 능력 확대" }),
18081          /* @__PURE__ */ e("div", { className: "hidden lg:block absolute top-10 -right-4 text-slate-700", children: /* @__PURE__ */ e(re, { className: "w-8 h-8" }) })
18082        ] }),
18083        /* @__PURE__ */ a("div", { className: "text-center transform lg:translate-y-4 transition-transform hover:scale-105 relative", children: [
18084          /* @__PURE__ */ a("div", { className: "relative mb-6 inline-block", children: [
18085            /* @__PURE__ */ e("div", { className: "w-24 h-24 rounded-full border-2 border-slate-700 flex items-center justify-center mx-auto", children: /* @__PURE__ */ e(Xi, { className: "w-10 h-10 text-slate-400" }) }),
18086            /* @__PURE__ */ e("div", { className: "absolute -bottom-2 left-1/2 -translate-x-1/2 w-8 h-8 rounded-full bg-slate-700 text-white flex items-center justify-center text-sm font-bold", children: "2" })
18087          ] }),
18088          /* @__PURE__ */ e("h3", { className: "text-xl text-white mb-4 font-bold", children: "핵심 장비 공급사로의 성장" }),
18089          /* @__PURE__ */ e("p", { className: "text-slate-400 text-sm leading-relaxed mt-[-16px]", children: "인도 내 글로벌 기업과 현지 기업의 전략적 파트너" }),
18090          /* @__PURE__ */ e("div", { className: "hidden lg:block absolute top-10 -right-4 text-slate-700", children: /* @__PURE__ */ e(re, { className: "w-8 h-8" }) })
18091        ] }),
18092        /* @__PURE__ */ a("div", { className: "text-center transform lg:translate-y-0 transition-transform hover:scale-105 relative", children: [
18093          /* @__PURE__ */ a("div", { className: "relative mb-6 inline-block", children: [
18094            /* @__PURE__ */ e("div", { className: "w-28 h-28 rounded-full border-2 border-slate-700 flex items-center justify-center mx-auto", children: /* @__PURE__ */ e(Tt, { className: "w-12 h-12 text-slate-400" }) }),
18095            /* @__PURE__ */ e("div", { className: "absolute -bottom-2 left-1/2 -translate-x-1/2 w-10 h-10 rounded-full bg-slate-700 text-white flex items-center justify-center font-bold", children: "3" })
18096          ] }),
18097          /* @__PURE__ */ e("h3", { className: "text-xl text-white mb-4 font-bold", children: "지속 가능한 성장 전략" }),
18098          /* @__PURE__ */ e("p", { className: "text-slate-400 text-sm leading-relaxed", children: "인도 시장 선도 및 아시아 태평양 지역 확장" })
18099        ] })
18100      ] })
18101    ] }) }) })
18102  ] });
18103}
18104const E5 = globalThis.__GLOBALS__.getAssetURL("f0ebea6f092670157336b0a77d7222cbb6645ddc.png");
18105function j5({ value: t, onChange: i }) {
18106  const n = /* @__PURE__ */ new Date(), [r, s] = C(n.getFullYear()), [l, o] = C(n.getMonth()), [d, c] = C(!1), p = t ? new Date(t) : null, h = new Date(r, l + 1, 0).getDate(), x = new Date(r, l, 1).getDay(), b = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], g = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], w = () => {
18107    l === 0 ? (o(11), s((I) => I - 1)) : o((I) => I - 1);
18108  }, u = () => {
18109    l === 11 ? (o(0), s((I) => I + 1)) : o((I) => I + 1);
18110  }, v = (I) => {
18111    const D = `${r}-${String(l + 1).padStart(2, "0")}-${String(I).padStart(2, "0")}`;
18112    i(D), c(!1);
18113  }, A = (I) => I === n.getDate() && l === n.getMonth() && r === n.getFullYear(), N = (I) => p ? I === p.getDate() && l === p.getMonth() && r === p.getFullYear() : !1, f = (I) => {
18114    const D = new Date(r, l, I), P = new Date(n.getFullYear(), n.getMonth(), n.getDate());
18115    return D < P;
18116  }, y = p ? `${p.getFullYear()}년 ${p.getMonth() + 1}월 ${p.getDate()}일` : "";
18117  return /* @__PURE__ */ a("div", { className: "relative", children: [
18118    /* @__PURE__ */ a(
18119      "button",
18120      {
18121        type: "button",
18122        onClick: () => c((I) => !I),
18123        className: "flex items-center justify-between w-full h-11 px-6 bg-[#F2F2F2] rounded-full hover:bg-[#EAEAEA] transition-all cursor-pointer border-none outline-none font-medium text-left",
18124        children: [
18125          /* @__PURE__ */ e("span", { className: y ? "text-slate-900 text-[12px] font-medium" : "text-slate-400 text-[12px] font-medium", children: y || "Select a date" }),
18126          /* @__PURE__ */ e(wt, { size: 16, className: "text-[#003D7A] shrink-0" })
18127        ]
18128      }
18129    ),
18130    d && /* @__PURE__ */ a("div", { className: "absolute z-50 mt-2 left-0 bg-white rounded-[20px] shadow-xl border border-slate-100 p-4 w-[300px]", children: [
18131      /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
18132        /* @__PURE__ */ e("button", { type: "button", onClick: w, className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-slate-100 transition-colors", children: /* @__PURE__ */ e(Xr, { size: 16, className: "text-slate-600" }) }),
18133        /* @__PURE__ */ a("span", { className: "font-bold text-slate-800 text-[14px]", children: [
18134          b[l],
18135          " ",
18136          r
18137        ] }),
18138        /* @__PURE__ */ e("button", { type: "button", onClick: u, className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-slate-100 transition-colors", children: /* @__PURE__ */ e(fe, { size: 16, className: "text-slate-600" }) })
18139      ] }),
18140      /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: g.map((I) => /* @__PURE__ */ e("div", { className: "text-center text-[11px] text-slate-400 font-bold py-1", children: I }, I)) }),
18141      /* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-y-1", children: [
18142        Array.from({ length: x }).map((I, D) => /* @__PURE__ */ e("div", {}, `e-${D}`)),
18143        Array.from({ length: h }).map((I, D) => {
18144          const P = D + 1, k = f(P), H = N(P), T = A(P);
18145          return /* @__PURE__ */ e(
18146            "button",
18147            {
18148              type: "button",
18149              disabled: k,
18150              onClick: () => v(P),
18151              className: `w-8 h-8 mx-auto flex items-center justify-center rounded-full text-[13px] transition-colors
18152                    ${H ? "bg-[#003D7A] text-white font-bold" : ""}
18153                    ${!H && T ? "border border-[#003D7A] text-[#003D7A] font-bold" : ""}
18154                    ${!H && !T && !k ? "hover:bg-slate-100 text-slate-700" : ""}
18155                    ${k ? "text-slate-300 cursor-not-allowed" : "cursor-pointer"}
18156                  `,
18157              children: P
18158            },
18159            P
18160          );
18161        })
18162      ] }),
18163      t && /* @__PURE__ */ e("div", { className: "mt-3 pt-3 border-t border-slate-100 text-center", children: /* @__PURE__ */ e("button", { type: "button", onClick: () => {
18164        i(""), c(!1);
18165      }, className: "text-[12px] text-slate-400 hover:text-slate-600 transition-colors", children: "선택 초기화" }) })
18166    ] })
18167  ] });
18168}
18169function R5() {
18170  const [t, i] = C(1.1), [n, r] = C(50), s = j(null), [l, o] = C({
18171    name: "",
18172    email: "",
18173    contact1: "",
18174    contact2: "",
18175    contact3: "",
18176    position: "",
18177    experience: "",
18178    availableDate: "",
18179    content: "",
18180    agreement: !1
18181  }), [d, c] = C(null), p = (g) => {
18182    const { name: w, value: u } = g.target;
18183    o((v) => ({ ...v, [w]: u }));
18184  }, h = (g) => {
18185    g.target.files && g.target.files[0] && c(g.target.files[0]);
18186  };
18187  R(() => {
18188    const g = () => {
18189      const w = window.scrollY, u = s.current;
18190      if (u) {
18191        const v = u.offsetTop;
18192        u.offsetHeight;
18193        const A = window.innerHeight, N = v - A, y = v + 200 - N, I = Math.min(Math.max((w - N) / y, 0), 1), D = 1.1 + I * 0.1;
18194        i(D);
18195        const P = 50 + I * 50;
18196        r(P);
18197      }
18198    };
18199    return window.addEventListener("scroll", g), g(), () => {
18200      window.removeEventListener("scroll", g);
18201    };
18202  }, []);
18203  const x = {
18204    hidden: { opacity: 0 },
18205    visible: {
18206      opacity: 1,
18207      transition: {
18208        staggerChildren: 0.1,
18209        delayChildren: 0.2
18210      }
18211    }
18212  }, b = {
18213    hidden: { opacity: 0, y: 20 },
18214    visible: {
18215      opacity: 1,
18216      y: 0,
18217      transition: { duration: 0.6, ease: "easeOut" }
18218    }
18219  };
18220  return /* @__PURE__ */ a("section", { ref: s, className: "relative mt-24 mb-0 w-full overflow-hidden", children: [
18221    /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 mb-20", children: /* @__PURE__ */ a(
18222      m.div,
18223      {
18224        initial: "hidden",
18225        whileInView: "visible",
18226        viewport: { once: !0, amount: 0.3 },
18227        variants: x,
18228        className: "flex flex-col items-center text-center w-full mt-12 mb-12",
18229        children: [
18230          /* @__PURE__ */ a(m.div, { variants: b, className: "relative mb-8 inline-block", children: [
18231            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold text-[32px] tracking-tight", children: "Who We’re Looking For" }),
18232            /* @__PURE__ */ e("div", { className: "absolute top-1 -right-4 w-[6px] h-[6px] rounded-full bg-[#003D7A]" })
18233          ] }),
18234          /* @__PURE__ */ a(m.p, { variants: b, className: "text-[22px] max-w-5xl leading-relaxed font-medium text-slate-800 -mt-3", children: [
18235            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "글로벌 제조 혁신의 새로운 미래," }),
18236            " 하이비젼시스템에서 여러분의 ",
18237            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "역량을 마음껏 발휘하시길 바랍니다." })
18238          ] })
18239        ]
18240      }
18241    ) }),
18242    /* @__PURE__ */ e(
18243      m.div,
18244      {
18245        initial: { opacity: 0 },
18246        whileInView: { opacity: 1 },
18247        viewport: { once: !0 },
18248        transition: { duration: 1 },
18249        className: "relative w-full overflow-hidden mb-32",
18250        style: { height: "340px" },
18251        children: /* @__PURE__ */ e(
18252          "div",
18253          {
18254            className: "absolute left-0 top-0 h-full bg-slate-100 transition-all duration-700 ease-out overflow-hidden",
18255            style: {
18256              width: `${n}%`
18257            },
18258            children: /* @__PURE__ */ a(
18259              "div",
18260              {
18261                className: "w-full h-full transition-transform duration-300 ease-out origin-left",
18262                style: {
18263                  transform: `scale(${t})`
18264                },
18265                children: [
18266                  /* @__PURE__ */ e(
18267                    S,
18268                    {
18269                      src: E5,
18270                      alt: "Hyvision Workspace",
18271                      className: "w-full h-full object-cover object-center"
18272                    }
18273                  ),
18274                  /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/10" }),
18275                  /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/10 via-black/5 to-transparent" })
18276                ]
18277              }
18278            )
18279          }
18280        )
18281      }
18282    ),
18283    /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6 mb-40", children: [
18284      /* @__PURE__ */ a(
18285        m.div,
18286        {
18287          initial: "hidden",
18288          whileInView: "visible",
18289          viewport: { once: !0, amount: 0.3 },
18290          variants: x,
18291          className: "mb-20",
18292          children: [
18293            /* @__PURE__ */ a(m.h2, { variants: b, className: "text-[72px] font-medium text-slate-900 mb-12 tracking-tight", children: [
18294              "We are",
18295              /* @__PURE__ */ e("span", { className: "text-[#E64D3D]", children: "." })
18296            ] }),
18297            /* @__PURE__ */ a(m.p, { variants: b, className: "text-[18px] text-slate-700 font-normal leading-[1.8] max-w-6xl", children: [
18298              "하이비젼시스템 인도 법인 ICCK는 글로벌 기술력과 현지 엔지니어링 역량을 기반으로",
18299              /* @__PURE__ */ e("br", { className: "hidden md:block" }),
18300              "다양한 산업 분야에서 정밀 검사와 자동화 기술을 통해 새로운 가치를 창출하고 있습니다."
18301            ] })
18302          ]
18303        }
18304      ),
18305      /* @__PURE__ */ a(
18306        m.div,
18307        {
18308          initial: "hidden",
18309          whileInView: "visible",
18310          viewport: { once: !0, amount: 0.3 },
18311          variants: x,
18312          className: "grid grid-cols-1 md:grid-cols-2 gap-x-20 gap-y-12 pt-12 border-t border-slate-100",
18313          children: [
18314            /* @__PURE__ */ a(m.div, { variants: b, children: [
18315              /* @__PURE__ */ e("h3", { className: "text-[26px] font-bold text-slate-900 mb-6 tracking-tight", children: "'새로운 가치'는" }),
18316              /* @__PURE__ */ e("p", { className: "leading-[1.8] font-light text-[#314158] text-[15px]", children: "더 높은 생산성, 더 정밀한 품질 관리, 더 안전한 제조 환경을 통해 기존 산업의 한계를 넘어서는 기술적 가치를 창출하는 것을 의미합니다. 자동화 설비, 비전 검사 기술, 소프트웨어 솔루션 등 첨단 제조 기술을 통해 산업 전반의 경쟁력을 높이고 고객과 사회에 지속적인 가치를 제공합니다." })
18317            ] }),
18318            /* @__PURE__ */ a(m.div, { variants: b, children: [
18319              /* @__PURE__ */ e("h3", { className: "text-[26px] font-bold text-slate-900 mb-6 tracking-tight", children: "'사회필요기업'은" }),
18320              /* @__PURE__ */ e("p", { className: "leading-[1.8] font-light text-[#314158] text-[15px]", children: "기업 활동을 통한 성과 창출을 넘어 지역 사회와 산업 생태계의 발전에 기여하는 기업을 의미합니다. 하이비젼시스템 ICCK는 지속적인 기술 혁신과 현지 인재 고용, 글로벌 제조 산업을 위한 기술 지원을 통해 산업과 사회의 지속 가능한 성장을 함께 만들어가고 있습니다." })
18321            ] })
18322          ]
18323        }
18324      )
18325    ] }),
18326    /* @__PURE__ */ e("div", { className: "w-screen relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] bg-slate-50 pt-24 pb-0 mb-0", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-16 pb-24", children: [
18327      /* @__PURE__ */ a(
18328        m.div,
18329        {
18330          initial: "hidden",
18331          whileInView: "visible",
18332          viewport: { once: !0, amount: 0.3 },
18333          variants: x,
18334          children: [
18335            /* @__PURE__ */ e(m.div, { variants: b, className: "mb-14", children: /* @__PURE__ */ e("h2", { className: "font-bold text-[#1A1A1A] tracking-tight leading-none text-[58px]", children: "Contact" }) }),
18336            /* @__PURE__ */ a("div", { className: "space-y-8", children: [
18337              /* @__PURE__ */ e(m.div, { variants: b, className: "flex flex-col gap-4", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-6 group", children: [
18338                /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center rounded-full bg-[#1A1A1A] shrink-0 transition-transform group-hover:scale-105", children: /* @__PURE__ */ e(Ht, { size: 20, className: "text-white" }) }),
18339                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("p", { className: "text-[#4A4A4A] leading-relaxed text-[15px]", children: [
18340                  "Plot No.137-C, General Industrial area,",
18341                  /* @__PURE__ */ e("br", {}),
18342                  "Devanahally, Aruvanahalli, Karnataka 562164 INDIA"
18343                ] }) })
18344              ] }) }),
18345              /* @__PURE__ */ a(m.div, { variants: b, className: "flex items-center gap-6 group", children: [
18346                /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center rounded-full bg-[#1A1A1A] shrink-0 transition-transform group-hover:scale-105", children: /* @__PURE__ */ e(Zr, { size: 20, className: "text-white" }) }),
18347                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("p", { className: "text-[#4A4A4A] font-medium font-bold text-[15px]", children: "070.5092.7504" }) })
18348              ] }),
18349              /* @__PURE__ */ a(m.div, { variants: b, className: "flex items-center gap-6 group", children: [
18350                /* @__PURE__ */ e("div", { className: "w-12 h-12 flex items-center justify-center rounded-full bg-[#1A1A1A] shrink-0 transition-transform group-hover:scale-105", children: /* @__PURE__ */ e(ci, { size: 20, className: "text-white" }) }),
18351                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("p", { className: "text-[#4A4A4A] font-medium font-bold text-[15px]", children: "HVSIND_LEADER@hvsind_leader" }) })
18352              ] })
18353            ] })
18354          ]
18355        }
18356      ),
18357      /* @__PURE__ */ a(
18358        m.div,
18359        {
18360          initial: { opacity: 0, y: 30 },
18361          whileInView: { opacity: 1, y: 0 },
18362          viewport: { once: !0, amount: 0.2 },
18363          transition: { duration: 0.8 },
18364          className: "bg-white p-8 md:p-12 rounded-[20px] shadow-sm border border-slate-100",
18365          children: [
18366            /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 mb-2 text-[25px]", children: "Apply Now!" }),
18367            /* @__PURE__ */ a("p", { className: "text-slate-400 text-[13px] mb-8", children: [
18368              "Fields marked with ",
18369              /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" }),
18370              " are required."
18371            ] }),
18372            /* @__PURE__ */ a("form", { className: "space-y-9", children: [
18373              /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
18374                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.1 }, className: "space-y-2", children: [
18375                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18376                    "Full Name ",
18377                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18378                  ] }),
18379                  /* @__PURE__ */ e(
18380                    "input",
18381                    {
18382                      type: "text",
18383                      name: "name",
18384                      value: l.name,
18385                      onChange: p,
18386                      placeholder: "e.g. Rahul Sharma",
18387                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all placeholder:text-slate-400 font-medium text-[12px] placeholder:text-[12px]"
18388                    }
18389                  )
18390                ] }),
18391                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.2 }, className: "space-y-2", children: [
18392                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18393                    "Email Address ",
18394                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18395                  ] }),
18396                  /* @__PURE__ */ e(
18397                    "input",
18398                    {
18399                      type: "email",
18400                      name: "email",
18401                      value: l.email,
18402                      onChange: p,
18403                      placeholder: "e.g. [email protected]",
18404                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all placeholder:text-slate-400 font-medium text-[12px] placeholder:text-[12px]"
18405                    }
18406                  )
18407                ] })
18408              ] }),
18409              /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
18410                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.3 }, className: "space-y-2", children: [
18411                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18412                    "Phone Number ",
18413                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18414                  ] }),
18415                  /* @__PURE__ */ e(
18416                    "input",
18417                    {
18418                      type: "tel",
18419                      name: "phone",
18420                      placeholder: "+91 XXXXX XXXXX",
18421                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all placeholder:text-slate-400 font-medium text-[12px] placeholder:text-[12px]"
18422                    }
18423                  )
18424                ] }),
18425                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.35 }, className: "space-y-2", children: [
18426                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18427                    "Current City ",
18428                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18429                  ] }),
18430                  /* @__PURE__ */ e(
18431                    "input",
18432                    {
18433                      type: "text",
18434                      name: "city",
18435                      placeholder: "e.g. Bangalore",
18436                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all placeholder:text-slate-400 font-medium text-[12px] placeholder:text-[12px]"
18437                    }
18438                  )
18439                ] })
18440              ] }),
18441              /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
18442                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.4 }, className: "space-y-2", children: [
18443                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18444                    "Desired Position ",
18445                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18446                  ] }),
18447                  /* @__PURE__ */ e(
18448                    "input",
18449                    {
18450                      type: "text",
18451                      name: "position",
18452                      value: l.position,
18453                      onChange: p,
18454                      placeholder: "e.g. Vision Engineer",
18455                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all font-medium placeholder:text-slate-400 text-[12px] placeholder:text-[12px]"
18456                    }
18457                  )
18458                ] }),
18459                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.45 }, className: "space-y-2", children: [
18460                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18461                    "Years of Experience ",
18462                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18463                  ] }),
18464                  /* @__PURE__ */ a(
18465                    "select",
18466                    {
18467                      name: "yearsOfExp",
18468                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all font-medium text-slate-400 appearance-none cursor-pointer text-[12px]",
18469                      children: [
18470                        /* @__PURE__ */ e("option", { value: "", children: "Select experience" }),
18471                        /* @__PURE__ */ e("option", { value: "fresher", children: "Fresher (0 years)" }),
18472                        /* @__PURE__ */ e("option", { value: "1-2", children: "1 – 2 years" }),
18473                        /* @__PURE__ */ e("option", { value: "3-5", children: "3 – 5 years" }),
18474                        /* @__PURE__ */ e("option", { value: "6-10", children: "6 – 10 years" }),
18475                        /* @__PURE__ */ e("option", { value: "10+", children: "10+ years" })
18476                      ]
18477                    }
18478                  )
18479                ] })
18480              ] }),
18481              /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
18482                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.5 }, className: "space-y-2", children: [
18483                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18484                    "Highest Education ",
18485                    /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18486                  ] }),
18487                  /* @__PURE__ */ e(
18488                    "input",
18489                    {
18490                      type: "text",
18491                      name: "experience",
18492                      value: l.experience,
18493                      onChange: p,
18494                      placeholder: "e.g. B.Tech in ECE, VTU",
18495                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all font-medium placeholder:text-slate-400 text-[12px] placeholder:text-[12px]"
18496                    }
18497                  )
18498                ] }),
18499                /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.52 }, className: "space-y-2", children: [
18500                  /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18501                    "LinkedIn Profile ",
18502                    /* @__PURE__ */ e("span", { className: "text-slate-400 font-normal", children: "(optional)" })
18503                  ] }),
18504                  /* @__PURE__ */ e(
18505                    "input",
18506                    {
18507                      type: "url",
18508                      name: "linkedin",
18509                      placeholder: "linkedin.com/in/yourprofile",
18510                      className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all font-medium placeholder:text-slate-400 text-[12px] placeholder:text-[12px]"
18511                    }
18512                  )
18513                ] })
18514              ] }),
18515              /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.54 }, className: "space-y-2", children: [
18516                /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18517                  "Key Skills ",
18518                  /* @__PURE__ */ e("span", { className: "text-slate-400 font-normal", children: "(optional)" })
18519                ] }),
18520                /* @__PURE__ */ e(
18521                  "input",
18522                  {
18523                    type: "text",
18524                    name: "skills",
18525                    placeholder: "e.g. Machine Vision, Python, OpenCV, PLC",
18526                    className: "w-full h-11 px-6 bg-[#F2F2F2] rounded-full focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all font-medium placeholder:text-slate-400 text-[12px] placeholder:text-[12px]"
18527                  }
18528                )
18529              ] }),
18530              /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.55 }, className: "space-y-2", children: [
18531                /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18532                  "Available Start Date ",
18533                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18534                ] }),
18535                /* @__PURE__ */ e(
18536                  j5,
18537                  {
18538                    value: l.availableDate,
18539                    onChange: (g) => o((w) => ({ ...w, availableDate: g }))
18540                  }
18541                )
18542              ] }),
18543              /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.6 }, className: "space-y-2", children: [
18544                /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18545                  "Cover Letter / Motivation ",
18546                  /* @__P
18546URE__ */ e("span", { className: "text-red-500", children: "*" })
18547                ] }),
18548                /* @__PURE__ */ e(
18549                  "textarea",
18550                  {
18551                    name: "content",
18552                    rows: 4,
18553                    value: l.content,
18554                    onChange: p,
18555                    placeholder: "Briefly introduce yourself and explain why you'd like to join Hyvision System.",
18556                    className: "w-full p-6 bg-[#F2F2F2] rounded-[24px] focus:bg-white border-none focus:ring-1 focus:ring-[#003D7A] outline-none transition-all resize-none font-medium placeholder:text-slate-400 text-[12px] placeholder:text-[12px]"
18557                  }
18558                )
18559              ] }),
18560              /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.7 }, className: "space-y-2", children: [
18561                /* @__PURE__ */ a("label", { className: "font-semibold text-slate-700 text-[14px] block mb-2", children: [
18562                  "Resume / Portfolio ",
18563                  /* @__PURE__ */ e("span", { className: "text-slate-400 font-normal", children: "(optional)" })
18564                ] }),
18565                /* @__PURE__ */ a("div", { className: "relative group", children: [
18566                  /* @__PURE__ */ e(
18567                    "input",
18568                    {
18569                      type: "file",
18570                      id: "resume-upload",
18571                      className: "hidden",
18572                      onChange: h,
18573                      accept: ".pdf,.doc,.docx,.zip"
18574                    }
18575                  ),
18576                  /* @__PURE__ */ a(
18577                    "label",
18578                    {
18579                      htmlFor: "resume-upload",
18580                      className: "flex items-center justify-between w-full h-11 px-6 bg-[#F2F2F2] rounded-full hover:bg-[#EAEAEA] transition-all cursor-pointer overflow-hidden border-none",
18581                      children: [
18582                        /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[#62748E]", children: [
18583                          d && /* @__PURE__ */ e(Ye, { size: 16, className: "text-[#003D7A]" }),
18584                          /* @__PURE__ */ e("span", { className: "truncate font-medium text-[12px] text-[#62748E]", children: d ? d.name : "PDF, Word, or ZIP (max 10MB)" })
18585                        ] }),
18586                        d && /* @__PURE__ */ e("span", { className: "text-[12px] text-[#003D7A] font-bold shrink-0", children: "Change file" })
18587                      ]
18588                    }
18589                  )
18590                ] })
18591              ] }),
18592              /* @__PURE__ */ a(m.div, { initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { delay: 0.8 }, className: "space-y-3 pt-2", children: [
18593                /* @__PURE__ */ a("div", { className: "text-slate-600 mb-1 font-bold text-[14px]", children: [
18594                  "Privacy Policy Agreement ",
18595                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
18596                ] }),
18597                /* @__PURE__ */ a("div", { className: "h-40 overflow-y-auto border border-slate-200 p-4 bg-slate-50 text-[12px] text-slate-500 leading-relaxed scrollbar-thin rounded-[12px]", children: [
18598                  /* @__PURE__ */ e("p", { className: "mb-2 font-bold", children: "[Personal Information Collection & Use]" }),
18599                  "Hyvision System collects and uses the personal information you provide for the purpose of evaluating your job application. The information collected includes your name, email address, phone number, educational background, work experience, and any other details you voluntarily submit.",
18600                  /* @__PURE__ */ e("br", {}),
18601                  /* @__PURE__ */ e("br", {}),
18602                  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Purpose:" }),
18603                  " Recruitment screening and communication regarding your application.",
18604                  /* @__PURE__ */ e("br", {}),
18605                  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Retention period:" }),
18606                  " Your data will be retained for up to 1 year from the date of submission, after which it will be securely deleted.",
18607                  /* @__PURE__ */ e("br", {}),
18608                  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Third-party sharing:" }),
18609                  " Your information will not be shared with any third parties without your consent, except as required by applicable law.",
18610                  /* @__PURE__ */ e("br", {}),
18611                  /* @__PURE__ */ e("br", {}),
18612                  "You have the right to access, correct, or request deletion of your personal data at any time by contacting us at [email protected].",
18613                  /* @__PURE__ */ e("br", {}),
18614                  /* @__PURE__ */ e("br", {}),
18615                  "This privacy policy is effective as of March 1, 2025."
18616                ] }),
18617                /* @__PURE__ */ a("label", { className: "flex items-center gap-2 cursor-pointer group mt-2", children: [
18618                  /* @__PURE__ */ e(
18619                    "input",
18620                    {
18621                      type: "checkbox",
18622                      className: "hidden",
18623                      checked: l.agreement,
18624                      onChange: (g) => o((w) => ({ ...w, agreement: g.target.checked }))
18625                    }
18626                  ),
18627                  /* @__PURE__ */ e("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${l.agreement ? "bg-[#003D7A] border-[#003D7A]" : "border-slate-300"}`, children: l.agreement && /* @__PURE__ */ e(Pt, { size: 11, className: "text-white" }) }),
18628                  /* @__PURE__ */ e("span", { className: "text-slate-700 font-bold text-[12px]", children: "I agree to the collection and use of my personal information." })
18629                ] })
18630              ] }),
18631              /* @__PURE__ */ e(
18632                m.button,
18633                {
18634                  whileHover: { scale: 1.01 },
18635                  whileTap: { scale: 0.99 },
18636                  type: "button",
18637                  className: "w-full h-14 bg-slate-900 text-white font-bold hover:bg-[#003D7A] transition-all flex items-center justify-center gap-2 mt-10 cursor-pointer rounded-full",
18638                  children: "Submit Application"
18639                }
18640              )
18641            ] })
18642          ]
18643        }
18644      )
18645    ] }) })
18646  ] });
18647}
18648function F5() {
18649  return /* @__PURE__ */ e("div", { className: "min-h-screen bg-white relative", children: /* @__PURE__ */ e("section", { className: "relative pt-40 pb-0", children: /* @__PURE__ */ e(R5, {}) }) });
18650}
18651const _5 = globalThis.__GLOBALS__.getAssetURL("20fce223f28f07e2f5d983e3536dca127a1eba54.png");
18652function Sc({ initialTab: t }) {
18653  const { t: i } = ne(), [n, r] = C(t ?? "product"), [s, l] = C(null), [o, d] = C(null);
18654  R(() => {
18655    r(t ?? "product");
18656  }, [t]);
18657  const [c, p] = C(1.1), [h, x] = C(65), [b, g] = C(""), [w, u] = C(""), [v, A] = C(""), [N, f] = C(""), [y, I] = C(""), [D, P] = C(""), [k, H] = C(""), [T, M] = C(""), [E, z] = C({
18658    product: !1,
18659    partnership: !1,
18660    proposal: !1,
18661    other: !1
18662  }), [X, Q] = C(""), [Y, B] = C(""), [L, F] = C(""), [ae, Ne] = C(""), [Ve, le] = C(""), [ce, We] = C(null), [Me, Z] = C("");
18663  i.breadcrumb.contactUs, R(() => {
18664    const q = () => {
18665      const It = window.scrollY, Ke = document.querySelector(".contact-animation-section");
18666      if (Ke) {
18667        const St = Ke.offsetTop, al = Ke.offsetHeight, Dn = window.innerHeight, ta = St - Dn, nl = St - Dn / 2 + al / 2 - ta, kn = Math.min(Math.max((It - ta) / nl, 0), 1), rl = 1.1 + kn * 0.2;
18668        p(rl);
18669        const sl = 65 + kn * 35;
18670        x(sl);
18671      }
18672    };
18673    return window.addEventListener("scroll", q), q(), () => {
18674      window.removeEventListener("scroll", q);
18675    };
18676  }, []);
18677  const Te = (q) => {
18678    q.target.files && q.target.files[0] && We(q.target.files[0]);
18679  }, lt = (q) => {
18680    q.preventDefault(), console.log("Form submitted");
18681  };
18682  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
18683    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a(
18684      m.div,
18685      {
18686        initial: { opacity: 0, y: 20 },
18687        animate: { opacity: 1, y: 0 },
18688        transition: { duration: 1, delay: 0.1, ease: "easeOut" },
18689        className: "flex flex-col items-center text-center w-full mt-12 mb-12",
18690        children: [
18691          /* @__PURE__ */ a("div", { className: "relative mb-8 inline-block", children: [
18692            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold text-[32px] tracking-tight", children: "Worldwide Contacts" }),
18693            /* @__PURE__ */ e("div", { className: "absolute top-1 -right-4 w-[6px] h-[6px] rounded-full bg-[#003D7A]" })
18694          ] }),
18695          /* @__PURE__ */ e("p", { className: "text-[19px] text-gray-600 font-normal max-w-5xl leading-relaxed -mt-3", children: "Let's explore how Vision AI can power your movement solutions." })
18696        ]
18697      }
18698    ) }) }),
18699    /* @__PURE__ */ e("section", { className: "relative pb-16 pt-0 overflow-hidden contact-animation-section", children: /* @__PURE__ */ e(
18700      "div",
18701      {
18702        className: "mx-auto transition-all duration-500 ease-out overflow-hidden",
18703        style: {
18704          width: `${h}%`
18705        },
18706        children: /* @__PURE__ */ a(
18707          "div",
18708          {
18709            className: "relative h-full transition-transform duration-300 ease-out",
18710            style: {
18711              transform: `scale(${c})`
18712            },
18713            children: [
18714              /* @__PURE__ */ e(
18715                S,
18716                {
18717                  src: _5,
18718                  alt: "Global Business Contact Team",
18719                  className: "w-full h-[600px] object-cover"
18720                }
18721              ),
18722              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/5", children: /* @__PURE__ */ e(
18723                m.div,
18724                {
18725                  className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center gap-3 cursor-pointer",
18726                  animate: { y: [0, 12, 0] },
18727                  transition: { duration: 1.4, repeat: 1 / 0, ease: "easeInOut" },
18728                  onClick: () => window.scrollTo({ top: window.innerHeight, behavior: "smooth" }),
18729                  children: /* @__PURE__ */ e("span", { className: "text-white text-[14px] tracking-widest uppercase font-bold", children: "Scroll Down" })
18730                }
18731              ) })
18732            ]
18733          }
18734        )
18735      }
18736    ) }),
18737    /* @__PURE__ */ e("section", { className: "relative bg-white py-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-[200px_1fr] gap-16 items-start max-w-5xl mt-8 mb-24 font-sans", children: [
18738      /* @__PURE__ */ e("div", { className: "w-full flex flex-col pt-2 sticky top-32", children: [
18739        { id: "product", label: "Product Inquiry" },
18740        { id: "business", label: "Business & Investment" },
18741        { id: "general", label: "General Inquiry" },
18742        { id: "showroom", label: "Showroom Tour" }
18743      ].map((q) => /* @__PURE__ */ a(
18744        "button",
18745        {
18746          type: "button",
18747          onClick: () => r(q.id),
18748          className: "py-3.5 flex items-center justify-between w-full group transition-colors text-left gap-4",
18749          children: [
18750            /* @__PURE__ */ e("span", { className: `text-[15px] leading-tight transition-colors flex-1 ${n === q.id ? "font-bold text-[#002A5A]" : "font-medium text-slate-500 group-hover:text-slate-700"}`, children: q.label }),
18751            n === q.id ? /* @__PURE__ */ e(re, { className: "w-[18px] h-[18px] text-[#002A5A]", strokeWidth: 1.5 }) : /* @__PURE__ */ e(Zc, { className: "w-[18px] h-[18px] text-slate-400 group-hover:text-slate-600", strokeWidth: 1.5 })
18752          ]
18753        },
18754        q.id
18755      )) }),
18756      /* @__PURE__ */ a("div", { className: "flex-1 w-full bg-white md:pl-16 lg:pl-32", children: [
18757        /* @__PURE__ */ a("div", { className: "mb-10", children: [
18758          /* @__PURE__ */ a("h2", { className: "text-[28px] font-bold text-slate-900", children: [
18759            n === "product" && "Product Inquiry",
18760            n === "business" && "Business & Investment",
18761            n === "general" && "General Inquiry",
18762            n === "showroom" && "Showroom Tour"
18763          ] }),
18764          /* @__PURE__ */ e("p", { className: "text-slate-500 mt-2 text-[15px]", children: "Please fill out the form below and we will get back to you shortly." })
18765        ] }),
18766        /* @__PURE__ */ a("form", { onSubmit: lt, className: "flex flex-col gap-12", children: [
18767          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18768            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18769              "Company / Organization ",
18770              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18771            ] }),
18772            /* @__PURE__ */ e(
18773              "input",
18774              {
18775                type: "text",
18776                value: b,
18777                onChange: (q) => g(q.target.value),
18778                placeholder: "Enter your company or organization name",
18779                className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal placeholder:font-normal text-slate-700 placeholder-slate-400 bg-white",
18780                required: !0
18781              }
18782            )
18783          ] }),
18784          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18785            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18786              "Name ",
18787              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18788            ] }),
18789            /* @__PURE__ */ e(
18790              "input",
18791              {
18792                type: "text",
18793                value: w,
18794                onChange: (q) => u(q.target.value),
18795                placeholder: "Enter your full name",
18796                className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal placeholder:font-normal text-slate-700 placeholder-slate-400 bg-white",
18797                required: !0
18798              }
18799            )
18800          ] }),
18801          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18802            /* @__PURE__ */ e("label", { className: "text-[15px] text-slate-800", children: "Department" }),
18803            /* @__PURE__ */ a("div", { className: "relative", children: [
18804              /* @__PURE__ */ a(
18805                "select",
18806                {
18807                  value: N,
18808                  onChange: (q) => f(q.target.value),
18809                  className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal text-slate-700 bg-white appearance-none",
18810                  children: [
18811                    /* @__PURE__ */ e("option", { value: "", className: "text-slate-400", children: "Select your department" }),
18812                    /* @__PURE__ */ e("option", { value: "경영", children: "Management" }),
18813                    /* @__PURE__ */ e("option", { value: "영업", children: "Sales" }),
18814                    /* @__PURE__ */ e("option", { value: "마케팅", children: "Marketing" }),
18815                    /* @__PURE__ */ e("option", { value: "구매/조달", children: "Purchasing / Procurement" }),
18816                    /* @__PURE__ */ e("option", { value: "연구개발", children: "R&D" }),
18817                    /* @__PURE__ */ e("option", { value: "품질", children: "Quality Control" }),
18818                    /* @__PURE__ */ e("option", { value: "생산/제조", children: "Production / Manufacturing" }),
18819                    /* @__PURE__ */ e("option", { value: "IT", children: "IT" }),
18820                    /* @__PURE__ */ e("option", { value: "인사", children: "HR" }),
18821                    /* @__PURE__ */ e("option", { value: "재무", children: "Finance" }),
18822                    /* @__PURE__ */ e("option", { value: "법무", children: "Legal" }),
18823                    /* @__PURE__ */ e("option", { value: "기타", children: "Other" })
18824                  ]
18825                }
18826              ),
18827              /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-slate-400", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }) })
18828            ] })
18829          ] }),
18830          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18831            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18832              "Phone Number ",
18833              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18834            ] }),
18835            /* @__PURE__ */ e(
18836              "input",
18837              {
18838                type: "tel",
18839                value: k,
18840                onChange: (q) => H(q.target.value),
18841                placeholder: "Enter your contact number",
18842                className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal placeholder:font-normal text-slate-700 placeholder-slate-400 bg-white",
18843                required: !0
18844              }
18845            )
18846          ] }),
18847          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18848            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18849              "Email ",
18850              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18851            ] }),
18852            /* @__PURE__ */ e(
18853              "input",
18854              {
18855                type: "email",
18856                value: y,
18857                onChange: (q) => I(q.target.value),
18858                placeholder: "Enter your email address",
18859                className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal placeholder:font-normal text-slate-700 placeholder-slate-400 bg-white",
18860                required: !0
18861              }
18862            )
18863          ] }),
18864          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18865            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18866              "Country ",
18867              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18868            ] }),
18869            /* @__PURE__ */ a("div", { className: "relative", children: [
18870              /* @__PURE__ */ a(
18871                "select",
18872                {
18873                  value: D,
18874                  onChange: (q) => P(q.target.value),
18875                  className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal text-slate-700 bg-white appearance-none",
18876                  required: !0,
18877                  children: [
18878                    /* @__PURE__ */ e("option", { value: "", children: "Select your country" }),
18879                    /* @__PURE__ */ e("option", { value: "KR", children: "South Korea" }),
18880                    /* @__PURE__ */ e("option", { value: "US", children: "United States" }),
18881                    /* @__PURE__ */ e("option", { value: "CN", children: "China" }),
18882                    /* @__PURE__ */ e("option", { value: "JP", children: "Japan" }),
18883                    /* @__PURE__ */ e("option", { value: "DE", children: "Germany" }),
18884                    /* @__PURE__ */ e("option", { value: "GB", children: "United Kingdom" }),
18885                    /* @__PURE__ */ e("option", { value: "FR", children: "France" }),
18886                    /* @__PURE__ */ e("option", { value: "IN", children: "India" }),
18887                    /* @__PURE__ */ e("option", { value: "CA", children: "Canada" }),
18888                    /* @__PURE__ */ e("option", { value: "AU", children: "Australia" }),
18889                    /* @__PURE__ */ e("option", { value: "SG", children: "Singapore" }),
18890                    /* @__PURE__ */ e("option", { value: "TW", children: "Taiwan" }),
18891                    /* @__PURE__ */ e("option", { value: "VN", children: "Vietnam" }),
18892                    /* @__PURE__ */ e("option", { value: "TH", children: "Thailand" }),
18893                    /* @__PURE__ */ e("option", { value: "MY", children: "Malaysia" }),
18894                    /* @__PURE__ */ e("option", { value: "ID", children: "Indonesia" }),
18895                    /* @__PURE__ */ e("option", { value: "PH", children: "Philippines" }),
18896                    /* @__PURE__ */ e("option", { value: "MX", children: "Mexico" }),
18897                    /* @__PURE__ */ e("option", { value: "BR", children: "Brazil" }),
18898                    /* @__PURE__ */ e("option", { value: "PL", children: "Poland" }),
18899                    /* @__PURE__ */ e("option", { value: "HU", children: "Hungary" }),
18900                    /* @__PURE__ */ e("option", { value: "CZ", children: "Czech Republic" }),
18901                    /* @__PURE__ */ e("option", { value: "SE", children: "Sweden" }),
18902                    /* @__PURE__ */ e("option", { value: "NL", children: "Netherlands" }),
18903                    /* @__PURE__ */ e("option", { value: "IT", children: "Italy" }),
18904                    /* @__PURE__ */ e("option", { value: "ES", children: "Spain" }),
18905                    /* @__PURE__ */ e("option", { value: "TR", children: "Turkey" }),
18906                    /* @__PURE__ */ e("option", { value: "SA", children: "Saudi Arabia" }),
18907                    /* @__PURE__ */ e("option", { value: "AE", children: "United Arab Emirates" }),
18908                    /* @__PURE__ */ e("option", { value: "ZA", children: "South Africa" }),
18909                    /* @__PURE__ */ e("option", { value: "OTHER", children: "Other" })
18910                  ]
18911                }
18912              ),
18913              /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-slate-400", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }) })
18914            ] })
18915          ] }),
18916          n === "showroom" && /* @__PURE__ */ a("div", { className: "flex flex-col gap-6", children: [
18917            /* @__PURE__ */ a("div", { className: "flex flex-col md:flex-row gap-6", children: [
18918              /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5 flex-1", children: [
18919                /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18920                  "Preferred Date ",
18921                  /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18922                ] }),
18923                /* @__PURE__ */ e(
18924                  "input",
18925                  {
18926                    type: "date",
18927                    value: L,
18928                    onChange: (q) => F(q.target.value),
18929                    className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal text-slate-700 bg-white",
18930                    required: n === "showroom"
18931                  }
18932                )
18933              ] }),
18934              /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5 flex-1", children: [
18935                /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18936                  "Preferred Time ",
18937                  /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18938                ] }),
18939                /* @__PURE__ */ e(
18940                  "input",
18941                  {
18942                    type: "time",
18943                    value: ae,
18944                    onChange: (q) => Ne(q.target.value),
18945                    className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal text-slate-700 bg-white",
18946                    required: n === "showroom"
18947                  }
18948                )
18949              ] })
18950            ] }),
18951            /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18952              /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18953                "Number of Participants ",
18954                /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18955              ] }),
18956              /* @__PURE__ */ a("div", { className: "relative", children: [
18957                /* @__PURE__ */ a(
18958                  "select",
18959                  {
18960                    value: Ve,
18961                    onChange: (q) => le(q.target.value),
18962                    className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal text-slate-700 bg-white appearance-none",
18963                    required: n === "showroom",
18964                    children: [
18965                      /* @__PURE__ */ e("option", { value: "", className: "text-slate-400", children: "Select number of people" }),
18966                      /* @__PURE__ */ e("option", { value: "1", children: "1 Person" }),
18967                      /* @__PURE__ */ e("option", { value: "2", children: "2 People" }),
18968                      /* @__PURE__ */ e("option", { value: "3-5", children: "3-5 People" }),
18969                      /* @__PURE__ */ e("option", { value: "6-10", children: "6-10 People" }),
18970                      /* @__PURE__ */ e("option", { value: "10+", children: "More than 10 People" })
18971                    ]
18972                  }
18973                ),
18974                /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-slate-400", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }) })
18975              ] })
18976            ] })
18977          ] }),
18978          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18979            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18980              "Subject ",
18981              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18982            ] }),
18983            /* @__PURE__ */ e(
18984              "input",
18985              {
18986                type: "text",
18987                value: X,
18988                onChange: (q) => Q(q.target.value),
18989                placeholder: "Enter the subject of your inquiry",
18990                className: "w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal placeholder:font-normal text-slate-700 placeholder-slate-400 bg-white",
18991                required: !0
18992              }
18993            )
18994          ] }),
18995          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
18996            /* @__PURE__ */ a("label", { className: "text-[15px] text-slate-800", children: [
18997              "Message ",
18998              /* @__PURE__ */ e("span", { className: "text-[#EAB308]", children: "*" })
18999            ] }),
19000            /* @__PURE__ */ e(
19001              "textarea",
19002              {
19003                value: Y,
19004                onChange: (q) => B(q.target.value),
19005                rows: 8,
19006                placeholder: "Please provide details about your inquiry.",
19007                className: "w-full p-4 border border-[#E2E8F0] rounded-[8px] focus:outline-none focus:border-[#60A5FA] focus:ring-1 focus:ring-[#60A5FA] transition-all font-normal placeholder:font-normal text-slate-700 placeholder-slate-400 bg-white resize-none leading-relaxed",
19008                required: !0
19009              }
19010            )
19011          ] }),
19012          /* @__PURE__ */ a("div", { className: "flex flex-col gap-2.5", children: [
19013            /* @__PURE__ */ e("label", { className: "text-[15px] text-slate-800", children: "Attachment" }),
19014            /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
19015              /* @__PURE__ */ e(
19016                "input",
19017                {
19018                  type: "text",
19019                  readOnly: !0,
19020                  value: ce ? ce.name : "",
19021                  placeholder: "No file chosen",
19022                  className: "flex-1 w-full h-[52px] px-4 border border-[#E2E8F0] rounded-[8px] bg-slate-50 font-normal placeholder:font-normal text-[14px] text-slate-500 focus:outline-none placeholder-slate-400 cursor-default"
19023                }
19024              ),
19025              /* @__PURE__ */ a("label", { className: "h-[52px] px-6 border border-[#E2E8F0] bg-white rounded-[8px] text-slate-700 text-[14px] flex items-center justify-center cursor-pointer hover:bg-slate-50 transition-colors whitespace-nowrap shadow-sm", children: [
19026                "Choose File",
19027                /* @__PURE__ */ e(
19028                  "input",
19029                  {
19030                    type: "file",
19031                    onChange: Te,
19032                    className: "hidden",
19033                    accept: ".jpg,.jpeg,.png,.bmp,.gif,.pdf,.txt,.doc,.docx,.ppt,.pptx,.xls,.xlsx,.zip"
19034                  }
19035                )
19036              ] })
19037            ] }),
19038            /* @__PURE__ */ e("p", { className: "text-[13px] font-normal text-slate-400 mt-1 pl-1", children: "Max 100MB. Supported formats: jpg, png, pdf, doc, ppt, xls, zip" })
19039          ] }),
19040          /* @__PURE__ */ a("div", { className: "pt-6 flex justify-center gap-3", children: [
19041            /* @__PURE__ */ e(
19042              "button",
19043              {
19044                type: "button",
19045                className: "h-[52px] px-10 rounded-[8px] bg-white border border-[#E2E8F0] text-slate-700 font-medium text-[16px] min-w-[140px] hover:bg-slate-50 transition-colors shadow-sm",
19046                onClick: () => {
19047                  r("product"), g(""), u(""), f(""), I(""), H(""), P(""), Q(""), B(""), F(""), Ne(""), le(""), We(null);
19048                },
19049                children: "Cancel"
19050              }
19051            ),
19052            /* @__PURE__ */ e(
19053              "button",
19054              {
19055                type: "submit",
19056                className: "h-[52px] px-10 rounded-[8px] bg-[#3B82F6] text-white font-medium text-[16px] min-w-[140px] hover:bg-[#2563EB] transition-colors shadow-sm",
19057                children: "Submit"
19058              }
19059            )
19060          ] })
19061        ] })
19062      ] })
19063    ] }) }) })
19064  ] });
19065}
19066function W5() {
19067  const { t } = ne(), [i, n] = C({
19068    name: "",
19069    email: "",
19070    phone: "",
19071    resume: "",
19072    coverLetter: ""
19073  }), r = (c) => {
19074    c.preventDefault(), alert("Application submitted successfully! We will review your application and get back to you soon.");
19075  }, s = {
19076    title: "Senior Vision Systems Engineer",
19077    location: "Bengaluru, Karnataka",
19078    department: "Engineering",
19079    type: "Full-Time",
19080    experience: "5-8 years",
19081    salary: "₹15-25 LPA",
19082    posted: "2 days ago"
19083  }, l = [
19084    "Design and develop advanced vision inspection systems for mobile device manufacturing",
19085    "Lead technical discussions with customers and provide innovative solutions",
19086    "Optimize image processing algorithms for high-speed production environments",
19087    "Collaborate with cross-functional teams to integrate vision systems",
19088    "Mentor junior engineers and contribute to technical documentation",
19089    "Conduct feasibility studies and proof-of-concept demonstrations"
19090  ], o = [
19091    "5+ years of experience in machine vision or industrial automation",
19092    "Strong programming skills in C++, Python, or similar languages",
19093    "Experience with OpenCV, Halcon, or similar vision libraries",
19094    "Knowledge of camera systems, lighting, and optics",
19095    "Excellent problem-solving and analytical skills",
19096    "Bachelor's degree in Engineering (Electronics, Computer Science, or related field)"
19097  ], d = [
19098    "Competitive salary and performance bonuses",
19099    "Health insurance for you and your family",
19100    "Professional development and training opportunities",
19101    "Work with cutting-edge technology",
19102    "International exposure and collaboration",
19103    "Flexible work arrangements"
19104  ];
19105  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white pt-20 relative", children: [
19106    /* @__PURE__ */ a("section", { className: "bg-slate-950 py-20 relative overflow-hidden", children: [
19107      /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-orange-500 via-white to-green-600" }),
19108      /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl", children: [
19109        /* @__PURE__ */ e(Ce, { className: "bg-orange-500 text-white mb-4", children: "Featured Position" }),
19110        /* @__PURE__ */ e("h1", { className: "text-4xl md:text-5xl text-white mb-6", children: s.title }),
19111        /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4 text-gray-300", children: [
19112          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19113            /* @__PURE__ */ e(Ht, { size: 18 }),
19114            /* @__PURE__ */ e("span", { children: s.location })
19115          ] }),
19116          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19117            /* @__PURE__ */ e(Fh, { size: 18 }),
19118            /* @__PURE__ */ e("span", { children: s.department })
19119          ] }),
19120          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19121            /* @__PURE__ */ e(qa, { size: 18 }),
19122            /* @__PURE__ */ e("span", { children: s.type })
19123          ] }),
19124          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19125            /* @__PURE__ */ e(Xa, { size: 18 }),
19126            /* @__PURE__ */ e("span", { children: s.experience })
19127          ] }),
19128          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19129            /* @__PURE__ */ e(su, { size: 18 }),
19130            /* @__PURE__ */ e("span", { children: s.salary })
19131          ] })
19132        ] })
19133      ] }) })
19134    ] }),
19135    /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-16", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-3 gap-12", children: [
19136      /* @__PURE__ */ a("div", { className: "lg:col-span-2", children: [
19137        /* @__PURE__ */ a("section", { className: "mb-12", children: [
19138          /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-6", children: "About the Role" }),
19139          /* @__PURE__ */ e("p", { className: "text-lg text-gray-600 leading-relaxed mb-6", children: "We are seeking a talented Senior Vision Systems Engineer to join our growing team in Bengaluru. In this role, you will be at the forefront of developing cutting-edge vision inspection systems for the mobile device manufacturing industry." }),
19140          /* @__PURE__ */ e("p", { className: "text-lg text-gray-600 leading-relaxed", children: "You will work with global clients, solve complex technical challenges, and contribute to innovative solutions that impact millions of devices worldwide." })
19141        ] }),
19142        /* @__PURE__ */ a("section", { className: "mb-12", children: [
19143          /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-6", children: "Key Responsibilities" }),
19144          /* @__PURE__ */ e("ul", { className: "space-y-4", children: l.map((c, p) => /* @__PURE__ */ a("li", { className: "flex gap-3", children: [
19145            /* @__PURE__ */ e(me, { className: "text-orange-600 flex-shrink-0 mt-1", size: 20 }),
19146            /* @__PURE__ */ e("span", { className: "text-gray-700", children: c })
19147          ] }, p)) })
19148        ] }),
19149        /* @__PURE__ */ a("section", { className: "mb-12", children: [
19150          /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-6", children: "Requirements" }),
19151          /* @__PURE__ */ e("ul", { className: "space-y-4", children: o.map((c, p) => /* @__PURE__ */ a("li", { className: "flex gap-3", children: [
19152            /* @__PURE__ */ e(me, { className: "text-green-600 flex-shrink-0 mt-1", size: 20 }),
19153            /* @__PURE__ */ e("span", { className: "text-gray-700", children: c })
19154          ] }, p)) })
19155        ] }),
19156        /* @__PURE__ */ a("section", { className: "mb-12", children: [
19157          /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-6", children: "What We Offer" }),
19158          /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-4", children: d.map((c, p) => /* @__PURE__ */ a("div", { className: "flex gap-3 items-start", children: [
19159            /* @__P
19159URE__ */ e(Jr, { className: "text-orange-600 flex-shrink-0 mt-1", size: 20 }),
19160            /* @__PURE__ */ e("span", { className: "text-gray-700", children: c })
19161          ] }, p)) })
19162        ] })
19163      ] }),
19164      /* @__PURE__ */ e("div", { className: "lg:col-span-1", children: /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-8 sticky top-24", children: [
19165        /* @__PURE__ */ e("h3", { className: "text-2xl text-slate-950 mb-6", children: "Apply for this Position" }),
19166        /* @__PURE__ */ a("form", { onSubmit: r, className: "space-y-4", children: [
19167          /* @__PURE__ */ a("div", { children: [
19168            /* @__PURE__ */ e("label", { className: "block text-sm text-gray-700 mb-2", children: "Full Name *" }),
19169            /* @__PURE__ */ e(
19170              "input",
19171              {
19172                type: "text",
19173                required: !0,
19174                value: i.name,
19175                onChange: (c) => n({ ...i, name: c.target.value }),
19176                className: "w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition",
19177                placeholder: "Your name"
19178              }
19179            )
19180          ] }),
19181          /* @__PURE__ */ a("div", { children: [
19182            /* @__PURE__ */ e("label", { className: "block text-sm text-gray-700 mb-2", children: "Email *" }),
19183            /* @__PURE__ */ e(
19184              "input",
19185              {
19186                type: "email",
19187                required: !0,
19188                value: i.email,
19189                onChange: (c) => n({ ...i, email: c.target.value }),
19190                className: "w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition",
19191                placeholder: "[email protected]"
19192              }
19193            )
19194          ] }),
19195          /* @__PURE__ */ a("div", { children: [
19196            /* @__PURE__ */ e("label", { className: "block text-sm text-gray-700 mb-2", children: "Phone *" }),
19197            /* @__PURE__ */ e(
19198              "input",
19199              {
19200                type: "tel",
19201                required: !0,
19202                value: i.phone,
19203                onChange: (c) => n({ ...i, phone: c.target.value }),
19204                className: "w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition",
19205                placeholder: "+91 98765 43210"
19206              }
19207            )
19208          ] }),
19209          /* @__PURE__ */ a("div", { children: [
19210            /* @__PURE__ */ e("label", { className: "block text-sm text-gray-700 mb-2", children: "Resume (URL) *" }),
19211            /* @__PURE__ */ e(
19212              "input",
19213              {
19214                type: "url",
19215                required: !0,
19216                value: i.resume,
19217                onChange: (c) => n({ ...i, resume: c.target.value }),
19218                className: "w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition",
19219                placeholder: "LinkedIn or Google Drive link"
19220              }
19221            )
19222          ] }),
19223          /* @__PURE__ */ a("div", { children: [
19224            /* @__PURE__ */ e("label", { className: "block text-sm text-gray-700 mb-2", children: "Cover Letter" }),
19225            /* @__PURE__ */ e(
19226              "textarea",
19227              {
19228                rows: 4,
19229                value: i.coverLetter,
19230                onChange: (c) => n({ ...i, coverLetter: c.target.value }),
19231                className: "w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition resize-none",
19232                placeholder: "Tell us why you're a great fit..."
19233              }
19234            )
19235          ] }),
19236          /* @__PURE__ */ a(
19237            J,
19238            {
19239              type: "submit",
19240              className: "w-full bg-orange-600 text-white hover:bg-orange-700 gap-2 h-12",
19241              children: [
19242                "Submit Application",
19243                /* @__PURE__ */ e(re, { size: 18 })
19244              ]
19245            }
19246          )
19247        ] }),
19248        /* @__PURE__ */ a("div", { className: "mt-6 pt-6 border-t border-slate-300", children: [
19249          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-gray-500 mb-2", children: [
19250            /* @__PURE__ */ e(wt, { size: 16 }),
19251            /* @__PURE__ */ a("span", { children: [
19252              "Posted ",
19253              s.posted
19254            ] })
19255          ] }),
19256          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [
19257            /* @__PURE__ */ e(Tt, { size: 16 }),
19258            /* @__PURE__ */ e("span", { children: "HyVISION SYSTEM ICCK" })
19259          ] })
19260        ] })
19261      ] }) })
19262    ] }) })
19263  ] });
19264}
19265function z5() {
19266  const { t } = ne(), i = {
19267    title: "HyVISION Inaugurates State-of-the-Art Manufacturing Facility in Bengaluru",
19268    category: "Company News",
19269    date: "March 15, 2025",
19270    readTime: "5 min read",
19271    author: "Corporate Communications",
19272    image: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb3Jwb3JhdGUlMjBidWlsZGluZ3xlbnwxfHx8fDE3Njc2MDU3MDB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
19273  }, n = [
19274    {
19275      title: "HyVISION Announces Strategic Partnership",
19276      category: "Business",
19277      date: "March 10, 2025",
19278      image: "https://images.unsplash.com/photo-1560179707-f14e90ef3623?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMHBhcnRuZXJzaGlwfGVufDF8fHx8MTc2NzYwNTcwMXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
19279    },
19280    {
19281      title: "Q4 Earnings Exceed Expectations",
19282      category: "Investors",
19283      date: "February 28, 2025",
19284      image: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmaW5hbmNpYWwlMjBncm93dGh8ZW58MXx8fHwxNzY3NjA1NzAxfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
19285    },
19286    {
19287      title: "New Production Facility Opens",
19288      category: "Technology",
19289      date: "February 20, 2025",
19290      image: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYW51ZmFjdHVyaW5nJTIwZmFjdG9yeXxlbnwxfHx8fDE3Njc2MDU2OTh8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
19291    }
19292  ], r = (l) => {
19293    window.location.hash = l, window.scrollTo({ top: 0, behavior: "smooth" });
19294  }, s = (l) => {
19295    alert(`Share on ${l}`);
19296  };
19297  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white pt-20 relative", children: [
19298    /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-6", children: /* @__PURE__ */ a(
19299      J,
19300      {
19301        variant: "ghost",
19302        onClick: () => r("/media"),
19303        className: "gap-2 text-gray-600 hover:text-orange-600",
19304        children: [
19305          /* @__PURE__ */ e(Sh, { size: 18 }),
19306          "Back to News"
19307        ]
19308      }
19309    ) }),
19310    /* @__PURE__ */ e("div", { className: "container mx-auto px-4 pb-12", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto", children: [
19311      /* @__PURE__ */ e(Ce, { className: "bg-orange-100 text-orange-700 mb-4", children: i.category }),
19312      /* @__PURE__ */ e("h1", { className: "text-4xl md:text-5xl text-slate-950 mb-6 leading-tight", children: i.title }),
19313      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-6 text-gray-600 mb-8", children: [
19314        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19315          /* @__PURE__ */ e(wt, { size: 18 }),
19316          /* @__PURE__ */ e("span", { children: i.date })
19317        ] }),
19318        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19319          /* @__PURE__ */ e(qa, { size: 18 }),
19320          /* @__PURE__ */ e("span", { children: i.readTime })
19321        ] }),
19322        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
19323          /* @__PURE__ */ e(zx, { size: 18 }),
19324          /* @__PURE__ */ e("span", { children: i.author })
19325        ] })
19326      ] }),
19327      /* @__PURE__ */ a("div", { className: "flex gap-3 pb-8 border-b border-slate-200", children: [
19328        /* @__PURE__ */ a(
19329          J,
19330          {
19331            variant: "outline",
19332            size: "sm",
19333            onClick: () => s("Facebook"),
19334            className: "gap-2",
19335            children: [
19336              /* @__PURE__ */ e(uu, { size: 16 }),
19337              "Share"
19338            ]
19339          }
19340        ),
19341        /* @__PURE__ */ a(
19342          J,
19343          {
19344            variant: "outline",
19345            size: "sm",
19346            onClick: () => s("Twitter"),
19347            className: "gap-2",
19348            children: [
19349              /* @__PURE__ */ e(Rx, { size: 16 }),
19350              "Tweet"
19351            ]
19352          }
19353        ),
19354        /* @__PURE__ */ a(
19355          J,
19356          {
19357            variant: "outline",
19358            size: "sm",
19359            onClick: () => s("LinkedIn"),
19360            className: "gap-2",
19361            children: [
19362              /* @__PURE__ */ e(Xu, { size: 16 }),
19363              "Share"
19364            ]
19365          }
19366        ),
19367        /* @__PURE__ */ a(
19368          J,
19369          {
19370            variant: "outline",
19371            size: "sm",
19372            onClick: () => s("Email"),
19373            className: "gap-2",
19374            children: [
19375              /* @__PURE__ */ e(ci, { size: 16 }),
19376              "Email"
19377            ]
19378          }
19379        ),
19380        /* @__PURE__ */ a(
19381          J,
19382          {
19383            variant: "outline",
19384            size: "sm",
19385            className: "gap-2 ml-auto",
19386            children: [
19387              /* @__PURE__ */ e(Ph, { size: 16 }),
19388              "Save"
19389            ]
19390          }
19391        )
19392      ] })
19393    ] }) }),
19394    /* @__PURE__ */ e("div", { className: "container mx-auto px-4 mb-12", children: /* @__PURE__ */ e("div", { className: "max-w-5xl mx-auto", children: /* @__PURE__ */ e("div", { className: "relative h-[500px] rounded-2xl overflow-hidden", children: /* @__PURE__ */ e(
19395      S,
19396      {
19397        src: i.image,
19398        alt: i.title,
19399        className: "w-full h-full object-cover"
19400      }
19401    ) }) }) }),
19402    /* @__PURE__ */ e("div", { className: "container mx-auto px-4 pb-16", children: /* @__PURE__ */ a("div", { className: "max-w-3xl mx-auto", children: [
19403      /* @__PURE__ */ a("div", { className: "prose prose-lg max-w-none", children: [
19404        /* @__PURE__ */ e("p", { className: "text-xl text-gray-700 leading-relaxed mb-6", children: "HyVISION SYSTEM ICCK India today celebrated the grand opening of its new 20,000 square meter manufacturing facility in Bengaluru's Devanahalli Industrial Area, marking a significant milestone in the company's expansion strategy in the Indian market." }),
19405        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "The state-of-the-art facility, equipped with the latest automation technology and clean room environments, will focus on producing advanced vision inspection systems for mobile device manufacturing, battery assembly quality control, and bio-medical inspection equipment." }),
19406        /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-4 mt-12", children: "Strategic Investment in India" }),
19407        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: `"This new facility represents our commitment to the 'Make in India' initiative and our confidence in India's growing manufacturing sector," said Kim Jin-ho, CEO of HyVISION SYSTEM ICCK. "Bengaluru offers us access to world-class engineering talent and proximity to our key customers in the electronics manufacturing industry."` }),
19408        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "The ₹200 crore investment includes advanced manufacturing equipment from Germany, Japan, and Korea, along with sophisticated testing and quality control systems. The facility is designed to achieve ISO 9001:2015 and ISO 14001:2015 certifications within the first year of operation." }),
19409        /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-4 mt-12", children: "Creating Local Employment" }),
19410        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "The new facility is expected to create over 300 direct jobs in the next 18 months, with roles ranging from skilled technicians and engineers to research and development specialists. HyVISION has partnered with local technical institutes to establish training programs and ensure a steady pipeline of qualified talent." }),
19411        /* @__PURE__ */ e("blockquote", { className: "border-l-4 border-orange-500 pl-6 my-8 italic text-xl text-gray-700", children: `"We're not just building a factory; we're creating a center of excellence that will drive innovation in vision inspection technology and contribute to India's position as a global manufacturing hub."` }),
19412        /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-4 mt-12", children: "Technology Leadership" }),
19413        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "The facility features cutting-edge capabilities including:" }),
19414        /* @__PURE__ */ a("ul", { className: "list-disc pl-6 mb-6 space-y-2 text-gray-700", children: [
19415          /* @__PURE__ */ e("li", { children: "Class 1000 clean rooms for precision assembly" }),
19416          /* @__PURE__ */ e("li", { children: "Automated optical inspection (AOI) production lines" }),
19417          /* @__PURE__ */ e("li", { children: "Advanced camera and sensor calibration laboratories" }),
19418          /* @__PURE__ */ e("li", { children: "R&D center focused on AI and machine learning applications" }),
19419          /* @__PURE__ */ e("li", { children: "Customer demonstration and training center" })
19420        ] }),
19421        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "The inauguration ceremony was attended by government officials, industry partners, and representatives from major customers including Tata Electronics, Foxconn India, and other leading electronics manufacturers." }),
19422        /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-4 mt-12", children: "Looking Forward" }),
19423        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "With this new facility, HyVISION aims to capture a 25% share of India's vision systems market within three years and establish India as a regional manufacturing hub serving customers across South and Southeast Asia." }),
19424        /* @__PURE__ */ e("p", { className: "text-gray-700 leading-relaxed mb-6", children: "Production is scheduled to commence in Q2 2025, with initial output targeting the mobile device and EV battery manufacturing sectors, followed by expansion into medical device inspection and semiconductor applications." })
19425      ] }),
19426      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2 mt-12 pt-8 border-t border-slate-200", children: [
19427        /* @__PURE__ */ e(Ce, { variant: "outline", className: "text-gray-600", children: "Manufacturing" }),
19428        /* @__PURE__ */ e(Ce, { variant: "outline", className: "text-gray-600", children: "Bengaluru" }),
19429        /* @__PURE__ */ e(Ce, { variant: "outline", className: "text-gray-600", children: "Investment" }),
19430        /* @__PURE__ */ e(Ce, { variant: "outline", className: "text-gray-600", children: "Make in India" }),
19431        /* @__PURE__ */ e(Ce, { variant: "outline", className: "text-gray-600", children: "Technology" })
19432      ] })
19433    ] }) }),
19434    /* @__PURE__ */ e("section", { className: "py-16 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto", children: [
19435      /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950 mb-8", children: "Related Articles" }),
19436      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-6", children: n.map((l, o) => /* @__PURE__ */ a(
19437        Se,
19438        {
19439          className: "bg-white border-slate-200 overflow-hidden hover:shadow-xl transition-all group cursor-pointer",
19440          onClick: () => r("/news-detail"),
19441          children: [
19442            /* @__PURE__ */ e("div", { className: "relative h-48 overflow-hidden", children: /* @__PURE__ */ e(
19443              S,
19444              {
19445                src: l.image,
19446                alt: l.title,
19447                className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
19448              }
19449            ) }),
19450            /* @__PURE__ */ a("div", { className: "p-6", children: [
19451              /* @__PURE__ */ e(Ce, { className: "bg-slate-100 text-slate-700 mb-3", children: l.category }),
19452              /* @__PURE__ */ e("h3", { className: "text-lg text-slate-950 mb-3 group-hover:text-orange-600 transition-colors", children: l.title }),
19453              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [
19454                /* @__PURE__ */ e(wt, { size: 14 }),
19455                /* @__PURE__ */ e("span", { children: l.date })
19456              ] })
19457            ] })
19458          ]
19459        },
19460        o
19461      )) })
19462    ] }) }) }),
19463    /* @__PURE__ */ e("section", { className: "py-16 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto bg-slate-950 rounded-2xl p-12 text-center", children: [
19464      /* @__PURE__ */ e("h2", { className: "text-3xl text-white mb-4", children: "Stay Updated" }),
19465      /* @__PURE__ */ e("p", { className: "text-xl text-gray-300 mb-8", children: "Subscribe to our newsletter for the latest news and updates" }),
19466      /* @__PURE__ */ a("div", { className: "flex gap-4 max-w-md mx-auto", children: [
19467        /* @__PURE__ */ e(
19468          "input",
19469          {
19470            type: "email",
19471            placeholder: "Enter your email",
19472            className: "flex-1 px-6 py-3 rounded-lg bg-white/10 border border-gray-600 text-white placeholder-gray-400 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none"
19473          }
19474        ),
19475        /* @__PURE__ */ e(J, { className: "bg-orange-600 text-white hover:bg-orange-700 px-8", children: "Subscribe" })
19476      ] })
19477    ] }) }) })
19478  ] });
19479}
19480function B5() {
19481  const t = [
19482    { icon: De, title: "GigE Vision 표준", description: "GigE Vision 표준 완벽 지원" },
19483    { icon: de, title: "장거리 전송", description: "최대 100m 이더넷 케이블 지원" },
19484    { icon: mi, title: "네트워크 확장", description: "다중 카메라 네트워크 구성 가능" }
19485  ];
19486  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative pt-20", children: [
19487    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
19488      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
19489        /* @__PURE__ */ e(
19490          S,
19491          {
19492            src: "https://images.unsplash.com/photo-1594915440248-1e419eba6611?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxnaWdhYml0JTIwZXRoZXJuZXQlMjBuZXR3b3JrJTIwaW5kdXN0cmlhbCUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzcyMTY4MjY3fDA&ixlib=rb-4.1.0&q=80&w=1080",
19493            alt: "Gigabit Ethernet",
19494            className: "w-full h-full object-cover"
19495          }
19496        ),
19497        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
19498      ] }),
19499      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
19500        m.div,
19501        {
19502          initial: { opacity: 0, x: -30 },
19503          animate: { opacity: 1, x: 0 },
19504          transition: { duration: 0.6 },
19505          children: [
19506            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: "Gigabit Ethernet" }),
19507            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "High-Speed Image Acquisition System" }),
19508            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-8 mb-12 border-b border-white/20 pb-12", children: t.map((i, n) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 min-w-[100px]", children: [
19509              /* @__PURE__ */ e("div", { className: "p-0 text-blue-300", children: /* @__PURE__ */ e(i.icon, { className: "w-8 h-8", strokeWidth: 1.5 }) }),
19510              /* @__PURE__ */ a("div", { children: [
19511                /* @__PURE__ */ e("h3", { className: "text-white text-[15px] mb-1", children: i.title }),
19512                /* @__PURE__ */ a("p", { className: "text-[13px] text-white/60 leading-tight", children: [
19513                  i.description.split(" ").slice(0, 3).join(" "),
19514                  "..."
19515                ] })
19516              ] })
19517            ] }, n)) }),
19518            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 max-w-lg text-[16px]", children: [
19519              "하이비젼시스템의 Gigabit Ethernet 솔루션은 GigE Vision 표준을 완벽 지원하여 최대 100m 거리에서 안정적인 이미지 전송을 실현합니다.",
19520              /* @__PURE__ */ e("br", { className: "hidden lg:block" }),
19521              "표준 이더넷 네트워크를 활용한 유연한 멀티 카메라 시스템 구축이 가능합니다."
19522            ] }),
19523            /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: [
19524              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#002952] transition-colors text-[15px]", children: [
19525                /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
19526                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
19527              ] }),
19528              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#004E9C] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#003D7A] transition-colors text-[15px]", children: [
19529                /* @__PURE__ */ e("span", { children: "제품 자료 다운로드" }),
19530                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
19531              ] })
19532            ] })
19533          ]
19534        }
19535      ) }) })
19536    ] }),
19537    /* @__PURE__ */ e("section", { className: "sticky top-0 z-40 bg-black/90 backdrop-blur-sm border-b border-white/10", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-8 overflow-x-auto", children: [
19538      /* @__PURE__ */ e("button", { className: "text-white text-[15px] py-9 whitespace-nowrap hover:text-[#00AAD2] transition-colors font-medium border-b-2 border-white", children: "Gigabit Ethernet" }),
19539      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "주요 특징" }),
19540      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "기술 사양" }),
19541      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "적용 분야" }),
19542      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "문의하기" })
19543    ] }) }) }),
19544    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
19545      /* @__PURE__ */ e(
19546        S,
19547        {
19548          src: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzeXJpbmdlJTIwaW5zcGVjdGlvbiUyMG1lZGljYWx8ZW58MXx8fHwxNzY0MDU3NzgzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
19549          alt: "Problem Statement",
19550          className: "absolute inset-0 w-full h-full object-cover"
19551        }
19552      ),
19553      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
19554      /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-start pt-24", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-4xl ml-24", children: [
19555        /* @__PURE__ */ a("h2", { className: "text-white mb-6 whitespace-pre-line leading-[1.45] text-[23px] font-bold", children: [
19556          "고속 비전 시스템을 위한 안정적이고 효율적인",
19557          `
19558`,
19559          "네트워크 기반 이미지 전송 솔루션"
19560        ] }),
19561        /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8" }),
19562        /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed mb-10 whitespace-pre-line", children: [
19563          "GigE Vision 프로토콜을 통해 최대 1000Mbps의 빠른 데이터 전송과",
19564          `
19565`,
19566          "100m 이상의 장거리 전송을 지원하여 산업 현장의 유연한 배치를 실현합니다."
19567        ] }),
19568        /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ e(
19569          J,
19570          {
19571            size: "lg",
19572            className: "bg-[#003D7A] hover:bg-[#002A5A] text-white px-8 h-12 text-base rounded-none border-0 text-[14px] inline-flex items-center gap-2 font-bold",
19573            children: "솔루션 문의하기"
19574          }
19575        ) })
19576      ] }) }) }) })
19577    ] }),
19578    /* @__PURE__ */ e("section", { className: "relative h-screen w-full overflow-hidden bg-gradient-to-b from-[#E8E8E8] via-[#E8E8E8] via-50% to-white to-50%", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
19579      /* @__PURE__ */ a("div", { className: "mb-12", children: [
19580        /* @__PURE__ */ e("h3", { className: "text-[#111111] text-[23px] tracking-wider uppercase mb-2 font-bold", children: "Introduction" }),
19581        /* @__PURE__ */ e("div", { className: "w-12 h-0.5 bg-[#00AAD2]" }),
19582        /* @__PURE__ */ e("p", { className: "text-[rgb(113,112,112)] text-[15px] mt-3 max-w-md", children: "하이비젼시스템의 Gigabit Ethernet 비전 솔루션을 소개해드립니다." })
19583      ] }),
19584      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
19585        /* @__PURE__ */ e("h2", { className: "text-[rgba(101,101,101,0.82)] text-[53px] tracking-tight leading-none mb-12 font-bold", children: "Gigabit Ethernet Frame Grabber" }),
19586        /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
19587          S,
19588          {
19589            src: "https://www.hyundai.com/static/images/pages/trendy-hyundai/202510/introduction_the_new_ioniq_6.png",
19590            alt: "Gigabit Ethernet",
19591            className: "w-full max-w-4xl mx-auto object-contain"
19592          }
19593        ) })
19594      ] }),
19595      /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-8 max-w-4xl mx-auto mt-8", children: [
19596        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
19597          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "1000" }),
19598          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Mbps 전송 속도" })
19599        ] }),
19600        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
19601          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "100m+" }),
19602          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "전송 거리" })
19603        ] }),
19604        /* @__PURE__ */ a("div", { className: "text-center", children: [
19605          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "PoE" }),
19606          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "전원 공급 지원" })
19607        ] })
19608      ] })
19609    ] }) }) }) }) }),
19610    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
19611      /* @__PURE__ */ e(
19612        S,
19613        {
19614          src: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwaGFybWFjZXV0aWNhbCUyMHF1YWxpdHklMjBjb250cm9sfGVufDF8fHx8MTc2MzYyMDEzM3ww&ixlib=rb-4.1.0&q=80&w=1080",
19615          alt: "Core Features",
19616          className: "absolute inset-0 w-full h-full object-cover"
19617        }
19618      ),
19619      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
19620      /* @__PURE__ */ a("div", { className: "relative h-full flex flex-col", children: [
19621        /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center px-6 md:px-12 max-w-5xl mx-auto", children: [
19622          /* @__PURE__ */ e("h2", { className: "text-white mb-6 leading-tight text-[23px] font-bold", children: "Core Features" }),
19623          /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8 mx-auto" }),
19624          /* @__PURE__ */ e("p", { className: "text-white/90 text-[15px] leading-relaxed mb-8 mt-2", children: "GigE Vision 표준을 완벽 지원하는 고성능 이미지 전송 시스템" })
19625        ] }) }),
19626        /* @__PURE__ */ e("div", { className: "backdrop-blur-md border-t border-white/10 bg-[rgba(0,0,0,0.04)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 py-12", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 max-w-7xl mx-auto", children: [
19627          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19628            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "01" }),
19629            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "고속 전송" }),
19630            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "최대 1Gbps 대역폭" }),
19631            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
19632          ] }),
19633          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19634            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "02" }),
19635            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "장거리 지원" }),
19636            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "100m 이상 케이블 연결" }),
19637            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
19638          ] }),
19639          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19640            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "03" }),
19641            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "멀티 카메라" }),
19642            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "다중 카메라 동시 제어" }),
19643            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
19644          ] }),
19645          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19646            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "04" }),
19647            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "표준 호환" }),
19648            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "GigE Vision 완벽 지원" })
19649          ] })
19650        ] }) }) })
19651      ] })
19652    ] }),
19653    /* @__PURE__ */ e("section", { className: "relative min-h-screen w-full overflow-hidden bg-white", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center bg-[rgba(255,255,255,0)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 pt-24 pb-24", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-8", children: [
19654      /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-3 leading-tight text-[32px] font-bold text-center", children: "Application Solutions" }),
19655      /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[#00AAD2] mb-8 mx-auto" }),
19656      /* @__PURE__ */ a("p", { className: "text-slate-600 text-center text-[15px] mb-12", children: [
19657        "다양한 산업 분야에서 검증된 GigE Vision 솔루션을 통해",
19658        /* @__PURE__ */ e("br", {}),
19659        "고속 이미지 처리와 안정적인 데이터 전송을 경험하세요."
19660      ] }),
19661      /* @__PURE__ */ a("div", { className: "relative mt-16 mb-16", children: [
19662        /* @__PURE__ */ e("button", { className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "rotate-90 w-6 h-6" }) }),
19663        /* @__PURE__ */ e("button", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "-rotate-90 w-6 h-6" }) }),
19664        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
19665          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
19666            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
19667              S,
19668              {
19669                src: "https://cdn.imweb.me/thumbnail/20250306/28e17405cdec5.jpg",
19670                alt: "산업 검사",
19671                className: "w-full h-full object-cover"
19672              }
19673            ) }),
19674            /* @__PURE__ */ a("div", { className: "p-6", children: [
19675              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
19676                "산업 검사",
19677                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Industrial Inspection" })
19678              ] }),
19679              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed text-justify border-t border-gray-200 pt-4", children: "제조 라인에서의 실시간 품질 검사와 결함 탐지를 위한 고속 이미지 처리 시스템. 안정적인 네트워크 연결로 장거리 카메라 배치가 가능합니다." })
19680            ] })
19681          ] }),
19682          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
19683            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
19684              S,
19685              {
19686                src: "https://cdn.imweb.me/thumbnail/20250926/14cd9ad4df0ce.jpg",
19687                alt: "의료 영상",
19688                className: "w-full h-full object-cover"
19689              }
19690            ) }),
19691            /* @__PURE__ */ a("div", { className: "p-6", children: [
19692              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
19693                "의료 영상",
19694                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Medical Imaging" })
19695              ] }),
19696              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "고해상도 의료 영상 시스템에 최적화된 안정적인 데이터 전송. 실시간 진단과 분석을 위한 빠른 이미지 획득을 지원합니다." })
19697            ] })
19698          ] }),
19699          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
19700            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
19701              S,
19702              {
19703                src: "https://cdn.imweb.me/thumbnail/20250220/5a6051175ff97.jpg",
19704                alt: "교통 모니터링",
19705                className: "w-full h-full object-cover"
19706              }
19707            ) }),
19708            /* @__PURE__ */ a("div", { className: "p-6", children: [
19709              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
19710                "교통 모니터링",
19711                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Traffic Monitoring" })
19712              ] }),
19713              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "광범위한 교통 감시 시스템을 위한 장거리 네트워크 솔루션. 다중 카메라 동시 운영으로 효율적인 교통 관리를 구현합니다." })
19714            ] })
19715          ] })
19716        ] })
19717      ] })
19718    ] }) }) }) }) })
19719  ] });
19720}
19721const G5 = globalThis.__GLOBALS__.getAssetURL("4b4067b3f027d5f12ba1969a0ca7c886b63eeb5b.png");
19722function U5() {
19723  const t = [
19724    { icon: de, title: "초고속 전송", description: "최대 6.8Gbps Camera Link 대역폭" },
19725    { icon: De, title: "CL 표준 지원", description: "Camera Link 표준 완벽 지원" },
19726    { icon: Xe, title: "저지연 처리", description: "실시간 이미지 처리 최적화" }
19727  ];
19728  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative pt-20", children: [
19729    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
19730      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
19731        /* @__PURE__ */ e(
19732          S,
19733          {
19734            src: G5,
19735            alt: "Camera Link Grabber",
19736            className: "w-full h-full object-cover"
19737          }
19738        ),
19739        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
19740      ] }),
19741      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
19742        m.div,
19743        {
19744          initial: { opacity: 0, x: -30 },
19745          animate: { opacity: 1, x: 0 },
19746          transition: { duration: 0.6 },
19747          children: [
19748            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: "Camera Link Grabber" }),
19749            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "High-Performance Industrial Vision Interface" }),
19750            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-8 mb-12 border-b border-white/20 pb-12", children: t.map((i, n) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 min-w-[100px]", children: [
19751              /* @__PURE__ */ e("div", { className: "p-0 text-blue-300", children: /* @__PURE__ */ e(i.icon, { className: "w-8 h-8", strokeWidth: 1.5 }) }),
19752              /* @__PURE__ */ a("div", { children: [
19753                /* @__PURE__ */ e("h3", { className: "text-white text-[15px] mb-1", children: i.title }),
19754                /* @__PURE__ */ a("p", { className: "text-[13px] text-white/60 leading-tight", children: [
19755                  i.description.split(" ").slice(0, 3).join(" "),
19756                  "..."
19757                ] })
19758              ] })
19759            ] }, n)) }),
19760            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 max-w-lg text-[16px]", children: [
19761              "하이비젼시스템의 Camera Link Frame Grabber는 Camera Link 표준을 완벽 지원하여 최대 6.8Gbps의 초고속 데이터 전송과 저지연 이미지 처리를 실현합니다.",
19762              /* @__PURE__ */ e("br", { className: "hidden lg:block" }),
19763              "정밀 검사 시스템에 최적화된 신뢰성 높은 비전 인터페이스 솔루션입니다."
19764            ] }),
19765            /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: [
19766              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#002952] transition-colors text-[15px]", children: [
19767                /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
19768                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
19769              ] }),
19770              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#004E9C] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#003D7A] transition-colors text-[15px]", children: [
19771                /* @__PURE__ */ e("span", { children: "제품 자료 다운로드" }),
19772                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
19773              ] })
19774            ] })
19775          ]
19776        }
19777      ) }) })
19778    ] }),
19779    /* @__PURE__ */ e("section", { className: "sticky top-0 z-40 bg-black/90 backdrop-blur-sm border-b border-white/10", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-8 overflow-x-auto", children: [
19780      /* @__PURE__ */ e("button", { className: "text-white text-[15px] py-9 whitespace-nowrap hover:text-[#00AAD2] transition-colors font-medium border-b-2 border-white", children: "Camera Link Grabber" }),
19781      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "주요 특징" }),
19782      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "기술 사양" }),
19783      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "적용 분야" }),
19784      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "문의하기" })
19785    ] }) }) }),
19786    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
19787      /* @__PURE__ */ e(
19788        S,
19789        {
19790          src: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzeXJpbmdlJTIwaW5zcGVjdGlvbiUyMG1lZGljYWx8ZW58MXx8fHwxNzY0MDU3NzgzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
19791          alt: "Problem Statement",
19792          className: "absolute inset-0 w-full h-full object-cover"
19793        }
19794      ),
19795      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
19796      /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-start pt-24", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-4xl ml-24", children: [
19797        /* @__PURE__ */ a("h2", { className: "text-white mb-6 whitespace-pre-line leading-[1.45] text-[23px] font-bold", children: [
19798          "고속 산업용 비전 시스템을 위한",
19799          `
19800`,
19801          "신뢰성 높은 Camera Link 인터페이스 솔루션"
19802        ] }),
19803        /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8" }),
19804        /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed mb-10 whitespace-pre-line", children: [
19805          "Camera Link 표준을 완벽 지원하여 최대 6.8Gbps의 초고속 데이터 전송과",
19806          `
19807`,
19808          "저지연 이미지 처리를 통해 정밀 검사 시스템의 성능을 극대화합니다."
19809        ] }),
19810        /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ e(
19811          Button,
19812          {
19813            size: "lg",
19814            className: "bg-[#003D7A] hover:bg-[#002A5A] text-white px-8 h-12 text-base rounded-none border-0 text-[14px] inline-flex items-center gap-2 font-bold",
19815            children: "솔루션 문의하기"
19816          }
19817        ) })
19818      ] }) }) }) })
19819    ] }),
19820    /* @__PURE__ */ e("section", { className: "relative h-screen w-full overflow-hidden bg-gradient-to-b from-[#E8E8E8] via-[#E8E8E8] via-50% to-white to-50%", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
19821      /* @__PURE__ */ a("div", { className: "mb-12", children: [
19822        /* @__PURE__ */ e("h3", { className: "text-[#111111] text-[23px] tracking-wider uppercase mb-2 font-bold", children: "Introduction" }),
19823        /* @__PURE__ */ e("div", { className: "w-12 h-0.5 bg-[#00AAD2]" }),
19824        /* @__PURE__ */ e("p", { className: "text-[rgb(113,112,112)] text-[15px] mt-3 max-w-md", children: "하이비젼시스템의 Camera Link Frame Grabber를 소개해드립니다." })
19825      ] }),
19826      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
19827        /* @__PURE__ */ e("h2", { className: "text-[rgba(101,101,101,0.82)] text-[53px] tracking-tight leading-none mb-12 font-bold", children: "Camera Link Frame Grabber" }),
19828        /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
19829          S,
19830          {
19831            src: "https://www.hyundai.com/static/images/pages/trendy-hyundai/202510/introduction_the_new_ioniq_6.png",
19832            alt: "Camera Link Grabber",
19833            className: "w-full max-w-4xl mx-auto object-contain"
19834          }
19835        ) })
19836      ] }),
19837      /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-8 max-w-4xl mx-auto mt-8", children: [
19838        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
19839          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "6.8" }),
19840          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Gbps 전송 속도" })
19841        ] }),
19842        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
19843          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "PCIe" }),
19844          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "고속 인터페이스" })
19845        ] }),
19846        /* @__PURE__ */ a("div", { className: "text-center", children: [
19847          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "Low" }),
19848          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Latency 전송" })
19849        ] })
19850      ] })
19851    ] }) }) }) }) }),
19852    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
19853      /* @__PURE__ */ e(
19854        S,
19855        {
19856          src: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwaGFybWFjZXV0aWNhbCUyMHF1YWxpdHklMjBjb250cm9sfGVufDF8fHx8MTc2MzYyMDEzM3ww&ixlib=rb-4.1.0&q=80&w=1080",
19857          alt: "Core Features",
19858          className: "absolute inset-0 w-full h-full object-cover"
19859        }
19860      ),
19861      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
19862      /* @__PURE__ */ a("div", { className: "relative h-full flex flex-col", children: [
19863        /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center px-6 md:px-12 max-w-5xl mx-auto", children: [
19864          /* @__PURE__ */ e("h2", { className: "text-white mb-6 leading-tight text-[23px] font-bold", children: "Core Features" }),
19865          /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8 mx-auto" }),
19866          /* @__PURE__ */ e("p", { className: "text-white/90 text-[15px] leading-relaxed mb-8 mt-2", children: "Camera Link 표준 완벽 지원으로 안정적이고 빠른 이미지 획득" })
19867        ] }) }),
19868        /* @__PURE__ */ e("div", { className: "backdrop-blur-md border-t border-white/10 bg-[rgba(0,0,0,0.04)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 py-12", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 max-w-7xl mx-auto", children: [
19869          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19870            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "01" }),
19871            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "초고속 전송" }),
19872            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "최대 6.8Gbps 대역폭" }),
19873            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
19874          ] }),
19875          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19876            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "02" }),
19877            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "저지연" }),
19878            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "실시간 이미지 처리" }),
19879            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
19880          ] }),
19881          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19882            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "03" }),
19883            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "안정성" }),
19884            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "장시간 연속 운영" }),
19885            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
19886          ] }),
19887          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
19888            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "04" }),
19889            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "호환성" }),
19890            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "표준 Camera Link 지원" })
19891          ] })
19892        ] }) }) })
19893      ] })
19894    ] }),
19895    /* @__PURE__ */ e("section", { className: "relative min-h-screen w-full overflow-hidden bg-white", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center bg-[rgba(255,255,255,0)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 pt-24 pb-24", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-8", children: [
19896      /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-3 leading-tight text-[32px] font-bold text-center", children: "Application Solutions" }),
19897      /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[#00AAD2] mb-8 mx-auto" }),
19898      /* @__PURE__ */ a("p", { className: "text-slate-600 text-center text-[15px] mb-12", children: [
19899        "하이비젼 시스템의 Camera Link 솔루션은 반도체, 디스플레이, 의료기기 등",
19900        /* @__PURE__ */ e("br", {}),
19901        "고속·고해상도 이미지 처리가 필요한 다양한 산업 분야에 최적화된 성능을 제공합니다."
19902      ] }),
19903      /* @__PURE__ */ a("div", { className: "relative mt-16 mb-16", children: [
19904        /* @__PURE__ */ e("button", { className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "rotate-90 w-6 h-6" }) }),
19905        /* @__PURE__ */ e("button", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "-rotate-90 w-6 h-6" }) }),
19906        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
19907          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
19908            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
19909              S,
19910              {
19911                src: "https://cdn.imweb.me/thumbnail/20250306/28e17405cdec5.jpg",
19912                alt: "반도체 검사",
19913                className: "w-full h-full object-cover"
19914              }
19915            ) }),
19916            /* @__PURE__ */ a("div", { className: "p-6", children: [
19917              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
19918                "반도체 검사",
19919                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Semiconductor Inspection" })
19920              ] }),
19921              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed text-justify border-t border-gray-200 pt-4", children: "웨이퍼 검사와 패턴 인식에 필요한 초고속 이미지 전송. 고해상도 라인스캔 카메라와의 완벽한 호환성으로 정밀 검사를 실현합니다." })
19922            ] })
19923          ] }),
19924          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
19925            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
19926              S,
19927              {
19928                src: "https://cdn.imweb.me/thumbnail/20250926/14cd9ad4df0ce.jpg",
19929                alt: "디스플레이 검사",
19930                className: "w-full h-full object-cover"
19931              }
19932            ) }),
19933            /* @__PURE__ */ a("div", { className: "p-6", children: [
19934              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
19935                "디스플레이 검사",
19936                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Display Inspection" })
19937              ] }),
19938              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "LCD, OLED 패널의 미세 결함 검출을 위한 대용량 이미지 처리. 실시간 분석으로 생산 효율성을 극대화합니다." })
19939            ] })
19940          ] }),
19941          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
19942            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
19943              S,
19944              {
19945                src: "https://cdn.imweb.me/thumbnail/20250220/5a6051175ff97.jpg",
19946                alt: "의료 영상",
19947                className: "w-full h-full object-cover"
19948              }
19949            ) }),
19950            /* @__PURE__ */ a("div", { className: "p-6", children: [
19951              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
19952                "의료 영상",
19953                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Medical Imaging" })
19954              ] }),
19955              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "고정밀 의료 진단 장비를 위한 무손실 이미지 전송. 저지연 특성으로 실시간 진단과 수술 지원 시스템에 최적화되어 있습니다." })
19956            ] })
19957          ] })
19958        ] })
19959      ] })
19960    ] }) }) }) }) })
19961  ] });
19962}
19963function q5() {
19964  const t = [
19965    { icon: de, title: "초고속 전송", description: "최대 12.5Gbps CoaXPress 전송 속도" },
19966    { icon: De, title: "장거리 전송", description: "동축 케이블 기반 장거리 안정 전송" },
19967    { icon: mi, title: "멀티 채널", description: "4채널 동시 독립 지원" }
19968  ];
19969  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative pt-20", children: [
19970    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
19971      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
19972        /* @__PURE__ */ e(
19973          S,
19974          {
19975            src: "https://images.unsplash.com/photo-1762329406809-e46415e6974e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwbWFjaGluZSUyMHZpc2lvbiUyMGhhcmR3YXJlJTIwY2lyY3VpdCUyMGJvYXJkfGVufDF8fHx8MTc3MzI5OTM1MXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
19976            alt: "CoaxPress Grabber",
19977            className: "w-full h-full object-cover"
19978          }
19979        ),
19980        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
19981      ] }),
19982      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
19983        m.div,
19984        {
19985          initial: { opacity: 0, x: -30 },
19986          animate: { opacity: 1, x: 0 },
19987          transition: { duration: 0.6 },
19988          children: [
19989            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: "CoaxPress Grabber" }),
19990            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Next-Generation High-Speed Vision Interface" }),
19991            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-8 mb-12 border-b border-white/20 pb-12", children: t.map((i, n) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 min-w-[100px]", children: [
19992              /* @__PURE__ */ e("div", { className: "p-0 text-blue-300", children: /* @__PURE__ */ e(i.icon, { className: "w-8 h-8", strokeWidth: 1.5 }) }),
19993              /* @__PURE__ */ a("div", { children: [
19994                /* @__PURE__ */ e("h3", { className: "text-white text-[15px] mb-1", children: i.title }),
19995                /* @__PURE__ */ a("p", { className: "text-[13px] text-white/60 leading-tight", children: [
19996                  i.description.split(" ").slice(0, 3).join(" "),
19997                  "..."
19998                ] })
19999              ] })
20000            ] }, n)) }),
20001            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 max-w-lg text-[16px]", children: [
20002              "하이비젼시스템의 CoaxPress Grabber는 단일 동축 케이블로 최대 12.5Gbps의 초고속 데이터 전송과 전원 공급을 동시에 실현합니다.",
20003              /* @__PURE__ */ e("br", { className: "hidden lg:block" }),
20004              "차세대 고속 비전 시스템에 최적화된 솔루션입니다."
20005            ] }),
20006            /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: [
20007              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#002952] transition-colors text-[15px]", children: [
20008                /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
20009                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
20010              ] }),
20011              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#004E9C] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#003D7A] transition-colors text-[15px]", children: [
20012                /* @__PURE__ */ e("span", { children: "제품 자료 다운로드" }),
20013                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
20014              ] })
20015            ] })
20016          ]
20017        }
20018      ) }) })
20019    ] }),
20020    /* @__PURE__ */ e("section", { className: "sticky top-0 z-40 bg-black/90 backdrop-blur-sm border-b border-white/10", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-8 overflow-x-auto", children: [
20021      /* @__PURE__ */ e("button", { className: "text-white text-[15px] py-9 whitespace-nowrap hover:text-[#00AAD2] transition-colors font-medium border-b-2 border-white", children: "CoaxPress Grabber" }),
20022      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "주요 특징" }),
20023      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "기술 사양" }),
20024      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "적용 분야" }),
20025      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "문의하기" })
20026    ] }) }) }),
20027    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
20028      /* @__PURE__ */ e(
20029        S,
20030        {
20031          src: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzeXJpbmdlJTIwaW5zcGVjdGlvbiUyMG1lZGljYWx8ZW58MXx8fHwxNzY0MDU3NzgzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
20032          alt: "Problem Statement",
20033          className: "absolute inset-0 w-full h-full object-cover"
20034        }
20035      ),
20036      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
20037      /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-start pt-24", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-4xl ml-24", children: [
20038        /* @__PURE__ */ a("h2", { className: "text-white mb-6 whitespace-pre-line leading-[1.45] text-[23px] font-bold", children: [
20039          "단일 동축 케이블로 구현하는",
20040          `
20041`,
20042          "차세대 초고속 머신 비전 솔루션"
20043        ] }),
20044        /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8" }),
20045        /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed mb-10 whitespace-pre-line", children: [
20046          "CoaXPress 2.0 표준 지원으로 최대 12.5Gbps의 초고속 전송과",
20047          `
20048`,
20049          "단일 케이블을 통한 전원 공급, 카메라 제어를 동시에 실현합니다."
20050        ] }),
20051        /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ e(
20052          J,
20053          {
20054            size: "lg",
20055            className: "bg-[#003D7A] hover:bg-[#002A5A] text-white px-8 h-12 text-base rounded-none border-0 text-[14px] inline-flex items-center gap-2 font-bold",
20056            children: "솔루션 문의하기"
20057          }
20058        ) })
20059      ] }) }) }) })
20060    ] }),
20061    /* @__PURE__ */ e("section", { className: "relative h-screen w-full overflow-hidden bg-gradient-to-b from-[#E8E8E8] via-[#E8E8E8] via-50% to-white to-50%", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
20062      /* @__PURE__ */ a("div", { className: "mb-12", children: [
20063        /* @__PURE__ */ e("h3", { className: "text-[#111111] text-[23px] tracking-wider uppercase mb-2 font-bold", children: "Introduction" }),
20064        /* @__PURE__ */ e("div", { className: "w-12 h-0.5 bg-[#00AAD2]" }),
20065        /* @__PURE__ */ e("p", { className: "text-[rgb(113,112,112)] text-[15px] mt-3 max-w-md", children: "하이비젼시스템의 CoaXPress Frame Grabber를 소개해드립니다." })
20066      ] }),
20067      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
20068        /* @__PURE__ */ e("h2", { className: "text-[rgba(101,101,101,0.82)] text-[53px] tracking-tight leading-none mb-12 font-bold", children: "CoaXPress 2.0 Grabber" }),
20069        /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
20070          S,
20071          {
20072            src: "https://www.hyundai.com/static/images/pages/trendy-hyundai/202510/introduction_the_new_ioniq_6.png",
20073            alt: "CoaxPress Grabber",
20074            className: "w-full max-w-4xl mx-auto object-contain"
20075          }
20076        ) })
20077      ] }),
20078      /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-8 max-w-4xl mx-auto mt-8", children: [
20079        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
20080          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "12.5" }),
20081          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Gbps 전송 속도" })
20082        ] }),
20083        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
20084          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "100m" }),
20085          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "전송 거리" })
20086        ] }),
20087        /* @__PURE__ */ a("div", { className: "text-center", children: [
20088          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "PoCXP" }),
20089          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "전원 공급 지원" })
20090        ] })
20091      ] })
20092    ] }) }) }) }) }),
20093    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
20094      /* @__PURE__ */ e(
20095        S,
20096        {
20097          src: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwaGFybWFjZXV0aWNhbCUyMHF1YWxpdHklMjBjb250cm9sfGVufDF8fHx8MTc2MzYyMDEzM3ww&ixlib=rb-4.1.0&q=80&w=1080",
20098          alt: "Core Features",
20099          className: "absolute inset-0 w-full h-full object-cover"
20100        }
20101      ),
20102      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
20103      /* @__PURE__ */ a("div", { className: "relative h-full flex flex-col", children: [
20104        /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center px-6 md:px-12 max-w-5xl mx-auto", children: [
20105          /* @__PURE__ */ e("h2", { className: "text-white mb-6 leading-tight text-[23px] font-bold", children: "Core Features" }),
20106          /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8 mx-auto" }),
20107          /* @__PURE__ */ e("p", { className: "text-white/90 text-[15px] leading-relaxed mb-8 mt-2", children: "CoaXPress 2.0 표준 완벽 지원으로 최고 수준의 이미지 전송 성능 제공" })
20108        ] }) }),
20109        /* @__PURE__ */ e("div", { className: "backdrop-blur-md border-t border-white/10 bg-[rgba(0,0,0,0.04)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 py-12", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 max-w-7xl mx-auto", children: [
20110          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20111            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "01" }),
20112            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "초고속" }),
20113            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "최대 12.5Gbps 전송" }),
20114            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
20115          ] }),
20116          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20117            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "02" }),
20118            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "단일 케이블" }),
20119            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "전원+데이터+제어 통합" }),
20120            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
20121          ] }),
20122          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20123            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "03" }),
20124            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "장거리" }),
20125            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "100m 케이블 지원" }),
20126            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
20127          ] }),
20128          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20129            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "04" }),
20130            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "저비용" }),
20131            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "동축 케이블 사용" })
20132          ] })
20133        ] }) }) })
20134      ] })
20135    ] }),
20136    /* @__PURE__ */ e("section", { className: "relative min-h-screen w-full overflow-hidden bg-white", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center bg-[rgba(255,255,255,0)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 pt-24 pb-24", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-8", children: [
20137      /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-3 leading-tight text-[32px] font-bold text-center", children: "Application Solutions" }),
20138      /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[#00AAD2] mb-8 mx-auto" }),
20139      /* @__PURE__ */ a("p", { className: "text-slate-600 text-center text-[15px] mb-12", children: [
20140        "하이비젼 시스템의 CoaXPress 솔루션은 초고속 라인스캔 검사, 고해상도 에어리어 스캔,",
20141        /* @__PURE__ */ e("br", {}),
20142        "장거리 카메라 배치가 필요한 산업 현장에 최적화된 성능을 제공합니다."
20143      ] }),
20144      /* @__PURE__ */ a("div", { className: "relative mt-16 mb-16", children: [
20145        /* @__PURE__ */ e("button", { className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "rotate-90 w-6 h-6" }) }),
20146        /* @__PURE__ */ e("button", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "-rotate-90 w-6 h-6" }) }),
20147        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
20148          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
20149            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
20150              S,
20151              {
20152                src: "https://cdn.imweb.me/thumbnail/20250306/28e17405cdec5.jpg",
20153                alt: "FPD 검사",
20154                className: "w-full h-full object-cover"
20155              }
20156            ) }),
20157            /* @__PURE__ */ a("div", { className: "p-6", children: [
20158              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
20159                "FPD 검사",
20160                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Flat Panel Display Inspection" })
20161              ] }),
20162              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed text-justify border-t border-gray-200 pt-4", children: "대면적 디스플레이 패널 검사를 위한 초고속 라인스캔 이미지 전송. 대용량 데이터를 안정적으로 처리하여 생산 효율을 극대화합니다." })
20163            ] })
20164          ] }),
20165          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
20166            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
20167              S,
20168              {
20169                src: "https://cdn.imweb.me/thumbnail/20250926/14cd9ad4df0ce.jpg",
20170                alt: "인쇄 검사",
20171                className: "w-full h-full object-cover"
20172              }
20173            ) }),
20174            /* @__PURE__ */ a("div", { className: "p-6", children: [
20175              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
20176                "인쇄 검사",
20177                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Print Inspection" })
20178              ] }),
20179              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "고속 인쇄 라인의 실시간 품질 검사. 장거리 케이블 연결로 설치 유연성을 제공하며, 단일 케이블로 간편한 배선을 실현합니다." })
20180            ] })
20181          ] }),
20182          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
20183            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
20184              S,
20185              {
20186                src: "https://cdn.imweb.me/thumbnail/20250220/5a6051175ff97.jpg",
20187                alt: "필름 검사",
20188                className: "w-full h-full object-cover"
20189              }
20190            ) }),
20191            /* @__PURE__ */ a("div", { className: "p-6", children: [
20192              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
20193                "필름 검사",
20194                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Film Inspection" })
20195              ] }),
20196              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "연속 웹 검사 시스템을 위한 고속 이미지 획득. CoaXPress의 저지연 특성으로 실시간 결함 검출과 즉각적인 피드백 제어가 가능합니다." })
20197            ] })
20198          ] })
20199        ] })
20200      ] })
20201    ] }) }) }) }) })
20202  ] });
20203}
20204function Y5() {
20205  const t = [
20206    { icon: De, title: "Camera Link 표준", description: "Camera Link 표준 완벽 지원" },
20207    { icon: de, title: "고속 데이터", description: "안정적인 고속 데이터 전송 지원" },
20208    { icon: mi, title: "광범위 호환", description: "다양한 카메라와 완벽 호환" }
20209  ];
20210  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative pt-20", children: [
20211    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
20212      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
20213        /* @__PURE__ */ e(
20214          S,
20215          {
20216            src: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMGNvbXBvbmVudCUyMHNlbWljb25kdWN0b3IlMjBtYW51ZmFjdHVyaW5nJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NzIxNjgyNjh8MA&ixlib=rb-4.1.0&q=80&w=1080",
20217            alt: "Camera Link Interface",
20218            className: "w-full h-full object-cover"
20219          }
20220        ),
20221        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
20222      ] }),
20223      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
20224        m.div,
20225        {
20226          initial: { opacity: 0, x: -30 },
20227          animate: { opacity: 1, x: 0 },
20228          transition: { duration: 0.6 },
20229          children: [
20230            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: "Camera Link" }),
20231            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Professional Camera Link Solution" }),
20232            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-8 mb-12 border-b border-white/20 pb-12", children: t.map((i, n) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 min-w-[100px]", children: [
20233              /* @__PURE__ */ e("div", { className: "p-0 text-blue-300", children: /* @__PURE__ */ e(i.icon, { className: "w-8 h-8", strokeWidth: 1.5 }) }),
20234              /* @__PURE__ */ a("div", { children: [
20235                /* @__PURE__ */ e("h3", { className: "text-white text-[15px] mb-1", children: i.title }),
20236                /* @__PURE__ */ a("p", { className: "text-[13px] text-white/60 leading-tight", children: [
20237                  i.description.split(" ").slice(0, 3).join(" "),
20238                  "..."
20239                ] })
20240              ] })
20241            ] }, n)) }),
20242            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 max-w-lg text-[16px]", children: [
20243              "하이비젼시스템의 Camera Link 솔루션은 산업 표준인 Camera Link 인터페이스를 완벽하게 지원하여 안정적이고 고속의 이미지 전송을 제공합니다.",
20244              /* @__PURE__ */ e("br", { className: "hidden lg:block" }),
20245              "다양한 카메라와의 호환성으로 유연한 비전 시스템 구축이 가능합니다."
20246            ] }),
20247            /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: [
20248              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#002952] transition-colors text-[15px]", children: [
20249                /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
20250                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
20251              ] }),
20252              /* @__PURE__ */ a("button", { className: "flex-1 bg-[#004E9C] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between hover:bg-[#003D7A] transition-colors text-[15px]", children: [
20253                /* @__PURE__ */ e("span", { children: "제품 자료 다운로드" }),
20254                /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
20255              ] })
20256            ] })
20257          ]
20258        }
20259      ) }) })
20260    ] }),
20261    /* @__PURE__ */ e("section", { className: "sticky top-0 z-40 bg-black/90 backdrop-blur-sm border-b border-white/10", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-8 overflow-x-auto", children: [
20262      /* @__PURE__ */ e("button", { className: "text-white text-[15px] py-9 whitespace-nowrap hover:text-[#00AAD2] transition-colors font-medium border-b-2 border-white", children: "CL Interface" }),
20263      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "주요 특징" }),
20264      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "기술 사양" }),
20265      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "적용 분야" }),
20266      /* @__PURE__ */ e("button", { className: "text-white/70 text-[15px] py-9 whitespace-nowrap hover:text-white transition-colors", children: "문의하기" })
20267    ] }) }) }),
20268    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
20269      /* @__PURE__ */ e(
20270        S,
20271        {
20272          src: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzeXJpbmdlJTIwaW5zcGVjdGlvbiUyMG1lZGljYWx8ZW58MXx8fHwxNzY0MDU3NzgzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
20273          alt: "Problem Statement",
20274          className: "absolute inset-0 w-full h-full object-cover"
20275        }
20276      ),
20277      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
20278      /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-start pt-24", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-4xl ml-24", children: [
20279        /* @__PURE__ */ a("h2", { className: "text-white mb-6 whitespace-pre-line leading-[1.45] text-[23px] font-bold", children: [
20280          "산업용 머신비전을 위한",
20281          `
20282`,
20283          "표준 Camera Link 인터페이스 솔루션"
20284        ] }),
20285        /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8" }),
20286        /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed mb-10 whitespace-pre-line", children: [
20287          "Camera Link 표준 프로토콜을 완벽 지원하여",
20288          `
20289`,
20290          "산업 현장에서 검증된 안정적이고 신뢰성 높은 이미지 전송을 제공합니다."
20291        ] }),
20292        /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ e(
20293          J,
20294          {
20295            size: "lg",
20296            className: "bg-[#003D7A] hover:bg-[#002A5A] text-white px-8 h-12 text-base rounded-none border-0 text-[14px] inline-flex items-center gap-2 font-bold",
20297            children: "솔루션 문의하기"
20298          }
20299        ) })
20300      ] }) }) }) })
20301    ] }),
20302    /* @__PURE__ */ e("section", { className: "relative h-screen w-full overflow-hidden bg-gradient-to-b from-[#E8E8E8] via-[#E8E8E8] via-50% to-white to-50%", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
20303      /* @__PURE__ */ a("div", { className: "mb-12", children: [
20304        /* @__PURE__ */ e("h3", { className: "text-[#111111] text-[23px] tracking-wider uppercase mb-2 font-bold", children: "Introduction" }),
20305        /* @__PURE__ */ e("div", { className: "w-12 h-0.5 bg-[#00AAD2]" }),
20306        /* @__PURE__ */ e("p", { className: "text-[rgb(113,112,112)] text-[15px] mt-3 max-w-md", children: "하이비젼시스템의 Camera Link 인터페이스를 소개해드립니다." })
20307      ] }),
20308      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
20309        /* @__PURE__ */ e("h2", { className: "text-[rgba(101,101,101,0.82)] text-[53px] tracking-tight leading-none mb-12 font-bold", children: "Camera Link Interface" }),
20310        /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
20311          S,
20312          {
20313            src: "https://www.hyundai.com/static/images/pages/trendy-hyundai/202510/introduction_the_new_ioniq_6.png",
20314            alt: "CL Interface",
20315            className: "w-full max-w-4xl mx-auto object-contain"
20316          }
20317        ) })
20318      ] }),
20319      /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-8 max-w-4xl mx-auto mt-8", children: [
20320        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
20321          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "High" }),
20322          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Speed Transfer" })
20323        ] }),
20324        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
20325          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "Low" }),
20326          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Latency" })
20327        ] }),
20328        /* @__PURE__ */ a("div", { className: "text-center", children: [
20329          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "Stable" }),
20330          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "Performance" })
20331        ] })
20332      ] })
20333    ] }) }) }) }) }),
20334    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
20335      /* @__PURE__ */ e(
20336        S,
20337        {
20338          src: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwaGFybWFjZXV0aWNhbCUyMHF1YWxpdHklMjBjb250cm9sfGVufDF8fHx8MTc2MzYyMDEzM3ww&ixlib=rb-4.1.0&q=80&w=1080",
20339          alt: "Core Features",
20340          className: "absolute inset-0 w-full h-full object-cover"
20341        }
20342      ),
20343      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
20344      /* @__PURE__ */ a("div", { className: "relative h-full flex flex-col", children: [
20345        /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center px-6 md:px-12 max-w-5xl mx-auto", children: [
20346          /* @__PURE__ */ e("h2", { className: "text-white mb-6 leading-tight text-[23px] font-bold", children: "Core Features" }),
20347          /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8 mx-auto" }),
20348          /* @__PURE__ */ e("p", { className: "text-white/90 text-[15px] leading-relaxed mb-8 mt-2", children: "산업 표준 Camera Link 프로토콜 완벽 지원" })
20349        ] }) }),
20350        /* @__PURE__ */ e("div", { className: "backdrop-blur-md border-t border-white/10 bg-[rgba(0,0,0,0.04)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 py-12", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 max-w-7xl mx-auto", children: [
20351          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20352            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "01" }),
20353            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "표준 호환" }),
20354            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "Camera Link 완벽 지원" }),
20355            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
20356          ] }),
20357          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20358            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "02" }),
20359            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "고속 전송" }),
20360            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "안정적인 데이터 전송" }),
20361            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
20362          ] }),
20363          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20364            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "03" }),
20365            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "저지연" }),
20366            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "실시간 이미지 획득" }),
20367            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
20368          ] }),
20369          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
20370            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "04" }),
20371            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "신뢰성" }),
20372            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "산업 현장 검증" })
20373          ] })
20374        ] }) }) })
20375      ] })
20376    ] }),
20377    /* @__PURE__ */ e("section", { className: "relative min-h-screen w-full overflow-hidden bg-white", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center bg-[rgba(255,255,255,0)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 pt-24 pb-24", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-8", children: [
20378      /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-3 leading-tight text-[32px] font-bold text-center", children: "Application Solutions" }),
20379      /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[#00AAD2] mb-8 mx-auto" }),
20380      /* @__PURE__ */ a("p", { className: "text-slate-600 text-center text-[15px] mb-12", children: [
20381        "하이비젼 시스템의 Camera Link 솔루션은 반도체, 디스플레이, 전자부품 제조 등",
20382        /* @__PURE__ */ e("br", {}),
20383        "정밀한 이미지 처리가 요구되는 다양한 산업 분야에 최적화된 성능을 제공합니다."
20384      ] }),
20385      /* @__PURE__ */ a("div", { className: "relative mt-16 mb-16", children: [
20386        /* @__PURE__ */ e("button", { className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "rotate-90 w-6 h-6" }) }),
20387        /* @__PURE__ */ e("button", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "-rotate-90 w-6 h-6" }) }),
20388        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
20389          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
20390            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
20391              S,
20392              {
20393                src: "https://cdn.imweb.me/thumbnail/20250306/28e17405cdec5.jpg",
20394                alt: "전자부품 검사",
20395                className: "w-full h-full object-cover"
20396              }
20397            ) }),
20398            /* @__PURE__ */ a("div", { className: "p-6", children: [
20399              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
20400                "전자부품 검사",
20401                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Electronic Component Inspection" })
20402              ] }),
20403              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed text-justify border-t border-gray-200 pt-4", children: "PCB 조립 라인에서의 실시간 품질 검사. 고속 이미지 획득으로 미세한 결함까지 정확하게 검출합니다." })
20404            ] })
20405          ] }),
20406          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
20407            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
20408              S,
20409              {
20410                src: "https://cdn.imweb.me/thumbnail/20250926/14cd9ad4df0ce.jpg",
20411                alt: "반도체 검사",
20412                className: "w-full h-full object-cover"
20413              }
20414            ) }),
20415            /* @__PURE__ */ a("div", { className: "p-6", children: [
20416              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
20417                "반도체 검사",
20418                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Semiconductor Inspection" })
20419              ] }),
20420              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "웨이퍼 및 패키지 검사를 위한 고정밀 이미지 전송. 저지연 특성으로 생산 속도를 저해하지 않는 실시간 검사를 지원합니다." })
20421            ] })
20422          ] }),
20423          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
20424            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
20425              S,
20426              {
20427                src: "https://cdn.imweb.me/thumbnail/20250220/5a6051175ff97.jpg",
20428                alt: "디스플레이 검사",
20429                className: "w-full h-full object-cover"
20430              }
20431            ) }),
20432            /* @__PURE__ */ a("div", { className: "p-6", children: [
20433              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
20434                "디스플레이 검사",
20435                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Display Inspection" })
20436              ] }),
20437              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "LCD, OLED 패널의 화질 검사와 결함 탐지. Camera Link의 안정적인 전송으로 대용량 이미지 데이터를 효율적으로 처리합니다." })
20438            ] })
20439          ] })
20440        ] })
20441      ] })
20442    ] }) }) }) }) })
20443  ] });
20444}
20445const Cc = globalThis.__GLOBALS__.getAssetURL("90b1b0ac9242a5c7c429110f3919aac9289966be.png"), X5 = globalThis.__GLOBALS__.getAssetURL("43a5595d773e1758ac84ed69864b86f9adc7ee08.png"), J5 = globalThis.__GLOBALS__.getAssetURL("a2c5ef83eb840aa04cf6355e46fd33183b435107.png"), Mc = globalThis.__GLOBALS__.getAssetURL("49ec40013d264841614374cc8cb936d85fb9feff.png"), or = globalThis.__GLOBALS__.getAssetURL("c5b6fac116f5a35b49bb09940ae1a5ee6441f6e8.png");
20446function Oa({
20447  productName: t,
20448  productModel: i,
20449  catchphrase: n,
20450  heroImage: r,
20451  introTitle: s,
20452  introDescription: l,
20453  productImage: o,
20454  spec1Value: d,
20455  spec1Label: c,
20456  spec2Value: p,
20457  spec2Label: h,
20458  spec3Value: x,
20459  spec3Label: b,
20460  problemImage: g,
20461  problemTitle: w,
20462  problemDescription: u,
20463  problemDetailText: v,
20464  coreFeaturesImage: A,
20465  coreFeaturesTitle: N = "핵심 강점",
20466  featuresList: f = [],
20467  feature1Title: y,
20468  feature1Description: I,
20469  feature2Title: D,
20470  feature2Description: P,
20471  feature3Title: k,
20472  feature3Description: H,
20473  feature4Title: T,
20474  feature4Description: M,
20475  applicationImage1: E,
20476  applicationTitle1: z,
20477  applicationSubtitle1: X,
20478  applicationDesc1: Q,
20479  applicationImage2: Y,
20480  applicationTitle2: B,
20481  applicationSubtitle2: L,
20482  applicationDesc2: F,
20483  applicationImage3: ae,
20484  applicationTitle3: Ne,
20485  applicationSubtitle3: Ve,
20486  applicationDesc3: le
20487}) {
20488  const [ce, We] = C(-1), [Me, Z] = C(0), [Te, lt] = C(!1), [q, It] = C(!1), [Ke, St] = C(!1), [al, Dn] = C(!1), [ta, il] = C(0), [nl, kn] = C(""), [rl, sl] = C(""), [Xp, Jp] = C(!1), ll = j(null);
20489  R(() => {
20490    Jp(!0);
20491  }, []), R(() => {
20492    const $ = setInterval(() => {
20493      il((ee) => ee + 1);
20494    }, 4e3);
20495    return () => clearInterval($);
20496  }, []);
20497  const { scrollYProgress: ol } = ut({
20498    target: Xp ? ll : void 0,
20499    offset: ["start end", "center center"]
20500  }), Zp = we(ol, [0, 1], [0.8, 1]), $p = we(ol, [0, 1], ["65%", "100%"]), Kp = ve(() => t === "High Speed Picker" ? [
20501    {
20502      num: "01",
20503      title: "Long Stroke, More Flexibility",
20504      desc: "최대 50mm의 넓은 Stroke 범위에서도 정확한 반복 정밀도를 유지합니다. 확장된 팁 설계와 넓은 동작 범위를 통해 다양한 정밀 제조 환경에 유연하게 대응합니다.",
20505      img: Mc
20506    },
20507    {
20508      num: "02",
20509      title: "Direct Drive Rotation",
20510      desc: "R축과 회전 모터를 Direct Drive 구조로 설계하여 벨트 타입 대비 약 10배 빠른 응답 속도를 자랑합니다. 장시간 연속 동작에도 발열과 마모 없이 안정적인 구동을 유지합니다.",
20511      img: "https://images.unsplash.com/photo-1658219331514-a43cfb387dda?auto=format&fit=crop&q=80&w=1080"
20512    },
20513    {
20514      num: "03",
20515      title: "In-House Manufacturing",
20516      desc: "피커 내부의 핵심 구동 부품을 직접 개발·제작하여 부품 공급의 안정성을 확보했습니다. 자체 기술력을 바탕으로 고객의 요구에 맞는 신속한 커스터마이징과 유지보수를 지원합니다.",
20517      img: "https://images.unsplash.com/photo-1738162837389-3b02d6dd507b?auto=format&fit=crop&q=80&w=1080"
20518    },
20519    {
20520      num: "04",
20521      title: "Ultra High Speed & Precision Control",
20522      desc: "정밀한 Force 제어로 ±2μm 수준의 초정밀 성능을 실현합니다. 고사양 리니어 스케일을 적용하여 최대 2,000mm/s의 초고속 동작을 안정적으로 구현합니다.",
20523      img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
20524    },
20525    {
20526      num: "05",
20527      title: "Cost-Effective Solution",
20528      desc: "경쟁사 대비 확장된 피치 스트로크 이동 범위(50mm)를 제공하면서도 압도적
20528인 가격 경쟁력을 갖추고 있습니다. 동급 사양 대비 최고의 경제적 가치를 선사합니다.",
20529      img: "https://images.unsplash.com/photo-1563968743333-044cef800494?auto=format&fit=crop&q=80&w=1080"
20530    },
20531    {
20532      num: "06",
20533      title: "Slim Structure",
20534      desc: "기존 원형 자석을 혁신적인 슬림 리니어 타입으로 대체하여 내부 공간 효율을 극대화했습니다. 콤팩트한 설계를 통해 장비 전체의 슬림화를 실현했습니다.",
20535      img: "https://images.unsplash.com/photo-1768323102290-3b6ad7d1c5b4?auto=format&fit=crop&q=80&w=1080"
20536    }
20537  ] : f && f.length > 0 ? f : [
20538    {
20539      num: "01",
20540      title: "Dual - 2개 Image Sensor(Module) 동시 연결",
20541      desc: "하이비전의 독자적인 하드웨어 설계 기술을 통해 2개의 이미지 센서 모듈을 동시에 연결하고 병렬 처리할 수 있습니다. 이를 통해 생산 라인의 검사 처리량을 두 배로 높이며 설비 가동 효율을 극대화합니다.",
20542      img: Mc
20543    },
20544    {
20545      num: "02",
20546      title: "5ch, 12ch 센서 파워 / Standby, Dynamic current 측정",
20547      desc: "다채널(5ch, 12ch) 센서 전원 공급과 더불어, 정밀한 대기 전력(Standby) 및 동적 전류(Dynamic current) 측정이 가능합니다. 실시간 모니터링을 통해 제품의 전력 소비 효율을 최적화하고 하드웨어 안정성을 검증합니다.",
20548      img: "https://images.unsplash.com/photo-1562568068-ea24dcbf3c78?auto=format&fit=crop&q=80&w=1080"
20549    },
20550    {
20551      num: "03",
20552      title: "데이터 전송속도 1.5 or 2Gbps/Lane, 2Gsps/lane",
20553      desc: "레인당 최대 2Gbps의 초고속 데이터 인터페이스를 지원하여 대용량 고해상도 이미지를 실시간으로 전송합니다. 신호 손실과 왜곡을 최소화한 고속 전송 기술로 정밀 검사 공정의 정확도를 보장합니다.",
20554      img: "https://images.unsplash.com/photo-1672689956124-18666b4cdae4?auto=format&fit=crop&q=80&w=1080"
20555    },
20556    {
20557      num: "04",
20558      title: "DDR2, DDR4(Gen3) Buffer Memory",
20559      desc: "고성능 DDR2 및 DDR4(Gen3) 버퍼 메모리를 탑재하여 방대한 양의 영상 데이터를 지연 없이 처리합니다. 지능형 메모리 관리 시스템을 통해 복잡한 비전 알고리즘 수행 시에도 일관된 퍼포먼스를 유지합니다.",
20560      img: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080"
20561    },
20562    {
20563      num: "05",
20564      title: "MIPI D-Phy, D-Phy/Parallel 겸용 C/D-Phy 겸용",
20565      desc: "MIPI D-Phy 뿐만 아니라 C-Phy 및 Parallel 인터페이스를 모두 지원하는 범용 설계를 적용했습니다. 다양한 규격의 이미지 센서와 완벽하게 호환되어 다양한 제조 환경에 유연하게 대응할 수 있습니다.",
20566      img: "https://images.unsplash.com/photo-1766203551890-2664b619042b?auto=format&fit=crop&q=80&w=1080"
20567    },
20568    {
20569      num: "06",
20570      title: "OS Test (DCR Board 탑재)",
20571      desc: "고신뢰성 DCR(Digital Camera Ready) Board를 기본 탑재하여 정밀한 OS Test 기능을 제공합니다. 하드웨어의 무결성을 실시간으로 진단하고 제조 공정 초기 단계에서 불량을 사전에 필터링합니다.",
20572      img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
20573    }
20574  ], [t, f]);
20575  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
20576    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
20577      /* @__PURE__ */ e(
20578        m.div,
20579        {
20580          initial: { opacity: 0, x: -60 },
20581          animate: { opacity: 1, x: 0 },
20582          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
20583          className: "pt-[11px]",
20584          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: i === "HS-PICKER" ? "High Speed Picker" : i === "DCR-BOARD" ? "DCR Board" : t })
20585        }
20586      ),
20587      /* @__PURE__ */ a(
20588        m.div,
20589        {
20590          initial: { opacity: 0, x: 60 },
20591          animate: { opacity: 1, x: 0 },
20592          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
20593          children: [
20594            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
20595              /* @__PURE__ */ e("span", { className: "block", children: "제조의 가치를 완성하는" }),
20596              /* @__PURE__ */ a("span", { className: "block whitespace-nowrap", children: [
20597                "첨단 ",
20598                t,
20599                " 토탈 솔루션"
20600              ] })
20601            ] }),
20602            /* @__PURE__ */ e("p", { className: "text-gray-600 text-[19px] leading-relaxed whitespace-pre-line break-keep", children: i === "HS-PICKER" ? `최대 50mm의 넓은 스트로크 범위와 초정밀 제어 기술이 결합된 독보적인 피킹 시스템입니다.
20603초고속 모션 제어 알고리즘과 정밀 피드백 시스템을 통해 사이클 타임을 획기적으로 단축하며,
20604협소한 공간에서도 간섭 없는 고밀도 배치가 가능한 슬림 리니어 구조를 채택했습니다.` : typeof l == "string" ? l.replace("컴포넌트로, ", `컴포넌트로,
20605`) : l }),
20606            /* @__PURE__ */ e(
20607              "button",
20608              {
20609                onClick: () => document.getElementById("contact-form")?.scrollIntoView({ behavior: "smooth" }),
20610                className: "bg-slate-950 text-white px-8 py-3 rounded-full font-bold text-[16px] mt-10 hover:bg-slate-800 transition-all shadow-lg cursor-pointer font-sans",
20611                children: "비즈니스 제안 문의"
20612              }
20613            )
20614          ]
20615        }
20616      )
20617    ] }) }) }),
20618    /* @__PURE__ */ e("section", { className: "relative pb-0 pt-0 overflow-hidden", ref: ll, children: /* @__PURE__ */ a(
20619      m.div,
20620      {
20621        className: "relative min-h-[700px] w-full overflow-hidden bg-slate-950 flex flex-col items-center justify-center text-center px-12 py-20 mx-auto",
20622        style: { width: $p, scale: Zp },
20623        children: [
20624          /* @__PURE__ */ a("div", { className: "absolute inset-0 z-0", children: [
20625            /* @__PURE__ */ e(
20626              S,
20627              {
20628                src: i === "HS-PICKER" ? Cc : i === "CUBICON FDM Series" ? "https://images.unsplash.com/photo-1760446410542-04b48d60bfb3?auto=format&fit=crop&q=80&w=1080" : i === "CUBICON SLA Series" ? "https://images.unsplash.com/photo-1638478872316-32fb5d4c2b21?auto=format&fit=crop&q=80&w=1080" : i === "CUBICON SLM Series" ? "https://images.unsplash.com/photo-1730858550309-ad76ee190417?auto=format&fit=crop&q=80&w=1080" : t === "SCARA Robot" ? "https://images.unsplash.com/photo-1737703121444-c568a9d3bc0e?auto=format&fit=crop&q=80&w=1080" : (t.toLowerCase().includes("grabber") || t.toLowerCase().includes("board") || t.toLowerCase().includes("dcr") || t.includes("Air Conditioner") || i.includes("AP145") || i.includes("AC145"), or),
20629                alt: t,
20630                className: "w-full h-full object-cover opacity-60 scale-105"
20631              }
20632            ),
20633            /* @__P
20633URE__ */ e("div", { className: "absolute inset-0 bg-black/40 backdrop-blur-[2px]" })
20634          ] }),
20635          /* @__PURE__ */ e("div", { className: "relative z-10 max-w-4xl mx-auto text-center", children: /* @__PURE__ */ a(
20636            m.div,
20637            {
20638              initial: { opacity: 0, y: 30 },
20639              whileInView: { opacity: 1, y: 0 },
20640              viewport: { once: !0 },
20641              transition: { duration: 1, delay: 0.2 },
20642              children: [
20643                /* @__PURE__ */ e("h2", { className: "text-white text-[43px] font-bold leading-[1.4] mb-8 font-sans", children: n }),
20644                /* @__PURE__ */ a("p", { className: "text-[20px] font-normal font-sans text-white/90 max-w-none mx-auto leading-relaxed whitespace-nowrap", children: [
20645                  t,
20646                  " 솔루션으로 글로벌 스마트 제조의 한계를 뛰어넘는 무결점 혁신을 실현합니다."
20647                ] })
20648              ]
20649            }
20650          ) })
20651        ]
20652      }
20653    ) }),
20654    /* @__PURE__ */ e("div", { className: "sticky top-[80px] z-40 w-full bg-[#2A2A2A] border-b border-gray-800 hidden md:block", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-6 h-16 flex items-center justify-center relative", children: /* @__PURE__ */ e("div", { className: "absolute left-1/2 -translate-x-1/2 flex gap-12 items-center h-full", children: [
20655      { label: "개요", id: "overview" },
20656      { label: "핵심 강점", id: "strengths" },
20657      { label: "핵심 기술", id: "technology" },
20658      { label: "주요 장비", id: "equipment" },
20659      { label: "적용 분야", id: "applications" }
20660    ].map(($) => (() => {
20661      const ee = /* @__PURE__ */ a(
20662        "button",
20663        {
20664          onClick: () => {
20665            const Ct = document.getElementById($.id);
20666            if (Ct) {
20667              const Tn = Ct.getBoundingClientRect().top + window.pageYOffset - 144;
20668              window.scrollTo({
20669                top: Tn,
20670                behavior: "smooth"
20671              });
20672            }
20673          },
20674          className: "text-[#999] hover:text-white transition-colors cursor-pointer relative group h-full flex items-center text-[14px] font-sans font-bold text-[#ffffff]",
20675          children: [
20676            $.label === "주요 장비" ? "주요 제품" : $.label,
20677            /* @__PURE__ */ e("span", { className: "absolute bottom-0 left-0 w-0 h-[3px] bg-white transition-all duration-300 group-hover:w-full" })
20678          ]
20679        },
20680        $.id
20681      );
20682      return $.id === "applications" ? [
20683        ee,
20684        /* @__PURE__ */ a(
20685          "button",
20686          {
20687            onClick: () => {
20688              const Ct = document.getElementById("spec");
20689              if (Ct) {
20690                const Tn = Ct.getBoundingClientRect().top + window.pageYOffset - 144;
20691                window.scrollTo({
20692                  top: Tn,
20693                  behavior: "smooth"
20694                });
20695              }
20696            },
20697            className: "text-[#999] hover:text-white transition-colors cursor-pointer relative group h-full flex items-center text-[14px] font-sans font-bold text-[#ffffff]",
20698            children: [
20699              "스펙",
20700              /* @__PURE__ */ e("span", { className: "absolute bottom-0 left-0 w-0 h-[3px] bg-white transition-all duration-300 group-hover:w-full" })
20701            ]
20702          },
20703          "spec"
20704        )
20705      ] : ee;
20706    })()) }) }) }),
20707    /* @__PURE__ */ a("section", { id: "overview", className: "bg-white pt-4 pb-0", children: [
20708      /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
20709        /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-6xl mb-[140px] mt-[140px]", children: [
20710          /* @__PURE__ */ e(
20711            m.div,
20712            {
20713              initial: { opacity: 0, x: -30 },
20714              whileInView: { opacity: 1, x: 0 },
20715              viewport: { once: !0, margin: "-100px" },
20716              transition: { duration: 0.6, ease: "easeOut" },
20717              children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "개요" })
20718            }
20719          ),
20720          /* @__PURE__ */ a("div", { children: [
20721            /* @__PURE__ */ e(
20722              m.h2,
20723              {
20724                className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] whitespace-pre-line",
20725                initial: { opacity: 0, y: 30 },
20726                whileInView: { opacity: 1, y: 0 },
20727                viewport: { once: !0, margin: "-100px" },
20728                transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
20729                children: w === `한계를 뛰어넘는
20730초고속 정밀 피킹` ? "산업 현장의 요구를 충족하는 전문 비전 솔루션" : w
20731              }
20732            ),
20733            /* @__PURE__ */ e(
20734              m.p,
20735              {
20736                className: "text-gray-600 text-[21px] leading-relaxed mb-8 font-semibold whitespace-pre-line",
20737                initial: { opacity: 0, y: 30 },
20738                whileInView: { opacity: 1, y: 0 },
20739                viewport: { once: !0, margin: "-100px" },
20740                transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
20741                children: u
20742              }
20743            ),
20744            v && /* @__PURE__ */ e(
20745              m.p,
20746              {
20747                className: "text-gray-600 text-[19px] leading-[1.8] mt-20 break-keep text-justify",
20748                initial: { opacity: 0, y: 30 },
20749                whileInView: { opacity: 1, y: 0 },
20750                viewport: { once: !0, margin: "-100px" },
20751                transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
20752                children: i === "HS-PICKER" ? v : i === "DCR-BOARD" ? "DCR 제어 보드는 산업용 자동화 라인의 핵심 컴포넌트로, 디지털 신호의 정밀한 수집과 실시간 통합 제어를 통해 시스템의 안정성을 극대화합니다. 고성능 MCU 기반의 빠른 응답 속도와 노이즈에 강한 절연 설계를 채택하여, 진동이나 전기적 간섭이 심한 산업 현장에서도 데이터 유실 없는 정확한 신호 전달을 보장합니다. 다양한 통신 인터페이스 지원과 유연한 확장성을 바탕으로, 반도체, 디스플레이, 배터리 검사 장비 등 고도의 정밀 제어가 요구되는 첨단 제조 공정에 최적화된 솔루션을 제공합니다." : v || "CoaXPress 2.1 표준을 기반으로 한 하이엔드 프레임 그래버로, PCIe Gen3 x4 Lane 인터페이스를 통해 초고속·대용량 이미지 데이터 전송 환경을 구현합니다. GenICam 기반 소프트웨어와 다중 카메라 연결 지원으로 고해상도·고속 처리가 요구되는 복잡한 비전 시스템에서도 안정적인 운용과 높은 확장성을 제공합니다. 하이비젼시스템의 핵심 기술이 집약된 이 제품은 산업용 검사 장비는 물론 의료 영상 및 자동차 안전 분야까지, 정밀한 이미지 수집이 요구되는 다양한 응용 환경에서 신뢰할 수 있는 성능을 제공합니다."
20753              }
20754            )
20755          ] })
20756        ] }),
20757        /* @__PURE__ */ e("div", { id: "strengths", className: "bg-[#F8F9FA] pt-0 pb-0 relative left-[50%] right-[50%] -ml-[50vw] -mr-[50vw] w-screen -mt-[140px] -mb-24 border-b border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6 py-32", children: [
20758          /* @__PURE__ */ a("div", { className: "flex flex-col mb-24", children: [
20759            /* @__PURE__ */ e(
20760              m.div,
20761              {
20762                initial: { opacity: 0, x: -30 },
20763                whileInView: { opacity: 1, x: 0 },
20764                viewport: { once: !0, margin: "-100px" },
20765                transition: { duration: 0.6, ease: "easeOut" },
20766                className: "mb-4",
20767                children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[18px] font-bold", children: N })
20768              }
20769            ),
20770            /* @__PURE__ */ e(
20771              m.div,
20772              {
20773                initial: { opacity: 0, y: 30 },
20774                whileInView: { opacity: 1, y: 0 },
20775                viewport: { once: !0, margin: "-100px" },
20776                transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
20777                children: /* @__PURE__ */ a("h2", { className: "text-[41px] font-bold text-slate-950 tracking-tight leading-[1.5]", children: [
20778                  "HyVISION의 ",
20779                  t,
20780                  " 특장점"
20781                ] })
20782              }
20783            )
20784          ] }),
20785          /* @__PURE__ */ e("div", { className: "space-y-40", children: (i === "CUBICON FDM Series" ? [
20786            { num: "01", title: "데스크탑 전용", desc: "공간 효율이 뛰어난 콤팩트한 사이즈와 밀폐형 구조를 채택했습니다. 37dB 이하의 저소음 설계로 사무실이나 교육 현장에서도 쾌적한 사용 환경을 제공합니다.", img: "https://images.unsplash.com/photo-1760446410542-04b48d60bfb3?auto=format&fit=crop&q=80&w=1080" },
20787            { num: "02", title: "교체형 익스트루더/노즐", desc: "사용자의 필요에 따라 익스트루더와 노즐을 간편하게 교체할 수 있어 유지보수가 용이하며, 다양한 소재 출력에 유연하게 대응합니다.", img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080" },
20788            { num: "03", title: "국내 인증 3중 클린 필터", desc: "친환경 3중 클린 필터를 탑재하여 출력 중 발생하는 유해 물질과 미세먼지를 효과적으로 차단합니다. 국내 인증을 통과하여 안전한 실내 사용을 보장합니다.", img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080" },
20789            { num: "04", title: "5” 터치스크린 간편 조작", desc: "직관적인 UI가 적용된 5인치 대형 터치스크린을 통해 초보자도 쉽게 장비를 조작하고 출력 상태를 실시간으로 확인할 수 있습니다.", img: "https://images.unsplash.com/photo-1591405351990-4726e33df58d?auto=format&fit=crop&q=80&w=1080" },
20790            { num: "05", title: "오토레벨링 플러스 (특허)", desc: "특허받은 오토레벨링 플러스 기술로 출력 전 베드 수평을 완벽하게 맞춥니다. 수동 조절의 번거로움 없이 정밀한 첫 레이어 안착을 실현합니다.", img: "https://images.unsplash.com/photo-1658219331514-a43cfb387dda?auto=format&fit=crop&q=80&w=1080" },
20791            { num: "06", title: "Wi-Fi 연동 전용", desc: "전용 소프트웨어와 Wi-Fi로 연결하여 원격으로 출력을 제어하고 모니터링할 수 있습니다. 무선 환경에서 더욱 편리한 스마트 제조 공정을 지원합니다.", img: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080" },
20792            { num: "07", title: "필라멘트 NFC 센서 탑재", desc: "NFC 센서가 필라멘트의 종류와 잔량을 자동으로 인식합니다. 소재 정보 입력의 실수를 방지하고 최적의 출력 설정을 자동으로 적용합니다.", img: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080" }
20793          ] : i === "COAXPRESS-GRABBER" ? [
20794            { num: "01", title: "CXP-12 CoaXPress 4채널 연결 (Micro-BNC)", desc: "CXP-12 표준을 지원하는 4개의 독립적인 채널을 통해 초당 수 기가바이트의 방대한 영상 데이터를 손실 없이 고속으로 수집합니다.", img: "https://images.unsplash.com/photo-1696150874769-ea4f30453c2c?auto=format&fit=crop&q=80&w=1080" },
20795            { num: "02", title: "PCIe 3.0 (Gen 3) x4 버스", desc: "고대역폭 PCIe 3.0 x4 인터페이스를 채택하여 메인 메모리와의 병목 현상을 최소화하고 실시간 데이터 처리를 보장합니다.", img: "https://images.unsplash.com/photo-1751887687523-bd5aa55a8c46?auto=format&fit=crop&q=80&w=1080" },
20796            { num: "03", title: "팬 냉각 히트싱크", desc: "고성능 연산 시 발생하는 열을 효율적으로 관리하기 위해 액티브 쿨링 시스템을 탑재하여 장시간 가동에도 안정적인 성능을 유지합니다.", img: "https://images.unsplash.com/photo-1679303777007-c6c4522beb02?auto=format&fit=crop&q=80&w=1080" },
20797            { num: "04", title: "광범위한 카메라 제어 기능", desc: "노출 시간, 트리거 동기화, 게인 조절 등 정밀한 카메라 제어 기능을 제공하여 다양한 산업용 비전 애플리케이션에 대응합니다.", img: "https://images.unsplash.com/photo-1567492088955-0687e619b797?auto=format&fit=crop&q=80&w=1080" },
20798            { num: "05", title: "다기능 20개 디지털 I/O 라인", desc: "20개의 디지털 입출력 라인을 통해 PLC, 센서 등 외부 장비와의 정밀한 동기화와 복합적인 시스템 제어를 지원합니다.", img: "https://images.unsplash.com/photo-1714322148068-923f9f9bfc1a?auto=format&fit=crop&q=80&w=1080" },
20799            { num: "06", title: "JIIA 인증 기업", desc: "일본 산업용 이미지 협회(JIIA) 표준 규격을 준수하며, 글로벌 시장에서 검증된 기술력과 신뢰성을 제공합니다.", img: "https://images.unsplash.com/photo-1587
20799569298236-28ceab2d321e?auto=format&fit=crop&q=80&w=1080" }
20800          ] : i === "CAMERA-LINK-GRABBER" ? [
20801            { num: "01", title: "PCI Express Gen2 x4 인터페이스", desc: "고속 데이터 전송을 위해 최적화된 PCI Express Gen2 x4 인터페이스를 제공하여 안정적인 대역폭을 보장합니다.", img: "https://images.unsplash.com/photo-1731834452954-bef04f4d3342?auto=format&fit=crop&q=80&w=1080" },
20802            { num: "02", title: "Area/Line 스캔 카메라 지원", desc: "다양한 산업 현장의 요구에 맞춰 Area Scan 및 Line Scan 카메라와의 완벽한 호환성을 지원합니다.", img: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080" },
20803            { num: "03", title: "1채널 카메라 링크 구성 지원", desc: "Base, Medium, Full은 물론 Full Deca 설정까지 지원하여 고해상도 영상 수집 시스템 구축이 가능합니다.", img: "https://images.unsplash.com/photo-1741666998073-7df07563d4d5?auto=format&fit=crop&q=80&w=1080" },
20804            { num: "04", title: "고급 I/O 및 엔코더 제어", desc: "RS422 레벨의 A/B/Z 상 엔코더 입력과 다채로운 트리거 입출력을 통해 정밀한 타이밍 제어를 구현합니다.", img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080" },
20805            { num: "05", title: "512MB 이미지 메모리", desc: "512MB의 넉넉한 이미지 버퍼 메모리를 탑재하여 데이터 처리 과정에서의 병목 현상을 방지합니다.", img: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080" }
20806          ] : i === "V6" ? [
20807            {
20808              num: "01",
20809              title: "용도별 교체 가능한 그래버",
20810              desc: "검사 환경에 따라 프레임그랩버 보드를 Dual, Triple, Quadruple 등으로 자유롭게 교체할 수 있습니다. 본체 전체를 교체하지 않고 Grabber 모듈만 변경하여 대응이 가능하므로 라인 증설 시 비용을 획기적으로 절감하고 장비 재사용성을 극대화합니다.",
20811              img: "https://images.unsplash.com/photo-1555664424-778a1e5e1b48?auto=format&fit=crop&q=80&w=1080"
20812            },
20813            {
20814              num: "02",
20815              title: "CPU 성능 향상을 위한 교체형 SBC",
20816              desc: "메인 연산을 담당하는 SBC(싱글 보드 컴퓨터)를 세대별 CPU 성능에 맞춰 교체할 수 있습니다. I/O와 Grabber 구성을 유지하면서 CPU만 업그레이드할 수 있어, 최소 비용으로 AI 검사 알고리즘 고속 처리 등 사양 변경에 유연하게 대응하며 장비 수명을 연장합니다.",
20817              img: "https://images.unsplash.com/photo-1765256931521-0f843b7b3100?auto=format&fit=crop&q=80&w=1080"
20818            },
20819            {
20820              num: "03",
20821              title: "SBC: 독립형 미니 PC",
20822              desc: "단순 제어 보드를 넘어 Windows/Linux OS 탑재가 가능한 완전한 Mini PC 역할을 수행합니다. 비전 검사 SW를 직접 실행하고 카메라 제어부터 이미지 처리, 결과 판단까지 외부 PC 없이 단독으로 수행할 수 있어 시스템 구조를 단순화하고 신뢰성을 높입니다.",
20823              img: "https://images.unsplash.com/photo-1591405351990-4726e33df58d?auto=format&fit=crop&q=80&w=1080"
20824            },
20825            {
20826              num: "04",
20827              title: "다중 그래버 구성",
20828              desc: "하나의 SBC에 다수의 프레임그랩버를 확장 장착할 수 있어 카메라 채널 수 확장에 압도적으로 유리합니다. 단면 검사부터 다면 검사, 멀티 스테이션 검사까지 구조 변경 없이 대응 가능하며 고속·대량 생산 라인에 최적화된 구성을 지원합니다.",
20829              img: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080"
20830            }
20831          ] : Kp).map(($, ee) => /* @__PURE__ */ a(
20832            m.div,
20833            {
20834              className: "grid grid-cols-1 md:grid-cols-2 gap-16 items-center",
20835              initial: { opacity: 0, y: 60 },
20836              whileInView: { opacity: 1, y: 0 },
20837              viewport: { once: !0, margin: "-150px" },
20838              transition: { duration: 0.8, delay: 0.1, ease: "easeOut" },
20839              children: [
20840                /* @__PURE__ */ a("div", { className: `${ee % 2 === 1 ? "md:order-2 pl-8" : "pr-8"}`, children: [
20841                  /* @__PURE__ */ e("div", { className: "text-[20px] text-slate-950 mb-2 font-bold font-sans", children: $.num }),
20842                  /* @__PURE__ */ e("h3", { className: "text-[22px] font-bold mb-4 text-slate-950 leading-tight", children: $.title }),
20843                  /* @__PURE__ */ e("p", { className: "text-[18px] text-gray-600 leading-[1.8] whitespace-pre-line break-keep", children: $.desc })
20844                ] }),
20845                /* @__PURE__ */ e("div", { className: `relative ${ee % 2 === 1 ? "md:order-1" : ""}`, children: /* @__PURE__ */ e(
20846                  S,
20847                  {
20848                    src: $.img,
20849                    alt: $.title,
20850                    className: "rounded-lg shadow-lg w-full h-auto aspect-video object-cover"
20851                  }
20852                ) })
20853              ]
20854            },
20855            ee
20856          )) }),
20857          /* @__PURE__ */ e("div", { id: "technology", className: "mt-40", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ e(ue, { children: q && /* @__PURE__ */ e(
20858            m.div,
20859            {
20860              initial: { height: 0, opacity: 0 },
20861              animate: { height: "auto", opacity: 1 },
20862              exit: { height: 0, opacity: 0 },
20863              transition: { duration: 0.5, ease: "easeInOut" },
20864              className: "overflow-hidden w-full",
20865              children: (() => {
20866                const ee = [
20867                  { title: y, desc: I, detail: "하이비젼시스템만의 고유한 기술력을 바탕으로 설계된 핵심 하드웨어 및 정밀 제어 시스템입니다.", image: A },
20868                  { title: D, desc: P, detail: "다양한 산업 환경에서의 요구를 반영하여 최적화된 성능과 안정성을 제공합니다.", image: g },
20869                  { title: k, desc: H, detail: "본 기술은 실제 양산 환경에서의 데이터를 기반으로 고도화되었습니다.", image: o }
20870                ][ce];
20871                return /* @__PURE__ */ a("div", { children: [
20872                  /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-4 font-sans", children: ee.title }),
20873                  /* @__PURE__ */ e("p", { className: "text-[18px] text-slate-700 mb-8 leading-[1.8] font-sans", children: ee.desc }),
20874                  /* @__PURE__ */ a("div", { className: "bg-[#F8F9FA] p-8 rounded-sm", children: [
20875                    /* @__PURE__ */ e("h4", { className: "text-[18px] text-slate-950 mb-3 font-sans font-bold", children: "핵심 기술 특징" }),
20876                    /* @__PURE__ */ e("p", { className: "text-slate-600 text-[16px] leading-[1.8] font-sans", children: ee.detail })
20877                  ] })
20878                ] });
20879              })()
20880            }
20881          ) }) }) })
20882        ] }) }),
20883        /* @__PURE__ */ e("div", { id: "equipment", className: "bg-white py-24 mb-0 relative left-[50%] right-[50%] -ml-[50vw] -mr-[50vw] w-screen border-y border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
20884          /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16 pt-24", children: [
20885            /* @__PURE__ */ e(
20886              m.div,
20887              {
20888                initial: { opacity: 0, x: -30 },
20889                whileInView: { opacity: 1, x: 0 },
20890                viewport: { once: !0, margin: "-100px" },
20891                transition: { duration: 0.6, ease: "easeOut" },
20892                className: "pt-[11px]",
20893                children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "주요 제품" })
20894              }
20895            ),
20896            /* @__PURE__ */ a("div", { children: [
20897              /* @__PURE__ */ e(
20898                m.h2,
20899                {
20900                  className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans",
20901                  initial: { opacity: 0, y: 30 },
20902                  whileInView: { opacity: 1, y: 0 },
20903                  viewport: { once: !0, margin: "-100px" },
20904                  transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
20905                  children: t.toLowerCase().includes("dcr board") ? /* @__PURE__ */ a(V, { children: [
20906                    "고속 데이터 처리를 위한",
20907                    /* @__PURE__ */ e("br", {}),
20908                    "DCR 제어 보드 솔루션"
20909                  ] }) : i === "HS-PICKER" ? /* @__PURE__ */ a(V, { children: [
20910                    "고속·고정밀 픽앤플레이스",
20911                    /* @__PURE__ */ e("br", {}),
20912                    "자동화 시스템"
20913                  ] }) : i === "V5-SERIES" ? /* @__PURE__ */ a(V, { children: [
20914                    "정밀 제어와 안정성을 위한",
20915                    /* @__PURE__ */ e("br", {}),
20916                    "V5 시리즈 라인업"
20917                  ] }) : i === "Camera Link" ? /* @__PURE__ */ a(V, { children: [
20918                    "고해상도 초고속 영상 전송",
20919                    /* @__PURE__ */ e("br", {}),
20920                    "Camera Link 솔루션"
20921                  ] }) : i === "GIGABIT-ETHERNET" ? /* @__PURE__ */ a(V, { children: [
20922                    "유연한 현장 적용성",
20923                    /* @__PURE__ */ e("br", {}),
20924                    "GigE 카메라 솔루션"
20925                  ] }) : /* @__PURE__ */ a(V, { children: [
20926                    "최적의 생산 효율을 위한",
20927                    /* @__PURE__ */ e("br", {}),
20928                    "자동화 장비 라인업"
20929                  ] })
20930                }
20931              ),
20932              /* @__PURE__ */ e(
20933                m.p,
20934                {
20935                  className: "text-gray-600 text-[19px] leading-[1.8] font-sans",
20936                  initial: { opacity: 0, y: 30 },
20937                  whileInView: { opacity: 1, y: 0 },
20938                  viewport: { once: !0, margin: "-100px" },
20939                  transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
20940                  children: t.toLowerCase().includes("dcr board") ? "산업용 장비의 디지털 신호를 통합 관리하고 고속 연산을 지원합니다." : i === "HS-PICKER" ? "넓은 작업 반경과 높은 반복 정밀도로 다양한 공정의 생산성을 극대화합니다." : i === "V5-SERIES" ? "표준화된 제어 플랫폼으로 다양한 산업 현장의 요구사항을 충족합니다." : "HyVISION의 독보적인 기술력이 담긴 주요 제품군을 소개합니다."
20941                }
20942              )
20943            ] })
20944          ] }),
20945          /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: (() => {
20946            let $ = [];
20947            return i === "V5-SERIES" ? $ = [
20948              {
20949                title: "For V5U series & V5FP",
20950                model: "V5 Series Standard",
20951                desc: "V5U_R2, V5U_2G, V5FP 등 표준 라인업을 위한 고성능 제어 솔루션으로, 안정적인 데이터 수집과 정밀한 공정 제어를 지원합니다.",
20952                imgs: ["https://images.unsplash.com/photo-1763372278600-fd0b0997a7b8?auto=format&fit=crop&q=80&w=1080"]
20953              },
20954              {
20955                title: "Only for V5FP-Dual",
20956                model: "V5 Series Dual",
20957                desc: "V5FP_Dual 모델의 듀얼 채널 검사 환경에 최적화되어, 고속 병렬 처리와 정밀한 동기화 제어를 제공합니다.",
20958                imgs: ["https://images.unsplash.com/photo-1767608880954-f36dbd2e5ddb?auto=format&fit=crop&q=80&w=1080"]
20959              },
20960              {
20961                title: "Only for V5FP-Dual-COMBO",
20962                model: "V5 Series Combo",
20963                desc: "V5FP_Dual_Combo_V1/V2 전용 통합 제어 플랫폼으로, 복합 센서 데이터의 고속 연산과 통합 시스템 관리에 특화되어 있습니다.",
20964                imgs: ["https://images.unsplash.com/photo-1666430163009-31c44d29ec85?auto=format&fit=crop&q=80&w=1080"]
20965              }
20966            ] : i === "DCR-BOARD" ? $ = [
20967              {
20968                title: "For V5U series & V5FP",
20969                model: "DCR-BOARD Standard",
20970                desc: "V5U 시리즈 및 V5FP 제품군에 최적화된 표준 DCR 보드로, 안정적인 데이터 수집 및 정밀 제어를 지원합니다.",
20971                imgs: ["https://images.unsplash.com/photo-1555664424-778a1e5e1b48?auto=format&fit=crop&q=80&w=1080"]
20972              },
20973              {
20974                title: "Only for V5FP-Dual",
20975                model: "DCR-BOARD Dual",
20976                desc: "V5FP-Dual 모델 전용 설계로, 듀얼 채널 구성을 통해 두 배의 검사 효율과 병렬 데이터 처리 성능을 제공합니다.",
20977                imgs: ["https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1080"]
20978              },
20979              {
20980                title: "Only for V5FP-Dual-COMBO",
20981                model: "DCR-BOARD Combo",
20982                desc: "최상위 기종인 V5FP-Dual-COMBO 전용 보드로, 복합 센서 제어와 고속 데이터 통합 처리에 최적화되어 있습니다.",
20983                imgs: ["https://images.unsplash.com/photo-1652715564391-38cc4475b7f5?auto=format&fit=crop&q=80&w=1080"]
20984              }
20985            ] : i === "HS-PICKER" ? $ = [
20986              { title: "High Speed Picker", model: "HVM-LR25-S50", desc: "최대 50mm의 넓은 스트로크 범위와 ±2μm의 반복 정밀도를 보장하는 초고속 피킹 시스템입니다. 슬림 리니어 구조로 공간 효율을 극대화했습니다.", imgs: [Cc, X5, J5] }
20987            ] : i === "Camera Link" ? $ = [
20988              {
20989                title: "HVO-CL5MGMO",
20990                model: "HVO-CL5MGMO",
20991                desc: "5메가픽셀 해상도를 지원하는 고속 Camera Link 인터페이스 카메라로, 정밀한 외관 검사 및 고속 생산 라인 모니터링에 최적화되어 있습니다.",
20992                imgs: ["https://images.unsplash.com/photo-1667818471799-dfbbcec55033?auto=format&fit=crop&q=80&w=1080"]
20993              },
20994              {
20995                title: "HVO-CL12MGMO",
20996                model: "HVO-CL12MGMO",
20997                desc: "12메가픽셀의 고해상도 센서를 탑재하여 미세 결함 검출 능력을 극대화했습니다. 대용량 데이터 전송 환경에서도 안정적인 프레임 레이트를 보장합니다.",
20998                imgs: ["https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080"]
20999              }
21000            ] : i === "GIGABIT-ETHERNET" ? $ = [
21001              {
21002                title: "HVO-CE12MGMO",
21003                model: "HVO-CE12MGMO",
21004                desc: "12메가픽셀 글로벌 셔터 센서를 탑재한 고성능 GigE 카메라입니다. 고속 이동 물체의 왜곡 없는 촬영이 가능하여 정밀 부품 검사에 최적화되어 있습니다.",
21005                imgs: ["https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080"]
21006              },
21007              {
21008                title: "HVO-CE12MRMO",
21009                model: "HVO-CE12MRMO",
21010                desc: "12메가픽셀 롤링 셔터 센서를 적용하여 뛰어난 가성비를 제공하는 GigE 카메라입니다. 높은 해상도와 안정적인 데이터 전송으로 일반 제조 공정 모니터링에 적합합니다.",
21011                imgs: ["https://images.unsplash.com/photo-1667818471799-dfbbcec55033?auto=format&fit=crop&q=80&w=1080"]
21012              }
21013            ] : $ = [
21014              {
21015                title: "원통형 Module & Pack",
21016                model: "HVM-LR25-S50",
21017                desc: "원통형 배터리의 Module 및 Pack 조립, 검사 라인을 위한 자동화 솔루션을 제공합니다. 고속 조립과 정밀 검사로 생산성과 품질을 보장합니다.",
21018                imgs: [
21019                  "https://images.unsplash.com/photo-1764185800646-f75f7e16e465?auto=format&fit=crop&q=80&w=1080",
21020                  "https://images.unsplash.com/photo-1649715985977-ba96091a2b4e?auto=format&fit=crop&q=80&w=1080",
21021                  "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?auto=format&fit=crop&q=80&w=1080"
21022                ]
21023              }
21024            ], $.map((ee, Ct) => /* @__PURE__ */ a(
21025              m.div,
21026              {
21027                initial: { opacity: 0, y: 40 },
21028                whileInView: { opacity: 1, y: 0 },
21029                viewport: { once: !0, margin: "-100px" },
21030                transition: { duration: 0.6, delay: Ct * 0.1, ease: "easeOut" },
21031                className: "bg-white rounded-[24px] overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 border border-gray-100 group flex flex-col h-full",
21032                children: [
21033                  /* @__PURE__ */ a("div", { className: "relative aspect-[4/3] bg-slate-950 flex items-center justify-center overflow-hidden", children: [
21034                    /* @__PURE__ */ e(ue, { mode: "wait", children: /* @__PURE__ */ e(
21035                      m.div,
21036                      {
21037                        initial: { opacity: 0 },
21038                        animate: { opacity: 1 },
21039                        exit: { opacity: 0 },
21040                        transition: { duration: 1.2, ease: "easeInOut" },
21041                        className: "absolute inset-0 w-full h-full",
21042                        children: /* @__PURE__ */ e(
21043                          S,
21044                          {
21045                            src: ee.imgs[ta % ee.imgs.length],
21046                            alt: `${ee.title} view`,
21047                            className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105 opacity-80"
21048                          }
21049                        )
21050                      },
21051                      ta % ee.imgs.length
21052                    ) }),
21053                    /* @__PURE__ */ e("div", { className: "absolute bottom-6 left-0 right-0 flex justify-center gap-2 z-10", children: ee.imgs.map((cl, Ni) => /* @__PURE__ */ e("div", { className: `h-1 rounded-full transition-all duration-500 ${ta % ee.imgs.length === Ni ? "bg-white w-8" : "bg-white/40 w-1.5"}` }, Ni)) })
21054                  ] }),
21055                  /* @__PURE__ */ a("div", { className: "p-8 pb-10 flex flex-col flex-grow", children: [
21056                    i !== "V5-SERIES" && i !== "Camera Link" && i !== "GIGABIT-ETHERNET" && ee.title && /* @__PURE__ */ e("p", { className: "text-slate-950 text-[18px] font-medium mb-1 font-sans opacity-60", children: ee.title }),
21057                    /* @__PURE__ */ e("p", { className: "text-slate-950 text-[22px] font-bold mb-4 font-sans leading-tight", children: ee.model }),
21058                    /* @__PURE__ */ e("p", { className: "text-gray-500 text-[16px] leading-relaxed font-sans break-keep", children: ee.desc })
21059                  ] })
21060                ]
21061              },
21062              Ct
21063            ));
21064          })() })
21065        ] }) }),
21066        /* @__PURE__ */ a("div", { id: "applications", className: "mb-20 max-w-7xl mx-auto px-6", children: [
21067          /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16 pt-40", children: [
21068            /* @__PURE__ */ e(
21069              m.div,
21070              {
21071                initial: { opacity: 0, x: -30 },
21072                whileInView: { opacity: 1, x: 0 },
21073                viewport: { once: !0, margin: "-100px" },
21074                transition: { duration: 0.6, ease: "easeOut" },
21075                className: "pt-[11px]",
21076                children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "적용 분야" })
21077              }
21078            ),
21079            /* @__PURE__ */ a("div", { children: [
21080              /* @__PURE__ */ e(
21081                m.h2,
21082                {
21083                  className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans",
21084                  initial: { opacity: 0, y: 30 },
21085                  whileInView: { opacity: 1, y: 0 },
21086                  viewport: { once: !0, margin: "-100px" },
21087                  transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
21088                  children: t.toLowerCase().includes("dcr board") ? /* @__PURE__ */ a(V, { children: [
21089                    "정밀 제어와 신속한 데이터 처리",
21090                    /* @__PURE__ */ e("br", {}),
21091                    "장비 자동화의 핵심 제어 솔루션"
21092                  ] }) : i === "HS-PICKER" ? /* @__PURE__ */ a(V, { children: [
21093                    "초정밀·고속 공정의 새로운 기준",
21094                    /* @__PURE__ */ e("br", {}),
21095                    "스마트 팩토리 자동화 솔루션"
21096                  ] }) : /* @__PURE__ */ a(V, { children: [
21097                    "친환경 모빌리티의 미래를 여는",
21098                    /* @__PURE__ */ e("br", {}),
21099                    "2차전지 자동화 솔루션"
21100                  ] })
21101                }
21102              ),
21103              /* @__PURE__ */ e(
21104                m.p,
21105                {
21106                  className: "text-gray-600 text-[19px] leading-[1.8] font-sans whitespace-pre-line",
21107                  initial: { opacity: 0, y: 30 },
21108                  whileInView: { opacity: 1, y: 0 },
21109                  viewport: { once: !0, margin: "-100px" },
21110                  transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
21111                  children: t.toLowerCase().includes("dcr board") ? "HyVISION의 DCR 제어 보드는 산업용 장비의 디지털 신호를 통합 관리합니다." : i === "HS-PICKER" ? "HyVISION의 고성능 피킹 시스템은 다양한 첨단 제조 현장에서 공정 효율을 확보합니다." : "HyVISION의 2차전지 자동화 솔루션은 안전과 품질의 기준을 제시합니다."
21112                }
21113              )
21114            ] })
21115          ] }),
21116          /* @__PURE__ */ e(
21117            m.div,
21118            {
21119              initial: { opacity: 0, y: 40 },
21120              whileInView: { opacity: 1, y: 0 },
21121              viewport: { once: !0, margin: "-100px" },
21122              transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
21123              children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 gap-y-12", children: t.toLowerCase().includes("dcr board") || i === "V5-SERIES" ? [
21124                { title: "반도체 후공정 검사", desc: "고속 데이터 연산을 통해 반도체 칩의 미세 결함을 정밀하게 검출합니다.", tags: ["고속 연산", "미세 결함"], img: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080" },
21125                { title: "디스플레이 패널 검사", desc: "대면적 디스플레이의 픽셀 결함 및 이물을 실시간으로 모니터링합니다.", tags: ["실시간 감시", "고속 스캔"], img: "https://images.unsplash.com/photo-1619834043185-acbe47811e6a?auto=format&fit=crop&q=80&w=1080" },
21126                { title: "스마트폰 카메라 모듈", desc: "초정밀 액추에이터 제어로 모바일 렌즈의 초점 및 조립 품질을 검사합니다.", tags: ["정밀 제어", "자동 포커스"], img: "https://images.unsplash.com/photo-1741176505800-caaa3a52631a?auto=format&fit=crop&q=80&w=1080" },
21127                { title: "전장 카메라 및 센서", desc: "자율주행용 전장 부품의 신뢰성 확보를 위한 통합 테스트를 수행합니다.", tags: ["신뢰성 테스트", "전장 제어"], img: "https://images.unsplash.com/photo-1591075718831-62b91cb1c7a5?auto=format&fit=crop&q=80&w=1080" },
21128                { title: "지능형 로봇 제어", desc: "복합 센서 데이터의 실시간 동기화를 통해 로봇의 정밀 이동을 구현합니다.", tags: ["동기화 제어", "센서 통합"], img: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?auto=format&fit=crop&q=80&w=1080" },
21129                { title: "AI 비전 시스템", desc: "AI 알고리즘 기반의 이미지 처리로 난해한 비정형 결함을 분류합니다.", tags: ["AI 판독", "이미지 처리"], img: "https://images.unsplash.com/photo-1694701478292-3f60eb30c3b3?auto=format&fit=crop&q=80&w=1080" }
21130              ].map(($, ee) => /* @__PURE__ */ a(m.div, { className: "group bg-white border border-gray-100 rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 overflow-hidden flex flex-col h-full", children: [
21131                /* @__PURE__ */ e("div", { className: "h-[220px] relative overflow-hidden bg-gray-100", children: /* @__PURE__ */ e(
21132                  S,
21133                  {
21134                    src: $.img,
21135                    alt: $.title,
21136                    className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105"
21137                  }
21138                ) }),
21139                /* @__PURE__ */ a("div", { className: "p-8 flex flex-col flex-grow", children: [
21140                  /* @__PURE__ */ e("h4", { className: "text-slate-950 text-[22px] font-bold mb-4 font-sans group-hover:text-[#003D7A] transition-colors", children: $.title }),
21141                  /* @__PURE__ */ e("p", { className: "text-gray-600 text-[16px] leading-relaxed mb-6 flex-grow font-sans break-keep", children: $.desc })
21142                ] })
21143              ] }, ee)) : [
21144                { title: "전기차 (EV) 배터리", desc: "고용량 하이엔드 전기차 배터리의 안전성을 위해 X-Ray 및 AI Vision 기반 전수 검사 시스템을 구축합니다.", tags: ["EV 배터리", "안전 전수 검사", "고속 자동화"], img: "https://images.unsplash.com/photo-1675583410825-9983cf72ac0e?auto=format&fit=crop&q=80&w=1080" },
21145                { title: "에너지 저장 시스템 (ESS)", desc: "대용량 팩 조립 라인의 신뢰성 확보를 위해 통합 데이터 관리와 정밀 용접 기술을 제공합니다.", tags: ["ESS 전용 라인", "데이터 관리", "대용량 팩 조립"], img: "https://images.unsplash.com/photo-1704895336181-e28381acbf7d?auto=format&fit=crop&q=80&w=1080" },
21146                { title: "마이크로 모빌리티", desc: "전동 킥보드, 자전거 등 소형 이동 수단을 위한 콤팩트하고 경제적인 조립/검사 설비를 공급합니다.", tags: ["소형 팩 조립", "다품종 생산", "공간 최적화"], img: "https://images.unsplash.com/photo-1719885959194-44c60b62508b?auto=format&fit=crop&q=80&w=1080" },
21147                { title: "드론 & 에어로스페이스", desc: "고출력 무게 대비 성능이 중요한 UAM 및 드론용 특수 배터리 팩의 정밀 웰딩 및 성능 검사를 수행합니다.", tags: ["UAM 배터리", "경량 웰딩", "무게 최적화"], img: "https://images.unsplash.com/photo-1640517526259-8e5aacbebf71?auto=format&fit=crop&q=80&w=1080" },
21148                { title: "전동 공구 & 가전", desc: "고출력 연속형 셀의 자동 공급부터 스팟 용접, 보호 회로(BMS) 검사까지 일원화된 생산 라인을 구축합니다.", tags: ["원통형 셀", "스팟 용접", "BMS 테스트"], img: "https://images.unsplash.com/photo-1660594161026-d084068e9787?auto=format&fit=crop&q=80&w=1080" },
21149                { title: "의료기기 & 헬스케어", desc: "높은 신뢰성이 요구되는 인체 삽입형 및 휴대용 의료기기용 초소형 배터리의 특수 검사 솔루션을 제공합니다.", tags: ["초소형 배터리", "고성능 검사", "클린룸 생산"], img: "https://images.unsplash.com/photo-1770221797869-81e508282ac4?auto=format&fit=crop&q=80&w=1080" }
21150              ].map(($, ee) => /* @__PURE__ */ a(m.div, { className: "group bg-white border border-gray-100 rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 overflow-hidden flex flex-col h-full", children: [
21151                /* @__PURE__ */ e("div", { className: "h-[220px] relative overflow-hidden bg-gray-100", children: /* @__PURE__ */ e(
21152                  S,
21153                  {
21154                    src: $.img,
21155                    alt: $.title,
21156                    className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105"
21157                  }
21158                ) }),
21159                /* @__PURE__ */ a("div", { className: "p-8 flex flex-col flex-grow", children: [
21160                  /* @__PURE__ */ e("h4", { className: "text-slate-950 text-[22px] font-bold mb-4 font-sans group-hover:text-[#003D7A] transition-colors", children: $.title }),
21161                  /* @__PURE__ */ e("p", { className: "text-gray-600 text-[16px] leading-relaxed mb-6 flex-grow font-sans break-keep", children: $.desc })
21162                ] })
21163              ] }, ee)) })
21164            }
21165          )
21166        ] })
21167      ] }),
21168      /* @__PURE__ */ e("div", { id: "spec", className: "bg-white py-24 border-y border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
21169        /* @__PURE__ */ e("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ a(
21170          "button",
21171          {
21172            onClick: () => lt(!Te),
21173            className: `text-[32px] font-bold text-slate-950 flex items-center gap-2 font-sans cursor-pointer hover:opacity-70 transition-opacity ${Te ? "mb-8" : ""}`,
21174            children: [
21175              "스펙 ",
21176              /* @__PURE__ */ e(Le, { className: `w-6 h-6 transition-transform duration-300 ${Te ? "rotate-180" : ""}` })
21177            ]
21178          }
21179        ) }),
21180        /* @__PURE__ */ e(ue, { children: Te && /* @__PURE__ */ a(
21181          m.div,
21182          {
21183            initial: { height: 0, opacity: 0 },
21184            animate: { height: "auto", opacity: 1 },
21185            exit: { height: 0, opacity: 0 },
21186            transition: { duration: 0.5, ease: "easeInOut" },
21187            className: "overflow-hidden",
21188            children: [
21189              /* @__PURE__ */ e("div", { className: "flex flex-col items-start mb-16", children: /* @__PURE__ */ e("div", { className: "flex w-full border-b border-gray-200 justify-start", children: ["AP145CNPPHH1", "AC145CXAPHH1"].map(($, ee) => /* @__PURE__ */ e(
21190                "button",
21191                {
21192                  onClick: () => Z(ee),
21193                  className: `px-8 py-4 text-[15px] font-bold transition-all relative top-[1px] border-t border-r border-l font-sans whitespace-nowrap ${Me === ee ? "bg-slate-950 text-white border-slate-950 z-10" : "bg-white text-gray-400 border-gray-200 hover:text-slate-950"} ${ee === 0 ? "border-l" : ""}`,
21194                  children: $
21195                },
21196                ee
21197              )) }) }),
21198              /* @__PURE__ */ a("div", { className: "border-t-2 border-slate-950", children: [
21199                /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[200px_1fr] border-b border-gray-200 py-6 px-4", children: [
21200                  /* @__PURE__ */ e("div", { className: "font-bold text-[18px] text-slate-950 flex items-center font-sans mb-4 lg:mb-0", children: "모델명" }),
21201                  /* @__PURE__ */ a("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-8", children: [
21202                    /* @__PURE__ */ a("div", { children: [
21203                      /* @__PURE__ */ e("div", { className: "text-[14px] text-gray-500 mb-1 font-sans", children: "실내기" }),
21204                      /* @__PURE__ */ e("div", { className: "text-[16px] font-medium text-slate-950 font-sans", children: Me === 0 ? "AP145CNPPHH1" : "AC145CXAPHH1" })
21205                    ] }),
21206                    /* @__PURE__ */ a("div", { children: [
21207                      /* @__PURE__ */ e("div", { className: "text-[14px] text-gray-500 mb-1 font-sans", children: "실외기" }),
21208                      /* @__PURE__ */ e("div", { className: "text-[16px] font-medium text-slate-950 font-sans", children: Me === 0 ? "AC145CXAPHH1" : "AP145CNPPHH1" })
21209                    ] })
21210                  ] })
21211                ] }),
21212                /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[200px_1fr] border-b border-gray-200 py-8 px-4", children: [
21213                  /* @__PURE__ */ e("div", { className: "font-bold text-[18px] text-slate-950 mb-6 lg:mb-0 font-sans", children: "시스템" }),
21214                  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8", children: [
21215                    { label: "구분", value: "Heat pump" },
21216                    { label: "냉방 성능 (최소/정격/최대) [kW]", value: Me === 0 ? "4.40 / 14.50 / 17.00 kW" : "3.80 / 12.50 / 15.00 kW" },
21217                    { label: "냉방 성능 (SH, 현열)", value: "10.40 kW" },
21218                    { label: "난방 성능 (최소/정격/최대) [kW]", value: "4.00 / 16.70 / 20.50 kW" },
21219                    { label: "냉방 소비전력 (최소/정격/최대)", value: "0.90 / 4.55 / 6.30 kW" },
21220                    { label: "난방 소비전력 (최소/정격/최대)", value: "0.70 / 5.00 / 7.50 kW" },
21221                    { label: "난방 운전전류 (최소/정격/최대)", value: "1.50 / 8.20 / 12.00 A" },
21222                    { label: "운전전류 (최대)", value: "12.0 A" },
21223                    { label: "CSPF", value: "5.80 W/W" },
21224                    { label: "HSPF", value: "3.10 W/W" },
21225                    { label: "HSPF 등급", value: "4" },
21226                    { label: "액관 타입", value: "Flare" },
21227                    { label: "액관 지름 (Φ, inch)", value: '3/8" Inch' },
21228                    { label: "가스관 타입", value: "Flare" },
21229                    { label: "가스관 지름 (Φ, inch)", value: '5/8" Inch' },
21230                    { label: "단열", value: "액관&가스관" },
21231                    { label: "최대 허용 배관 길이 (실외기-실내기)", value: "75 m" },
21232                    { label: "최대 허용 고저차", value: "30 m" },
21233                    { label: "배선 실내/외기 전원연결선 규격 1(L), 2(N)", value: "0.75 ㎟" },
21234                    { label: "선 실내/외기 통신연결선 규격 F1,F2", value: "0.75 ㎟" },
21235                    { label: "전원 배선 규격 (50m 미만)", value: "1.50 ㎟" },
21236                    { label: "냉매 종류", value: "R-410A" },
21237                    { label: "냉매 조작방법", value: "EEV" },
21238                    { label: "충진량", value: "4.00 kg" }
21239                  ].map(($, ee) => /* @__PURE__ */ a("div", { children: [
21240                    /* @__PURE__ */ e("div", { className: "text-[13px] font-bold text-slate-950 mb-1 font-sans", children: $.label }),
21241                    /* @__PURE__ */ e("div", { className: "text-[14px] text-gray-600 font-sans", children: $.value })
21242                  ] }, ee)) })
21243                ] }),
21244                /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[200px_1fr] border-b border-gray-200 py-8 px-4", children: [
21245                  /* @__PURE__ */ e("div", { className: "font-bold text-[18px] text-slate-950 mb-6 lg:mb-0 font-sans", children: "실내기" }),
21246                  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8", children: [
21247                    { label: "전원사양 [ø, #, V, Hz]", value: "1,2,220,60" },
21248                    { label: "열교환기 형식", value: "PFE" },
21249                    { label: "열교환기 재질 (튜브)", value: "Al" },
21250                    { label: "열교환기 핀 표면 처리", value: "Double Coating" },
21251                    { label: "송풍기 수량", value: "1 EA" },
21252                    { label: "송풍기 풍량 (최대/중간/최소) [㎥/min]", value: "35.0 / 30.0 / 27.0 ㎥/min" },
21253                    { label: "팬모터 형식", value: "BLDC" },
21254                    { label: "팬모터 출력 (W x n)", value: "154 x 1" },
21255                    { label: "제품 중량", value: "45.0 kg" },
21256                    { label: "포장 중량", value: "52.0 kg" },
21257                    { label: "포장 치수 (WxHxD)", value: "705 x 1963 x 493 mm" },
21258                    { label: "케이스 재질", value: "Plastic & Steel" },
21259                    { label: "제어 유선 리모콘", value: Me === 0 ? "유선 리모콘 포함" : "별도 구매" },
21260                    { label: "드레인 펌프", value: "내장형" }
21261                  ].map(($, ee) => /* @__PURE__ */ a("div", { children: [
21262                    /* @__PURE__ */ e("div", { className: "text-[13px] font-bold text-slate-950 mb-1 font-sans", children: $.label }),
21263                    /* @__PURE__ */ e("div", { className: "text-[14px] text-gray-600 font-sans", children: $.value })
21264                  ] }, ee)) })
21265                ] })
21266              ] })
21267            ]
21268          }
21269        ) })
21270      ] }) })
21271    ] }),
21272    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-slate-950 text-white py-32 px-6 border-t border-white/5", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto", children: [
21273      /* @__PURE__ */ a(
21274        m.div,
21275        {
21276          className: "text-center mb-16",
21277          initial: { opacity: 0, y: 30 },
21278          whileInView: { opacity: 1, y: 0 },
21279          viewport: { once: !0, margin: "-100px" },
21280          transition: { duration: 0.8, ease: "easeOut" },
21281          children: [
21282            /* @__PURE__ */ a("h2", { className: "text-[48px] font-bold mb-6 tracking-tight font-sans", children: [
21283              "Lead the ",
21284              t,
21285              " Innovation"
21286            ] }),
21287            /* @__PURE__ */ a("p", { className: "text-white/60 text-lg", children: [
21288              "혁신적인 ",
21289              t,
21290              " 솔루션 도입을 위한 비즈니스 문의를 남겨주세요."
21291            ] })
21292          ]
21293        }
21294      ),
21295      /* @__PURE__ */ a(
21296        m.form,
21297        {
21298          className: "space-y-8",
21299          initial: { opacity: 0, y: 40 },
21300          whileInView: { opacity: 1, y: 0 },
21301          viewport: { once: !0, margin: "-100px" },
21302          transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
21303          children: [
21304            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-x-8 gap-y-6", children: [
21305              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21306                /* @__PURE__ */ a("label", { className: "block text-sm font-bold text-white font-sans", children: [
21307                  "Name ",
21308                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
21309                ] }),
21310                /* @__P
21310URE__ */ e(
21311                  "input",
21312                  {
21313                    type: "text",
21314                    className: "w-full h-14 px-4 bg-white/5 border border-white/10 text-white placeholder-gray-500 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
21315                    placeholder: "Your Name",
21316                    required: !0
21317                  }
21318                )
21319              ] }),
21320              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21321                /* @__PURE__ */ a("label", { className: "block text-sm font-bold text-white font-sans", children: [
21322                  "Company ",
21323                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
21324                ] }),
21325                /* @__PURE__ */ e(
21326                  "input",
21327                  {
21328                    type: "text",
21329                    className: "w-full h-14 px-4 bg-white/5 border border-white/10 text-white placeholder-gray-500 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
21330                    placeholder: "Company Name",
21331                    required: !0
21332                  }
21333                )
21334              ] }),
21335              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21336                /* @__PURE__ */ a("label", { className: "block text-sm font-bold text-white font-sans", children: [
21337                  "Email ",
21338                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
21339                ] }),
21340                /* @__PURE__ */ e(
21341                  "input",
21342                  {
21343                    type: "email",
21344                    className: "w-full h-14 px-4 bg-white/5 border border-white/10 text-white placeholder-gray-500 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
21345                    placeholder: "[email protected]",
21346                    required: !0
21347                  }
21348                )
21349              ] }),
21350              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21351                /* @__PURE__ */ a("label", { className: "block text-sm font-bold text-white font-sans", children: [
21352                  "Phone ",
21353                  /* @__P
21353URE__ */ e("span", { className: "text-red-500", children: "*" })
21354                ] }),
21355                /* @__PURE__ */ e(
21356                  "input",
21357                  {
21358                    type: "tel",
21359                    className: "w-full h-14 px-4 bg-white/5 border border-white/10 text-white placeholder-gray-500 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
21360                    placeholder: "+91 XXX XXX XXXX",
21361                    required: !0
21362                  }
21363                )
21364              ] }),
21365              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21366                /* @__PURE__ */ a("label", { className: "block text-sm font-bold text-white font-sans", children: [
21367                  "Business Area ",
21368                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
21369                ] }),
21370                /* @__PURE__ */ a("div", { className: "relative", children: [
21371                  /* @__PURE__ */ a(
21372                    "select",
21373                    {
21374                      className: "w-full h-14 px-4 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans appearance-none cursor-pointer",
21375                      required: !0,
21376                      defaultValue: "",
21377                      children: [
21378                        /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-slate-900", children: "Select Business Area" }),
21379                        /* @__PURE__ */ e("option", { value: "ccm", className: "bg-slate-900", children: "CCM (Camera Control Module)" }),
21380                        /* @__PURE__ */ e("option", { value: "battery", className: "bg-slate-900", children: "Rechargeable Battery" }),
21381                        /* @__PURE__ */ e("option", { value: "semiconductor", className: "bg-slate-900", children: "Semiconductor (Wafer AOI)" }),
21382                        /* @__PURE__ */ e("option", { value: "bio", className: "bg-slate-900", children: "Bio Inspection" }),
21383                        /* @__PURE__ */ e("option", { value: "smart", className: "bg-slate-900", children: "Smart Components" }),
21384                        /* @__PURE__ */ e("option", { value: "others", className: "bg-slate-900", children: "Others (기타)" })
21385                      ]
21386                    }
21387                  ),
21388                  /* @__P
21388URE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-white/40", children: /* @__PURE__ */ e(Le, { size: 20 }) })
21389                ] })
21390              ] }),
21391              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21392                /* @__PURE__ */ e("label", { className: "block text-sm font-bold text-white font-sans", children: "Attachment (Optional)" }),
21393                /* @__PURE__ */ a("div", { className: "relative h-14 border border-white/10 bg-white/5 flex items-center px-4 cursor-pointer hover:bg-white/10 transition-all", children: [
21394                  /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm font-sans", children: "+ Upload Company Profile or RFP" }),
21395                  /* @__PURE__ */ e("input", { type: "file", className: "absolute inset-0 opacity-0 cursor-pointer" })
21396                ] })
21397              ] })
21398            ] }),
21399            /* @__PURE__ */ a("div", { className: "space-y-2", children: [
21400              /* @__PURE__ */ a("label", { className: "block text-sm font-bold text-white font-sans", children: [
21401                "Inquiry Details ",
21402                /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
21403              ] }),
21404              /* @__PURE__ */ e(
21405                "textarea",
21406                {
21407                  className: "w-full min-h-[160px] p-4 bg-white/5 border border-white/10 text-white placeholder-gray-500 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans resize-none",
21408                  placeholder: "Please describe your inquiry in detail...",
21409                  required: !0
21410                }
21411              )
21412            ] }),
21413            /* @__PURE__ */ e("div", { className: "text-center pt-8", children: /* @__PURE__ */ e(
21414              "button",
21415              {
21416                type: "submit",
21417                className: "bg-white text-slate-950 hover:bg-[#003D7A] hover:text-white px-20 py-5 text-[16px] font-bold tracking-wider transition-all duration-300 rounded-none font-sans uppercase",
21418                children: "Submit Inquiry"
21419              }
21420            ) })
21421          ]
21422        }
21423      )
21424    ] }) })
21425  ] });
21426}
21427const Da = globalThis.__GLOBALS__.getAssetURL("e3054e1c765e857832e74270df776f6b7b93c743.png"), vp = [
21428  { id: 1, name: "Camera Link", model: "Camera Link", category: "smart-components", categoryLabel: "Smart Components", usage: "Camera Link Interface", image: "https://images.unsplash.com/photo-1495744919808-6903874cd2a3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW1lcmElMjBsaW5rJTIwaW50ZXJmYWNlJTIwaW5kdXN0cmlhbHxlbnwxfHx8fDE3NjgyNzk5MDV8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/cl", searchText: "CL Camera Link Interface" },
21429  { id: 2, name: "Gigabit Ethernet", model: "GIGABIT-ETHERNET", category: "smart-components", categoryLabel: "Smart Components", usage: "GigE Vision Interface", image: "https://images.unsplash.com/photo-1691435828932-911a7801adfb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxldGhlcm5ldCUyMG5ldHdvcmslMjBjYWJsZXxlbnwxfHx8fDE3NjM5NjU3Nzd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/gigabit-ethernet", searchText: "Gigabit Ethernet GigE Vision Interface" },
21430  { id: 3, name: "V6", model: "V6", category: "smart-components", categoryLabel: "Smart Components", usage: "Advanced Frame Grabber", image: "figma:asset/e3e5bde4ba2f3ea7fa188a73c1e302ab12009f7d.png", link: "#/product/v6", searchText: "V6 Advanced Frame Grabber" },
21431  { id: 4, name: "V5 Series", model: "V5-SERIES", category: "smart-components", categoryLabel: "Smart Components", usage: "Professional Frame Grabber", image: "figma:asset/ef7e7fe7633e75233454197e2e3bb8f87ed47f96.png", link: "#/product/v5-series", searchText: "V5 Series Professional Frame Grabber" },
21432  { id: 5, name: "DCR Board", model: "DCR-BOARD", category: "smart-components", categoryLabel: "Smart Components", usage: "Digital Camera Ready Board", image: "https://images.unsplash.com/photo-1613500625088-d5032ddc3e7e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwY2IlMjBib2FyZCUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzYzOTY2MDYwfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/dcr-board", searchText: "DCR Board Digital Camera Ready Board" },
21433  { id: 6, name: "CoaxPress Grabber", model: "COAXPRESS-GRABBER", category: "smart-components", categoryLabel: "Smart Components", usage: "CoaxPress Interface Grabber", image: "https://images.unsplash.com/photo-1762329406809-e46415e6974e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwbWFjaGluZSUyMHZpc2lvbiUyMGhhcmR3YXJlJTIwY2lyY3VpdCUyMGJvYXJkfGVufDF8fHx8MTc3MzI5OTM1MXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/coaxpress-grabber", searchText: "CoaxPress Grabber CoaxPress Interface Grabber" },
21434  { id: 7, name: "Camera Link Grabber", model: "CAMERA-LINK-GRABBER", category: "smart-components", categoryLabel: "Smart Components", usage: "Camera Link Frame Grabber", image: "https://images.unsplash.com/photo-1608809164119-3ae35b15f520?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50JTIwY2hpcHxlbnwxfHx8fDE3NjM5NjYwNjB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/camera-link-grabber", searchText: "Camera Link Grabber Camera Link Frame Grabber" },
21435  { id: 8, name: "HyProbe H pin", model: "HYPROBE-H-PIN", category: "smart-components", categoryLabel: "Smart Components", usage: "High-Performance Test Probe", image: "https://images.unsplash.com/photo-1640955785023-1854685dae05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9iZSUyMHBpbiUyMGVsZWN0cm9uaWNzfGVufDF8fHx8MTc2Mzk2NjE5N3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/hyprobe-h-pin", searchText: "HyProbe H pin High-Performance Test Probe" },
21436  { id: 9, name: "HyProbe 175 pin", model: "HYPROBE-175-PIN", category: "smart-components", categoryLabel: "Smart Components", usage: "175 Series Test Probe", image: "https://images.unsplash.com/photo-1657344956545-8f49e1b1f661?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx0ZXN0JTIwcHJvYmUlMjBjb250YWN0fGVufDF8fHx8MTc2Mzk2NjE5N3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/hyprobe-175-pin", searchText: "HyProbe 175 pin 175 Series Test Probe" },
21437  { id: 10, name: "Light Source", model: "LIGHT-SOURCE", category: "smart-components", categoryLabel: "Smart Components", usage: "Industrial LED Light Source", image: "https://images.unsplash.com/photo-1695107507015-6334361327e5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwTEVEJTIwbGlnaHQlMjBzb3VyY2UlMjBwYW5lbCUyMGluc3BlY3Rpb258ZW58MXx8fHwxNzczMjk1OTg0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/light-source", searchText: "Light Source Industrial LED Light Source" },
21438  { id: 11, name: "Light Source Controller", model: "LIGHT-SOURCE-CONTROLLER", category: "smart-components", categoryLabel: "Smart Components", usage: "Intelligent Lighting Controller", image: "https://images.unsplash.com/photo-1763365894901-675a14ca8888?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxsaWdodGluZyUyMGNvbnRyb2xsZXIlMjBkZXZpY2V8ZW58MXx8fHwxNzYzOTY2MzI3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/light-source-controller", searchText: "Light Source Controller Intelligent Lighting Controller" },
21439  { id: 12, name: "Multi Collimator (I형)", model: "MULTI-COLLIMATOR-I", category: "smart-components", categoryLabel: "Smart Components", usage: "I-Type Multi Collimator Lens", image: "https://images.unsplash.com/photo-1700825238508-5b18dabd424a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb2xsaW1hdG9yJTIwb3B0aWNhbCUyMGxlbnN8ZW58MXx8fHwxNzYzOTY2NjY2fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/multi-collimator-i", searchText: "Multi Collimator I형 I-Type Multi Collimator Lens" },
21440  { id: 13, name: "Macro Lens", model: "MACRO-LENS", category: "smart-components", categoryLabel: "Smart Components", usage: "High-Resolution Macro Lens", image: "https://images.unsplash.com/photo-1710528847244-4575e9540bdd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNybyUyMGxlbnMlMjBjYW1lcmF8ZW58MXx8fHwxNzYzOTY2NjY3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/macro-lens", searchText: "Macro Lens High-Resolution Macro Lens" },
21441  { id: 14, name: "Telecentric Lens", model: "TELECENTRIC-LENS", category: "smart-components", categoryLabel: "Smart Components", usage: "Precision Telecentric Lens System", image: "https://images.unsplash.com/photo-1516480289331-9f5d56f9cb4a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx0ZWxlY2VudHJpYyUyMGxlbnMlMjBvcHRpY2FsfGVufDF8fHx8MTc2Mzk2NjY2N3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/telecentric-lens", searchText: "Telecentric Lens Precision Telecentric Lens System" },
21442  { id: 15, name: "HyProbe 100 pin", model: "HYPROBE-100-PIN", category: "smart-components", categoryLabel: "Smart Components", usage: "100 Series Test Probe", image: "https://images.unsplash.com/photo-1640955785023-1854685dae05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9iZSUyMHBpbiUyMGVsZWN0cm9uaWNzfGVufDF8fHx8MTc2Mzk2NjE5N3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/hyprobe-100-pin", searchText: "HyProbe 100 pin 100 Series Test Probe" },
21443  { id: 16, name: "Mobile Camera Module", model: "MOBILE-CAMERA-MODULE", category: "ccm", categoryLabel: "CCM", usage: "Smartphone", image: "https://images.unsplash.com/photo-1707438095934-03acf670887e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydH
21443Bob25lJTIwY2FtZXJhJTIwbGVuc3xlbnwxfHx8fDE3NjM0Nzg5NzV8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/mobile-camera-module", searchText: "Mobile Camera Module Smartphone" },
21444  { id: 17, name: "Automotive Camera", model: "AUTOMOTIVE-CAMERA", category: "ccm", categoryLabel: "CCM", usage: "ADAS", image: "https://images.unsplash.com/photo-1558530755-e4785fddbe89?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhdXRvbW90aXZlJTIwY2FtZXJhJTIwc2Vuc29yfGVufDF8fHx8MTc2MzU0NTczNXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/automotive-camera", searchText: "Automotive Camera ADAS" },
21445  { id: 18, name: "Industrial Camera", model: "INDUSTRIAL-CAMERA", category: "ccm", categoryLabel: "CCM", usage: "Machine Vision", image: "https://images.unsplash.com/photo-1533776504084-745b43b9f04b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwY2FtZXJhJTIwbW9kdWxlfGVufDF8fHx8MTc2MzU0NTczNnww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/industrial-camera", searchText: "Industrial Camera Machine Vision" },
21446  { id: 19, name: "Security Camera Module", model: "SECURITY-CAMERA", category: "ccm", categoryLabel: "CCM", usage: "Surveillance", image: "https://images.unsplash.com/photo-1762953007649-8ea70115059a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZWN1cml0eSUyMGNhbWVyYSUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzYzNTAxODExfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/security-camera", searchText: "Security Camera Module Surveillance" },
21447  { id: 20, name: "셀 모듈 조립 설비", model: "MODULE-BMS-ASSY", category: "rechargeable-battery", categoryLabel: "Rechargeable Battery", usage: "Module Assembly", image: "https://images.unsplash.com/photo-1730818876578-4f5ed7376b28?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwY2VsbCUyMHdoaXRlJTIwYmFja2dyb3VuZHxlbnwxfHx8fDE3NjM1MzIxNjl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/module-bms-assy", searchText: "셀 모듈 조립 설비 Module Assembly" },
21448  { id: 21, name: "팩 조립 설비", model: "PACK-ASSY", category: "rechargeable-battery", categoryLabel: "Rechargeable Battery", usage: "Pack Assembly", image: "https://images.unsplash.com/photo-1572096082104-1a93185c9a45?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwcGFjayUyMGlzb2xhdGVkJTIwcHJvZHVjdHxlbnwxfHx8fDE3NjM1MzIxNzF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/pack-assy", searchText: "팩 조립 설비 Pack Assembly" },
21449  { id: 22, name: "ESS CMA & Module 검사 설비", model: "ESS-CMA-MODULE", category: "rechargeable-battery", categoryLabel: "Rechargeable Battery", usage: "ESS Module", image: "https://images.unsplash.com/photo-1730818876578-4f5ed7376b28?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwY2VsbCUyMHdoaXRlJTIwYmFja2dyb3VuZHxlbnwxfHx8fDE3NjM1MzIxNjl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/ess-cma-module", searchText: "ESS CMA Module 검사 설비 ESS Module" },
21450  { id: 23, name: "2D/3D Cell 검사 설비", model: "2D-3D-CELL-INSPECTION", category: "rechargeable-battery", categoryLabel: "Rechargeable Battery", usage: "Cell Inspection", image: "https://images.unsplash.com/photo-1572096082104-1a93185c9a45?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwcGFjayUyMGlzb2xhdGVkJTIwcHJvZHVjdHxlbnwxfHx8fDE3NjM1MzIxNzF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/2d-3d-cell-inspection", searchText: "2D 3D Cell 검사 설비 Cell Inspection" },
21451  { id: 24, name: "극판 Vision 검사기", model: "ELECTRODE-VISION", category: "rechargeable-battery", categoryLabel: "Rechargeable Battery", usage: "Electrode Inspection", image: "https://images.unsplash.com/photo-1730818876578-4f5ed7376b28?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwY2VsbCUyMHdoaXRlJTIwYmFja2dyb3VuZHxlbnwxfHx8fDE3NjM1MzIxNjl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/electrode-vision", searchText: "극판 Vision 검사기 Electrode Inspection" },
21452  { id: 25, name: "용접 검사 설비", model: "WELDING-INSPECTION", category: "rechargeable-battery", categoryLabel: "Rechargeable Battery", usage: "Welding Inspection", image: "https://images.unsplash.com/photo-1572096082104-1a93185c9a45?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwcGFjayUyMGlzb2xhdGVkJTIwcHJvZHVjdHxlbnwxfHx8fDE3NjM1MzIxNzF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/welding-inspection", searchText: "용접 검사 설비 Welding Inspection" },
21453  { id: 26, name: "HBSI-130", model: "HBSI-130", category: "bio-inspection", categoryLabel: "Bio Inspection", usage: "Syringe Inspection", image: "https://images.unsplash.com/photo-1682663947127-ac9d59d7f312?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtaWNyb3Njb3BlJTIwZXF1aXBtZW50JTIwd2hpdGUlMjBiYWNrZ3JvdW5kfGVufDF8fHx8MTc2MzUzMjE3MXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/hbsi-130", searchText: "HBSI-130 Syringe Inspection" },
21454  { id: 27, name: "FrCS500", model: "FRCS500", category: "bio-inspection", categoryLabel: "Bio Inspection", usage: "Syringe Inspection", image: "https://cdn.imweb.me/thumbn
21454ail/20250217/fb40734a7db98.jpg", link: "#/product/frcs500", searchText: "FrCS500 Syringe Inspection" },
21455  { id: 28, name: "Wafer AOI", model: "AOI500", category: "wafer-aoi", categoryLabel: "Semiconductor", usage: "Wafer Inspection", image: Da, link: "#/product/aoi500", searchText: "Wafer AOI Wafer Inspection" },
21456  { id: 29, name: "Industrial 3D Printer", model: "INDUSTRIAL-3D-PRINTER", category: "3d-printer-robotics", categoryLabel: "3D Printer & Robotics", usage: "Prototyping", image: "https://images.unsplash.com/photo-1603974739172-4ad6a3117e40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwM2QlMjBwcmludGVyfGVufDF8fHx8MTc2MzU0NTc0MHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/industrial-3d-printer", searchText: "Industrial 3D Printer Prototyping" },
21457  { id: 30, name: "Metal 3D Printer", model: "METAL-3D-PRINTER", category: "3d-printer-robotics", categoryLabel: "3D Printer & Robotics", usage: "Tool & Die", image: "https://images.unsplash.com/photo-1732552232770-1a116f777c93?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtZXRhbCUyMGFkZGl0aXZlJTIwbWFudWZhY3R1cmluZ3xlbnwxfHx8fDE3NjM1NDU3NDB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/metal-3d-printer", searchText: "Metal 3D Printer Tool & Die" },
21458  { id: 31, name: "Collaborative Robot", model: "COLLABORATIVE-ROBOT", category: "3d-printer-robotics", categoryLabel: "3D Printer & Robotics", usage: "Assembly", image: "https://images.unsplash.com/photo-1581090465357-c8a1f71f0407?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb2xsYWJvcmF0aXZlJTIwcm9ib3QlMjBhcm18ZW58MXx8fHwxNjM1NDU3NDB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/collaborative-robot", searchText: "Collaborative Robot Assembly" },
21459  { id: 32, name: "SCARA Robot", model: "SCARA-ROBOT", category: "3d-printer-robotics", categoryLabel: "3D Printer & Robotics", usage: "Electronics Assembly", image: "figma:asset/56502082bf528d488cdb2b6256fcea5785358531.png", link: "#/product/scara-robot", searchText: "SCARA Robot Electronics Assembly" },
21460  { id: 33, name: "Pick & Place System", model: "PICK-PLACE-SYSTEM", category: "3d-printer-robotics", categoryLabel: "3D Printer & Robotics", usage: "Packaging", image: "https://images.unsplash.com/photo-1703960525294-53f01e3546eb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhdXRvbWF0ZWQlMjBwaWNrJTIwcGxhY2UlMjBzeXN0ZW18ZW58MXx8fHwxNzYzNTQ1NzQ0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/pick-place-system", searchText: "Pick Place System Packaging" },
21461  { id: 34, name: "Automated Inspection", model: "AUTOMATED-INSPECTION", category: "3d-printer-robotics", categoryLabel: "3D Printer & Robotics", usage: "Quality Inspection", image: "https://images.unsplash.com/photo-1668396292026-4ff360c16355?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxxdWFsaXR5JTIwaW5zcGVjdGlvbiUyMGF1dG9tYXRpb258ZW58MXx8fHwxNzYzNTQ1NzQ1fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/automated-inspection", searchText: "Automated Inspection Quality Inspection" },
21462  { id: 35, name: "High Speed Picker", model: "HS-PICKER", category: "smart-components", categoryLabel: "Smart Components", usage: "Ultra Fast Picking System", image: "https://images.unsplash.com/photo-1742767069929-0c663150b164?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwaGlnaCUyMHNwZWVkJTIwcGlja2VyJTIwcm9ib3QlMjBoZWFkJTIwYXV0b21hdGlvbnxlbnwxfHx8fDE3NzA2MTc0NzJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/hs-picker", searchText: "High Speed Picker Ultra Fast Picking System" },
21463  { id: 36, name: "Gonio Stage (Roller)", model: "GONIO-ROLLER", category: "smart-components", categoryLabel: "Smart Components", usage: "Precision Angle Adjustment", image: "https://images.unsplash.com/photo-1711183565851-fff965b3e011?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwcHJlY2lzaW9uJTIwbWFjaGluZSUyMHBhcnQlMjBzaWx2ZXIlMjBtZXRhbHxlbnwxfHx8fDE3NzE0NzkwMjl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/gonio-stage-roller", searchText: "Gonio Stage Roller Precision Angle Adjustment" },
21464  { id: 37, name: "Gonio Stage (Cam Follower_1/2 Axis)", model: "GONIO-CAM-FOLLOWER", category: "smart-components", categoryLabel: "Smart Components", usage: "High Load Capacity", image: "https://images.unsplash.com/photo-1644562948133-b0beb7206125?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW0lMjBmb2xsb3dlciUyMGJlYXJpbmclMjBpbmR1c3RyaWFsfGVufDF8fHx8MTc3MTQ3OTAyOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/gonio-stage-cam", searchText: "Gonio Stage Cam Follower High Load Capacity" },
21465  { id: 38, name: "Tilt Stage", model: "TILT-STAGE", category: "smart-components", categoryLabel: "Smart Components", usage: "Fine Tilt Adjustment", image: "https://images.unsplash.com/photo-1726601057260-e8095dad345a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcHRpY2FsJTIwdGlsdCUyMHN0YWdlJTIwbWVjaGFuaXNtJTIwbGFifGVufDF8fHx8MTc3MTQ3OTAyM3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/tilt-stage", searchText: "Tilt Stage Fine Tilt Adjustment" },
21466  { id: 39, name: "(Motorized) Z-axis Stage", model: "MOTORIZED-Z-STAGE", category: "smart-components", categoryLabel: "Smart Components", usage: "Vertical Positioning", image: "https://images.unsplash.com/photo-1725916631452-b411a5991fce?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxsaW5lYXIlMjBhY3R1YXRvciUyMG1vdG9yJTIwc3RhZ2V8ZW58MXx8fHwxNzcxNDc5MDI5fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/z-axis-stage", searchText: "(Motorized) Z-axis Stage Vertical Positioning" },
21467  { id: 40, name: "Ball Spline Nozzle", model: "BALL-SPLINE-NOZZLE", category: "smart-components", categoryLabel: "Smart Components", usage: "Precise Linear Motion", image: "https://images.unsplash.com/photo-1694532529349-1194cb27a302?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwbm96emxlJTIwbWV0YWwlMjBwcmVjaXNpb24lMjBwYXJ0fGVufDF8fHx8MTc3MTQ3OTAyM3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", link: "#/product/ball-spline-nozzle", searchText: "Ball Spline Nozzle Precise Linear Motion" },
21468  { id: 41, name: "5Axis Right Angle Sensor", model: "5AX-RA SERIES", category: "smart-components", categoryLabel: "Smart Components", usage: "Sensor", image: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080", link: "#/product/5axis-sensor", searchText: "5Axis Right Angle Sensor Precision Displacement Measurement" }
21469], Z5 = globalThis.__GLOBALS__.getAssetURL("8f8debadc29999693759c96676c4e5a911d98f42.png"), $5 = globalThis.__GLOBALS__.getAssetURL("71adf9106cb20f5b6fdad17c3482ed125706a89d.png"), K5 = globalThis.__GLOBALS__.getAssetURL("622104f5098e9971f7c8c88f428b5b1196f481ff.png"), Q5 = globalThis.__GLOBALS__.getAssetURL("2d83548dd2c32f27c3379dd3729afac8766af6a8.png"), e4 = globalThis.__GLOBALS__.getAssetURL("7dacf1dcfe1d494b5a4b1876a3515bd43622f0e5.png"), Dc = globalThis.__GLOBALS__.getAssetURL("6b79ebff8d3873a45670782e971193af81f30fbb.png"), kc = globalThis.__GLOBALS__.getAssetURL("7a8b6dae1ff74fa1ec5735c2b43fe3f317d1e139.png"), Tc = globalThis.__GLOBALS__.getAssetURL("96e8d1ae4d94aa76361567e84e6f0737c2fb6c96.png"), t4 = globalThis.__GLOBALS__.getAssetURL("2f5d8d7f410d8cac721b8878110125cde9016e6c.png"), a4 = globalThis.__GLOBALS__.getAssetURL("f3a18b49afab1ac31d9b3a5296ea088439537ebb.png"), i4 = globalThis.__GLOBALS__.getAssetURL("b75cb7951481c4afed9584d284346eeedf37e10c.png"), n4 = globalThis.__GLOBALS__.getAssetURL("df0aee81c472a6b3e69d52c66f0643a21c851137.png"), r4 = globalThis.__GLOBALS__.getAssetURL("c0cab036737939f4b68f599757be582e9e44f129.png"), s4 = globalThis.__GLOBALS__.getAssetURL("670c23c0a790418cab24c34ebcc3c5da9b7169c7.png"), l4 = globalThis.__GLOBALS__.getAssetURL("49ef623cadc9f197964e8ed67a2b40427b447cb7.png"), o4 = globalThis.__GLOBALS__.getAssetURL("a49074e704c0b42dbfab0040c43c53a804108b0a.png"), c4 = globalThis.__GLOBALS__.getAssetURL("b1a2c7b7d1abcea2040dbd43f5a035973588e206.png");
21470function Wt(t) {
21471  const {
21472    productName: i,
21473    productModel: n,
21474    catchphrase: r,
21475    heroImage: s,
21476    introDescription: l,
21477    featuresList: o,
21478    spec1Label: d,
21479    spec1Value: c,
21480    spec2Label: p,
21481    spec2Value: h,
21482    spec3Label: x,
21483    spec3Value: b,
21484    applicationTitle1: g,
21485    applicationDesc1: w,
21486    applicationTitle2: u,
21487    applicationDesc2: v,
21488    applicationTitle3: A,
21489    applicationDesc3: N,
21490    customSpecTable: f,
21491    mainFeaturesTitle: y,
21492    mainFeaturesSubtitle: I,
21493    customApplicationCards: D
21494  } = t, P = o && o.length > 0 ? o.map((T) => ({
21495    title: T.title,
21496    description: T.desc,
21497    icon: Xe
21498    // Default icon
21499  })) : [
21500    { title: t.feature1Title || "", description: t.feature1Description || "", icon: de },
21501    { title: t.feature2Title || "", description: t.feature2Description || "", icon: Be },
21502    { title: t.feature3Title || "", description: t.feature3Description || "", icon: De },
21503    t.feature4Title ? { title: t.feature4Title, description: t.feature4Description || "", icon: yt } : null
21504  ].filter(Boolean), k = (T, M) => {
21505    const E = (T + M).toLowerCase();
21506    return E.includes("speed") || E.includes("fast") || E.includes("고속") ? de : E.includes("precision") || E.includes("resolution") || E.includes("정밀") ? qt : E.includes("interface") || E.includes("connect") || E.includes("연결") ? De : E.includes("control") || E.includes("제어") ? Be : E.includes("sensor") || E.includes("detect") ? Xe : E.includes("ai") || E.includes("smart") || E.includes("intelligent") ? at : Xe;
21507  }, H = P.map((T) => ({
21508    ...T,
21509    icon: k(T.title, T.description)
21510  }));
21511  return [
21512    { label: d, value: c },
21513    { label: p, value: h },
21514    { label: x, value: b }
21515  ].filter((T) => T.label && T.value), [
21516    { title: g, desc: w },
21517    { title: u, desc: v },
21518    { title: A, desc: N }
21519  ].filter((T) => T.title), /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
21520    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
21521      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
21522        /* @__PURE__ */ e(
21523          S,
21524          {
21525            src: i === "V5 Series" ? "https://images.unsplash.com/photo-1553408226-42ecf81a214c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljc3xlbnwxfHx8fDE3NzM1NzI1Mzd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral" : s,
21526            alt: i,
21527            className: "w-full h-full object-cover"
21528          }
21529        ),
21530        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/35" })
21531      ] }),
21532      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
21533        m.div,
21534        {
21535          initial: { opacity: 0, x: -30 },
21536          animate: { opacity: 1, x: 0 },
21537          transition: { duration: 0.6 },
21538          children: [
21539            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: i }),
21540            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: i === "V5 Series" ? "MIPI Image Grabber Board" : r }),
21541            /* @__PURE__ */ e("p", { className: "text-[#ffffff] text-white/75 leading-relaxed mb-10 text-[16px] whitespace-pre-line", children: i === "5Axis Stage" ? `컴팩트하고 통합된 구조로 설계되어, 소켓이 오픈된 환경에서도 제약 없이 안정적으로 사용할 수 있습니다.
21542경량화와 소형화를 동시에 구현하여 다양한 어플리케이션에 적용 시 전체 설비의 크기를 효과적으로 줄여 공간 효율을 극대화합니다.` : i === "Gonio Stage" ? `하이비젼시스템 Gonio Stage는 볼 스크류 기반 설계를 통해 높은 정밀도와 부하 용량,
21543그리고 기존 웜 기어 방식 대비 빠른 구동 성능을 구현한 독자 기술 제품입니다.` : l }),
21544            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-4 w-fit", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors text-[15px]", children: [
21545              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
21546              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
21547            ] }) })
21548          ]
21549        }
21550      ) }) })
21551    ] }),
21552    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
21553      /* @__PURE__ */ a(
21554        m.div,
21555        {
21556          initial: { opacity: 0, y: 30 },
21557          whileInView: { opacity: 1, y: 0 },
21558          viewport: { once: !0, margin: "-100px" },
21559          transition: { duration: 0.6 },
21560          children: [
21561            /* @__PURE__ */ e("h2", { className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10", children: "제품 사양" }),
21562            /* @__PURE__ */ a("div", { className: "flex flex-col gap-36", children: [
21563              /* @__PURE__ */ a(
21564                m.div,
21565                {
21566                  initial: { opacity: 0, y: 30 },
21567                  whileInView: { opacity: 1, y: 0 },
21568                  viewport: { once: !0 },
21569                  transition: { duration: 0.55, delay: 0.1 },
21570                  children: [
21571                    /* @__PURE__ */ a(
21572                      m.h3,
21573                      {
21574                        className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
21575                        style: { fontWeight: 700 },
21576                        initial: { opacity: 0, y: 10 },
21577                        whileInView: { opacity: 1, y: 0 },
21578                        viewport: { once: !0 },
21579                        transition: { duration: 0.4, delay: 0.1 },
21580                        children: [
21581                          "주요 특징 ",
21582                          /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
21583                        ]
21584                      }
21585                    ),
21586                    /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
21587                      /* @__PURE__ */ e(
21588                        m.p,
21589                        {
21590                          className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px]",
21591                          style: { fontWeight: 700 },
21592                          initial: { opacity: 0, y: 12 },
21593                          whileInView: { opacity: 1, y: 0 },
21594                          viewport: { once: !0 },
21595                          transition: { duration: 0.5, delay: 0.4 },
21596                          children: i?.includes("GigE") || i?.includes("Gigabit") ? "GigE Vision Interface 솔루션" : i?.includes("5Axis") || i?.includes("5축") || i?.includes("5-Axis") ? "초정밀 5축 변위 측정 솔루션" : i === "Auto Socket Actuator" ? "고속·고하중 사양의 액추에이터" : i === "Ball Spline Nozzle" ? "손상 없이 정밀하게 픽업하는 고강성 볼 스플라인 노즐" : i?.includes("Cam Follower") ? "고속·고정밀 Cam Follower Gonio Stage 솔루션" : i === "Tilt Stage" ? "컴팩트 설계와 고강성 구조를 갖춘 정밀 Tilt Stage" : i === "Light Source" ? "머신비전에 최적화된 고균일도 정밀 조명 솔루션" : t.mainFeaturesTitle || (i === "V5 Series" ? "MIPI Image Grabber Board" : "초미세 Pitch 고속 데이터 인터페이스 솔루션")
21597                        }
21598                      ),
21599                      /* @__PURE__ */ e(
21600                        m.p,
21601                        {
21602                          className: "text-slate-500 text-[15px] leading-relaxed max-w-[960px] mx-auto font-sans whitespace-pre-line",
21603                          initial: { opacity: 0, y: 12 },
21604                          whileInView: { opacity: 1, y: 0 },
21605                          viewport: { once: !0 },
21606                          transition: { duration: 0.5, delay: 0.55 },
21607                          children: i?.includes("LiDAR") ? `LiDAR AA 솔루션은 LiDAR 센서 모듈의 광학 성능을 극대화하기 위해
21608송신부와 수신부의 정렬을 실시간으로 정밀 제어하는 자동화 공정 기술입니다.` : i?.includes("GigE") || i?.includes("Gigabit") ? `GigE Vision 표준을 지원하여 산업용 카메라의 고해상도 이미지 데이터를 빠르고 안정적으로 전송합니다.
21609머신 비전, 자동화 검사 및 스마트 팩토리 환경에 최적화된 고성능 네트워크 인터페이스를 제공합니다.` : i?.includes("5Axis") || i?.includes("5축") || i?.includes("5-Axis") ? `다양한 각도와 방향에서 발생하는 미세한 변위를 나노미터 수준의 높은 분해능으로 실시간 정밀 측정합니다.
21610복잡한 3차원 형상 측정 및 초정밀 얼라인먼트 공정 등 하이엔드 산업 환경에 최적화된 성능을 제공합니다.` : i === "Auto Socket Actuator" ? `HyVISION SYSTEM Auto Socket Actuator (Universal Actuator)는 기존 캔틸레버 구조에서 벗어난 완전히 새로운 형태의 액추에이터입니다.
21611한쪽 끝만 고정되는 캔틸레버 구조와 비교하여, 보다 안정적이고 정밀한 동작을 구현하며, 구동 중 내부 요인으로 발생하는 진동을 최소화합니다.` : i === "Ball Spline Nozzle" ? `하이비젼시스템의 Ball Spline 노즐은 스플라인 구조를 통해 높은 강성과 우수한 직진도를 확보하였으며,
21612자체 기술로 샤프트 중심에 공기 유로를 형성하여 안정적인 진공 동작이 가능하도록 설계되었습니다.` : i?.includes("Cam Follower") ? `컴팩트한 구조 안에 고속·고정밀 제어를 담아
21613다양한 장비 환경에서도 안정적인 성능을 구현합니다.` : i === "Tilt Stage" ? "컴팩트한 구조 속에 강력한 정밀 제어를 담아 고하중 환경에서도 흔들림 없는 Tilt 성능을 구현합니다" : i === "Light Source" ? "최대 95% 균일도와 정밀한 광 제어 기술로 검사 공정 전반에 최적화된 조명 솔루션을 제공합니다." : t.mainFeaturesSubtitle || (i === "V5 Series" ? `스마트폰, 태블릿 PC, 자동차, 드론, 로봇 등에 적용되는 카메라 모듈 및 핵심 부품인 센서, 렌즈, IR 필터,
21614AF 액추에이터의 정밀 검사를 위해 고해상도 이미지를 안정적으로 취득하고 고속으로 전송하는 그래버 보드입니다.` : `HyProbe 175 PIN은 0.25mm Fine Pitch 접촉 기술을 적용해 높은 공간 활용성과 정밀한 연결 구조를 제공합니다.
21615초소형 카메라·센서 모듈·테스트 장비 간의 전기적 인터페이스를 구현하는 고성능 프로브 솔루션입니다.`)
21616                        }
21617                      )
21618                    ] }),
21619                    /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: i === "Gigabit Ethernet" ? [
21620                      {
21621                        title: "뛰어난 자체 개발 센서 내장",
21622                        description: `하이비젼시스템의 비전 카메라는 자체 개발한 고성능 센서를 탑재하여 안정적인 영상 품질을 제공합니다.
21623다양한 산업 환경에서도 높은 신뢰도의 이미지 데이터 확보가 가능하며, 검사 정확도를 극대화합니다.`
21624                      },
21625                      {
21626                        title: "고속 이미지 전송 처리",
21627                        description: `Real-Time Image Viewer 기술과 고속 인터페이스 기반 데이터 처리 구조를 통해 대용량 이미지도 지연 없이 처리합니다.
21628검사 공정의 속도와 안정성을 동시에 확보하여 생산 효율을 극대화합니다.`
21629                      },
21630                      {
21631                        title: "직관적인 사용자 인터페이스",
21632                        description: `사용자 중�� UI/UX 설계를 적용하여 누구나 쉽게 설정하고 운영할 수 있는 환경을 제공합니다.
21633빠른 시스템 셋업과 효율적인 운영을 지원하여 현장 생산성과 작업 편의성을 향상시킵니다.`
21634                      },
21635                      {
21636                        title: "글로벌 비전 통합 지원",
21637                        description: `다양한 글로벌 비전 시스템과 유연하게 연동 가능한 인터페이스를 제공합니���.
21638복잡한 자동화 라인에서도 빠르고 안정적인 시스템 통합이 가능합니다.`
21639                      },
21640                      {
21641                        title: "고해상도 이미지 처리 기술",
21642                        description: `IMX 센서 기반의 고해상도 이미지 처리 성능을 통해 미세 결함까지 정확하게 검출합니다.
21643고정밀 검사 공정에서도 탁월한 이미지 품질과 안정적인 검사 성능을 제공합니다.`
21644                      },
21645                      {
21646                        title: "다양한 인터페이스 및 확장성",
21647                        description: `CoaXPress, CameraLink 등 다양한 인터페이스 지원으로 다양한 검사 장비 및 시스템 환경에 쉽게 적용할 수 있습니다.
21648확장성이 뛰어나 대규모 비전 시스템 구축에도 유연하게 대응합니다.`
21649                      },
21650                      {
21651                        title: "컴팩트한 설계와 높은 내구성",
21652                        description: `컴팩트한 하우징 설계를 통해 공간 활용도를 극대화하며,
21653산업 환경에서도 안정적으로 동작하는 견고한 내구성을 제공합니다.`
21654                      }
21655                    ].map((T, M) => /* @__PURE__ */ a(
21656                      m.div,
21657                      {
21658                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
21659                        initial: { opacity: 0, y: 16 },
21660                        whileInView: { opacity: 1, y: 0 },
21661                        viewport: { once: !0 },
21662                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
21663                        children: [
21664                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
21665                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
21666                              M + 1,
21667                              "."
21668                            ] }),
21669                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
21670                          ] }),
21671                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
21672                        ]
21673                      },
21674                      M
21675                    )) : i === "V5 Series" ? [
21676                      {
21677                        title: "MIPI Interface 전문 기술력",
21678                        description: `다년간 축적된 MIPI Interface 기술 노하우를 기반으로
21679다양한 이미지 센서 환경에서도 안정적인 데이터 수집과 높은 신뢰성을 제공합니다.`
21680                      },
21681                      {
21682                        title: "Multi Image Grab 기술 지원",
21683                        description: `다수의 이미지 데이터를 동시에 처리할 수 있는 Multi Image Grab 기술을
21684적용하여 고속 검사 공정에서도 안정적인 이미지 획득이 가능합니다.`
21685                      },
21686                      {
21687                        title: "Dual Image Sensor 동시 연결",
21688                        description: `최대 2개의 Image Sensor(Module)를 동시에 연결하여
21689병렬 이미지 수집이 가능하며 검사 속도 향상과 시스템 효율성을 극대화합니다.`
21690                      },
21691                      {
21692                        title: "정밀 센서 전력 측정 기능",
21693                        description: `5ch / 12ch 센서 전력 측정을 지원하며 Standby 및 Dynamic Current
21694측정 기능을 통해 센서 상태 분석 및 안정적인 시스템 운영이 가능합니다.`
21695                      },
21696                      {
21697                        title: "컴팩트한 설계",
21698                        description: `컴팩트한 하드웨어 설계를 통해 장비 내 설치 공간을 최소화하며
21699다양한 검사 장비 및 테스트 환경에 유연하게 적용할 수 있습니다.`
21700                      },
21701                      {
21702                        title: "다양한 MIPI PHY 지원",
21703                        description: `MIPI D-PHY 및 C-PHY 인터페이스를 지원하며
21704D-PHY / Parallel 겸용 설계를 통해
21705다양한 센서 환경과 호환성을 제공합니다.`
21706                      },
21707                      {
21708                        title: "고속 데이터 전송 성능",
21709                        description: `Lane 당 1.5 ~ 2Gbps, 최대 2Gsps/lane 데이터 전송 속도를
21710지원하여 고해상도 이미지도 안정적으로 처리할 수 있습니다.`
21711                      },
21712                      {
21713                        title: "다양한 케이블 인터페이스",
21714                        description: `USB 3.0 Cable 및 Optical Fiber Cable 지원으로
21715장거리 데이터 전송과 안정적인 시스템 구성이 가능합니다.`
21716                      },
21717                      {
21718                        title: "고성능 Buffer Memory",
21719                        description: `DDR2 및 DDR4 (Gen3) Buffer Memory를 탑재하여
21720대용량 이미지 데이터 처리 시에도 안정적인 버퍼링 성능을 제공합니다.`
21721                      },
21722                      {
21723                        title: "OS Test 지원 (DCR Board)",
21724                        description: `DCR Board 기반 OS Test 기능을 지원하여
21725시스템 안��성 검증 및 장비 테스트 환경 구축이 용이합니다.`
21726                      }
21727                    ].map((T, M) => /* @__PURE__ */ a(
21728                      m.div,
21729                      {
21730                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
21731                        initial: { opacity: 0, y: 16 },
21732                        whileInView: { opacity: 1, y: 0 },
21733                        viewport: { once: !0 },
21734                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
21735                        children: [
21736                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
21737                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
21738                              M + 1,
21739                              "."
21740                            ] }),
21741                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
21742                          ] }),
21743                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
21744                        ]
21745                      },
21746                      M
21747                    )) : i === "Light Source" ? [
21748                      {
21749                        title: "True Uniformity 95%",
21750                        description: `최대 95% 이상의 균일도를 구현하여 검사 영역 전체에서
21751안정적인 조명 환경을 제공합니다.`
21752                      },
21753                      {
21754                        title: "Turnkey Technology",
21755                        description: `설계, 광학 시뮬레이션, 제조, 성능 검사까지 통합된
21756Turnkey 기술로 최적의 조명 솔루션을 제공합니다.`
21757                      },
21758                      {
21759                        title: "Precise Light Control",
21760                        description: `색온도(Color Temperature), 밝기(Brightness), 광 강도(Intensity) 등을
21761정밀하게 제어하여 다양한 검사 환경에 대응합니다.`
21762                      },
21763                      {
21764                        title: "Customized Design",
21765                        description: `검사 공정 및 설비 구조에 맞춰 다양한 크기와 형상으로
21766맞춤형 제작이 가능합니다.`
21767                      },
21768                      {
21769                        title: "Strict IR / NIR Inspection Standard",
21770                        description: `IR / NIR 검사 시스템 기반의 엄격한 품질 기준을
21771적용하여 안정적인 성능과 신뢰성을 확보합니다.`
21772                      }
21773                    ].map((T, M) => /* @__PURE__ */ a(
21774                      m.div,
21775                      {
21776                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
21777                        initial: { opacity: 0, y: 16 },
21778                        whileInView: { opacity: 1, y: 0 },
21779                        viewport: { once: !0 },
21780                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
21781                        children: [
21782                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
21783                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
21784                              M + 1,
21785                              "."
21786                            ] }),
21787                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
21788                          ] }),
21789                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
21790                        ]
21791                      },
21792                      M
21793                    )) : i === "Light Source Controller" ? [
21794                      {
21795                        title: "Flexible Channel Configuration",
21796                        description: `검사 환경과 조명 조건에 맞게 채널 구성을 유연하게
21797커스터마이징할 수 있어 다양한 비전 검사 시스템에 적용 가능합니다.`
21798                      },
21799                      {
21800                        title: "Stable Power Input",
21801                        description: `안정적인 전원 입력 설계를 통해
21802장시간 운용 환경에서도 일관된 조명 성능을 유지합니다.`
21803                      },
21804                      {
21805                        title: "Precise Power Control",
21806                        description: `정밀한 전력 제어 기능을 통해 조명의 밝기
21807및 출력 조건을 안정적으로 제어할 수 있습니다.`
21808                      },
21809                      {
21810                        title: "High-Efficiency LED Output",
21811                        description: `고효율 LED 출력 구조를 적용하여 균일하고
21812안정적인 조명 환경을 구현합니다.`
21813                      },
21814                      {
21815                        title: "Optimized Power Consumption",
21816                        description: `전력 효율을 고려한 설계로 불필요한 소비 전력을
21817최소화하여 장비 운용 효율을 향상시킵니다.`
21818                      },
21819                      {
21820                        title: "PC Interface Support",
21821                        description: `PC 인터페이스를 지원하여 시스템 제어
21822및 모니터링을 편리하게 수행할 수 있습니다.`
21823                      },
21824                      {
21825                        title: "Integrated Display Interface",
21826                        description: `직관적인 디스플레이 인터페이스를 통해
21827장비 상태 및 설정 정보를 쉽게 확인할 수 있습니다.`
21828                      },
21829                      {
21830                        title: "Compact & Customizable Dimension",
21831                        description: `컴팩트한 구조와 다양한 설치 환경에
21832대응할 수 있는 맞춤형 크기 설계를 지원합니다.`
21833                      }
21834                    ].map((T, M) => /* @__PURE__ */ a(
21835                      m.div,
21836                      {
21837                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
21838                        initial: { opacity: 0, y: 16 },
21839                        whileInView: { opacity: 1, y: 0 },
21840                        viewport: { once: !0 },
21841                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
21842                        children: [
21843                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
21844                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
21845                              M + 1,
21846                              "."
21847                            ] }),
21848                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
21849                          ] }),
21850                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
21851                        ]
21852                      },
21853                      M
21854                    )) : i === "Frame Grabber DCR Board" ? [
21855                      {
21856                        title: "High-Speed Frame Grabbing",
21857                        description: `고속 이미지 데이터 캡처 기술을 통해 대용량 프레임도
21858지연 없이 안정적으로 수집할 수 있습니다.`
21859                      },
21860                      {
21861                        title: "Multi-Interface Support",
21862                        description: `CameraLink, CoaXPress, MIPI 등 다양한 카메라 인터페이스를
21863지원하여 폭넓은 시스템 환경에 유연하게 대응합니다.`
21864                      },
21865                      {
21866                        title: "PCIe High-Bandwidth Transfer",
21867                        description: `PCIe 기반 고대역폭 데이터 전송 구조를 채택하여
21868실시간 이미지 처리 및 고속 DMA 전송이 가능합니다.`
21869                      },
21870                      {
21871                        title: "FPGA-Based Image Processing",
21872                        description: `내장 FPGA를 활용한 온보드 이미지 처리로
21873노이즈 감소, 색 보정 등 실시간 전처리 기능을 수행합니다.`
21874                      },
21875                      {
21876                        title: "Large Buffer Memory",
21877                        description: `대용량 DDR 버퍼 메모리를 탑재하여
21878고해상도·고속 이미지 수집 환경에서도 안정적인 데이터 버퍼링을 보장합니다.`
21879                      },
21880                      {
21881                        title: "OS Test 기능 지원",
21882                        description: `DCR Board 기반 OS Test 기능을 지원하여
21883시스템 안정성 검증 및 장비 테스트 환경 구축이 용이합니다.`
21884                      },
21885                      {
21886                        title: "다중 카메라 동시 연결",
21887                        description: `복수의 카메라를 동시에 연결·제어할 수 있는 구조를 지원하여
21888멀티채널 검사 시스템 구축에 최적화되어 있습니다.`
21889                      },
21890                      {
21891                        title: "컴팩트한 설계 및 높은 호환성",
21892                        description: `산업용 PC 및 검사 장비에 손쉽게 장착 가능한
21893컴팩트한 보드 설계로 다양한 자동화 라인에 유연하게 적용됩니다.`
21894                      }
21895                    ].map((T, M) => /* @__PURE__ */ a(
21896                      m.div,
21897                      {
21898                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
21899                        initial: { opacity: 0, y: 16 },
21900                        whileInView: { opacity: 1, y: 0 },
21901                        viewport: { once: !0 },
21902                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
21903                        children: [
21904                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
21905                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
21906                              M + 1,
21907                              "."
21908                            ] }),
21909                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
21910                          ] }),
21911                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
21912                        ]
21913                      },
21914                      M
21915                    )) : i === "Gonio Stage" ? [
21916                      {
21917                        title: "볼 스크류 기반 고정밀 구동 기술",
21918                        description: `볼 스크류 기반의 독자 기술을 적용하여 높은 정밀도와 빠른 구동 성능,
21919그리고 뛰어난 부하 대응 능력을 동시에 구현합니다.`
21920                      },
21921                      {
21922                        title: "마찰 최소화 & 안정적인 FEEDING 메커니즘",
21923                        description: `마찰을 최소화한 FEEDING 메커니즘을 통해 반복 정밀도를 향상시키고,
21924장기 사용 환경에서도 안정적인 성능을 유지합니다.`
21925                      },
21926                      {
21927                        title: "비전 기반 피벗 측정 기술",
21928                        description: `비전 카메라 기반의 피벗 측정 기술로 정렬 정확도를 높이고,
21929공정 전반의 정밀도를 향상시킵니다.`
21930                      },
21931                      {
21932                        title: "레이저 변위 센서 기반 정밀 보정",
21933                        description: `레이저 변위 센서를 활용하여 피벗 중심의
21934미세 변화까지 정밀하게 측정하고 보정합니다.`
21935                      },
21936                      {
21937                        title: "피벗 중심 정밀 제어 및 유지 기술",
21938                        description: `측정된 데이터를 기반으로 피벗 중심을 정확하게 제어하고,
21939공정 중에도 안정적으로 유지할 수 있습니다.`
21940                      },
21941                      {
21942                        title: "동축(Concentric) 제어 및 정밀 검사 기술",
21943                        description: `동축 기준의 정밀 검사 및 분석 기술을 통해 높은 수준의
21944품질 검증과 안정적인 공정 운영을 지원합니다.`
21945                      }
21946                    ].map((T, M) => /* @__PURE__ */ a(
21947                      m.div,
21948                      {
21949                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
21950                        initial: { opacity: 0, y: 16 },
21951                        whileInView: { opacity: 1, y: 0 },
21952                        viewport: { once: !0 },
21953                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
21954                        children: [
21955                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
21956                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
21957                              M + 1,
21958                              "."
21959                            ] }),
21960                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
21961                          ] }),
21962                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
21963                        ]
21964                      },
21965                      M
21966                    )) : i === "5Axis Stage" ? [
21967                      {
21968                        title: "사용자 편의를 고려한 컴팩트 설계",
21969                        description: `사용자 중심으로 설계된 컴팩트 구조를 통해 설치와 운용이 간편하며,
21970전체 설비의 공간 효율을 극대화합니다.`
21971                      },
21972                      {
21973                        title: "5축 통합 구조로 유연한 정밀 제어",
21974                        description: `X, Y, Tx, Ty, R의 5축 통합 구조로 다양한 방향과
21975각도의 정밀 제어가 가능하여 고정밀 공정에 유연하게 대응합니다.`
21976                      },
21977                      {
21978                        title: "미세 움직임까지 구현하는 고정밀 제어 성능",
21979                        description: `최소 이동 단위 기반의 설계를 통해 미세한 움직임까지 안정적으로 구현하며,
21980높은 반복 정밀도를 제공합니다.`
21981                      },
21982                      {
21983                        title: "직관적인 축 방향 설계로 빠른 셋업",
21984                        description: `직관적인 축 방향 설계로 빠른 셋업과 조정이 가능하여
21985작업 효율성과 운영 편의성을 동시에 향상시킵니다.`
21986                      },
21987                      {
21988                        title: "콤팩트 사이즈 대비 뛰어난 성능",
21989                        description: `기존 대비 더욱 컴팩트한 사이즈로 동일 수준 이상의 성능을
21990구현하여 공간 절약과 고성능을 동시에 실현합니다.`
21991                      },
21992                      {
21993                        title: "장비 설계 최적화를 위한 구조적 이점",
21994                        description: `다양한 설비에 적용 가능한 구조적 유연성을 바탕으로
21995장비 설계 자유도를 높이고 시스템 확장성을 확보합니다.`
21996                      }
21997                    ].map((T, M) => /* @__PURE__ */ a(
21998                      m.div,
21999                      {
22000                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
22001                        initial: { opacity: 0, y: 16 },
22002                        whileInView: { opacity: 1, y: 0 },
22003                        viewport: { once: !0 },
22004                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
22005                        children: [
22006                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
22007                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
22008                              M + 1,
22009                              "."
22010                            ] }),
22011                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
22012                          ] }),
22013                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
22014                        ]
22015                      },
22016                      M
22017                    )) : i === "Auto Socket Actuator" ? [
22018                      {
22019                        title: "안정적인 모듈 핀 접촉",
22020                        description: `- Cantilever 구조
22021한쪽 끝만 고정되고 나머지 부분이 움직이는 구조로,
22022Z축 하강 시 접촉 위치에 가해지는 힘이 변화합니다.
22023이로 인해 틸트가 발생하며 핀 접촉이 불안정해질 수 있습니다.
22024
22025- Top-to-bottom Full Travel 구조
22026상부 전체가 함께 이동하는 구조로, Z축 하강 시에도 상부에 가해지는 힘이 일정하게 유지됩니다.
22027이를 통해 단일 캔틸레버 액추에이터에서 발생하는 접촉 불안정을 효과적으로 개선합니다.`
22028                      },
22029                      {
22030                        title: "비자성 소재 구성",
22031                        description: `장비에 적용 시 중력에 의해 내부 구성 요소와의 마찰을 최소화하고,
22032주변 장비의 오작동을 방지하여 모듈 손상을 줄이며
22033전체 시스템의 운용 안정성을 확보합니다.`
22034                      },
22035                      {
22036                        title: "Face Up & Face Down 모듈 겸용 사용",
22037                        description: `단일 액추에이터로 모듈 핀 방향에 관계없이 Face Up 및 Face Down
22038모두에 적용 가능하여 높은 범용성과 유연성을 제공합니다.`
22039                      },
22040                      {
22041                        title: "스프링 댐퍼 적용을 통한 진동 최소화",
22042                        description: `스프링 댐퍼를 적용하여 수직 및 수평 방향의 운동 모멘트를 억제하고,
22043동작 중 발생하는 진동을 최소화하여 안정적인 공정 수행을 ���원합니다.`
22044                      }
22045                    ].map((T, M) => /* @__PURE__ */ a(
22046                      m.div,
22047                      {
22048                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
22049                        initial: { opacity: 0, y: 16 },
22050                        whileInView: { opacity: 1, y: 0 },
22051                        viewport: { once: !0 },
22052                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
22053                        children: [
22054                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
22055                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
22056                              M + 1,
22057                              "."
22058                            ] }),
22059                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
22060                          ] }),
22061                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
22062                        ]
22063                      },
22064                      M
22065                    )) : i === "Ball Spline Nozzle" ? [
22066                      {
22067                        title: "High Straightness",
22068                        description: `직선 운동 가이드로 6φ 볼 스플라인을 적용하여 우수한 직진도를 구현하였으며,
22069베이스의 고정 로드는 스플라인 축과 직각으로 배치되어 안정적인 직선 이동을 제공합니다.`
22070                      },
22071                      {
22072                        title: "Excellent Rigidity",
22073                        description: `볼이 2열 구조로 배열되고 4점 접촉 방식으로 트랙과 맞물려,
22074높은 강성과 안정적인 지지 성능을 제공합니다.`
22075                      },
22076                      {
22077                        title: "Prevention of Surface Damage of Article",
22078                        description: `각 대상물의 높이가 일정하지 않더라도,
220792mm 범위 내에서 250~400g의 스프링 텐션을 통해
22080접촉 시 표면 손상을 최소화합니다.`
22081                      },
22082                      {
22083                        title: "Stable Vaccum Operation",
22084                        description: `중공 샤프트 구조를 적용하여 공기 누설을 방지하고,
22085장시간 안정적인 진공 동작이 가능하도록 설계되었습니다.
22086또한 샤프트 내부를 통한 케이블 배선이 가능하여 설비 구성의 효율성을 높입니다.`
22087                      }
22088                    ].map((T, M) => /* @__PURE__ */ a(
22089                      m.div,
22090                      {
22091                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
22092                        initial: { opacity: 0, y: 16 },
22093                        whileInView: { opacity: 1, y: 0 },
22094                        viewport: { once: !0 },
22095                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
22096                        children: [
22097                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
22098                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
22099                              M + 1,
22100                              "."
22101                            ] }),
22102                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
22103                          ] }),
22104                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
22105                        ]
22106                      },
22107                      M
22108                    )) : i?.includes("Cam Follower") ? [
22109                      {
22110                        title: "Cam Follower Guide (Patented)",
22111                        description: `슬립이 없는 구조로 고속 회전에서도 안정적인 동작을 유지하며,
22112높은 정밀도와 편심 하중에도 강한 내구성을 제공하는 특허 기반 가이드 기술입니다.`
22113                      },
22114                      {
22115                        title: "Ball Screw Feed Mechanism",
22116                        description: `볼 스크류 구동 방식을 적용하여 고정밀 위치 제어와
22117함께 높은 내구성과 빠른 응답 속도를 동시에 구현합니다.`
22118                      },
22119                      {
22120                        title: "Compact Stage Size (60 × 60 mm)",
22121                        description: `컴팩트한 60 × 60mm 사이즈로 설계되어 공간 제약이 있는
22122설비에도 유연하게 적용 가능하며, 장비 소형화에 기여합니다.`
22123                      },
22124                      {
22125                        title: "Travel Range (±5°)",
22126                        description: `±5°의 정밀한 회전 범위를 제공하여
22127다양한 각도 제어가 필요한 공정에 안정적으로 대응합니다.`
22128                      },
22129                      {
22130                        title: "High Speed Performance (Max 15°/Sec)",
22131                        description: `최대 15°/Sec의 고속 구동 성능으로
22132빠른 공정 처리와 생산성 향상을 지원합니다.`
22133                      },
22134                      {
22135                        title: "High Load Capacity (5.6 / 5kg)",
22136                        description: `최대 5.6kg의 하중을 안정적으로 지지하여
22137다양한 공정 환경에서도 높은 신뢰성을 유지합니다.`
22138                      },
22139                      {
22140                        title: "Optimized Rotation Height (94mm)",
22141                        description: `94mm의 최적화된 회전 높이 설계를 통해
22142장비 간 간섭을 최소화하고 안정적인 동작 구조를 제공합니다.`
22143                      },
22144                      {
22145                        title: "Customizable Design",
22146                        description: `다양한 사양에 맞춰 커스터마이징이 가능하여
22147고객의 공정 환경과 요구 조건에 최적화된 솔루션을 제공합니다.`
22148                      }
22149                    ].map((T, M) => /* @__PURE__ */ a(
22150                      m.div,
22151                      {
22152                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
22153                        initial: { opacity: 0, y: 16 },
22154                        whileInView: { opacity: 1, y: 0 },
22155                        viewport: { once: !0 },
22156                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
22157                        children: [
22158                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
22159                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
22160                              M + 1,
22161                              "."
22162                            ] }),
22163                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
22164                          ] }),
22165                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
22166                        ]
22167                      },
22168                      M
22169                    )) : i === "Tilt Stage" ? [
22170                      {
22171                        title: "Compact Construction, Efficient Use of Space",
22172                        description: `컴팩트한 구조로 설계되어 제한된 공간에서도 효율적인 장비 배치가
22173가능하며 전체 시스템의 공간 활용도를 극대화합니다.`
22174                      },
22175                      {
22176                        title: "Reliable Tilt via Cam Block",
22177                        description: `캠 블록 기반의 틸트 구조를 통해 안정적이고 정밀한 각도 제어가
22178가능하며 반복 작업에서도 일관된 성능을 유지합니다.`
22179                      },
22180                      {
22181                        title: "Strong Positioning after Fine-Tuning",
22182                        description: `미세 조정 이후에도 위치를 정확하게 유지하여 공정 중
22183흔들림 없는 안정적인 포지셔닝 성능을 제공합니다.`
22184                      },
22185                      {
22186                        title: "High-Stiffness Design, High Load Applicable",
22187                        description: `고강성 구조 설계를 통해 높은 하중 환경에서도 변형 없이
22188안정적인 동작을 보장하며 다양한 공정에 폭넓게 적용 가능합니다.`
22189                      }
22190                    ].map((T, M) => /* @__PURE__ */ a(
22191                      m.div,
22192                      {
22193                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
22194                        initial: { opacity: 0, y: 16 },
22195                        whileInView: { opacity: 1, y: 0 },
22196                        viewport: { once: !0 },
22197                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
22198                        children: [
22199                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
22200                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
22201                              M + 1,
22202                              "."
22203                            ] }),
22204                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
22205                          ] }),
22206                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
22207                        ]
22208                      },
22209                      M
22210                    )) : H.map((T, M) => /* @__PURE__ */ a(
22211                      m.div,
22212                      {
22213                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
22214                        initial: { opacity: 0, y: 16 },
22215                        whileInView: { opacity: 1, y: 0 },
22216                        viewport: { once: !0 },
22217                        transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
22218                        children: [
22219                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
22220                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
22221                              M + 1,
22222                              "."
22223                            ] }),
22224                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: T.title })
22225                          ] }),
22226                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: T.description })
22227                        ]
22228                      },
22229                      M
22230                    )) }) })
22231                  ]
22232                }
22233              ),
22234              i !== "HyProbe 175 pin" && /* @__PURE__ */ a(
22235                m.div,
22236                {
22237                  initial: { opacity: 0, y: 30 },
22238                  whileInView: { opacity: 1, y: 0 },
22239                  viewport: { once: !0 },
22240                  transition: { duration: 0.55, delay: 0.1 },
22241                  children: [
22242                    /* @__PURE__ */ e(
22243                      m.h3,
22244                      {
22245                        className: "text-[18px] text-slate-950 mb-2 font-[Aoboshi_One]",
22246                        style: { fontWeight: 700 },
22247                        initial: { opacity: 0, y: 16 },
22248                        whileInView: { opacity: 1, y: 0 },
22249                        viewport: { once: !0 },
22250                        transition: { duration: 0.5, delay: 0.1 },
22251                        children: "제품 규격 (Specifications)"
22252                      }
22253                    ),
22254                    /* @__PURE__ */ e(
22255                      m.div,
22256                      {
22257                        className: "border-t border-gray-200 pt-8",
22258                        initial: { opacity: 0 },
22259                        whileInView: { opacity: 1 },
22260                        viewport: { once: !0 },
22261                        transition: { duration: 0.4, delay: 0.25 },
22262                        children: f || /* @__PURE__ */ a(
22263                          m.div,
22264                          {
22265                            className: "w-full overflow-x-auto custom-table-gray",
22266                            initial: { opacity: 0, y: 16 },
22267                            whileInView: { opacity: 1, y: 0 },
22268                            viewport: { once: !0 },
22269                            transition: { duration: 0.5, delay: 0.35 },
22270                            children: [
22271                              /* @__PURE__ */ e("style", { children: `
22272                          .custom-table-gray .bg-slate-100 { background-color: #f3f4f6 !important; }
22273                          .custom-table-gray .bg-slate-50 { background-color: #f9fafb !important; }
22274                          .custom-table-gray .border-slate-200 { border-color: #e5e7eb !important; }
22275                          .custom-table-gray .text-slate-800 { color: #1f2937 !important; }
22276                          .custom-table-gray .text-slate-700 { color: #374151 !important; }
22277                          .custom-table-gray th, .custom-table-gray td, .custom-table-gray span { font-weight: 400 !important; }
22278                        ` }),
22279                              i?.includes("LiDAR") ? /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 pt-2 pb-10", children: [
22280                                /* @__PURE__ */ e("p", { className: "text-[16px] text-slate-700 font-sans tracking-tight", children: "Type : Manual" }),
22281                                /* @__P
22281URE__ */ e("p", { className: "text-[16px] text-slate-700 font-sans tracking-tight", children: "Spec overview : 1-Para" })
22282                              ] }) : i === "Gigabit Ethernet" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
22283                                /* @__PURE__ */ a("colgroup", { children: [
22284                                  /* @__PURE__ */ e("col", { style: { width: "200px" } }),
22285                                  /* @__PURE__ */ e("col", {}),
22286                                  /* @__PURE__ */ e("col", {})
22287                                ] }),
22288                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
22289                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
22290                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "HVO-GE12MRMO" }),
22291                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "HVO-GE12MGMO" })
22292                                ] }) }),
22293                                /* @__PURE__ */ a("tbody", { children: [
22294                                  /* @__PURE__ */ a("tr", { children: [
22295                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "PC Interface" }),
22296                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Gigabit Ethernet (1,000 Base-T / IEEE 802.3ab)" })
22297                                  ] }),
22298                                  /* @__PURE__ */ a("tr", { children: [
22299                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Camera Link Clock" }),
22300                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Sony IMX226" }),
22301                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Sony IMX304" })
22302                                  ] }),
22303                                  /* @__PURE__ */ a("tr", { children: [
22304                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Image Sensor" }),
22305                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "12M Pixel (4,000 x 3,000 x 8bit)" }),
22306                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "12M Pixel (4,096 x 3,000 x 8bit)" })
22307                                  ] }),
22308                                  /* @__PURE__ */ a("tr", { children: [
22309                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Image Sensor Resolution" }),
22310                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "CMOS Active Pixel (monochrome)" })
22311                                  ] }),
22312                                  /* @__PURE__ */ a("tr", { children: [
22313                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sensor Pixel Type" }),
22314                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "1.85 um(H) x 1.85 um(V)" }),
22315                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "3.45 um(H) x 3.45 um(V)" })
22316                                  ] }),
22317                                  /* @__PURE__ */ a("tr", { children: [
22318                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Shutter" }),
22319                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Rolling Shutter" }),
22320                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Global Shutter" })
22321                                  ] }),
22322                                  /* @__PURE__ */ a("tr", { children: [
22323                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Exposure Time" }),
22324                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.001ms to 14s" })
22325                                  ] }),
22326                                  /* @__PURE__ */ a("tr", { children: [
22327                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Trigger Mode" }),
22328                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Free Running / External Trigger / Soft Trigger" })
22329                                  ] }),
22330                                  /* @__PURE__ */ a("tr", { children: [
22331                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Lens Mount Type" }),
22332                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "C – Mount" })
22333                                  ] }),
22334                                  /* @__PURE__ */ a("tr", { children: [
22335                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Input Voltage" }),
22336                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "DC 12V" })
22337                                  ] }),
22338                                  /* @__PURE__ */ a("tr", { children: [
22339                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Image Processing" }),
22340                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Gamma Correction" })
22341                                  ] }),
22342                                  /* @__PURE__ */ a("tr", { children: [
22343                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Connector" }),
22344                                    /* @__PURE__ */ a("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
22345                                      "Gigabit Ethernet Connector : RJ45 socket insert Type",
22346                                      /* @__PURE__ */ e("br", {}),
22347                                      "Power : HR-10A-7R-6PB (73)"
22348                                    ] })
22349                                  ] }),
22350                                  /* @__PURE__ */ a("tr", { children: [
22351                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Operating Temperature" }),
22352                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0°C ~ 70°C" })
22353                                  ] }),
22354                                  /* @__PURE__ */ a("tr", { children: [
22355                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Model Size" }),
22356                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "29mm(W) x 29mm(H) x 83.3(D)" })
22357                                  ] }),
22358                                  /* @__PURE__ */ a("tr", { children: [
22359                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Max. Camera Link Frame Rate" }),
22360                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Up to 9.6 fps" }),
22361                                    /* @__P
22361URE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Up to 9.5 fps" })
22362                                  ] })
22363                                ] })
22364                              ] }) : i === "DCR Board" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
22365                                /* @__PURE__ */ a("colgroup", { children: [
22366                                  /* @__PURE__ */ e("col", { style: { width: "160px" } }),
22367                                  /* @__PURE__ */ e("col", {}),
22368                                  /* @__PURE__ */ e("col", {}),
22369                                  /* @__PURE__ */ e("col", {})
22370                                ] }),
22371                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
22372                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Apply for" }),
22373                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "For V5U series & V5FP" }),
22374                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Only for V5FP-Dual" }),
22375                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Only for V5FP-Dual-COMBO" })
22376                                ] }) }),
22377                                /* @__PURE__ */ a("tbody", { children: [
22378                                  /* @__PURE__ */ a("tr", { children: [
22379                                    /* @__PURE__ */ e("td", { className: "px-5 py-4 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: "Image" }),
22380                                    /* @__P
22380URE__ */ e("td", { className: "px-5 py-4 border border-slate-200 text-slate-800 text-center align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[140px]", children: /* @__PURE__ */ e(S, { src: Dc, alt: "V5U series & V5FP", className: "max-h-full max-w-full object-contain" }) }) }),
22381                                    /* @__PURE__ */ e("td", { className: "px-5 py-4 border border-slate-200 text-slate-800 text-center align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[140px]", children: /* @__PURE__ */ e(S, { src: kc, alt: "V5FP-Dual", className: "max-h-full max-w-full object-contain" }) }) }),
22382                                    /* @__PURE__ */ e("td", { className: "px-5 py-4 border border-slate-200 text-slate-800 text-center align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[140px]", children: /* @__PURE__ */ e(S, { src: Tc, alt: "V5FP-Dual-COMBO", className: "max-h-full max-w-full object-contain" }) }) })
22383                                  ] }),
22384                                  /* @__PURE__ */ a("tr", { children: [
22385                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22386                                      "General",
22387                                      /* @__PURE__ */ e("br", {}),
22388                                      "Feature"
22389                                    ] }),
22390                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22391                                      "1) Sensor Interface : MIPI 1,2,4 Lane",
22392                                      /* @__PURE__ */ e("br", {}),
22393                                      "2) Open/Short Test",
22394                                      /* @__PURE__ */ e("br", {}),
22395                                      "3) Leakage Current Test"
22396                                    ] }),
22397                                    /* @__P
22397URE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22398                                      "1) Sensor Interface : MIPI 1,2,4 Lane",
22399                                      /* @__PURE__ */ e("br", {}),
22400                                      "2) Open/Short Test",
22401                                      /* @__PURE__ */ e("br", {}),
22402                                      "3) Leakage Current Test"
22403                                    ] }),
22404                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22405                                      "1) Sensor Interface :",
22406                                      /* @__PURE__ */ e("br", {}),
22407                                      "  - MIPI DPHY 1,2,4 Lane",
22408                                      /* @__PURE__ */ e("br", {}),
22409                                      "  - MIPI CPHY 1,2,3 Lane",
22410                                      /* @__PURE__ */ e("br", {}),
22411                                      "2) Open/Short Test",
22412                                      /* @__PURE__ */ e("br", {}),
22413                                      "3) Leakage Current Test"
22414                                    ] })
22415                                  ] }),
22416                                  /* @__PURE__ */ a("tr", { children: [
22417                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22418                                      "Open/",
22419                                      /* @__PURE__ */ e("br", {}),
22420                                      "Short",
22421                                      /* @__PURE__ */ e("br", {}),
22422                                      "Test"
22423                                    ] }),
22424                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22425                                      "1) Source : Constant Current",
22426                                      /* @__P
22426URE__ */ e("br", {}),
22427                                      "  (0.5~3mA/256step)",
22428                                      /* @__PURE__ */ e("br", {}),
22429                                      "2) Measure : Voltage",
22430                                      /* @__PURE__ */ e("br", {}),
22431                                      "  (0~1.8V/1024 step)",
22432                                      /* @__PURE__ */ e("br", {}),
22433                                      "3) Quantity of Test Pin : 24Pin",
22434                                      /* @__PURE__ */ e("br", {}),
22435                                      "  (Power : 5Pin, Signal : 19Pin)"
22436                                    ] }),
22437                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22438                                      "1) Source : Constant Current",
22439                                      /* @__PURE__ */ e("br", {}),
22440                                      "  (0.5~3mA/256step)",
22441                                      /* @__P
22441URE__ */ e("br", {}),
22442                                      "2) Measure : Voltage",
22443                                      /* @__PURE__ */ e("br", {}),
22444                                      "  (0~1.8V/1024step)",
22445                                      /* @__PURE__ */ e("br", {}),
22446                                      "3) Quantity of Test Pin : 54Pin",
22447                                      /* @__PURE__ */ e("br", {}),
22448                                      "  (Power : 8Pin, Signal : 46Pin)"
22449                                    ] }),
22450                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22451                                      "1) Source : Constant Current",
22452                                      /* @__PURE__ */ e("br", {}),
22453                                      "  (0.5~3mA/256step)",
22454                                      /* @__PURE__ */ e("br", {}),
22455                                      "2) Measure : Voltage",
22456                                      /* @__P
22456URE__ */ e("br", {}),
22457                                      "  (0~1.8V/1024step)",
22458                                      /* @__PURE__ */ e("br", {}),
22459                                      "3) Quantity of Test Pin : 54Pin",
22460                                      /* @__PURE__ */ e("br", {}),
22461                                      "  (Power : 8Pin, Signal : 46Pin)"
22462                                    ] })
22463                                  ] }),
22464                                  /* @__PURE__ */ a("tr", { children: [
22465                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22466                                      "Leakage",
22467                                      /* @__PURE__ */ e("br", {}),
22468                                      "Current",
22469                                      /* @__PURE__ */ e("br", {}),
22470                                      "Test"
22471                                    ] }),
22472                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22473                                      "1) Source : Constant Voltage",
22474                                      /* @__PURE__ */ e("br", {}),
22475                                      "  (0~3.3V/1024step)",
22476                                      /* @__PURE__ */ e("br", {}),
22477                                      "2) Measure : Current",
22478                                      /* @__PURE__ */ e("br", {}),
22479                                      "  (0~2mA/1024step)",
22480                                      /* @__PURE__ */ e("br", {}),
22481                                      "3) Quantity of Test Pin : 24Pin",
22482                                      /* @__PURE__ */ e("br", {}),
22483                                      "  (Power : 5Pin, Signal : 19Pin)"
22484                                    ] }),
22485                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22486                                      "1) Source : Constant Voltage",
22487                                      /* @__PURE__ */ e("br", {}),
22488                                      "  (0~3.3V/1024step)",
22489                                      /* @__PURE__ */ e("br", {}),
22490                                      "2) Measure : Current",
22491                                      /* @__PURE__ */ e("br", {}),
22492                                      "  (0~2mA/1024step)",
22493                                      /* @__PURE__ */ e("br", {}),
22494                                      "3) Quantity of Test Pin : 54Pin",
22495                                      /* @__PURE__ */ e("br", {}),
22496                                      "  (Power : 8Pin, Signal : 46Pin)"
22497                                    ] }),
22498                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22499                                      "1) Source : Constant Voltage",
22500                                      /* @__PURE__ */ e("br", {}),
22501                                      "  (0~3.3V/1024step)",
22502                                      /* @__PURE__ */ e("br", {}),
22503                                      "2) Measure : Current",
22504                                      /* @__PURE__ */ e("br", {}),
22505                                      "  (0~2mA/1024step)",
22506                                      /* @__PURE__ */ e("br", {}),
22507                                      "3) Quantity of Test Pin : 54Pin",
22508                                      /* @__PURE__ */ e("br", {}),
22509                                      "  (Power : 8Pin, Signal : 46Pin)"
22510                                    ] })
22511                                  ] }),
22512                                  /* @__PURE__ */ a("tr", { children: [
22513                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22514                                      "DCR Board",
22515                                      /* @__PURE__ */ e("br", {}),
22516                                      "Interface"
22517                                    ] }),
22518                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22519                                      "- O/S, Leakage Pin Control : SPI",
22520                                      /* @__PURE__ */ e("br", {}),
22521                                      "- Source & Measure : I2C"
22522                                    ] }),
22523                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22524                                      "- O/S, Leakage Pin Control : SPI",
22525                                      /* @__PURE__ */ e("br", {}),
22526                                      "- Source & Measure : I2C"
22527                                    ] }),
22528                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: "I2C" })
22529                                  ] })
22530                                ] })
22531                              ] }) : i === "V5 Series" ? /* @__PURE__ */ a(V, { children: [
22532                                /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
22533                                  /* @__PURE__ */ a("colgroup", { children: [
22534                                    /* @__PURE__ */ e("col", { style: { width: "130px" } }),
22535                                    /* @__PURE__ */ e("col", {}),
22536                                    /* @__PURE__ */ e("col", {}),
22537                                    /* @__PURE__ */ e("col", {}),
22538                                    /* @__PURE__ */ e("col", {}),
22539                                    /* @__PURE__ */ e("col", {}),
22540                                    /* @__PURE__ */ e("col", {})
22541                                  ] }),
22542                                  /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
22543                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
22544                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "V5U_R2" }),
22545                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "V5U_2G" }),
22546                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "V5FP" }),
22547                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "V5FP_Dual" }),
22548                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "V5FP_Dual_Combo_V1" }),
22549                                    /* @__PURE__ */ e("th", { className: "px-3 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "V5FP_Dual_Combo_V2" })
22550                                  ] }) }),
22551                                  /* @__PURE__ */ a("tbody", { children: [
22552                                    /* @__PURE__ */ a("tr", { children: [
22553                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: "Image" }),
22554                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[100px]", children: /* @__PURE__ */ e(S, { src: i4, alt: "V5U_R2", className: "max-h-full max-w-full object-contain" }) }) }),
22555                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[100px]", children: /* @__PURE__ */ e(S, { src: n4, alt: "V5U_2G", className: "max-h-full max-w-full object-contain scale-[1.45]" }) }) }),
22556                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[100px]", children: /* @__PURE__ */ e(S, { src: r4, alt: "V5FP", className: "max-h-full max-w-full object-contain" }) }) }),
22557                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[100px]", children: /* @__PURE__ */ e(S, { src: kc, alt: "V5FP_Dual", className: "max-h-full max-w-full object-contain scale-[1.65]" }) }) }),
22558                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[100px]", children: /* @__PURE__ */ e(S, { src: t4, alt: "V5FP_Dual_Combo_V1", className: "max-h-full max-w-full object-contain scale-[1.4]" }) }) }),
22559                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[100px]", children: /* @__PURE__ */ e(S, { src: a4, alt: "V5FP_Dual_Combo_V2", className: "max-h-full max-w-full object-contain" }) }) })
22560                                    ] }),
22561                                    /* @__PURE__ */ a("tr", { children: [
22562                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: "Dimension" }),
22563                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "114×84×38.5mm" }),
22564                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "114×84×38.5mm" }),
22565                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "114×84×39mm" }),
22566                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "114×107×39mm" }),
22567                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "114×107×39mm" }),
22568                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "126×96×39mm" })
22569                                    ] }),
22570                                    /* @__PURE__ */ a("tr", { children: [
22571                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: [
22572                                        "MIPI Data",
22573                                        /* @__PURE__ */ e("br", {}),
22574                                        "Capturing",
22575                                        /* @__PURE__ */ e("br", {}),
22576                                        "Rate"
22577                                      ] }),
22578                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "D-PHY : 1.5Gbps/Lane" }),
22579                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "D-PHY : 2.0Gbps/Lane" }),
22580                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "D-PHY : 1.5Gbps/Lane" }),
22581                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "D-PHY : 1.5Gbps/Lane" }),
22582                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: [
22583                                        "D-PHY : 1.5Gbps/Lane",
22584                                        /* @__PURE__ */ e("br", {}),
22585                                        "C-PHY : 1.3Gsps/Lane"
22586                                      ] }),
22587                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: [
22588                                        "D-PHY : 2.0Gbps/Lane",
22589                                        /* @__PURE__ */ e("br", {}),
22590                                        "C-PHY : 2.0Gsps/Lane"
22591                                      ] })
22592                                    ] }),
22593                                    /* @__PURE__ */ a("tr", { children: [
22594                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: [
22595                                        "PC",
22596                                        /* @__PURE__ */ e("br", {}),
22597                                        "Interface"
22598                                      ] }),
22599                                      /* @__PURE__ */ e("td", { colSpan: 2, className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "USB3.0" }),
22600                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "PCIe x4 (Gen2)" }),
22601                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "PCIe x4 (Gen2)" }),
22602                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "PCIe x4 (Gen3)" }),
22603                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "PCIe X4 (Gen3)" })
22604                                    ] }),
22605                                    /* @__PURE__ */ a("tr", { children: [
22606                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22607                                        "Image",
22608                                        /* @__PURE__ */ e("br", {}),
22609                                        "Sensor",
22610                                        /* @__PURE__ */ e("br", {}),
22611                                        "Interface"
22612                                      ] }),
22613                                      /* @__PURE__ */ a("td", { colSpan: 2, className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22614                                        "MIPI CSI 1/2/4 Lane",
22615                                        /* @__PURE__ */ e("br", {}),
22616                                        "MIPI DSI 1/2/4 Lane (Video mode only)",
22617                                        /* @__P
22617URE__ */ e("br", {}),
22618                                        "Parallel Interface (Data ~10bit)"
22619                                      ] }),
22620                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "MIPI : 2/4 Lane" }),
22621                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: [
22622                                        "Dual MIPI",
22623                                        /* @__PURE__ */ e("br", {}),
22624                                        "1/2/4 Lane"
22625                                      ] }),
22626                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22627                                        "Dual MIPI",
22628                                        /* @__PURE__ */ e("br", {}),
22629                                        "D-Phy 1/2/4 Lane",
22630                                        /* @__PURE__ */ e("br", {}),
22631                                        "(Up to 1.5Gbps/Lane)",
22632                                        /* @__PURE__ */ e("br", {}),
22633                                        /* @__PURE__ */ e("br", {}),
22634                                        "Dual MIPI",
22635                                        /* @__PURE__ */ e("br", {}),
22636                                        "C-Phy 1/2/3 Lane",
22637                                        /* @__PURE__ */ e("br", {}),
22638                                        "(Up to 1.3Gsps/Lane)",
22639                                        /* @__PURE__ */ e("br", {}),
22640                                        "I2C"
22641                                      ] }),
22642                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22643                                        "Dual MIPI D-Phy",
22644                                        /* @__PURE__ */ e("br", {}),
22645                                        "1/2/4Lane",
22646                                        /* @__PURE__ */ e("br", {}),
22647                                        "(up to 2.0Gbps/Lane)",
22648                                        /* @__PURE__ */ e("br", {}),
22649                                        /* @__PURE__ */ e("br", {}),
22650                                        "Dual MIPI C-Phy 1/2/3Lane",
22651                                        /* @__PURE__ */ e("br", {}),
22652                                        "(up to 2.0Gsps/Lane)"
22653                                      ] })
22654                                    ] }),
22655                                    /* @__PURE__ */ a("tr", { children: [
22656                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: [
22657                                        "Internal",
22658                                        /* @__PURE__ */ e("br", {}),
22659                                        "Buffer",
22660                                        /* @__P
22660URE__ */ e("br", {}),
22661                                        "Memory"
22662                                      ] }),
22663                                      /* @__PURE__ */ e("td", { colSpan: 2, className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "DDR2 * 2" }),
22664                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "DDR2 * 2" }),
22665                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "DDR3 * 2" }),
22666                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "DDR4 * 4" }),
22667                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "DDR4 * 4" })
22668                                    ] }),
22669                                    /* @__PURE__ */ a("tr", { children: [
22670                                      /* @__PURE__ */ e("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: "OS Test" }),
22671                                      /* @__PURE__ */ e("td", { colSpan: 6, className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "Applicable with Mounting DCR Board" })
22672                                    ] }),
22673                                    /* @__PURE__ */ a("tr", { children: [
22674                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: [
22675                                        "Sensor",
22676                                        /* @__PURE__ */ e("br", {}),
22677                                        "Clock"
22678                                      ] }),
22679                                      /* @__PURE__ */ e("td", { colSpan: 6, className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "Programmable Adjust 1KHz ~ 68MHz (Accuracy : ±2%)" })
22680                                    ] }),
22681                                    /* @__PURE__ */ a("tr", { children: [
22682                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: [
22683                                        "Sensor",
22684                                        /* @__PURE__ */ e("br", {}),
22685                                        "IO Power"
22686                                      ] }),
22687                                      /* @__PURE__ */ e("td", { colSpan: 6, className: "px-3 py-3 text-center border border-slate-200 text-slate-800 align-middle", children: "Programmable Adjust 1.5 ~ 3.3V (0.1V Step, Accuracy : ±0.1V)" })
22688                                    ] }),
22689                                    /* @__PURE__ */ a("tr", { children: [
22690                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22691                                        "Sensor",
22692                                        /* @__PURE__ */ e("br", {}),
22693                                        "Power"
22694                                      ] }),
22695                                      /* @__PURE__ */ a("td", { colSpan: 3, className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22696                                        "• 5Ch",
22697                                        /* @__PURE__ */ e("br", {}),
22698                                        "- Programmable Power",
22699                                        /* @__PURE__ */ e("br", {}),
22700                                        "- 1.0V~5.0V",
22701                                        /* @__PURE__ */ e("br", {}),
22702                                        "- Resolution : 0.01V",
22703                                        /* @__PURE__ */ e("br", {}),
22704                                        "- Accuracy : ±0.03V"
22705                                      ] }),
22706                                      /* @__PURE__ */ a("td", { colSpan: 2, className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22707                                        "• 8Ch",
22708                                        /* @__PURE__ */ e("br", {}),
22709                                        "- Programmable Power",
22710                                        /* @__PURE__ */ e("br", {}),
22711                                        "- 1.0V~5.0V, 0.01V Step",
22712                                        /* @__PURE__ */ e("br", {}),
22713                                        "- Accuracy : ±1%",
22714                                        /* @__PURE__ */ e("br", {}),
22715                                        "- Each module can use 4Ch power"
22716                                      ] }),
22717                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22718                                        "• 12Ch",
22719                                        /* @__PURE__ */ e("br", {}),
22720                                        "- Programmable Power",
22721                                        /* @__PURE__ */ e("br", {}),
22722                                        "- 1.0V~5.0V, 0.01V Step",
22723                                        /* @__PURE__ */ e("br", {}),
22724                                        "- Accuracy : ±1%",
22725                                        /* @__PURE__ */ e("br", {}),
22726                                        "- Each module can use 6ch power"
22727                                      ] })
22728                                    ] }),
22729                                    /* @__PURE__ */ a("tr", { children: [
22730                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22731                                        "Current",
22732                                        /* @__PURE__ */ e("br", {}),
22733                                        "Measurement"
22734                                      ] }),
22735                                      /* @__PURE__ */ a("td", { colSpan: 2, className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22736                                        "• 5Ch / 2Type",
22737                                        /* @__PURE__ */ e("br", {}),
22738                                        "1st Type",
22739                                        /* @__PURE__ */ e("br", {}),
22740                                        "- Up to 2mA for Standby Current",
22741                                        /* @__PURE__ */ e("br", {}),
22742                                        "- Resolution : 0.5uA",
22743                                        /* @__PURE__ */ e("br", {}),
22744                                        "- Accuracy: Under 50uA – ±2uA, Over 50uA – ±5%",
22745                                        /* @__PURE__ */ e("br", {}),
22746                                        /* @__PURE__ */ e("br", {}),
22747                                        "2nd Type",
22748                                        /* @__PURE__ */ e("br", {}),
22749                                        "- Up to 400mA for Dynamic Current",
22750                                        /* @__PURE__ */ e("br", {}),
22751                                        "- Resolution : 0.5mA",
22752                                        /* @__PURE__ */ e("br", {}),
22753                                        "- Accuracy : ±5%"
22754                                      ] }),
22755                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22756                                        "• 5Ch / 3Type",
22757                                        /* @__PURE__ */ e("br", {}),
22758                                        "1st Type :",
22759                                        /* @__PURE__ */ e("br", {}),
22760                                        "Up to 500uA for Standby Current (0.15uA Step)",
22761                                        /* @__PURE__ */ e("br", {}),
22762                                        /* @__PURE__ */ e("br", {}),
22763                                        "2nd Type :",
22764                                        /* @__P
22764URE__ */ e("br", {}),
22765                                        "Up to 5mA for Standby Current (1.5uA Step)",
22766                                        /* @__PURE__ */ e("br", {}),
22767                                        /* @__PURE__ */ e("br", {}),
22768                                        "3rd Type :",
22769                                        /* @__PURE__ */ e("br", {}),
22770                                        "Up to 400mA for Dynamic Current (0.12mA Step)"
22771                                      ] }),
22772                                      /* @__PURE__ */ a("td", { className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22773                                        "• 8Ch / 3Type",
22774                                        /* @__PURE__ */ e("br", {}),
22775                                        "1st Type : Up to 500uA for Standby Current",
22776                                        /* @__PURE__ */ e("br", {}),
22777                                        "- Resolution : 0.15uA",
22778                                        /* @__P
22778URE__ */ e("br", {}),
22779                                        "- Accuracy : Under 50uA – ±2uA, Over 50uA – ±5%",
22780                                        /* @__PURE__ */ e("br", {}),
22781                                        /* @__PURE__ */ e("br", {}),
22782                                        "2nd Type : Up to 5000uA for Standby Current",
22783                                        /* @__PURE__ */ e("br", {}),
22784                                        "- Resolution : 1.5uA",
22785                                        /* @__PURE__ */ e("br", {}),
22786                                        "- Accuracy : Under 500uA – ±20uA, Over 500uA – ±5%",
22787                                        /* @__PURE__ */ e("br", {}),
22788                                        /* @__PURE__ */ e("br", {}),
22789                                        "3rd Type : Up to 400mA for Dynamic Current",
22790                                        /* @__PURE__ */ e("br", {}),
22791                                        "- Resolution : 0.12mA",
22792                                        /* @__P
22792URE__ */ e("br", {}),
22793                                        "- Accuracy : ±5%"
22794                                      ] }),
22795                                      /* @__PURE__ */ a("td", { colSpan: 2, className: "px-3 py-3 text-left border border-slate-200 text-slate-800 align-top", children: [
22796                                        "• 12Ch / 2 type",
22797                                        /* @__PURE__ */ e("br", {}),
22798                                        "1st Type",
22799                                        /* @__PURE__ */ e("br", {}),
22800                                        "- Up to 500uA",
22801                                        /* @__PURE__ */ e("br", {}),
22802                                        "- Resolution : 0.15uA",
22803                                        /* @__PURE__ */ e("br", {}),
22804                                        "- Accuracy : under 50uA – ±1uA, over 50uA – ±2%",
22805                                        /* @__PURE__ */ e("br", {}),
22806                                        /* @__PURE__ */ e("br", {}),
22807                                        "2nd Type",
22808                                        /* @__PURE__ */ e("br", {}),
22809                                        "- Up to 5000uA",
22810                                        /* @__PURE__ */ e("br", {}),
22811                                        "- Resolution : 1.5uA",
22812                                        /* @__PURE__ */ e("br", {}),
22813                                        "- Accuracy : under 500uA – ±10uA, over 500uA – ±2%",
22814                                        /* @__PURE__ */ e("br", {}),
22815                                        /* @__PURE__ */ e("br", {}),
22816                                        "3rd Type",
22817                                        /* @__PURE__ */ e("br", {}),
22818                                        "- Up to 1000mA",
22819                                        /* @__PURE__ */ e("br", {}),
22820                                        "- Resolution : 0.3mA",
22821                                        /* @__PURE__ */ e("br", {}),
22822                                        "- Accuracy : ±2%"
22823                                      ] })
22824                                    ] })
22825                                  ] })
22826                                ] }),
22827                                /* @__PURE__ */ e("div", { className: "flex justify-end mt-2 mb-4", children: /* @__PURE__ */ e("p", { className: "text-[12px] text-gray-500 italic font-sans", children: "1) Single : Sensor 한개 연결 가능, Dual : Sensor 2개 동시 연결 가능" }) }),
22828                                /* @__PURE__ */ e("div", { className: "mt-8 mb-4", children: /* @__PURE__ */ e("h4", { className: "font-bold font-[Aoboshi_One] mt-24 pb-4 mb-4 border-b border-gray-200 text-[#000000] text-[17px]", children: "DCR Board (Optional)" }) }),
22829                                /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
22830                                  /* @__PURE__ */ a("colgroup", { children: [
22831                                    /* @__PURE__ */ e("col", { style: { width: "160px" } }),
22832                                    /* @__PURE__ */ e("col", {}),
22833                                    /* @__PURE__ */ e("col", {}),
22834                                    /* @__PURE__ */ e("col", {})
22835                                  ] }),
22836                                  /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
22837                                    /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Apply for" }),
22838                                    /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "For V5U series & V5FP" }),
22839                                    /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Only for V5FP-Dual" }),
22840                                    /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Only for V5FP-Dual-COMBO" })
22841                                  ] }) }),
22842                                  /* @__PURE__ */ a("tbody", { children: [
22843                                    /* @__PURE__ */ a("tr", { children: [
22844                                      /* @__PURE__ */ e("td", { className: "px-5 py-4 text-center border border-slate-200 bg-slate-50 text-slate-700 align-middle", style: { fontWeight: 600 }, children: "Image" }),
22845                                      /* @__PURE__ */ e("td", { className: "px-5 py-4 border border-slate-200 text-slate-800 text-center align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[140px]", children: /* @__PURE__ */ e(S, { src: Dc, alt: "V5U series & V5FP", className: "max-h-full max-w-full object-contain" }) }) }),
22846                                      /* @__PURE__ */ e("td", { className: "px-5 py-4 border border-slate-200 text-slate-800 text-center align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[140px]", children: /* @__PURE__ */ e(S, { src: s4, alt: "DCR Board", className: "max-h-full max-w-full object-contain" }) }) }),
22847                                      /* @__PURE__ */ e("td", { className: "px-5 py-4 border border-slate-200 text-slate-800 text-center align-middle", children: /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-[140px]", children: /* @__PURE__ */ e(S, { src: Tc, alt: "V5FP-Dual-COMBO", className: "max-h-full max-w-full object-contain" }) }) })
22848                                    ] }),
22849                                    /* @__PURE__ */ a("tr", { children: [
22850                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22851                                        "General",
22852                                        /* @__PURE__ */ e("br", {}),
22853                                        "Feature"
22854                                      ] }),
22855                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22856                                        "1) Sensor Interface : MIPI 1,2,4 Lane",
22857                                        /* @__PURE__ */ e("br", {}),
22858                                        "2) Open/Short Test",
22859                                        /* @__PURE__ */ e("br", {}),
22860                                        "3) Leakage Current Test"
22861                                      ] }),
22862                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22863                                        "1) Sensor Interface : MIPI 1,2,4 Lane",
22864                                        /* @__PURE__ */ e("br", {}),
22865                                        "2) Open/Short Test",
22866                                        /* @__PURE__ */ e("br", {}),
22867                                        "3) Leakage Current Test"
22868                                      ] }),
22869                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22870                                        "1) Sensor Interface :",
22871                                        /* @__PURE__ */ e("br", {}),
22872                                        "  - MIPI DPHY 1,2,4 Lane",
22873                                        /* @__PURE__ */ e("br", {}),
22874                                        "  - MIPI CPHY 1,2,3 Lane",
22875                                        /* @__PURE__ */ e("br", {}),
22876                                        "2) Open/Short Test",
22877                                        /* @__PURE__ */ e("br", {}),
22878                                        "3) Leakage Current Test"
22879                                      ] })
22880                                    ] }),
22881                                    /* @__PURE__ */ a("tr", { children: [
22882                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22883                                        "Open/",
22884                                        /* @__PURE__ */ e("br", {}),
22885                                        "Short",
22886                                        /* @__PURE__ */ e("br", {}),
22887                                        "Test"
22888                                      ] }),
22889                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22890                                        "1) Source : Constant Current",
22891                                        /* @__PURE__ */ e("br", {}),
22892                                        "  (0.5~3mA/256step)",
22893                                        /* @__PURE__ */ e("br", {}),
22894                                        "2) Measure : Voltage",
22895                                        /* @__PURE__ */ e("br", {}),
22896                                        "  (0~1.8V/1024 step)",
22897                                        /* @__PURE__ */ e("br", {}),
22898                                        "3) Quantity of Test Pin : 24Pin",
22899                                        /* @__PURE__ */ e("br", {}),
22900                                        "  (Power : 5Pin, Signal : 19Pin)"
22901                                      ] }),
22902                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22903                                        "1) Source : Constant Current",
22904                                        /* @__PURE__ */ e("br", {}),
22905                                        "  (0.5~3mA/256step)",
22906                                        /* @__PURE__ */ e("br", {}),
22907                                        "2) Measure : Voltage",
22908                                        /* @__PURE__ */ e("br", {}),
22909                                        "  (0~1.8V/1024step)",
22910                                        /* @__PURE__ */ e("br", {}),
22911                                        "3) Quantity of Test Pin : 54Pin",
22912                                        /* @__PURE__ */ e("br", {}),
22913                                        "  (Power : 8Pin, Signal : 46Pin)"
22914                                      ] }),
22915                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22916                                        "1) Source : Constant Current",
22917                                        /* @__PURE__ */ e("br", {}),
22918                                        "  (0.5~3mA/256step)",
22919                                        /* @__PURE__ */ e("br", {}),
22920                                        "2) Measure : Voltage",
22921                                        /* @__PURE__ */ e("br", {}),
22922                                        "  (0~1.8V/1024step)",
22923                                        /* @__PURE__ */ e("br", {}),
22924                                        "3) Quantity of Test Pin : 54Pin",
22925                                        /* @__PURE__ */ e("br", {}),
22926                                        "  (Power : 8Pin, Signal : 46Pin)"
22927                                      ] })
22928                                    ] }),
22929                                    /* @__PURE__ */ a("tr", { children: [
22930                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22931                                        "Leakage",
22932                                        /* @__PURE__ */ e("br", {}),
22933                                        "Current",
22934                                        /* @__PURE__ */ e("br", {}),
22935                                        "Test"
22936                                      ] }),
22937                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22938                                        "1) Source : Constant Voltage",
22939                                        /* @__PURE__ */ e("br", {}),
22940                                        "  (0~3.3V/1024step)",
22941                                        /* @__PURE__ */ e("br", {}),
22942                                        "2) Measure : Current",
22943                                        /* @__PURE__ */ e("br", {}),
22944                                        "  (0~2mA/1024step)",
22945                                        /* @__PURE__ */ e("br", {}),
22946                                        "3) Quantity of Test Pin : 24Pin",
22947                                        /* @__PURE__ */ e("br", {}),
22948                                        "  (Power : 5Pin, Signal : 19Pin)"
22949                                      ] }),
22950                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22951                                        "1) Source : Constant Voltage",
22952                                        /* @__PURE__ */ e("br", {}),
22953                                        "  (0~3.3V/1024step)",
22954                                        /* @__PURE__ */ e("br", {}),
22955                                        "2) Measure : Current",
22956                                        /* @__PURE__ */ e("br", {}),
22957                                        "  (0~2mA/1024step)",
22958                                        /* @__PURE__ */ e("br", {}),
22959                                        "3) Quantity of Test Pin : 54Pin",
22960                                        /* @__PURE__ */ e("br", {}),
22961                                        "  (Power : 8Pin, Signal : 46Pin)"
22962                                      ] }),
22963                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22964                                        "1) Source : Constant Voltage",
22965                                        /* @__PURE__ */ e("br", {}),
22966                                        "  (0~3.3V/1024step)",
22967                                        /* @__PURE__ */ e("br", {}),
22968                                        "2) Measure : Current",
22969                                        /* @__PURE__ */ e("br", {}),
22970                                        "  (0~2mA/1024step)",
22971                                        /* @__PURE__ */ e("br", {}),
22972                                        "3) Quantity of Test Pin : 54Pin",
22973                                        /* @__PURE__ */ e("br", {}),
22974                                        "  (Power : 8Pin, Signal : 46Pin)"
22975                                      ] })
22976                                    ] }),
22977                                    /* @__P
22977URE__ */ a("tr", { children: [
22978                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700 align-top", style: { fontWeight: 600 }, children: [
22979                                        "DCR Board",
22980                                        /* @__PURE__ */ e("br", {}),
22981                                        "Interface"
22982                                      ] }),
22983                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22984                                        "- O/S, Leakage Pin Control : SPI",
22985                                        /* @__PURE__ */ e("br", {}),
22986                                        "- Source & Measure : I2C"
22987                                      ] }),
22988                                      /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: [
22989                                        "- O/S, Leakage Pin Control : SPI",
22990                                        /* @__PURE__ */ e("br", {}),
22991                                        "- Source & Measure : I2C"
22992                                      ] }),
22993                                      /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 align-top", children: "I2C" })
22994                                    ] })
22995                                  ] })
22996                                ] })
22997                              ] }) : i === "Light Source" ? /* @__PURE__ */ a("div", { className: "flex flex-col gap-8 w-full", children: [
22998                                /* @__PURE__ */ a("div", { children: [
22999                                  /* @__PURE__ */ a("h3", { className: "font-bold text-[16px] text-slate-800 mb-2 font-[Aoboshi_One]", children: [
23000                                    "CCIR Series ",
23001                                    /* @__PURE__ */ e("span", { className: "font-normal text-slate-400", children: "|" }),
23002                                    " Coaxial Light"
23003                                  ] }),
23004                                  /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23005                                    /* @__PURE__ */ a("colgroup", { children: [
23006                                      /* @__PURE__ */ e("col", { style: { width: "20%" } }),
23007                                      /* @__PURE__ */ e("col", { style: { width: "22%" } }),
23008                                      /* @__PURE__ */ e("col", { style: { width: "20%" } }),
23009                                      /* @__PURE__ */ e("col", { style: { width: "15%" } }),
23010                                      /* @__PURE__ */ e("col", { style: { width: "23%" } })
23011                                    ] }),
23012                                    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23013                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Image" }),
23014                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Model List" }),
23015                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Lighting Area" }),
23016                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Voltage" }),
23017                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Current" })
23018                                    ] }) }),
23019                                    /* @__PURE__ */ a("tbody", { children: [
23020                                      /* @__PURE__ */ a("tr", { children: [
23021                                        /* @__PURE__ */ e("td", { rowSpan: 3, className: "border border-slate-200 text-center p-2 bg-white align-middle", children: /* @__PURE__ */ e("img", { src: l4, alt: "CCIR", className: "w-20 h-auto mx-auto object-contain" }) }),
23022                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CCIR-050040-W11X" }),
23023                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "25 x 20" }),
23024                                        /* @__PURE__ */ e("td", { rowSpan: 3, className: "border border-slate-200 text-center py-2.5 text-slate-700 align-middle", children: "12V" }),
23025                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.2A (VLC-100: 255 Step)" })
23026                                      ] }),
23027                                      /* @__PURE__ */ a("tr", { children: [
23028                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CCIR-060050-W11X" }),
23029                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "35 x 29" }),
23030                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.25A (VLC-100: 255 Step)" })
23031                                      ] }),
23032                                      /* @__PURE__ */ a("tr", { children: [
23033                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CCIR-080080-W11X" }),
23034                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "66 x 51" }),
23035                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.17A (VLC-100: 255 Step)" })
23036                                      ] })
23037                                    ] })
23038                                  ] })
23039                                ] }),
23040                                /* @__PURE__ */ a("div", { children: [
23041                                  /* @__PURE__ */ a("h3", { className: "font-bold text-[16px] text-slate-800 mb-2 font-[Aoboshi_One]", children: [
23042                                    "CFIP Series ",
23043                                    /* @__PURE__ */ e("span", { className: "font-normal text-slate-400", children: "|" }),
23044                                    " Flat Light"
23045                                  ] }),
23046                                  /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23047                                    /* @__PURE__ */ a("colgroup", { children: [
23048                                      /* @__PURE__ */ e("col", { style: { width: "20%" } }),
23049                                      /* @__PURE__ */ e("col", { style: { width: "22%" } }),
23050                                      /* @__PURE__ */ e("col", { style: { width: "20%" } }),
23051                                      /* @__PURE__ */ e("col", { style: { width: "15%" } }),
23052                                      /* @__PURE__ */ e("col", { style: { width: "23%" } })
23053                                    ] }),
23054                                    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23055                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Image" }),
23056                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Model Lineup" }),
23057                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Lighting Area" }),
23058                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Voltage" }),
23059                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Current" })
23060                                    ] }) }),
23061                                    /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ a("tr", { children: [
23062                                      /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center p-2 bg-white align-middle", children: /* @__PURE__ */ e("img", { src: o4, alt: "CFIP", className: "w-20 h-auto mx-auto object-contain" }) }),
23063                                      /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRIP-056028-W110" }),
23064                                      /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "56ø x 28ø" }),
23065                                      /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700 align-middle", children: "12V" }),
23066                                      /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.13A (VLC-100: 255 Step)" })
23067                                    ] }) })
23068                                  ] })
23069                                ] }),
23070                                /* @__PURE__ */ a("div", { children: [
23071                                  /* @__PURE__ */ a("h3", { className: "font-bold text-[16px] text-slate-800 mb-2 font-[Aoboshi_One]", children: [
23072                                    "CRIP Series ",
23073                                    /* @__PURE__ */ e("span", { className: "font-normal text-slate-400", children: "|" }),
23074                                    " Ring Light"
23075                                  ] }),
23076                                  /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23077                                    /* @__PURE__ */ a("colgroup", { children: [
23078                                      /* @__PURE__ */ e("col", { style: { width: "20%" } }),
23079                                      /* @__PURE__ */ e("col", { style: { width: "22%" } }),
23080                                      /* @__PURE__ */ e("col", { style: { width: "20%" } }),
23081                                      /* @__P
23081URE__ */ e("col", { style: { width: "15%" } }),
23082                                      /* @__PURE__ */ e("col", { style: { width: "23%" } })
23083                                    ] }),
23084                                    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23085                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Image" }),
23086                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Model Lineup" }),
23087                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Lighting Area" }),
23088                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Voltage" }),
23089                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Current" })
23090                                    ] }) }),
23091                                    /* @__PURE__ */ a("tbody", { children: [
23092                                      /* @__PURE__ */ a("tr", { children: [
23093                                        /* @__PURE__ */ e("td", { rowSpan: 3, className: "border border-slate-200 text-center p-2 bg-white align-middle", children: /* @__PURE__ */ e("img", { src: c4, alt: "CRIP", className: "w-20 h-auto mx-auto object-contain" }) }),
23094                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRIP-056028-W110" }),
23095                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "56ø x 28ø" }),
23096                                        /* @__PURE__ */ e("td", { rowSpan: 3, className: "border border-slate-200 text-center py-2.5 text-slate-700 align-middle", children: "12V" }),
23097                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.13A (VLC-100: 255 Step)" })
23098                                      ] }),
23099                                      /* @__PURE__ */ a("tr", { children: [
23100                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRIP-070035-W110" }),
23101                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "70ø x 35ø" }),
23102                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.142A (VLC-100: 255 Step)" })
23103                                      ] }),
23104                                      /* @__PURE__ */ a("tr", { children: [
23105                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRIP-080045-W110" }),
23106                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "80ø x 45ø" }),
23107                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.18A (VLC-100: 255 Step)" })
23108                                      ] })
23109                                    ] })
23110                                  ] })
23111                                ] }),
23112                                /* @__PURE__ */ a("div", { children: [
23113                                  /* @__PURE__ */ a("h3", { className: "font-bold text-[16px] text-slate-800 mb-2 font-[Aoboshi_One]", children: [
23114                                    "CRMA Series ",
23115                                    /* @__PURE__ */ e("span", { className: "font-normal text-slate-400", children: "|" }),
23116                                    " Multi Angle Light"
23117                                  ] }),
23118                                  /* @__P
23118URE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23119                                    /* @__PURE__ */ a("colgroup", { children: [
23120                                      /* @__PURE__ */ e("col", { style: { width: "18%" } }),
23121                                      /* @__PURE__ */ e("col", { style: { width: "22%" } }),
23122                                      /* @__PURE__ */ e("col", { style: { width: "15%" } }),
23123                                      /* @__PURE__ */ e("col", { style: { width: "10%" } }),
23124                                      /* @__PURE__ */ e("col", { style: { width: "12%" } }),
23125                                      /* @__PURE__ */ e("col", { style: { width: "23%" } })
23126                                    ] }),
23127                                    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23128                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Image" }),
23129                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Model Lineup" }),
23130                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Lighting Area" }),
23131                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Color" }),
23132                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Voltage" }),
23133                                      /* @__PURE__ */ e("th", { className: "px-2 py-3 border border-slate-200 text-slate-800 text-center font-bold", children: "Input Current" })
23134                                    ] }) }),
23135                                    /* @__PURE__ */ a("tbody", { children: [
23136                                      /* @__P
23136URE__ */ a("tr", { children: [
23137                                        /* @__PURE__ */ e("td", { rowSpan: 4, className: "border border-slate-200 text-center p-2 bg-white align-middle", children: /* @__PURE__ */ e(S, { src: "https://images.unsplash.com/photo-1729825128035-04759dbc0f68?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwY2FtZXJhJTIwcmluZyUyMGxpZ2h0fGVufDF8fHx8MTc3MzgyMDk4M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", alt: "CRMA", className: "w-20 h-auto mx-auto object-contain rounded-md" }) }),
23138                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRMA-040025-X110" }),
23139                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "40ø x 25ø" }),
23140                                        /* @__PURE__ */ a("td", { rowSpan: 4, className: "border border-slate-200 text-center py-2.5 text-slate-700 align-middle leading-[1.8]", children: [
23141                                          "Red,",
23142                                          /* @__PURE__ */ e("br", {}),
23143                                          "Blue,",
23144                                          /* @__PURE__ */ e("br", {}),
23145                                          "Green,",
23146                                          /* @__PURE__ */ e("br", {}),
23147                                          "White"
23148                                        ] }),
23149                                        /* @__PURE__ */ e("td", { rowSpan: 4, className: "border border-slate-200 text-center py-2.5 text-slate-700 align-middle", children: "12V" }),
23150                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.05A (VLC-100: 255 Step)" })
23151                                      ] }),
23152                                      /* @__PURE__ */ a("tr", { children: [
23153                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRMAD-048025-X110" }),
23154                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "48ø x 25ø" }),
23155                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.17A (VLC-100: 255 Step)" })
23156                                      ] }),
23157                                      /* @__PURE__ */ a("tr", { children: [
23158                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRMAD-056028-X110" }),
23159                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "56ø x 28ø" }),
23160                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.25A (VLC-100: 255 Step)" })
23161                                      ] }),
23162                                      /* @__PURE__ */ a("tr", { children: [
23163                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "CRMAD-074035-X110" }),
23164                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "74ø x 35ø" }),
23165                                        /* @__PURE__ */ e("td", { className: "border border-slate-200 text-center py-2.5 text-slate-700", children: "0.25A (VLC-100: 255 Step)" })
23166                                      ] })
23167                                    ] })
23168                                  ] })
23169                                ] })
23170                              ] }) : i === "Light Source Controller" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23171                                /* @__PURE__ */ a("colgroup", { children: [
23172                                  /* @__PURE__ */ e("col", { style: { width: "200px" } }),
23173                                  /* @__PURE__ */ e("col", {}),
23174                                  /* @__PURE__ */ e("col", {})
23175                                ] }),
23176                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23177                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Model Name" }),
23178                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "VLC-150" }),
23179                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "VLC-250" })
23180                                ] }) }),
23181                                /* @__PURE__ */ a("tbody", { children: [
23182                                  /* @__PURE__ */ a("tr", { children: [
23183                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Interface" }),
23184                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "RS-232" }),
23185                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "RS-232" })
23186                                  ] }),
23187                                  /* @__PURE__ */ a("tr", { children: [
23188                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Serial Protocol" }),
23189                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
23190                                      "Baud rate(115200bps)",
23191                                      /* @__PURE__ */ e("br", {}),
23192                                      "Data bits(8bit), Parity(None), Stop bit(1bit)"
23193                                    ] }),
23194                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
23195                                      "Baud rate(115200bps)",
23196                                      /* @__PURE__ */ e("br", {}),
23197                                      "Data bits(8bit), Parity(None), Stop bit(1bit)"
23198                                    ] })
23199                                  ] }),
23200                                  /* @__PURE__ */ a("tr", { children: [
23201                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Display" }),
23202                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "4x16 CLCD" }),
23203                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "4x20 OLED" })
23204                                  ] }),
23205                                  /* @__PURE__ */ a("tr", { children: [
23206                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Control" }),
23207                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
23208                                      "Tact Switch(UP, DOWN, SEL, SET)",
23209                                      /* @__PURE__ */ e("br", {}),
23210                                      "Power Switch(1EA)"
23211                                    ] }),
23212                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Tact Switch(UP, DOWN, SEL, SET)" })
23213                                  ] }),
23214                                  /* @__PURE__ */ a("tr", { children: [
23215                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Indicator LED" }),
23216                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "RUN, ERR" }),
23217                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "None" })
23218                                  ] }),
23219                                  /* @__PURE__ */ a("tr", { children: [
23220                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Channel" }),
23221                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "4 Channel" }),
23222                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "12 Channel" })
23223                                  ] }),
23224                                  /* @__PURE__ */ a("tr", { children: [
23225                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Dimension (LxWxH)" }),
23226                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "128 x 178.5 x 61 mm" }),
23227                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "136 x 133.7 x 99.2 mm" })
23228                                  ] }),
23229                                  /* @__PURE__ */ a("tr", { children: [
23230                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Input Power" }),
23231                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "AC 90~240V / 50~60Hz" }),
23232                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "DC 12V 6A Adapter" })
23233                                  ] }),
23234                                  /* @__PURE__ */ a("tr", { children: [
23235                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Output Power" }),
23236                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
23237                                      "12 VDC",
23238                                      /* @__PURE__ */ e("br", {}),
23239                                      "(1Ch Max 900mA)"
23240                                    ] }),
23241                                    /* @__P
23241URE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
23242                                      "12 VDC",
23243                                      /* @__PURE__ */ e("br", {}),
23244                                      "(1Ch Max 900mA)"
23245                                    ] })
23246                                  ] })
23247                                ] })
23248                              ] }) : i === "5Axis Stage" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23249                                /* @__PURE__ */ a("colgroup", { children: [
23250                                  /* @__PURE__ */ e("col", { style: { width: "200px" } }),
23251                                  /* @__PURE__ */ e("col", {})
23252                                ] }),
23253                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23254                                  /* @__P
23254URE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
23255                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Description" })
23256                                ] }) }),
23257                                /* @__PURE__ */ a("tbody", { children: [
23258                                  /* @__PURE__ */ a("tr", { children: [
23259                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Title" }),
23260                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "HVS 5 axis stage" })
23261                                  ] }),
23262                                  /* @__PURE__ */ a("tr", { children: [
23263                                    /* @__P
23263URE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Dimension" }),
23264                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "74x74x55 mm (can be customized)" })
23265                                  ] }),
23266                                  /* @__PURE__ */ a("tr", { children: [
23267                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Stage table" }),
23268                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "60x60 mm (can be customized)" })
23269                                  ] }),
23270                                  /* @__PURE__ */ a("tr", { children: [
23271                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Travel Guide" }),
23272                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "connected with screw" })
23273                                  ] }),
23274                                  /* @__PURE__ */ a("tr", { children: [
23275                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Load capacity" }),
23276                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "6kg (can be customized)" })
23277                                  ] }),
23278                                  /* @__PURE__ */ a("tr", { children: [
23279                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Weight" }),
23280                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.71kg (can be customized)" })
23281                                  ] }),
23282                                  /* @__PURE__ */ a("tr", { children: [
23283                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Type" }),
23284                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Integral type (non-separable)" })
23285                                  ] }),
23286                                  /* @__PURE__ */ a("tr", { children: [
23287                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Setting tool" }),
23288                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Hex wrench (3mm)" })
23289                                  ] })
23290                                ] })
23291                              ] }) : i === "Gonio Stage" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23292                                /* @__PURE__ */ a("colgroup", { children: [
23293                                  /* @__PURE__ */ e("col", { style: { width: "250px" } }),
23294                                  /* @__PURE__ */ e("col", {})
23295                                ] }),
23296                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23297                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
23298                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Description" })
23299                                ] }) }),
23300                                /* @__PURE__ */ a("tbody", { children: [
23301                                  /* @__PURE__ */ a("tr", { children: [
23302                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Title" }),
23303                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Gonio stage" })
23304                                  ] }),
23305                                  /* @__PURE__ */ a("tr", { children: [
23306                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Table Material" }),
23307                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Aluminum" })
23308                                  ] }),
23309                                  /* @__PURE__ */ a("tr", { children: [
23310                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Guiding Mechanism" }),
23311                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Cross Roller" })
23312                                  ] }),
23313                                  /* @__PURE__ */ a("tr", { children: [
23314                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Through Hole (Table center hole)" }),
23315                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "No" })
23316                                  ] }),
23317                                  /* @__PURE__ */ a("tr", { children: [
23318                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sensor" }),
23319                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "CW Limit + Home Position + CCW Limit" })
23320                                  ] }),
23321                                  /* @__PURE__ */ a("tr", { children: [
23322                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Motor" }),
23323                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Default : 2-Phase stepping motor, Optional : available" })
23324                                  ] }),
23325                                  /* @__PURE__ */ a("tr", { children: [
23326                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Table Surface Treatment (Finish)" }),
23327                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Black /Alumite" })
23328                                  ] }),
23329                                  /* @__PURE__ */ a("tr", { children: [
23330                                    /* @__P
23330URE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Lead Mechanism" }),
23331                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Ball Screw" })
23332                                  ] }),
23333                                  /* @__PURE__ */ a("tr", { children: [
23334                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Thickness of Stage (H)" }),
23335                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "52mm" })
23336                                  ] }),
23337                                  /* @__PURE__ */ a("tr", { children: [
23338                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Goniometer Axis" }),
23339                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "2 Axis (X/Y)" })
23340                                  ] }),
23341                                  /* @__PURE__ */ a("tr", { children: [
23342                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "반복 위치 결정 정밀도" }),
23343                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Within ±0.001 º" })
23344                                  ] }),
23345                                  /* @__PURE__ */ a("tr", { children: [
23346                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Lost Motion" }),
23347                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Within 0.003 º" })
23348                                  ] })
23349                                ] })
23350                              ] }) : i === "Gonio Stage (Cam Follower_1/2 Axis)" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23351                                /* @__PURE__ */ a("colgroup", { children: [
23352                                  /* @__PURE__ */ e("col", { style: { width: "220px" } }),
23353                                  /* @__PURE__ */ e("col", {}),
23354                                  /* @__PURE__ */ e("col", {})
23355                                ] }),
23356                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23357                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Model" }),
23358                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "EC-SZG-1" }),
23359                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "EC-SZG-2 (Upper / Lower)" })
23360                                ] }) }),
23361                                /* @__PURE__ */ a("tbody", { children: [
23362                                  /* @__PURE__ */ a("tr", { children: [
23363                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Axis" }),
23364                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "1 Axis" }),
23365                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "2 Axis" })
23366                                  ] }),
23367                                  /* @__PURE__ */ a("tr", { children: [
23368                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Travel range" }),
23369                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "±5°" }),
23370                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "±5°/±4°" })
23371                                  ] }),
23372                                  /* @__PURE__ */ a("tr", { children: [
23373                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Table size" }),
23374                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "60 x 60mm" }),
23375                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "60 x 60mm" })
23376                                  ] }),
23377                                  /* @__PURE__ */ a("tr", { children: [
23378                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Guide mechanism" }),
23379                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Cam Follower (10ea)" }),
23380                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Cam Follower (20ea)" })
23381                                  ] }),
23382                                  /* @__PURE__ */ a("tr", { children: [
23383                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Feed mechanism" }),
23384                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Ball Screw, Lead 1" }),
23385                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Ball Screw, Lead 1" })
23386                                  ] }),
23387                                  /* @__PURE__ */ a("tr", { children: [
23388                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Resolution" }),
23389                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "0.035936° / pulse (16,000pulse)" }),
23390                                    /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: [
23391                                      "0.035936° / pulse",
23392                                      /* @__PURE__ */ e("br", {}),
23393                                      "/ 0.027968° / pulse (16,000pulse)"
23394                                    ] })
23395                                  ] }),
23396                                  /* @__PURE__ */ a("tr", { children: [
23397                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Repeatability" }),
23398                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "±0.002°" }),
23399                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "±0.002°" })
23400                                  ] }),
23401                                  /* @__PURE__ */ a("tr", { children: [
23402                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Stage height" }),
23403                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "29mm" }),
23404                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "58mm" })
23405                                  ] }),
23406                                  /* @__PURE__ */ a("tr", { children: [
23407                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Rotation height (Customizable)" }),
23408                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "94mm ±0.2" }),
23409                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "94mm ±0.2" })
23410                                  ] }),
23411                                  /* @__PURE__ */ a("tr", { children: [
23412                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Positioning centere accuracy" }),
23413                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "TBD" }),
23414                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "<30μm" })
23415                                  ] }),
23416                                  /* @__PURE__ */ a("tr", { children: [
23417                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Backlash" }),
23418                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Max. 0.002mm" }),
23419                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Max. 0.002mm" })
23420                                  ] }),
23421                                  /* @__PURE__ */ a("tr", { children: [
23422                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Lost motion" }),
23423                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Max. 0.004mm" }),
23424                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Max. 0.004mm" })
23425                                  ] }),
23426                                  /* @__PURE__ */ a("tr", { children: [
23427                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Max speed" }),
23428                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "15°/sec" }),
23429                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "15°/sec / 13.6°/sec" })
23430                                  ] }),
23431                                  /* @__P
23431URE__ */ a("tr", { children: [
23432                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Load capacity" }),
23433                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "5.6kgf" }),
23434                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "5kgf" })
23435                                  ] }),
23436                                  /* @__PURE__ */ a("tr", { children: [
23437                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Weight" }),
23438                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "0.6kg" }),
23439                                    /* @__P
23439URE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "1.2kg" })
23440                                  ] }),
23441                                  /* @__PURE__ */ a("tr", { children: [
23442                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Dimension" }),
23443                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "189.6 x 82 x 29mm (W x H x D)" }),
23444                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "189.6 x 189.6 x 58mm (W x H x D)" })
23445                                  ] }),
23446                                  /* @__PURE__ */ a("tr", { children: [
23447                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Encoder resolution" }),
23448                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "16,000" }),
23449                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "16,000" })
23450                                  ] }),
23451                                  /* @__PURE__ */ a("tr", { children: [
23452                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sensor" }),
23453                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Home 1, Limit 2" }),
23454                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Home 2, Limit 4" })
23455                                  ] }),
23456                                  /* @__P
23456URE__ */ a("tr", { children: [
23457                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Material treatment" }),
23458                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Aluminum - Black almite finishing" }),
23459                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Aluminum - Black almite finishing" })
23460                                  ] }),
23461                                  /* @__PURE__ */ a("tr", { children: [
23462                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Motor model" }),
23463                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "2-phase stepping motor" }),
23464                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "2-phase stepping motor" })
23465                                  ] })
23466                                ] })
23467                              ] }) : i === "Ball Spline Nozzle" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23468                                /* @__PURE__ */ a("colgroup", { children: [
23469                                  /* @__PURE__ */ e("col", { style: { width: "80px" } }),
23470                                  /* @__PURE__ */ e("col", {}),
23471                                  /* @__PURE__ */ e("col", {})
23472                                ] }),
23473                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23474                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "No." }),
23475                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Details" }),
23476                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Unit" })
23477                                ] }) }),
23478                                /* @__PURE__ */ a("tbody", { children: [
23479                                  /* @__PURE__ */ a("tr", { children: [
23480                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "1" }),
23481                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Spline Pie(φ)" }),
23482                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "6" })
23483                                  ] }),
23484                                  /* @__PURE__ */ a("tr", { children: [
23485                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "2" }),
23486                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Stroke(mm)" }),
23487                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0~2" })
23488                                  ] }),
23489                                  /* @__PURE__ */ a("tr", { children: [
23490                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "3" }),
23491                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Straightness(mm)" }),
23492                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.02" })
23493                                  ] }),
23494                                  /* @__PURE__ */ a("tr", { children: [
23495                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "4" }),
23496                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Travel Guide" }),
23497                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Ball Spline" })
23498                                  ] }),
23499                                  /* @__PURE__ */ a("tr", { children: [
23500                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "5" }),
23501                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Tilt Tolerance(mm)" }),
23502                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0~0.03(0~0.6°)" })
23503                                  ] }),
23504                                  /* @__PURE__ */ a("tr", { children: [
23505                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "6" }),
23506                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Tension Range(kg)" }),
23507                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.25~0.4" })
23508                                  ] }),
23509                                  /* @__PURE__ */ a("tr", { children: [
23510                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "7" }),
23511                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Material" }),
23512                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Steel" })
23513                                  ] }),
23514                                  /* @__PURE__ */ a("tr", { children: [
23515                                    /* @__PURE__ */ e("td", { className: "px-4 py-3 text-center border border-slate-200 text-slate-800", children: "8" }),
23516                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-left", children: "Weight(g)" }),
23517                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "45" })
23518                                  ] })
23519                                ] })
23520                              ] }) : i === "Auto Socket Actuator" ? /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
23521                                /* @__PURE__ */ a("div", { children: [
23522                                  /* @__PURE__ */ e("h4", { className: "font-bold font-[Aoboshi_One] pb-4 mb-4 border-b border-gray-200 text-[#000000] text-[17px] text-center", children: "Small Size" }),
23523                                  /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23524                                    /* @__PURE__ */ a("colgroup", { children: [
23525                                      /* @__PURE__ */ e("col", { style: { width: "40%" } }),
23526                                      /* @__PURE__ */ e("col", { style: { width: "60%" } })
23527                                    ] }),
23528                                    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23529                                      /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
23530                                      /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Description" })
23531                                    ] }) }),
23532                                    /* @__PURE__ */ a("tbody", { children: [
23533                                      /* @__PURE__ */ a("tr", { children: [
23534                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: '"A" Range' }),
23535                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "55X67" })
23536                                      ] }),
23537                                      /* @__PURE__ */ a("tr", { children: [
23538                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Travel Range" }),
23539                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "40mm" })
23540                                      ] }),
23541                                      /* @__PURE__ */ a("tr", { children: [
23542                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Up-Down Range" }),
23543                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "6mm" })
23544                                      ] }),
23545                                      /* @__PURE__ */ a("tr", { children: [
23546                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Parallelism" }),
23547                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0~0.05mm" })
23548                                      ] }),
23549                                      /* @__PURE__ */ a("tr", { children: [
23550                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Weight" }),
23551                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.5kg" })
23552                                      ] })
23553                                    ] })
23554                                  ] })
23555                                ] }),
23556                                /* @__PURE__ */ a("div", { children: [
23557                                  /* @__PURE__ */ e("h4", { className: "font-bold font-[Aoboshi_One] pb-4 mb-4 border-b border-gray-200 text-[#000000] text-[17px] text-center", children: "Large Size" }),
23558                                  /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23559                                    /* @__PURE__ */ a("colgroup", { children: [
23560                                      /* @__PURE__ */ e("col", { style: { width: "40%" } }),
23561                                      /* @__PURE__ */ e("col", { style: { width: "60%" } })
23562                                    ] }),
23563                                    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23564                                      /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
23565                                      /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Description" })
23566                                    ] }) }),
23567                                    /* @__PURE__ */ a("tbody", { children: [
23568                                      /* @__PURE__ */ a("tr", { children: [
23569                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: '"A" Range' }),
23570                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "70X50" })
23571                                      ] }),
23572                                      /* @__PURE__ */ a("tr", { children: [
23573                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Travel Range" }),
23574                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "30mm" })
23575                                      ] }),
23576                                      /* @__PURE__ */ a("tr", { children: [
23577                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Up-Down Range" }),
23578                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "6mm" })
23579                                      ] }),
23580                                      /* @__PURE__ */ a("tr", { children: [
23581                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Parallelism" }),
23582                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0~0.05mm" })
23583                                      ] }),
23584                                      /* @__PURE__ */ a("tr", { children: [
23585                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Weight" }),
23586                                        /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.7kg" })
23587                                      ] })
23588                                    ] })
23589                                  ] })
23590                                ] })
23591                              ] }) : i === "Tilt Stage" ? /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23592                                /* @__PURE__ */ a("colgroup", { children: [
23593                                  /* @__PURE__ */ e("col", { style: { width: "250px" } }),
23594                                  /* @__PURE__ */ e("col", {})
23595                                ] }),
23596                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23597                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
23598                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "Description" })
23599                                ] }) }),
23600                                /* @__PURE__ */ a("tbody", { children: [
23601                                  /* @__PURE__ */ a("tr", { children: [
23602                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Axis" }),
23603                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "2 axis" })
23604                                  ] }),
23605                                  /* @__PURE__ */ a("tr", { children: [
23606                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Stroke" }),
23607                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Upper : ±5~12 deg Lower : ±4~10 deg" })
23608                                  ] }),
23609                                  /* @__PURE__ */ a("tr", { children: [
23610                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Table size" }),
23611                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "60 ~ 200 * 60 ~ 200 mm" })
23612                                  ] }),
23613                                  /* @__PURE__ */ a("tr", { children: [
23614                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Repeatability" }),
23615                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "±0.002° (at C5 grade)" })
23616                                  ] }),
23617                                  /* @__PURE__ */ a("tr", { children: [
23618                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Max speed" }),
23619                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "5 ~ 10 deg/sec" })
23620                                  ] }),
23621                                  /* @__PURE__ */ a("tr", { children: [
23622                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Load Capacity" }),
23623                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "5kg ~ 10kg" })
23624                                  ] }),
23625                                  /* @__PURE__ */ a("tr", { children: [
23626                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sensor" }),
23627                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Home 2, Limit 4" })
23628                                  ] }),
23629                                  /* @__PURE__ */ a("tr", { children: [
23630                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Motor model" }),
23631                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "2-phase step motor" })
23632                                  ] })
23633                                ] })
23634                              ] }) : /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
23635                                /* @__PURE__ */ a("colgroup", { children: [
23636                                  /* @__PURE__ */ e("col", { style: { width: "200px" } }),
23637                                  /* @__PURE__ */ e("col", {}),
23638                                  /* @__PURE__ */ e("col", {})
23639                                ] }),
23640                                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-slate-100", children: [
23641                                  /* @__PURE__ */ e("th", { className: "px-4 py-3 text-slate-800 text-center border border-slate-200", style: { fontWeight: 700 }, children: "Item" }),
23642                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "HVO-CL5MGMO" }),
23643                                  /* @__PURE__ */ e("th", { className: "px-5 py-3 text-slate-800 border border-slate-200 text-center", style: { fontWeight: 700 }, children: "HVO-CL12MGMO" })
23644                                ] }) }),
23645                                /* @__PURE__ */ a("tbody", { children: [
23646                                  /* @__PURE__ */ a("tr", { children: [
23647                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "PC Interface" }),
23648                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Camera Link Medium / Full (4tap / 8tap)" })
23649                                  ] }),
23650                                  /* @__P
23650URE__ */ a("tr", { children: [
23651                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Camera Link Clock" }),
23652                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Sony IMX250 Mono" }),
23653                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Sony IMX253 Mono" })
23654                                  ] }),
23655                                  /* @__PURE__ */ a("tr", { children: [
23656                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Image Sensor" }),
23657                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "5M Pixel (2,448 x 2,048 x 8bit)" }),
23658                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "12M Pixel (4,094 x 3,000 x 8bit)" })
23659                                  ] }),
23660                                  /* @__PURE__ */ a("tr", { children: [
23661                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Image Sensor Resolution" }),
23662                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "CMOS Active Pixel (monochrome)" })
23663                                  ] }),
23664                                  /* @__PURE__ */ a("tr", { children: [
23665                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sensor Pixel Type" }),
23666                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "3.45 um(H) x 3.45 um(V)" })
23667                                  ] }),
23668                                  /* @__PURE__ */ a("tr", { children: [
23669                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Shutter" }),
23670                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Global Shutter" })
23671                                  ] }),
23672                                  /* @__PURE__ */ a("tr", { children: [
23673                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Exposure Time" }),
23674                                    /* @__P
23674URE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0.001ms to 14s" })
23675                                  ] }),
23676                                  /* @__PURE__ */ a("tr", { children: [
23677                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Trigger Mode" }),
23678                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Free Running / External Trigger / Camera Control Trigger" })
23679                                  ] }),
23680                                  /* @__PURE__ */ a("tr", { children: [
23681                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Lens Mount Type" }),
23682                                    /* @__P
23682URE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "C – Mount" })
23683                                  ] }),
23684                                  /* @__PURE__ */ a("tr", { children: [
23685                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Input Voltage" }),
23686                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "DC 12V" })
23687                                  ] }),
23688                                  /* @__PURE__ */ a("tr", { children: [
23689                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Connector" }),
23690                                    /* @__PURE__ */ a("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: [
23691                                      "Camera Link : SDR Connector (12226-1150-00FR)",
23692                                      /* @__PURE__ */ e("br", {}),
23693                                      "Power : HR-10A-7R-6PB (73)"
23694                                    ] })
23695                                  ] }),
23696                                  /* @__PURE__ */ a("tr", { children: [
23697                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Operating Temperature" }),
23698                                    /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "0°C ~ 70°C" })
23699                                  ] }),
23700                                  /* @__PURE__ */ a("tr", { children: [
23701                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Model Size" }),
23702                                    /* @__P
23702URE__ */ e("td", { colSpan: 2, className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "44mm(W) x 44mm(H) x 44.9(D)" })
23703                                  ] }),
23704                                  /* @__PURE__ */ a("tr", { children: [
23705                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Power Consumption" }),
23706                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "Maximum 3.9W, Typical : 3.6W" }),
23707                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800 text-center", children: "TBD" })
23708                                  ] }),
23709                                  /* @__PURE__ */ a("tr", { children: [
23710                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Max. Camera Link Frame Rate" }),
23711                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Up to 95.3 fps" }),
23712                                    /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Up to 41.7 fps" })
23713                                  ] })
23714                                ] })
23715                              ] })
23716                            ]
23717                          }
23718                        )
23719                      }
23720                    )
23721                  ]
23722                }
23723              ),
23724              /* @__PURE__ */ a(
23725                m.div,
23726                {
23727                  initial: { opacity: 0, y: 30 },
23728                  whileInView: { opacity: 1, y: 0 },
23729                  viewport: { once: !0 },
23730                  transition: { duration: 0.55, delay: 0.1 },
23731                  children: [
23732                    i === "Light Source Controller" && /* @__PURE__ */ a(
23733                      m.div,
23734                      {
23735                        className: "mb-24",
23736                        initial: { opacity: 0, y: 16 },
23737                        whileInView: { opacity: 1, y: 0 },
23738                        viewport: { once: !0 },
23739                        transition: { duration: 0.5, delay: 0.05 },
23740                        children: [
23741                          /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-6 pb-4 border-b border-gray-200 font-sans tracking-tight", children: "Accessory" }),
23742                          /* @__PURE__ */ a("div", { className: "flex items-center gap-8 justify-center", children: [
23743                            /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
23744                              /* @__PURE__ */ e("div", { className: "h-[200px] flex items-center justify-center bg-slate-50 p-4 rounded-xl border border-slate-100", children: /* @__PURE__ */ e(S, { src: "figma:asset/d064627ab4ec7c9c5cf1e8c3e3a5dbd21a75e723.png", alt: "Communication Cable", className: "max-h-full max-w-full object-contain mix-blend-multiply" }) }),
23745                              /* @__PURE__ */ e("span", { className: "mt-4 text-[14px] text-slate-600 font-medium tracking-tight", children: "통신 케이블 (RS-232C)" })
23746                            ] }),
23747                            /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
23748                              /* @__PURE__ */ e("div", { className: "h-[200px] flex items-center justify-center bg-slate-50 p-4 rounded-xl border border-slate-100", children: /* @__PURE__ */ e(S, { src: "figma:asset/21b0fdd089f17a363bad57664a1c1bea477406b3.png", alt: "Power Adapter", className: "max-h-full max-w-full object-contain mix-blend-multiply" }) }),
23749                              /* @__PURE__ */ e("span", { className: "mt-4 text-[14px] text-slate-600 font-medium tracking-tight", children: "전원 어댑터 (12V)" })
23750                            ] })
23751                          ] })
23752                        ]
23753                      }
23754                    ),
23755                    /* @__PURE__ */ e(
23756                      m.h3,
23757                      {
23758                        className: "text-[18px] font-bold text-slate-950 mb-2",
23759                        initial: { opacity: 0, y: 16 },
23760                        whileInView: { opacity: 1, y: 0 },
23761                        viewport: { once: !0 },
23762                        transition: { duration: 0.5, delay: 0.1 },
23763                        children: "적용 분야 (Application)"
23764                      }
23765                    ),
23766                    /* @__PURE__ */ e(
23767                      m.div,
23768                      {
23769                        className: "border-t border-gray-200 pt-8",
23770                        initial: { opacity: 0 },
23771                        whileInView: { opacity: 1 },
23772                        viewport: { once: !0 },
23773                        transition: { duration: 0.4, delay: 0.25 },
23774                        children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-14", children: D ? (
23775                          /* CoaxPress / Custom Application Cards */
23776                          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-8", children: D.map((T, M) => /* @__PURE__ */ a(
23777                            m.div,
23778                            {
23779                              className: "group overflow-hidden",
23780                              initial: { opacity: 0, y: 16 },
23781                              whileInView: { opacity: 1, y: 0 },
23782                              viewport: { once: !0 },
23783                              transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
23784                              children: [
23785                                /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
23786                                  S,
23787                                  {
23788                                    src: T.img,
23789                                    alt: T.title,
23790                                    className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
23791                                  }
23792                                ) }),
23793                                /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: T.title }),
23794                                /* @__PURE__ */ e("p", { className: "text-gray-400 text-[13px] mt-1 font-sans leading-snug whitespace-pre-line", children: T.subtitle })
23795                              ]
23796                            },
23797                            M
23798                          )) }) })
23799                        ) : i === "Light Source" ? (
23800                          /* Light Source Application Cards */
23801                          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8", children: [
23802                            { img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXIlMjBpbnNwZWN0aW9uJTIwbWFjcm98ZW58MXx8fHwxNzczODIyOTU5fDA&ixlib=rb-4.1.0&q=80&w=1080", title: "Semiconductor Device Inspection", subtitle: "반도체 웨이퍼 및 패키징 공정의 미세 결함을 정밀하게 검출하는 비전 검사 시스템에 적용됩니다." },
23803                            { img: "https://images.unsplash.com/photo-1658130174096-597f8f8f6514?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtZXRhbCUyMHN1cmZhY2UlMjB0ZXh0dXJlJTIwc2hpbnklMjBjcmFja3xlbnwxfHx8fDE3NzM4MjI5NTl8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "Metal Surface & Crack Inspection", subtitle: "금속 표면의 스크래치, 미세 크랙 및 가공 불량을 명확하게 식별하는 데 최적화되어 있습니다." },
23804                            { img: "https://images.unsplash.com/photo-1503694978374-8a2fa686963a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcmludGluZyUyMHByZXNzJTIwcGFwZXIlMjBwcmludHxlbnwxfHx8fDE3NzM4MjI5Njd8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "Printed Material Inspection", subtitle: "인쇄물의 텍스트 누락, 오염 및 인쇄 불량 등을 고속으로 정확하게 검사합니다." },
23805                            { img: "https://images.unsplash.com/flagged/photo-1562599838-8cc871c241a5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxMQ0QlMjBzY3JlZW4lMjBwaXhlbHMlMjBtYWNyb3xlbnwxfHx8fDE3NzM4MjI5NjF8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "LCD Character Inspection", subtitle: "디스플레이 패널의 문자, 픽셀 및 패턴 불량을 감지하는 디스플레이 검사 공정에 활용됩니다." },
23806                            { img: "https://images.unsplash.com/photo-1758452578031-6d387e71aa6a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxnbGFzcyUyMHN1cmZhY2UlMjByZWZsZWN0aW9uJTIwY2xlYXJ8ZW58MXx8fHwxNzczODIyOTYwfDA&ixlib=rb-4.1.0&q=80&w=1080", title: "Glass Surface Inspection", subtitle: "유리 및 투명 소재의 표면 스크래치, 이물질 등을 정밀하게 검출합니다." }
23807                          ].map((T, M) => /* @__PURE__ */ a(
23808                            m.div,
23809                            {
23810                              className: "group overflow-hidden",
23811                              initial: { opacity: 0, y: 16 },
23812                              whileInView: { opacity: 1, y: 0 },
23813                              viewport: { once: !0 },
23814                              transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
23815                              children: [
23816                                /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
23817                                  S,
23818                                  {
23819                                    src: T.img,
23820                                    alt: T.title,
23821                                    className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
23822                                  }
23823                                ) }),
23824                                /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: T.title }),
23825                                /* @__PURE__ */ e("p", { className: "text-gray-400 text-[13px] mt-1 font-sans leading-snug break-keep", children: T.subtitle })
23826                              ]
23827                            },
23828                            M
23829                          )) }) })
23830                        ) : i === "Tilt Stage" ? (
23831                          /* Tilt Stage Application Cards */
23832                          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-8", children: [
23833                            { img: "https://images.unsplash.com/photo-1646670244979-305554fbdd6f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW1lcmElMjBsZW5zJTIwYWxpZ25tZW50JTIwbWFjcm98ZW58MXx8fHwxNzczODIzMjMwfDA&ixlib=rb-4.1.0&q=80&w=1080", title: "Camera Active align", subtitle: "카메라 모듈의 최적 초점 및 광축 정렬을 위해 실시간으로 각도를 미세 조정하는 공정에 적용됩니다." },
23834                            { img: "https://images.unsplash.com/photo-1541972270946-e171618455a7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcHRpY2FsJTIwbGVucyUyMG1hbnVmYWN0dXJpbmclMjBhc3NlbWJseXxlbnwxfHx8fDE3NzM4MjMyMzN8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "Lens Assembly", subtitle: "복합 렌즈 모듈 조립 시 각 렌즈 간의 정밀한 틸트 보정을 통해 광학 성능을 극대화합니다." },
23835                            { img: "https://images.unsplash.com/photo-1705871433057-4bf8911f136f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkaXNwbGF5JTIwcGFuZWwlMjBnbGFzcyUyMG1hbnVmYWN0dXJpbmd8ZW58MXx8fHwxNzczODIzMjMxfDA&ixlib=rb-4.1.0&q=80&w=1080", title: "Panel Attachment", subtitle: "디스플레이 패널 또는 부품 부착 공정에서 미세한 평탄도와 각도를 제어하여 완벽한 접착을 구현합니다." },
23836                            { img: "https://images.unsplash.com/photo-1720036236697-018370867320?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx1diUyMGxpZ2h0JTIwY3VyaW5nJTIwaW5kdXN0cmlhbHxlbnwxfHx8fDE3NzM4MjMyMzB8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "UV Curing", subtitle: "UV 경화 공정 중 부품의 각도를 정밀하게 유지하여 균일한 경화 품질과 접착 강도를 확보합니다." }
23837                          ].map((T, M) => /* @__PURE__ */ a(
23838                            m.div,
23839                            {
23840                              className: "group overflow-hidden",
23841                              initial: { opacity: 0, y: 16 },
23842                              whileInView: { opacity: 1, y: 0 },
23843                              viewport: { once: !0 },
23844                              transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
23845                              children: [
23846                                /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
23847                                  S,
23848                                  {
23849                                    src: T.img,
23850                                    alt: T.title,
23851                                    className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
23852                                  }
23853                                ) }),
23854                                /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: T.title }),
23855                                /* @__PURE__ */ e("p", { className: "text-gray-400 text-[13px] mt-1 font-sans leading-snug break-keep", children: T.subtitle })
23856                              ]
23857                            },
23858                            M
23859                          )) }) })
23860                        ) : i.toLowerCase().includes("hyprobe") ? (
23861                          /* HyProbe Application Cards */
23862                          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-8", children: [
23863                            { img: Z5, title: "Module Connector Test Socket", subtitle: "모듈 커넥터의 전기적 특성 및 접촉 신뢰성을 검증하는 소켓 테스트 환경에 적용됩니다." },
23864                            { img: $5, title: "Memory Module Test", subtitle: "DRAM, LPDDR 등 다양한 메모리 모듈의 고속 신호 품질 및 기능 검사에 최적화되어 있습니다." },
23865                            { img: K5, title: "IC Socket Test", subtitle: "IC 패키지의 전기적 성능을 정밀하게 검증하는 소켓 인터페이스 환경에 활용됩니다." },
23866                            { img: Q5, title: "Probe Head Connection", subtitle: "테스트 장비와 DUT 간의 안정적인 신호 전달을 위한 프로브 헤드 연결부에 적용됩니다." }
23867                          ].map((T, M) => /* @__PURE__ */ a(
23868                            m.div,
23869                            {
23870                              className: "group overflow-hidden",
23871                              initial: { opacity: 0, y: 16 },
23872                              whileInView: { opacity: 1, y: 0 },
23873                              viewport: { once: !0 },
23874                              transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
23875                              children: [
23876                                /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
23877                                  S,
23878                                  {
23879                                    src: T.img,
23880                                    alt: T.title,
23881                                    className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
23882                                  }
23883                                ) }),
23884                                /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: T.title }),
23885                                /* @__PURE__ */ e("p", { className: "text-gray-400 text-[13px] mt-1 font-sans leading-snug", children: T.subtitle })
23886                              ]
23887                            },
23888                            M
23889                          )) }) })
23890                        ) : /* @__PURE__ */ a(V, { children: [
23891                          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8", children: [
23892                            { img: "https://images.unsplash.com/photo-1694701478292-3f60eb30c3b3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW1lcmElMjBtb2R1bGUlMjBpbnNwZWN0aW9uJTIwb3B0aWNhbCUyMGxlbnN8ZW58MXx8fHwxNzczMjgyMTc5fDA&ixlib=rb-4.1.0&q=80&w=1080", title: "Camera Module Inspection System", subtitle: "Precision inspection of camera modules and optical lens quality in production lines" },
23893                            { img: "https://images.unsplash.com/photo-1740205645173-d2ff3c09d7ab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb2JpbGUlMjBkZXZpY2UlMjBzbWFydHBob25lJTIwbWFudWZhY3R1cmluZyUyMGFzc2VtYmx5fGVufDF8fHx8MTc3MzI4MjE3OXww&ixlib=rb-4.1.0&q=80&w=1080", title: "Mobile Device Manufacturing", subtitle: "High-speed image acquisition for smartphone and tablet assembly process control" },
23894                            { img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXIlMjBpbnNwZWN0aW9uJTIwZXF1aXBtZW50fGVufDF8fHx8MTc3MzI4MjE4MHww&ixlib=rb-4.1.0&q=80&w=1080", title: "Semiconductor Inspection Equipment", subtitle: "Ultra-precise wafer and die-level defect detection for semiconductor fabrication" }
23895                          ].map((T, M) => /* @__PURE__ */ a(
23896                            m.div,
23897                            {
23898                              className: "group overflow-hidden",
23899                              initial: { opacity: 0, y: 16 },
23900                              whileInView: { opacity: 1, y: 0 },
23901                              viewport: { once: !0 },
23902                              transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
23903                              children: [
23904                                /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
23905                                  S,
23906                                  {
23907                                    src: T.img,
23908                                    alt: T.title,
23909                                    className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
23910                                  }
23911                                ) }),
23912                                /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: T.title }),
23913                                /* @__PURE__ */ e("p", { className: "text-gray-400 text-[13px] mt-1 font-sans leading-snug whitespace-pre-line", children: T.subtitle === "Precision inspection of camera modules and optical lens quality in production lines" ? `Precision inspection of camera modules
23914and optical lens quality in production lines` : T.subtitle === "High-speed image acquisition for smartphone and tablet assembly process control" ? `High speed image acquisition for smartphone
23915and tablet assembly process control` : T.subtitle === "Ultra-precise wafer and die-level defect detection for semiconductor fabrication" ? `Ultra-precise wafer and die-level
23916defect detection for semiconductor fabrication` : T.subtitle })
23917                              ]
23918                            },
23919                            M
23920                          )) }) }),
23921                          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8", children: [
23922                            { img: "https://images.unsplash.com/photo-1623834124494-3359c2ac348f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcHRpY2FsJTIwZmliZXIlMjBtb2R1bGUlMjB0ZXN0JTIwc3lzdGVtfGVufDF8fHx8MTc3MzI4MjE4MHww&ixlib=rb-4.1.0&q=80&w=1080", title: "Optical Module Test System", subtitle: "Functional testing and performance validation for optical communication modules" },
23923                            { img: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwaGlnaCUyMHNwZWVkJTIwaW5kdXN0cmlhbCUyMGluc3BlY3Rpb258ZW58MXx8fHwxNzczMjgyMTgwfDA&ixlib=rb-4.1.0&q=80&w=1080", title: "High-Speed Machine Vision Inspection", subtitle: "Real-time defect detection at production speeds with multi-lane imaging support" },
23924                            { img: "https://images.unsplash.com/photo-1720029865207-e56f9594c912?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhdXRvbW90aXZlJTIwY2FyJTIwZmFjdG9yeSUyMHZpc2lvbiUyMGluc3BlY3Rpb24lMjByb2JvdHxlbnwxfHx8fDE3NzMyODIxODF8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "Automotive Vision Inspection", subtitle: "Automated visual quality control for automotive components and body surface analysis" }
23925                          ].map((T, M) => /* @__PURE__ */ a(
23926                            m.div,
23927                            {
23928                              className: "group overflow-hidden",
23929                              initial: { opacity: 0, y: 16 },
23930                              whileInView: { opacity: 1, y: 0 },
23931                              viewport: { once: !0 },
23932                              transition: { duration: 0.4, delay: 0.08 + M * 0.06 },
23933                              children: [
23934                                /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
23935                                  S,
23936                                  {
23937                                    src: T.img,
23938                                    alt: T.title,
23939                                    className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
23940                                  }
23941                                ) }),
23942                                /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: T.title }),
23943                                /* @__PURE__ */ e("p", { className: "text-gray-400 text-[13px] mt-1 font-sans leading-snug whitespace-pre-line", children: T.subtitle === "Functional testing and performance validation for optical communication modules" ? `Functional testing and performance
23944validation for optical communication modules` : T.subtitle === "Real-time defect detection at production speeds with multi-lane imaging support" ? `Real-time defect detection at production
23945speeds with multi-lane imaging support` : T.subtitle === "Automated visual quality control for automotive components and body surface analysis" ? `Automated visual quality control for
23946automotive components and body surface analysis` : T.subtitle })
23947                              ]
23948                            },
23949                            M
23950                          )) }) })
23951                        ] }) })
23952                      }
23953                    )
23954                  ]
23955                }
23956              ),
23957              i === "CoaxPress Grabber" && /* @__PURE__ */ a(
23958                m.div,
23959                {
23960                  initial: { opacity: 0, y: 30 },
23961                  whileInView: { opacity: 1, y: 0 },
23962                  viewport: { once: !0 },
23963                  transition: { duration: 0.55, delay: 0.1 },
23964                  children: [
23965                    /* @__PURE__ */ e(
23966                      m.h3,
23967                      {
23968                        className: "text-[18px] font-bold text-slate-950 mb-2",
23969                        initial: { opacity: 0, y: 16 },
23970                        whileInView: { opacity: 1, y: 0 },
23971                        viewport: { once: !0 },
23972                        transition: { duration: 0.5, delay: 0.1 },
23973                        children: "인증 현황 (Certifications)"
23974                      }
23975                    ),
23976                    /* @__PURE__ */ e(
23977                      m.div,
23978                      {
23979                        className: "border-t border-gray-200 pt-8",
23980                        initial: { opacity: 0 },
23981                        whileInView: { opacity: 1 },
23982                        viewport: { once: !0 },
23983                        transition: { duration: 0.4, delay: 0.25 },
23984                        children: /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ a(
23985                          m.div,
23986                          {
23987                            className: "flex flex-col items-center gap-3",
23988                            initial: { opacity: 0, y: 16 },
23989                            whileInView: { opacity: 1, y: 0 },
23990                            viewport: { once: !0 },
23991                            transition: { duration: 0.4, delay: 0.08 },
23992                            children: [
23993                              /* @__PURE__ */ e(
23994                                "img",
23995                                {
23996                                  src: e4,
23997                                  alt: "JIIA Certificate",
23998                                  className: "rounded-lg shadow-sm",
23999                                  style: { width: "180px", height: "auto" }
24000                                }
24001                              ),
24002                              /* @__PURE__ */ e("span", { className: "text-slate-600 text-[13px] font-[Aoboshi_One]", style: { fontWeight: 600 }, children: "JIIA" })
24003                            ]
24004                          }
24005                        ) })
24006                      }
24007                    )
24008                  ]
24009                }
24010              )
24011            ] })
24012          ]
24013        }
24014      ),
24015      /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
24016        "button",
24017        {
24018          onClick: () => window.history.back(),
24019          className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
24020          children: "목록으로"
24021        }
24022      ) })
24023    ] }) }) })
24024  ] });
24025}
24026function cr({ productId: t = "hbsi-130" }) {
24027  const i = vp.find((n) => n.link === `#/product/${t}` || n.id.toString() === t);
24028  if (t === "scara-robot" || t === "scara-로봇")
24029    return /* @__PURE__ */ e(
24030      Oa,
24031      {
24032        productName: "SCARA Robot",
24033        productModel: "SCARA Robot",
24034        catchphrase: "Precision and Performance for Smart Manufacturing",
24035        heroImage: "figma:asset/56502082bf528d488cdb2b6256fcea5785358531.png",
24036        introTitle: "제조의 가치를 완성하는 첨단 SCARA Robot 토탈 솔루션",
24037        introDescription: "SCARA Robot은 산업용 자동화 시스템의 핵심으로, 고속 정밀 작업과 안정적인 핸들링을 보장합니다.",
24038        productImage: "figma:asset/56502082bf528d488cdb2b6256fcea5785358531.png",
24039        spec1Value: "고속",
24040        spec1Label: "작업 속도",
24041        spec2Value: "정밀",
24042        spec2Label: "반복 정밀도",
24043        spec3Value: "컴팩트",
24044        spec3Label: "공간 효율성",
24045        problemImage: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=1080",
24046        problemTitle: `생산성 향상을 위한
24047최적의 로보틱스 솔루션`,
24048        problemDescription: "하이비젼시스템의 정밀 제어 기술이 적용된 SCARA 로봇은 복잡한 조립 공정의 효율을 극대화합니다.",
24049        problemDetailText: "SCARA(Selective Compliance Assembly Robot Arm) 로봇은 수평 방향으로는 유연하고 수직 방향으로는 강인한 구조를 가지고 있어, 전자 부품의 삽입 및 조립 작업에 최적화되어 있습니다. 하이비젼의 독자적인 모션 제어 알고리즘은 고속 이동 시 발생하는 진동을 최소화하여 사이클 타임을 획기적으로 단축시킵니다.",
24050        coreFeaturesTitle: "핵심 강점",
24051        featuresList: [
24052          {
24053            num: "01",
24054            title: "자유로운 움직임",
24055            desc: "CUBICON 스카라 로봇은 4개의 관절을 가진 로봇으로, Z축 뿐만 아니라 R축으로도 자유롭게 회전할 수 있 다양한 작업을 고속/고정밀로 실현할 수 있습니다.",
24056            img: "https://images.unsplash.com/photo-1647427060118-4911c9821b82?auto=format&fit=crop&q=80&w=1080"
24057          },
24058          {
24059            num: "02",
24060            title: "컴팩트한 헤더(Header) 사이즈",
24061            desc: "Z축 구동부가 헤더(Header)에 설계된 타사 스카라 로봇과 달리, Z축 구동부를 베이스에 내장하여 헤더의 사이즈를 경량화했습니다. 주변 기기에 대한 간섭이 적어 좁은 공간에서도 설치 및 구동이 가능합니다.",
24062            img: "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?auto=format&fit=crop&q=80&w=1080"
24063          },
24064          {
24065            num: "03",
24066            title: "설계를 위한 추가 공간 보유",
24067            desc: "로봇 내부 및 주변 기구 설계를 최적화하여, 고객사의 특수한 공정 요구사항에 맞춰 커스터마이징할 수 있는 충분한 장착 공간을 확보했습니다.",
24068            img: "https://images.unsplash.com/photo-1716972899074-2d8ace6f700a?auto=format&fit=crop&q=80&w=1080"
24069          },
24070          {
24071            num: "04",
24072            title: "지능형 비전 통합",
24073            desc: "비전 시스템과의 원활한 통합을 통해 부품의 위치를 실시간으로 인식하고 보정하여 무결점 공정을 실현합니다.",
24074            img: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080"
24075          }
24076        ],
24077        coreFeaturesImage: "https://images.unsplash.com/photo-1535378917042-10a22c95931a?auto=format&fit=crop&q=80&w=1080",
24078        feature1Title: "고속 모션 제어",
24079        feature1Description: "진동 억제 기술이 적용된 고속 위치 결정",
24080        feature2Title: "정밀 기구 설계",
24081        feature2Description: "내구성과 정밀도를 동시에 확보한 메카니즘",
24082        feature3Title: "통합 제어 시스템",
24083        feature3Description: "다양한 주변 기기와의 인터페이스 지원",
24084        feature4Title: "안전 시스템",
24085        feature4Description: "작업자 보호를 위한 충돌 감지 및 정지 기능",
24086        applicationImage1: "https://images.unsplash.com/photo-1565515267323-95568b8b387e?auto=format&fit=crop&q=80&w=1080",
24087        applicationTitle1: "전자 부품 조립",
24088        applicationSubtitle1: "Electronics Assembly",
24089        applicationDesc1: "PCB 조립, 커넥터 삽입 등 소형 부품의 고속 정밀 조립 공정에 필수적입니다.",
24090        applicationImage2: "https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1080",
24091        applicationTitle2: "피킹 & 플레이스",
24092        applicationSubtitle2: "Pick & Place",
24093        applicationDesc2: "고속으로 부품을 분류하고 정확한 위치에 배치하는 물류 자동화에 최적화되어 있습니다.",
24094        applicationImage3: "https://images.unsplash.com/photo-1535378917042-10a22c95931a?auto=format&fit=crop&q=80&w=1080",
24095        applicationTitle3: "반도체 후공정",
24096        applicationSubtitle3: "Semiconductor Backend",
24097        applicationDesc3: "웨이퍼 핸들링 및 칩 트레이 이송 등 청정 환경이 요구되는 검사 공정에 적용됩니다."
24098      }
24099    );
24100  if (t === "fdm")
24101    return /* @__PURE__ */ e(
24102      Oa,
24103      {
24104        productName: "FDM 3D Printer",
24105        productModel: "CUBICON FDM Series",
24106        catchphrase: "Precision Layering for Industrial Prototypes",
24107        heroImage: "https://images.unsplash.com/photo-1760446410542-04b48d60bfb3?auto=format&fit=crop&q=80&w=1080",
24108        introTitle: "제조의 패러다임을 바꾸는 FDM 3D 프린팅 솔루션",
24109        introDescription: "FDM(Fused Deposition Modeling) 기술은 열가소성 수지를 정밀하게 압출하여 층층이 쌓아 올리는 가장 대중적이고 효율적인 3D 프린팅 방식입니다.",
24110        productImage: "figma:asset/88476d383f3a6bb30e3a3f1b309acbe52e7a1ea8.png",
24111        spec1Value: "Industrial",
24112        spec1Label: "제품 등급",
24113        spec2Value: "High",
24114        spec2Label: "적층 정밀도",
24115        spec3Value: "Large",
24116        spec3Label: "빌드 사이즈",
24117        problemImage: "https://images.unsplash.com/photo-1563968743333-044cef800494?auto=format&fit=crop&q=80&w=1080",
24118        problemTitle: `아이디어를 실물로 만드는
24119가장 빠른 방법`,
24120        problemDescription: "하이비젼시스템의 FDM 기술은 시제품 제작 기간을 단축하고 제조 원가를 혁신적으로 절감합니다.",
24121        problemDetailText: "CUBICON의 FDM 3D 프린터는 특허받은 오토 레벨링 기능과 정밀 온도 제어 시스템을 통해 대형 출력물에서도 휘 현상 없이 안정적인 품질을 보장합니다. 다양한 엔지니어링 플라스틱 소재를 지원하여 실제 기계적 강도가 요구되는 부품 생산까지 대응이 가능합니다.",
24122        coreFeaturesTitle: "핵심 강점",
24123        featuresList: [
24124          {
24125            num: "01",
24126            title: "완전 자동 레벨링",
24127            desc: "출력 전 베드 수평을 자동으로 보정하여 첫 번째 레이어의 안착 실패를 방지하고 최상의 결과물을 보장합니다.",
24128            img: "https://images.unsplash.com/photo-1658219331514-a43cfb387dda?auto=format&fit=crop&q=80&w=1080"
24129          },
24130          {
24131            num: "02",
24132            title: "고온 압출 기술",
24133            desc: "최대 300도 이상의 고온 노즐을 통해 탄소 섬유 함유 소재 등 특수 엔지니어링 소재 출력이 가능합니다.",
24134            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24135          },
24136          {
24137            num: "03",
24138            title: "내부 공기 순환 시스템",
24139            desc: "HEPA 필터와 정밀 온도 리 시스템으로 내부 온도를 일정하게 유지하며 유해 물질을 효과적으로 차단합니다.",
24140            img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
24141          }
24142        ],
24143        coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
24144        feature1Title: "정밀 적층",
24145        feature1Description: "최소 0.1mm 층고로 정교한 표면 구현",
24146        feature2Title: "안정성",
24147        feature2Description: "24시간 연속 출력에도 일관된 품질",
24148        feature3Title: "범용성",
24149        feature3Description: "PLA, ABS부터 특수 필라멘트��지 지원",
24150        feature4Title: "사용 편의성",
24151        feature4Description: "직관적인 터치 UI 및 전용 슬라이싱 SW",
24152        applicationImage1: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?auto=format&fit=crop&q=80&w=1080",
24153        applicationTitle1: "시제품 제작",
24154        applicationSubtitle1: "Prototyping",
24155        applicationDesc1: "디자인 검증 및 기능 테스트용 부품을 신속하게 제작하여 개발 주기를 단축합니다.",
24156        applicationImage2: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?auto=format&fit=crop&q=80&w=1080",
24157        applicationTitle2: "지그 및 고정구",
24158        applicationSubtitle2: "Jigs & Fixtures",
24159        applicationDesc2: "생산 라인에 필요한 맞춤형 도구를 직접 제작하여 공정 효율을 높입니다.",
24160        applicationImage3: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?auto=format&fit=crop&q=80&w=1080",
24161        applicationTitle3: "교육 및 연구",
24162        applicationSubtitle3: "Education & Research",
24163        applicationDesc3: "차세대 제조 인력 양성과 실험적 구조물 제작을 위한 필수 장비입니다."
24164      }
24165    );
24166  if (t === "sla")
24167    return /* @__PURE__ */ e(
24168      Oa,
24169      {
24170        productName: "SLA 3D Printer",
24171        productModel: "CUBICON SLA Series",
24172        catchphrase: "Ultra-Fine Surface Finish and Detail",
24173        heroImage: "https://images.unsplash.com/photo-1638478872316-32fb5d4c2b21?auto=format&fit=crop&q=80&w=1080",
24174        introTitle: "보이지 않는 디테일까지 구현하는 SLA 솔루션",
24175        introDescription: "SLA(Stereolithography) 기술은 액체 광경화성 수지에 레이저를 정밀하게 조사하여 매끄러운 표면과 복잡한 형상을 무결점으로 구현합니다.",
24176        productImage: "figma:asset/244a22f4c977108604b7750ed40ec3c4011b6d96.png",
24177        spec1Value: "Precision",
24178        spec1Label: "초정밀도",
24179        spec2Value: "Smooth",
24180        spec2Label: "표면 조도",
24181        spec3Value: "Complex",
24182        spec3Label: "형상 구현",
24183        problemImage: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080",
24184        problemTitle: `정밀 제조의 한계를
24185넘어서는 고해상도 출력`,
24186        problemDescription: "치과, 쥬얼리, 초정밀 전자 부품 등 미세한 표현이 필수적인 분야에 최적화된 솔루션을 제공합니다.",
24187        problemDetailText: "하이비젼의 SLA 기술은 고사양 갈바노미터 스캐너를 적용하여 출력 속도와 정밀도를 동시에 확보했습니다. 투명 소재부터 치과용 의료 소재까지 폭넓은 레진 라인업을 통해 전문적인 제조 환경을 지원합니다.",
24188        coreFeaturesTitle: "핵심 강점",
24189        featuresList: [
24190          {
24191            num: "01",
24192            title: "산업용 갈바노 스캐너",
24193            desc: "고속 레이저 스캔 기술을 통해 대형 모델도 오차 없이 정밀하게 경화시킵니다.",
24194            img: "https://images.unsplash.com/photo-1672689956124-18666b4cdae4?auto=format&fit=crop&q=80&w=1080"
24195          },
24196          {
24197            num: "02",
24198            title: "고투명 소재 지원",
24199            desc: "광학 기기 부품이나 내부 구조 확인이 필요한 제품 제작에 최적화된 투명 소재 솔루션을 제공합니다.",
24200            img: "https://images.unsplash.com/photo-1562568068-ea24dcbf3c78?auto=format&fit=crop&q=80&w=1080"
24201          }
24202        ],
24203        coreFeaturesImage: "https://images.unsplash.com/photo-1741666998073-7df07563d4d5?auto=format&fit=crop&q=80&w=1080",
24204        feature1Title: "고해상도",
24205        feature1Description: "레이어 흔적 없는 매끄러운 결과물",
24206        feature2Title: "치수 안정성",
24207        feature2Description: "설계 데이터와 완벽하게 일치하는 정밀도",
24208        feature3Title: "소재 다양성",
24209        feature3Description: "강성, 탄성, 내열성 등 기능성 레진",
24210        feature4Title: "대형 빌",
24211        feature4Description: "한 번의 출력으로 대형 파츠 제작 가능",
24212        applicationImage1: "https://images.unsplash.com/photo-1591405351990-4726e33df58d?auto=format&fit=crop&q=80&w=1080",
24213        applicationTitle1: "의료 및 치과",
24214        applicationSubtitle1: "Medical & Dental",
24215        applicationDesc1: "환자 맞춤형 보형물 및 정밀 치과 모델 제작에 필수적인 솔루션입니다.",
24216        applicationImage2: "https://images.unsplash.com/photo-1770219792093-85830ce757b7?auto=format&fit=crop&q=80&w=1080",
24217        applicationTitle2: "디자인 목업",
24218        applicationSubtitle2: "Design Mockup",
24219        applicationDesc2: "가전, 모바일 기기의 외관 디자인을 실제 제품과 유사하게 검증합니다.",
24220        applicationImage3: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080",
24221        applicationTitle3: "정밀 부품",
24222        applicationSubtitle3: "Precision Parts",
24223        applicationDesc3: "복잡한 내부 채널이나 미세 패턴이 포함된 부품 제작에 탁월합니다."
24224      }
24225    );
24226  if (t === "slm")
24227    return /* @__PURE__ */ e(
24228      Oa,
24229      {
24230        productName: "SLM 3D Printer",
24231        productModel: "CUBICON SLM Series",
24232        catchphrase: "Next-Gen Metal Additive Manufacturing",
24233        heroImage: "https://images.unsplash.com/photo-1730858550309-ad76ee190417?auto=format&fit=crop&q=80&w=1080",
24234        introTitle: "금속 제조의 혁명을 이끄는 SLM 테크놀로지",
24235        introDescription: "SLM(Selective Laser Melting) 기술은 금속 분말을 고출력 레이저로 직접 용융시켜 밀도가 높고 기계적 물성이 뛰어난 금속 부품을 제작합니다.",
24236        productImage: "figma:asset/779e40626488b767be71bcd2ec8e16b37f308b4d.png",
24237        spec1Value: "Metal",
24238        spec1Label: "직접 생산",
24239        spec2Value: "Density",
24240        spec2Label: "고밀도 성형",
24241        spec3Value: "Aerospace",
24242        spec3Label: "핵심 산업군",
24243        problemImage: "https://images.unsplash.com/photo-1751887687523-bd5aa55a8c46?auto=format&fit=crop&q=80&w=1080",
24244        problemTitle: `절삭 가공으로 불가능한
24245복잡한 금속 형상 구현`,
24246        problemDescription: "기존 제조 방식의 한계를 넘어 경량화와 성능 최적화를 동시에 실현하는 금속 3D 프린팅 루션입니다.",
24247        problemDetailText: "하이비젼의 SLM 기술은 스테인리스, 티타늄, 알루미늄 등 다양한 금속 소재를 지원합니다. 고출력 파이버 레이저와 정밀한 불활성 가스 순환 시스템을 통해 금속 부품의 산화를 방지하고 내부 결함 없는 무결점 생산을 보장합니다.",
24248        coreFeaturesTitle: "핵심 강점",
24249        featuresList: [
24250          {
24251            num: "01",
24252            title: "고출력 파이버 레이저",
24253            desc: "수백 와트급의 레이저로 금속 분말을 완전히 녹여 단조 제품에 가까운 물리적 강도를 확보합니다.",
24254            img: "https://images.unsplash.com/photo-1696150874769-ea4f30453c2c?auto=format&fit=crop&q=80&w=1080"
24255          },
24256          {
24257            num: "02",
24258            title: "통합 가스 정화 시스템",
24259            desc: "출력실 내부의 산소 농도를 실시간으로 제어하여 금속 소재 고유의 성질을 완벽하게 유지합니다.",
24260            img: "https://images.unsplash.com/photo-1765256931521-0f843b7b3100?auto=format&fit=crop&q=80&w=1080"
24261          }
24262        ],
24263        coreFeaturesImage: "https://images.unsplash.com/photo-1758574437870-f83c160efd82?auto=format&fit=crop&q=80&w=1080",
24264        feature1Title: "고강도",
24265        feature1Description: "실제 산업 현장에 즉시 투입 가능한 내구성",
24266        feature2Title: "경량화",
24267        feature2Description: "위상 최적화(TO) 설계를 통한 무게 절감",
24268        feature3Title: "단축",
24269        feature3Description: "금형 제작 없이 수일 내 금속 부품 확보",
24270        feature4Title: "정밀 제어",
24271        feature4Description: "미세 금속 분말의 정밀 도포 및 스캔 기술",
24272        applicationImage1: "https://images.unsplash.com/photo-1555664424-778a1e5e1b48?auto=format&fit=crop&q=80&w=1080",
24273        applicationTitle1: "항공우주 및 자동차",
24274        applicationSubtitle1: "Aerospace & Automotive",
24275        applicationDesc1: "엔진 부품, 브래킷 등 고강도 경량화 부품 생산에 혁신적인 솔루션을 제공합니다.",
24276        applicationImage2: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080",
24277        applicationTitle2: "금형 및 공구",
24278        applicationSubtitle2: "Tool & Die",
24279        applicationDesc2: "복잡한 냉각 채널이 포함된 사출 금형 코어를 직접 제작하여 생산성을 높입니다.",
24280        applicationImage3: "https://images.unsplash.com/photo-1587569298236-28ceab2d321e?auto=format&fit=crop&q=80&w=1080",
24281        applicationTitle3: "의료 임플란트",
24282        applicationSubtitle3: "Medical Implants",
24283        applicationDesc3: "환자 맞춤형 인공 뼈 및 임플란트를 티타늄 소재로 정밀하게 제작합니다."
24284      }
24285    );
24286  if (t?.startsWith("lidar-aa-")) {
24287    const n = t === "lidar-aa-1", r = t === "lidar-aa-2", s = n ? "LiDAR AA System" : r ? "LiDAR AA Calibration" : "LiDAR AA Tester", l = n ? "Active Alignment" : r ? "Calibration Solution" : "Inline Tester", o = n ? "차량용 LiDAR 모듈의 광축을 자동 정렬하는 고정밀 시스템" : r ? "LiDAR 센서 각도·거리 오차 실시간 보정" : "LiDAR 모듈 성능 및 정렬 품질 전수 검사", d = n ? "https://images.unsplash.com/photo-1493599398321-988db97c9591?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080" : r ? "https://images.unsplash.com/photo-1691926495061-6a2826241f9b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080" : "https://images.unsplash.com/photo-1764983253036-edd0f55af679?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080";
24288    return /* @__PURE__ */ e(
24289      Wt,
24290      {
24291        productName: s,
24292        productModel: l,
24293        catchphrase: o,
24294        heroImage: d,
24295        introTitle: `${s} 솔루션`,
24296        introDescription: `하이비젼시스템의 ${s}은(는) 차세대 자율주행 및 산업용 센서를 위한
24297최적의 제조 및 검사 솔루션을 제공합니다.`,
24298        productImage: d,
24299        spec1Value: "고정밀",
24300        spec1Label: "광축 정렬",
24301        spec2Value: "자동화",
24302        spec2Label: "생산 공정",
24303        spec3Value: "신뢰성",
24304        spec3Label: "전수 검사",
24305        problemImage: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
24306        problemTitle: "자율주행의 핵심,\\nLiDAR 센서 정밀 공정",
24307        problemDescription: "라이다 센서의 핵심인 광축의 정확한 정렬과 성능 검증을 통해 자율주행의 안전성을 극대화합니다.",
24308        problemDetailText: "LiDAR 모듈의 조립 과정에서는 미세한 오차도 치명적인 성능 저하로 이어질 수 있습니다. 하이비젼시스템의 Active Alignment 기술은 레이저와 센서 간의 광축을 실시간으로 추적하고 정렬하여 완벽한 3D 센싱 성능을 보장합니다.",
24309        coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
24310        featuresList: [
24311          {
24312            num: "01",
24313            title: "고정밀 Active Alignment",
24314            desc: `광학계 조립 시 6자유도(6 DoF) 미세 조정을 통해
24315최적의 광축을 찾아 자동으로 정렬합니다.`,
24316            img: "https://images.unsplash.com/photo-1770219792093-85830ce757b7?auto=format&fit=crop&q=80&w=1080"
24317          },
24318          {
24319            num: "02",
24320            title: "실시간 Calibration",
24321            desc: `장거리 조향 환경을 모사하여 각도 및 거리 오차를
24322실시간으로 측정하고 보정 알고리즘을 적용합니다.`,
24323            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24324          },
24325          {
24326            num: "03",
24327            title: "고속 Inline Inspection",
24328            desc: `양산 라인에 최적화된 고속 검사 시스템으로,
24329점군(Point Cloud) 데이터의 품질과 FOV를 전수 검사합니다.`,
24330            img: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080"
24331          },
24332          {
24333            num: "04",
24334            title: "유연한 확장성",
24335            desc: `ToF, FMCW 등 다양한 방식의 LiDAR 모듈에 유연하게 대응할 수 있는
24336범용 소프트웨어 아키텍처를 제공합니다.`,
24337            img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
24338          }
24339        ],
24340        mainFeaturesTitle: "Next-Generation LiDAR Manufacturing Solution",
24341        mainFeaturesSubtitle: "자율주행 자동차 및 산업용 로봇의 눈이 되는 LiDAR 센서의 생산 효율과 품질을 혁신적으로 향상시킵니다.",
24342        customApplicationCards: [
24343          {
24344            img: "https://images.unsplash.com/photo-1607826843816-e1dd7dd3b1bf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24345            title: "Autonomous Vehicles",
24346            subtitle: "High-precision sensing for safe self-driving"
24347          },
24348          {
24349            img: "https://images.unsplash.com/photo-1758206523830-a5b8afb372a6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24350            title: "Industrial Robotics",
24351            subtitle: "3D spatial awareness for smart factories"
24352          },
24353          {
24354            img: "https://images.unsplash.com/photo-1585698194355-2831fdc5b689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24355            title: "Smart City Infrastructure",
24356            subtitle: "Traffic monitoring and security systems"
24357          },
24358          {
24359            img: "https://images.unsplash.com/photo-1599350686877-382a54114d2f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24360            title: "Drone & UAV",
24361            subtitle: "Lightweight terrain mapping solutions"
24362          }
24363        ]
24364      }
24365    );
24366  }
24367  if (t === "5axis-stage")
24368    return /* @__PURE__ */ e(
24369      Wt,
24370      {
24371        productName: "5Axis Stage",
24372        productModel: "5Axis Precision Stage",
24373        catchphrase: "초정밀 5축 제어 스테이지",
24374        heroImage: "https://images.unsplash.com/photo-1592049808936-c9e7ff16151b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24375        introTitle: "5Axis Stage 정밀 모션 솔루션",
24376        introDescription: "초정밀 위치 제어가 요구되는 반도체 및 디스플레이 공정에 최적화된 다축 스테이지입니다.\\nX, Y, Z, Rx, Ry 5축의 독립적인 제어로 공간 상의 미세한 위치 및 자세를 완벽하게 정렬합니다.",
24377        productImage: "https://images.unsplash.com/photo-1592049808936-c9e7ff16151b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24378        spec1Value: "5축",
24379        spec1Label: "제어 축수",
24380        spec2Value: "초정밀",
24381        spec2Label: "반복 정밀도",
24382        spec3Value: "고하중",
24383        spec3Label: "가반 하중",
24384        problemImage: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
24385        problemTitle: "차원이 다른 정밀도,\\n다축 모션 제어의 기준",
24386        problemDescription: "단일 축 제어의 한계를 극복하고 공간 상의 모든 변위를 통합 제어하여 무결점 공정을 실현합니다.",
24387        problemDetailText: "반도체 패키징, 마이크로 LED 디스플레이 등 첨단 제조 공정에서는 서브 마이크론 단위의 정밀도가 요구됩니다. 5Axis Stage는 각 축 간의 기구적 간섭을 최소화하고 보정 알고리즘을 적용하여 어떠한 자세에서도 흔들림 없는 완벽한 포지셔닝을 제공합니다.",
24388        coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
24389        featuresList: [
24390          {
24391            num: "01",
24392            title: "나노 단위 초정밀 제어",
24393            desc: `고분해능 엔코더와 정밀 리니어 모터를 결합하여
24394서브 마이크론 수준의 미세 구동을 구현합니다.`,
24395            img: "https://images.unsplash.com/photo-1770219792093-85830ce757b7?auto=format&fit=crop&q=80&w=1080"
24396          },
24397          {
24398            num: "02",
24399            title: "5축 동기 모션 알고리즘",
24400            desc: `독자적인 Kinematics 알고리즘을 적용하여
24401복잡한 궤적의 5축 연동 구동을 매끄럽게 수행합니다.`,
24402            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24403          },
24404          {
24405            num: "03",
24406            title: "고강성 구조 설계",
24407            desc: `저중심 설계와 특수 합금 소재를 적용하여
24408고속 이동 시 발생하는 진동을 원천적으로 억제합니다.`,
24409            img: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080"
24410          },
24411          {
24412            num: "04",
24413            title: "커스터마이징 유연성",
24414            desc: `고객사의 특정 공정 장비 규격에 맞게
24415스트로크와 하중 등 사양의 맞춤형 설계가 가능합니다.`,
24416            img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
24417          }
24418        ],
24419        mainFeaturesTitle: "Advanced Multi-Axis Motion Control",
24420        mainFeaturesSubtitle: "반도체, 광학, 디스플레이 분야의 초미세 정렬 공정을 완벽하게 지원하는 통합 모션 플랫폼입니다.",
24421        customApplicationCards: [
24422          {
24423            img: "https://images.unsplash.com/photo-1607826843816-e1dd7dd3b1bf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24424            title: "Semiconductor Backend",
24425            subtitle: "Ultra-precise die bonding & sorting"
24426          },
24427          {
24428            img: "https://images.unsplash.com/photo-1758206523830-a5b8afb372a6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24429            title: "Micro-LED Display",
24430            subtitle: "High-yield transfer & repair process"
24431          },
24432          {
24433            img: "https://images.unsplash.com/photo-1585698194355-2831fdc5b689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24434            title: "Optical Active Alignment",
24435            subtitle: "Camera module sensor alignment"
24436          },
24437          {
24438            img: "https://images.unsplash.com/photo-1599350686877-382a54114d2f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24439            title: "Bio/Medical Devices",
24440            subtitle: "Precision fluidics & cell handling"
24441          }
24442        ]
24443      }
24444    );
24445  if (t === "gonio-stage")
24446    return /* @__PURE__ */ e(
24447      Wt,
24448      {
24449        productName: "Gonio Stage",
24450        productModel: "Gonio Precision Stage",
24451        catchphrase: "부드럽고 정밀한 가상 축 회전 스테이지",
24452        heroImage: "https://images.unsplash.com/photo-1758873263563-5ba4aa330799?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24453        introTitle: "Gonio Stage 모션 솔루션",
24454        introDescription: "단일 점을 중심으로 회전하는 초정밀 측각 스테이지입니다.\\n광학 기기 정렬이나 정밀 측정 장비에서 한 치의 오차 없는 미세 각도 조절을 실현합니다.",
24455        productImage: "https://images.unsplash.com/photo-1758873263563-5ba4aa330799?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24456        spec1Value: "가상축",
24457        spec1Label: "회전 방식",
24458        spec2Value: "초정밀",
24459        spec2Label: "각도 분해능",
24460        spec3Value: "컴팩트",
24461        spec3Label: "기구 사이즈",
24462        problemImage: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
24463        problemTitle: "보이지 않는 가상의 축,\\n정밀 각도 제어의 혁신",
24464        problemDescription: "타겟 중심점의 이탈 없이 미세한 각도 조정을 수행하여 광학 정렬의 완성도를 높입니다.",
24465        problemDetailText: "일반적인 회전 스테이지와 달리 Gonio Stage는 장비 외부의 한 점을 가상의 회전 중심으로 가집니다. 이를 통해 레이저나 센서의 초점 위치를 유지한 채로 입사 각도만을 정밀하게 변경할 수 있어, 비전 검사기나 렌즈 조립 공정에 필수적인 역할을 합니다.",
24466        coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
24467        featuresList: [
24468          {
24469            num: "01",
24470            title: "교차 롤러 가이드 적용",
24471            desc: `마찰을 최소화한 정밀 롤러 가이드 구조로
24472부드러운 구동과 우수한 반복 위치 정밀도를 보장합니다.`,
24473            img: "https://images.unsplash.com/photo-1770219792093-85830ce757b7?auto=format&fit=crop&q=80&w=1080"
24474          },
24475          {
24476            num: "02",
24477            title: "다축 적층 구조 최적화",
24478            desc: `서로 다른 회전 반경을 가진 2개의 스테이지를 적층하여
24479동일한 회전 중심을 공유하는 X-Y 2축 각도 제어가 가능합니다.`,
24480            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24481          },
24482          {
24483            num: "03",
24484            title: "초소형·초박형 설계",
24485            desc: `기구적 간섭을 배제한 컴팩트한 디자인으로
24486협소한 설비 내부 공간에도 유연하게 설치할 수 있습니다.`,
24487            img: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080"
24488          },
24489          {
24490            num: "04",
24491            title: "정밀 웜기어 메커니즘",
24492            desc: `백래시(Backlash)가 최소화된 정밀 가공 웜기어를 통해
24493어떠한 기울기에서도 자세를 단단하게 유지합니다.`,
24494            img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
24495          }
24496        ],
24497        mainFeaturesTitle: "High-Precision Angular Positioning",
24498        mainFeaturesSubtitle: "광학계 정렬과 정밀 각도 측정이 요구되는 모든 산업 분야에 최상의 솔루션을 제공합니다.",
24499        customApplicationCards: [
24500          {
24501            img: "https://images.unsplash.com/photo-1607826843816-e1dd7dd3b1bf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24502            title: "Optical Alignment",
24503            subtitle: "Prism and lens angle tuning"
24504          },
24505          {
24506            img: "https://images.unsplash.com/photo-1758206523830-a5b8afb372a6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24507            title: "Wafer Inspection",
24508            subtitle: "Surface reflection angle control"
24509          },
24510          {
24511            img: "https://images.unsplash.com/photo-1585698194355-2831fdc5b689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24512            title: "Laser Processing",
24513            subtitle: "Beam steering and focusing"
24514          },
24515          {
24516            img: "https://images.unsplash.com/photo-1599350686877-382a54114d2f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24517            title: "Sensor Calibration",
24518            subtitle: "Gyro and tilt sensor testing"
24519          }
24520        ]
24521      }
24522    );
24523  if (t === "lts")
24524    return /* @__PURE__ */ e(
24525      Wt,
24526      {
24527        productName: "LTS",
24528        productModel: "Linear Transport System",
24529        catchphrase: "차세대 고속 지능형 물류 이송 시스템",
24530        heroImage: "https://images.unsplash.com/photo-1696150874769-ea4f30453c2c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24531        introTitle: "Linear Transport System",
24532        introDescription: "기존 컨베이어 시스템의 한계를 넘어서는 독립 제어형 리니어 모터 이송 시스템입니다.\\n각 캐리어의 속도와 위치를 개별적으로 제어하여 공정의 효율과 유연성을 극대화합니다.",
24533        productImage: "https://images.unsplash.com/photo-1696150874769-ea4f30453c2c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24534        spec1Value: "고속",
24535        spec1Label: "이송 속도",
24536        spec2Value: "독립제어",
24537        spec2Label: "캐리어 모션",
24538        spec3Value: "모듈형",
24539        spec3Label: "트랙 구성",
24540        problemImage: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
24541        problemTitle: "제조 병목의 해소,\\n물류 흐름의 완전한 혁신",
24542        problemDescription: "고정된 속도의 전통적 라인을 벗어나, 공정별 맞춤형 속도로 움직이는 스마트 팩토리의 대동맥입니다.",
24543        problemDetailText: "기존의 벨트형 또는 롤러형 컨베이어는 가장 느린 공정에 전체 라인의 속도를 맞춰야 하는 치명적인 단점이 있었습니다. 하이비젼의 LTS는 자기 부상 기반의 독립 무빙 캐리어를 채택하여, 각 제품이 필요한 공정에만 필요한 시간만큼 머무르게 함으로써 전체 생산성을 획기적으로 끌어올립니다.",
24544        coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
24545        featuresList: [
24546          {
24547            num: "01",
24548            title: "캐리어 독립 제어",
24549            desc: `수십 개의 캐리어가 충돌 없이 서로 다른 속도와 간격으로
24550이동할 수 있는 지능형 회피 제어 알고리즘을 탑재했습니다.`,
24551            img: "https://images.unsplash.com/photo-1770219792093-85830ce757b7?auto=format&fit=crop&q=80&w=1080"
24552          },
24553          {
24554            num: "02",
24555            title: "비접촉 고속 구동",
24556            desc: `리니어 모터의 전자기력을 이용한 비접촉 방식으로 마찰과 분진 발생이 없어
24557클린룸 환경에 적합하며 유지보수 주기가 깁니다.`,
24558            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24559          },
24560          {
24561            num: "03",
24562            title: "자유로운 레이아웃",
24563            desc: `직선, 곡선, 분기 등 다양한 모듈을 레고 블록처럼 조합하여
24564고객의 공장 레이아웃에 맞춘 유연한 트랙 구성이 가능합니다.`,
24565            img: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080"
24566          },
24567          {
24568            num: "04",
24569            title: "정밀 위치 결정",
24570            desc: `이동 중에만 고속을 유지하는 것이 아니라,
24571작업 스테이션 도달 시 비전 검사가 가능한 수준의 정밀 정지가 가능합니다.`,
24572            img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
24573          }
24574        ],
24575        mainFeaturesTitle: "Smart Factory Logistics Infrastructure",
24576        mainFeaturesSubtitle: "생산 라인의 유연성을 극대화하여 다품종 변량 생산 시대의 새로운 제조 경쟁력을 제공합니다.",
24577        customApplicationCards: [
24578          {
24579            img: "https://images.unsplash.com/photo-1607826843816-e1dd7dd3b1bf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24580            title: "Battery Manufacturing",
24581            subtitle: "Cell sorting and packaging lines"
24582          },
24583          {
24584            img: "https://images.unsplash.com/photo-1758206523830-a5b8afb372a6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24585            title: "Electronics Assembly",
24586            subtitle: "Variable-speed inline assembly"
24587          },
24588          {
24589            img: "https://images.unsplash.com/photo-1585698194355-2831fdc5b689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24590            title: "Pharmaceutical",
24591            subtitle: "Clean-room vial filling process"
24592          },
24593          {
24594            img: "https://images.unsplash.com/photo-1599350686877-382a54114d2f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
24595            title: "Automotive Parts",
24596            subtitle: "Heavy-duty component transfer"
24597          }
24598        ]
24599      }
24600    );
24601  if (i && i.category === "smart-components") {
24602    const n = i.name === "High Speed Picker", r = i.name.toLowerCase().includes("hyprobe") || i.name.toLowerCase().includes("pin"), s = i.name === "CoaxPress Grabber", l = i.name === "Camera Link Grabber", o = [
24603      {
24604        num: "01",
24605        title: "초미세 Pitch 대응",
24606        desc: `0.15mm 수준의 Fine Pitch 커넥터까지 대응 가능한 정밀 구조로 설계되어
24607공간 활용도를 극대화하고 고밀도 설계 환경에서도 안정적인 적용이 가능합니다.`,
24608        img: ""
24609      },
24610      {
24611        num: "02",
24612        title: "우수한 내구성",
24613        desc: `경쟁 제품 대비 약 5배 수준(약 30만 회)의 내구 수명을 제공하여
24614장기간 사용 환경에서도 안정적인 성능을 유지합니다.`,
24615        img: ""
24616      },
24617      {
24618        num: "03",
24619        title: "고속 데이터 전송 지원",
24620        desc: `정밀 설계를 기반으로 고속 데이터 신호 전송 환경에서도 안정적인 성능을
24621제공하며 고속 인터페이스 환경에 최적화되어 있습니다.`,
24622        img: ""
24623      },
24624      {
24625        num: "04",
24626        title: "편리한 유지보수",
24627        desc: `사이드 플레이트 분리 구조를 적용하여 핀 교체 및 유지보수가
24628간편하며 장비 운영 중에도 효율적인 관리가 가능합니다.`,
24629        img: ""
24630      },
24631      {
24632        num: "05",
24633        title: "신속한 양산 대응",
24634        desc: `설계부터 제조까지 일괄 생산 체계를 구축하여
24635빠른 생산 대응과 안정적인 공급이 가능합니다.`,
24636        img: ""
24637      },
24638      {
24639        num: "06",
24640        title: "균일한 품질 관리",
24641        desc: `엄격한 품질 관리 프로세스를 통해 제품의 사이즈
24642및 성능의 일관성을 유지하여 높은 신뢰성을 제공합니다.`,
24643        img: ""
24644      },
24645      {
24646        num: "07",
24647        title: "고객 맞춤 설계 지원",
24648        desc: `고객 요구 사항에 맞춘 맞춤형 설계(Custom Design)를 지원하여
24649다양한 적용 환경과 시스템 요구사항에 유연하게 대응합니다.`,
24650        img: ""
24651      }
24652    ], d = [
24653      {
24654        num: "01",
24655        title: "Four(4X) CoaXPress CXP-12 Connections (Micro-BNC)",
24656        desc: "4개의 CXP-12 포트를 Micro-BNC 커넥터로 제공하여 단일 동축 케이블 하나로 초고속 데이터 전송, 전원 공급, 카메라 제어를 동시에 실현합니다.",
24657        img: ""
24658      },
24659      {
24660        num: "02",
24661        title: "PCIe 3.0 (Gen 3) x4 Bus Interface",
24662        desc: "PCIe Gen3 x4 Lane 인터페이스로 Lane당 최대 12.5Gbps의 대역폭을 확보, 병목 없는 초고속 데이터 전송으로 머신비전 시스템의 처리 성능을 극대화합니다.",
24663        img: ""
24664      },
24665      {
24666        num: "03",
24667        title: "Fan-Cooled Heatsink",
24668        desc: `고성능 팬 냉각 히트싱크 설계로 장시간 연속 운용 환경에서도
24669안정적인 열 관리를 보장하며 신뢰성 높은 24시간 풀가동을 지원합니다.`,
24670        img: ""
24671      },
24672      {
24673        num: "04",
24674        title: "Extensive Camera Control Functions",
24675        desc: "다중 카메라의 트리거, 노출, 이득 등 다양한 파라미터를 소프트웨어로 정밀하게 제어할 수 있으며, GenICam 표준 기반의 유연한 호환성을 제공합니다.",
24676        img: ""
24677      },
24678      {
24679        num: "05",
24680        title: "Feature-Rich Set of 20 Digital I/O Lines",
24681        desc: "20개의 풍부한 디지털 I/O 라인으로 다양한 외부 장치와의 연동 및 동기화를 자유롭게 구성하여 복잡한 멀티 카메라 시스템에서도 완벽한 제어를 실현합니다.",
24682        img: ""
24683      }
24684    ];
24685    return /* @__PURE__ */ e(
24686      Wt,
24687      {
24688        productName: i.name,
24689        productModel: i.model,
24690        catchphrase: i.usage,
24691        heroImage: i.image,
24692        introTitle: `${i.name} 비전 솔루션`,
24693        introDescription: n ? `High Speed Picker는 초고속·초정밀 제어 기술을 기반으로 설계된 하이비젼의 고성능 피킹 시스템입니다.
24694최대 50mm의 넓은 스트로크 범위에서도 뛰어난 반복 정밀도를 유지하며 생산 공정의 효율과 안정성을 동시에 향상시킵니다.` : r ? `${i.name}은(는) 초미세 Pitch 대응과 업계 최고 수준의 내구성을 갖춘 하이비젼시스템의 정밀 핀 블록입니다.` : s ? `CoaXPress 2.1 표준을 기반으로 설계된 하이엔드 프레임 그래버로, PCIe Gen3 x4 Lane 인터페이스를 통해 Lane당 최대 12.5Gbps의 고속 데이터 전송을 지원합니다.
24695GenICam 기반의 소프트웨어 환경과 다중 카메라 연결을 지원하여 복잡한 머신비전 시스템에서도 유연하게 적용할 수 있도록 설계되었습니다.` : l ? `Camera Link는 고속 이미지 데이터 전송을 위한 표준 인터페이스로, 다양한 카메라와 시스템 간의 원활한 통신을 지원합니다.
24696고정된 프로토콜과 높은 데이터 전송 속도로 정밀한 이미지 처리가 가능합니다.` : `${i.name}은(는) 산업용 머신비전 시스템의 핵심 컴포넌트로, 고속 이미지 전송과 안정적인 신호를 보장합니다.`,
24697        productImage: i.image,
24698        spec1Value: n ? "50mm" : r ? "0.15mm" : "고속",
24699        spec1Label: n ? "최대 스트로크" : r ? "최소 Pitch" : "데이터 전송",
24700        spec2Value: n ? "±2μm" : r ? "30만 회" : "안정적",
24701        spec2Label: n ? "반복 정밀도" : r ? "내구 수명" : "인터페이스",
24702        spec3Value: n ? "2,000mm/s" : r ? "인하우스" : "표준",
24703        spec3Label: n ? "최대 속도" : r ? "생산 체계" : "글로벌 규격",
24704        problemImage: n ? "https://images.unsplash.com/photo-1738162837389-3b02d6dd507b?auto=format&fit=crop&q=80&w=1080" : "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
24705        problemTitle: n ? `한계를 뛰어넘는
24706초고속 정밀 피킹` : `산업 현장의 요구를 충족하는
24707전문 비전 솔루션`,
24708        problemDescription: n ? "복잡한 공정에서도 일관된 성능을 유지하는 하이비젼의 모션 제어 기술이 생산성을 극대화합니다." : "하이비젼시스템의 기술력으로 완성된 정밀 인터페이스 기술이 생산 라인의 효율을 극대화합니다.",
24709        problemDetailText: n ? "하이비젼시스템의 High Speed Picker는 자체 개발한 다이렉트 드라이브 회전 모터와 슬림 리니어 구조를 적용하여 혁신적인 성능을 제공합니다. 좁은 피치 간격에서도 간섭 없이 동작하며, 고사양 리니어 스케일을 통한 실시간 피드백으로 ±2μm 수준의 초정밀 위치 결정을 실현합니다." : "하이비젼시스템의 인터페이스 보드는 다양한 산업용 카메라와 시스템 간의 원활한 통신을 지원합니다. Gigabit Ethernet, Camera Link, CoaxPress 등 최신 표준을 준수하며, 열악한 산업 현장에서도 안정적인 작동을 보장하기 위해 엄격한 신뢰성 테스트를 거쳤습니다.",
24710        coreFeaturesImage: n ? "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080" : "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
24711        featuresList: n ? [
24712          {
24713            num: "01",
24714            title: "Long Stroke, More Flexibility",
24715            desc: "50mm 확장 스트로크 지원. 넓은 이동 범위에서도 높은 반복 정밀도를 유지하여 다양한 공정 환경에 유연하게 대응합니다.",
24716            img: "https://images.unsplash.com/photo-1738162837389-3b02d6dd507b?auto=format&fit=crop&q=80&w=1080"
24717          },
24718          {
24719            num: "02",
24720            title: "Direct Drive Rotation",
24721            desc: "R축과 모터를 직결 설계하여 발열과 마모를 최소화하고, 벨트 방식 대비 최대 10배 빠른 응답 속도를 제공합니다.",
24722            img: "https://images.unsplash.com/photo-1658219331514-a43cfb387dda?auto=format&fit=crop&q=80&w=1080"
24723          },
24724          {
24725            num: "03",
24726            title: "In-House Manufacturing",
24727            desc: "핵심 구동 부품을 직접 설계·제작하여 공급 안정성을 확보하고, 고객 요구에 맞는 맞춤형 설계 및 유지보수를 지원합니다.",
24728            img: "https://images.unsplash.com/photo-1768323102290-3b6ad7d1c5b4?auto=format&fit=crop&q=80&w=1080"
24729          },
24730          {
24731            num: "04",
24732            title: "Ultra High Speed & Precision Control",
24733            desc: "정밀 Force 제어와 고사양 리니어 스케일을 통해 ±2㎛ 정밀도와 최대 2,000 mm/s 속도를 안정적으로 구현합니다.",
24734            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24735          },
24736          {
24737            num: "05",
24738            title: "Cost-Effective Solution",
24739            desc: "확장 스트로크 기반 높은 가격 경쟁력. 50mm 확장 피치 이동 범위와 효율적인 설계를 통해 우수한 성능 대비 경제적인 솔루션을 제공합니다.",
24740            img: "https://images.unsplash.com/photo-1563968743333-044cef800494?auto=format&fit=crop&q=80&w=1080"
24741          },
24742          {
24743            num: "06",
24744            title: "슬림 리니어 구조 설계",
24745            desc: "기존 원형 자석 구조를 리니어 타입으로 개선하여 내부 공간 효율을 높이고 컴팩트한 장비 구조를 구현했습니다.",
24746            img: "https://images.unsplash.com/photo-1672689956124-18666b4cdae4?auto=format&fit=crop&q=80&w=1080"
24747          }
24748        ] : r ? o : s ? d : l ? [
24749          {
24750            num: "01",
24751            title: "PCI Express GEN2 x4 interface",
24752            desc: "PCIe Gen2 x4 인터페이스를 통해 안정적이고 빠른 데이터 전송을 지원하며, 다양한 PC 환경에서 손쉬운 설치와 호환성을 보장합니다.",
24753            img: ""
24754          },
24755          {
24756            num: "02",
24757            title: "Support Area/Line Scan Camera",
24758            desc: "면적 스캔(Area Scan) 및 라인 스캔(Line Scan) 카메라를 모두 지원하여 정적·동적 검사 환경에 유연하게 대응합니다.",
24759            img: ""
24760          },
24761          {
24762            num: "03",
24763            title: `Support 1-CH Camera Link
24764Base / Medium / Full / Full Deca Configuration`,
24765            desc: `Camera Link Base부터 Full Deca까지 모든 구성을 1채널로 지원하여
24766다양한 해상도와 프레임 속도 요구에 최적화된 환경을 제공합니다.`,
24767            img: ""
24768          },
24769          {
24770            num: "04",
24771            title: `RS422 level A,B,Z phase encoder input,
247722 Trigger Input, 1 Trigger Output`,
24773            desc: "RS422 레벨 A·B·Z 위상 엔코더 입력과 2채널 트리거 입력, 1채널 트리거 출력을 지원하여 정밀한 동기화 및 외부 장치 연동이 가능합니다.",
24774            img: ""
24775          },
24776          {
24777            num: "05",
24778            title: "512MByte Image Memory",
24779            desc: "512MB 대용량 온보드 이미지 메모리를 탑재하여 고속 연속 촬영 시에도 데이터 손실 없이 안정적인 이미지 버퍼링을 실현합니다.",
24780            img: ""
24781          }
24782        ] : [
24783          {
24784            num: "01",
24785            title: "자체 개발 최적화 렌즈/보드",
24786            desc: "자체 개발된 고품질 렌즈와 보드가 내장되어 최상의 호환성을 제공합니다.",
24787            img: "https://images.unsplash.com/photo-1770219792093-85830ce757b7?auto=format&fit=crop&q=80&w=1080"
24788          },
24789          {
24790            num: "02",
24791            title: "글로벌 셔터 & 고속 전송",
24792            desc: "움직이는 공정에서도 왜곡 없는 이미지를 제공하며, 지연 없는 실시간 데이터 전송을 지원합니다.",
24793            img: "https://images.unsplash.com/photo-1712238107648-4e94c158ab3d?auto=format&fit=crop&q=80&w=1080"
24794          },
24795          {
24796            num: "03",
24797            title: "표준 인터페이스 준수",
24798            desc: "GigE Vision, GenICam 등 국제 표준을 완벽히 준수하여 타사 소프트웨어와의 연동이 자유롭습니다.",
24799            img: "https://images.unsplash.com/photo-1700942772932-bf4bcb90d964?auto=format&fit=crop&q=80&w=1080"
24800          },
24801          {
24802            num: "04",
24803            title: "고해상도 처리 기술",
24804            desc: "Sony 최신 센서와의 조합으로 노이즈 없는 선명한 고해상도 영상을 구현합니다.",
24805            img: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?auto=format&fit=crop&q=80&w=1080"
24806          }
24807        ],
24808        mainFeaturesTitle: s || l ? "Next-Level Performance for High-Speed Vision Systems" : void 0,
24809        mainFeaturesSubtitle: s ? `CoaXPress 2.1 표준을 기반으로 설계된 하이엔드 프레임 그래버로,
24810PCIe Gen3 x4 Lane 인터페이스를 통해 Lane당 최대 12.5Gbps의 고속 데이터 전송을 지원합니다.` : l ? `Camera Link 표준을 기반으로 Area/Line Scan 카메라를 모두 지원하는 고성능 프레임 그래버로,
24811PCI Express GEN2 x4 인터페이스와 512MB 온보드 메모리로 안정적인 고속 이미지 수집 환경을 제공합니다.` : void 0,
24812        customSpecTable: s ? /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
24813          /* @__PURE__ */ a("colgroup", { children: [
24814            /* @__PURE__ */ e("col", { style: { width: "160px" } }),
24815            /* @__PURE__ */ e("col", {})
24816          ] }),
24817          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { style: { background: "#003D7A" }, children: [
24818            /* @__PURE__ */ e("th", { className: "px-5 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "Item" }),
24819            /* @__PURE__ */ e("th", { className: "px-5 py-3 text-white border border-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Explanation" })
24820          ] }) }),
24821          /* @__PURE__ */ a("tbody", { children: [
24822            /* @__PURE__ */ a("tr", { children: [
24823              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "CXP Connector" }),
24824              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24825                "Up to CXP-12",
24826                /* @__PURE__ */ e("br", {}),
24827                "4 Channel Micro-BNC 75Ohms"
24828              ] })
24829            ] }),
24830            /* @__PURE__ */ a("tr", { children: [
24831              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "GPIO" }),
24832              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24833                "26-pin 3-row high density arm D sub",
24834                /* @__PURE__ */ e("br", {}),
24835                "· High-speed differential In-put : 2(PN)",
24836                /* @__PURE__ */ e("br", {}),
24837                "· Isolated In-put : 4(PN)",
24838                /* @__PURE__ */ e("br", {}),
24839                "· Isolated Out-put : 2(PN)",
24840                /* @__PURE__ */ e("br", {}),
24841                "· TTL In-put / Out-put : 2"
24842              ] })
24843            ] }),
24844            /* @__PURE__ */ a("tr", { children: [
24845              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "PC Interface" }),
24846              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "PCI Express Gen3, 4Lane" })
24847            ] }),
24848            /* @__PURE__ */ a("tr", { children: [
24849              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "PoC" }),
24850              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24851                "6-pin PCI Express x16 Graphics",
24852                /* @__PURE__ */ e("br", {}),
24853                "150W ATX Power Socket Connector"
24854              ] })
24855            ] }),
24856            /* @__PURE__ */ a("tr", { children: [
24857              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Camera Interface" }),
24858              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "CoaXPress 2.1 (CXP-12, CXP-10, CXP-6, CXP-3, CXP-1)" })
24859            ] }),
24860            /* @__PURE__ */ a("tr", { children: [
24861              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "CXP HOST Connector" }),
24862              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24863                "Connection type of single camera - 1, 2, 4 connection",
24864                /* @__PURE__ */ e("br", {}),
24865                "Connection type of multi camera (up to 2)",
24866                /* @__PURE__ */ e("br", {}),
24867                "- Single - A port / Single - C port connection",
24868                /* @__PURE__ */ e("br", {}),
24869                "- Dual - A, B port / Dual - C, D port connection",
24870                /* @__PURE__ */ e("br", {}),
24871                "- Quad – A, B, C, D Port connection"
24872              ] })
24873            ] }),
24874            /* @__PURE__ */ a("tr", { children: [
24875              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Power" }),
24876              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24877                "PoCXP Power : 17W of 24V DC regulated per CoaXPress connector",
24878                /* @__PURE__ */ e("br", {}),
24879                "On-board 12V to 24V DC/DC converter"
24880              ] })
24881            ] }),
24882            /* @__PURE__ */ a("tr", { children: [
24883              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "OS" }),
24884              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "Windows OS support" })
24885            ] }),
24886            /* @__PURE__ */ a("tr", { children: [
24887              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Dimension" }),
24888              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "132mm x 102mm" })
24889            ] })
24890          ] })
24891        ] }) }) : l ? /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
24892          /* @__PURE__ */ a("colgroup", { children: [
24893            /* @__PURE__ */ e("col", { style: { width: "180px" } }),
24894            /* @__PURE__ */ e("col", {})
24895          ] }),
24896          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { style: { background: "#003D7A" }, children: [
24897            /* @__PURE__ */ e("th", { className: "px-5 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "Item" }),
24898            /* @__PURE__ */ e("th", { className: "px-5 py-3 text-white border border-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Explanation" })
24899          ] }) }),
24900          /* @__PURE__ */ a("tbody", { children: [
24901            /* @__PURE__ */ a("tr", { children: [
24902              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Video Interface" }),
24903              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "Base / Medium / Full/Full Deca Camera Link" })
24904            ] }),
24905            /* @__PURE__ */ a("tr", { children: [
24906              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Pixel Format" }),
24907              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "Mono 8 bit / YUV 16 bit / BGR 24 bit / Bayer 8 bit" })
24908            ] }),
24909            /* @__PURE__ */ a("tr", { children: [
24910              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "TAP" }),
24911              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "1 / 2 / 4 / 8 / 10 TAP" })
24912            ] }),
24913            /* @__PURE__ */ a("tr", { children: [
24914              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Pixel Clock" }),
24915              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "20 ~ 85 Mhz" })
24916            ] }),
24917            /* @__PURE__ */ a("tr", { children: [
24918              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "PC Interface" }),
24919              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "PCI Express Gen2 x4 (Link Speed 5 GT/s)" })
24920            ] }),
24921            /* @__PURE__ */ a("tr", { children: [
24922              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Camera Control" }),
24923              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24924                "Area-Scan Camera",
24925                /* @__PURE__ */ e("br", {}),
24926                "Line-Scan Camera"
24927              ] })
24928            ] }),
24929            /* @__PURE__ */ a("tr", { children: [
24930              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Communication" }),
24931              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "UART (DATA bit 8, 1 start, 1 stop, No parity, 9600 / 19200 / 38400 / 57600 / 115200 bps)" })
24932            ] }),
24933            /* @__PURE__ */ a("tr", { children: [
24934              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "External I/O" }),
24935              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24936                "In-put",
24937                /* @__PURE__ */ e("br", {}),
24938                "Encoder : 4 Port, TTL : 3 Port, LVDS : 2 Port, Isolated : 2 Port",
24939                /* @__PURE__ */ e("br", {}),
24940                "Out-put",
24941                /* @__PURE__ */ e("br", {}),
24942                "Open Collector : 1 Port, Isolated : 2 Port"
24943              ] })
24944            ] }),
24945            /* @__PURE__ */ a("tr", { children: [
24946              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "In-put Trigger Mode" }),
24947              /* @__PURE__ */ a("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: [
24948                "Rising Edge",
24949                /* @__PURE__ */ e("br", {}),
24950                "Falling Edge"
24951              ] })
24952            ] }),
24953            /* @__PURE__ */ a("tr", { children: [
24954              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "In-put Trigger Delay" }),
24955              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "Min : 20ns Max : 30s" })
24956            ] }),
24957            /* @__PURE__ */ a("tr", { children: [
24958              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Out-put Trigger Width" }),
24959              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "Min : 20ns Max : 30s" })
24960            ] }),
24961            /* @__PURE__ */ a("tr", { children: [
24962              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "On-Board Memory" }),
24963              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "512MB" })
24964            ] }),
24965            /* @__PURE__ */ a("tr", { children: [
24966              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Power Supply" }),
24967              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "DC12V / 1A" })
24968            ] }),
24969            /* @__PURE__ */ a("tr", { children: [
24970              /* @__PURE__ */ e("td", { className: "px-5 py-3 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Dimension" }),
24971              /* @__PURE__ */ e("td", { className: "px-5 py-3 border border-slate-200 text-slate-800", children: "150 X 105 mm" })
24972            ] })
24973          ] })
24974        ] }) }) : i.name === "Macro Lens" ? /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
24975          /* @__PURE__ */ a("colgroup", { children: [
24976            /* @__PURE__ */ e("col", { style: { width: "160px" } }),
24977            /* @__PURE__ */ e("col", {}),
24978            /* @__PURE__ */ e("col", {}),
24979            /* @__PURE__ */ e("col", {}),
24980            /* @__PURE__ */ e("col", {})
24981          ] }),
24982          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { style: { background: "#003D7A" }, children: [
24983            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "Item" }),
24984            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-F20-Z" }),
24985            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-MF25" }),
24986            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-MF30" }),
24987            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-MF35" })
24988          ] }) }),
24989          /* @__PURE__ */ a("tbody", { children: [
24990            /* @__PURE__ */ a("tr", { children: [
24991              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Magnification" }),
24992              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.10x ~ 0.30x" }),
24993              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.05x ~ 0.25x" }),
24994              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.08x ~ 0.23x" }),
24995              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.30x ~ 0.50x" })
24996            ] }),
24997            /* @__PURE__ */ a("tr", { children: [
24998              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Working Distance" }),
24999              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "212.21 mm ~ 73.19 mm" }),
25000              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "508.2 mm ~ 100.2 mm" }),
25001              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "381.6 mm ~ 141.5 mm" }),
25002              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "142.9 mm ~ 96.1 mm" })
25003            ] }),
25004            /* @__PURE__ */ a("tr", { children: [
25005              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "FOV(Diagonal)" }),
25006              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "110 mm ~ 36.67 mm" }),
25007              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "220 mm ~ 44 mm" }),
25008              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "137.5 mm ~ 47.83 mm" }),
25009              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "26.19 mm" })
25010            ] }),
25011            /* @__PURE__ */ a("tr", { children: [
25012              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Resolution" }),
25013              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "59.7 um ~ 20.0 um" }),
25014              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "1.405 um ~ 1.741 um" }),
25015              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "1.607 um ~ 1.867 um" }),
25016              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "1.473 um ~ 1.943 um" })
25017            ] }),
25018            /* @__PURE__ */ a("tr", { children: [
25019              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Distortion" }),
25020              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.015% ~ 0.005%" }),
25021              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.09% ~ 0.01%" }),
25022              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.07 % ~ 0.009%" }),
25023              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.08 % ~ 0.02 %" })
25024            ] }),
25025            /* @__PURE__ */ a("tr", { children: [
25026              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Working F/#" }),
25027              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "F9" }),
25028              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "F2.6" }),
25029              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "F2.8" }),
25030              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "F2.8" })
25031            ] }),
25032            /* @__PURE__ */ a("tr", { children: [
25033              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Relative Illumination" }),
25034              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25035              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25036              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25037              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" })
25038            ] }),
25039            /* @__PURE__ */ a("tr", { children: [
25040              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Wavelength" }),
25041              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25042              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25043              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25044              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" })
25045            ] }),
25046            /* @__PURE__ */ a("tr", { children: [
25047              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Detector" }),
25048              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25049              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25050              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25051              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' })
25052            ] })
25053          ] })
25054        ] }) }) : i.name === "Telecentric Lens" ? /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
25055          /* @__PURE__ */ a("colgroup", { children: [
25056            /* @__PURE__ */ e("col", { style: { width: "150px" } }),
25057            /* @__PURE__ */ e("col", {}),
25058            /* @__PURE__ */ e("col", {}),
25059            /* @__PURE__ */ e("col", {}),
25060            /* @__PURE__ */ e("col", {}),
25061            /* @__PURE__ */ e("col", {}),
25062            /* @__PURE__ */ e("col", {})
25063          ] }),
25064          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { style: { background: "#003D7A" }, children: [
25065            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "Item" }),
25066            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-TCL0.30x-110" }),
25067            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-TCL0.39x-140" }),
25068            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-TCL0.42x-100" }),
25069            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-TCL0.42x-120" }),
25070            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-TCL0.50x-300" }),
25071            /* @__PURE__ */ e("th", { className: "px-3 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "HVO-TCL0.70x-140" })
25072          ] }) }),
25073          /* @__PURE__ */ a("tbody", { children: [
25074            /* @__PURE__ */ a("tr", { children: [
25075              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Magnification" }),
25076              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.30x ± 2 %" }),
25077              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.39x ± 2 %" }),
25078              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.42x ± 2 %" }),
25079              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.42x ± 2 %" }),
25080              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.50x ± 2 %" }),
25081              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.70x ± 2 %" })
25082            ] }),
25083            /* @__PURE__ */ a("tr", { children: [
25084              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Working Distance" }),
25085              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "110 ± 4 mm" }),
25086              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "140 ± 4 mm" }),
25087              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "100 ± 4 mm" }),
25088              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "120 ± 4 mm" }),
25089              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "300 ± 4 mm" }),
25090              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "140 ± 4 mm" })
25091            ] }),
25092            /* @__PURE__ */ a("tr", { children: [
25093              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "FOV(Diagonal)" }),
25094              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "36.67 mm" }),
25095              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "23.08 mm" }),
25096              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "26.19 mm" }),
25097              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "26.19 mm" }),
25098              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "22.00 mm" }),
25099              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "25.00 mm" })
25100            ] }),
25101            /* @__PURE__ */ a("tr", { children: [
25102              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Resolution" }),
25103              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "14.5 um" }),
25104              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "12.4 um" }),
25105              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "16.7 um" }),
25106              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "15.3 um" }),
25107              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "8.4 um" }),
25108              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "6.1 um" })
25109            ] }),
25110            /* @__PURE__ */ a("tr", { children: [
25111              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Distortion" }),
25112              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.40 %" }),
25113              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.40 %" }),
25114              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.40 %" }),
25115              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.40 %" }),
25116              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.40 %" }),
25117              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.40 %" })
25118            ] }),
25119            /* @__PURE__ */ a("tr", { children: [
25120              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "DOF at Best Focus" }),
25121              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.518 mm" }),
25122              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.376 mm" }),
25123              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.685 mm" }),
25124              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.571 mm" }),
25125              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.171 mm" }),
25126              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "± 0.091 mm" })
25127            ] }),
25128            /* @__PURE__ */ a("tr", { children: [
25129              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Objective NA(F/#)" }),
25130              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.023(F6.52)" }),
25131              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.027(F7.22)" }),
25132              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.020(F10.5)" }),
25133              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.0219(F9.59)" }),
25134              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.04(F6.25)" }),
25135              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "0.055(F6.36)" })
25136            ] }),
25137            /* @__PURE__ */ a("tr", { children: [
25138              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Relative Illumination" }),
25139              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25140              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25141              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25142              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25143              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" }),
25144              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "> 95%" })
25145            ] }),
25146            /* @__PURE__ */ a("tr", { children: [
25147              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Wavelength" }),
25148              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25149              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25150              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25151              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25152              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" }),
25153              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: "Visible" })
25154            ] }),
25155            /* @__PURE__ */ a("tr", { children: [
25156              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Detector" }),
25157              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25158              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '1/1.8" C-Mount' }),
25159              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25160              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25161              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '2/3" C-Mount' }),
25162              /* @__PURE__ */ e("td", { className: "px-3 py-2.5 text-center border border-slate-200 text-slate-800", children: '1/1" C-Mount' })
25163            ] })
25164          ] })
25165        ] }) }) : void 0,
25166        customApplicationCards: s || l ? [
25167          {
25168            img: "https://images.unsplash.com/photo-1607826843816-e1dd7dd3b1bf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
25169            title: "Machine Vision Inspection Equipment",
25170            subtitle: "High-resolution imaging for precise quality control"
25171          },
25172          {
25173            img: "https://images.unsplash.com/photo-1758206523830-a5b8afb372a6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
25174            title: "Medical Industry",
25175            subtitle: `Precision imaging for diagnostics
25176& surgical systems`
25177          },
25178          {
25179            img: "https://images.unsplash.com/photo-1585698194355-2831fdc5b689?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
25180            title: "High Speed Video Interpretation/Analysis",
25181            subtitle: "Frame-by-frame capture at extreme speeds"
25182          },
25183          {
25184            img: "https://images.unsplash.com/photo-1599350686877-382a54114d2f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
25185            title: "High Definition Real Time Monitoring",
25186            subtitle: "Crystal-clear live feed with zero latency"
25187          }
25188        ] : void 0,
25189        feature1Title: "고성능 하드웨어",
25190        feature1Description: "초정밀 설계를 통해 데이터 손실 없는 고속 전송을 구현합니다.",
25191        feature2Title: "지능형 제어",
25192        feature2Description: "AI 기반의 최적화 알고리즘으로 공정의 유연성을 높였습니다.",
25193        feature3Title: "범용적 호환성",
25194        feature3Description: "글로벌 산업 표준을 준수하여 다양한 장비와의 연결성을 보장합니다.",
25195        feature4Title: "신뢰성",
25196        feature4Description: "엄격한 품질 테스트를 통과한 제품을 공급합니다.",
25197        applicationImage1: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?auto=format&fit=crop&q=80&w=1080",
25198        applicationTitle1: "반도체/디스플레이",
25199        applicationSubtitle1: "Semiconductor & Display",
25200        applicationDesc1: "미세 공정에서의 실시간 품질 검사와 결함 탐지에 최적화되어 있습니다.",
25201        applicationImage2: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?auto=format&fit=crop&q=80&w=1080",
25202        applicationTitle2: "자동화 설비",
25203        applicationSubtitle2: "Factory Automation",
25204        applicationDesc2: "스마트 팩토리 구현을 위한 지능형 물류 및 검사 라인에 적용됩니다.",
25205        applicationImage3: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?auto=format&fit=crop&q=80&w=1080",
25206        applicationTitle3: "정밀 제조",
25207        applicationSubtitle3: "Precision Manufacturing",
25208        applicationDesc3: "고해상도 이미지 데이터가 필요한 모든 정밀 제조 분야에 대응합니다."
25209      }
25210    );
25211  }
25212  return t === "gigabit-ethernet" ? /* @__PURE__ */ e(B5, {}) : t === "camera-link-grabber" ? /* @__PURE__ */ e(U5, {}) : t === "coaxpress-grabber" ? /* @__PURE__ */ e(q5, {}) : t === "cl" ? /* @__PURE__ */ e(Y5, {}) : /* @__PURE__ */ e(
25213    Oa,
25214    {
25215      productName: i?.name || t?.toUpperCase() || "Product",
25216      productModel: i?.model || t?.toUpperCase() || "MODEL",
25217      catchphrase: i?.usage || "혁신적인 산업용 솔루션",
25218      heroImage: i?.image || "https://www.hyundai.com/static/images/model/ioniq6-n/25lc/ioniq6_n_hundai_n_app.jpg",
25219      introTitle: `${i?.name || t} 시스템`,
25220      introDescription: `하이비젼시스템의 ${i?.name || t} 제품을 소개해드립니다.`,
25221      productImage: i?.image || "https://www.hyundai.com/static/images/pages/trendy-hyundai/202510/introduction_the_new_ioniq_6.png",
25222      spec1Value: "고성능",
25223      spec1Label: "우수한 성능",
25224      spec2Value: "고품질",
25225      spec2Label: "뛰어난 품질",
25226      spec3Value: "신뢰성",
25227      spec3Label: "높은 신뢰도",
25228      problemImage: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
25229      problemTitle: `산업 현장의 요구를 충족하는
25230전문 솔루션`,
25231      problemDescription: `하이비젼시스템의 기술력으로
25232최고 수준의 성능과 품질을 제공합니다.`,
25233      coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
25234      featuresList: [
25235        {
25236          num: "01",
25237          title: "검증된 기술력",
25238          desc: "글로벌 시장에서 인정받은 하이비젼시스템만의 독자적인 기술력을 바탕으로 최상의 성능을 보장합니다.",
25239          img: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=1080"
25240        },
25241        {
25242          num: "02",
25243          title: "안정적인 품질",
25244          desc: "엄격한 품질 관리 시스템을 통해 어떤 환경에서도 일관된 성능을 유지하며 높은 뢰성을 제공합니다.",
25245          img: "https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1080"
25246        },
25247        {
25248          num: "03",
25249          title: "유연한 호환성",
25250          desc: "다양한 산업 환경과 표준 인터페이스를 지원하여 기존 설비와의 원활한 통합이 가능합니다.",
25251          img: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080"
25252        },
25253        {
25254          num: "04",
25255          title: "전문적인 기술 지원",
25256          desc: "하이비젼의 숙련된 엔지니어들이 설계부터 구축까지 전 과정에서 전문적인 컨설íŒ
25256…을 제공합니다.",
25257          img: "https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&q=80&w=1080"
25258        }
25259      ],
25260      feature1Title: "고성능",
25261      feature1Description: "뛰어난 처리 능력",
25262      feature2Title: "안정성",
25263      feature2Description: "신뢰할 수 있는 동작",
25264      feature3Title: "호환성",
25265      feature3Description: "다양한 시스템 지원",
25266      feature4Title: "확장성",
25267      feature4Description: "유연한 구성",
25268      applicationImage1: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?auto=format&fit=crop&q=80&w=1080",
25269      applicationTitle1: "산업 적용",
25270      applicationSubtitle1: "Industrial Application",
25271      applicationDesc1: "다양한 산업 분야에서 활용 가능한 범용 솔루션. 검증된 기술로 안정적인 운영을 보장합니다.",
25272      applicationImage2: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?auto=format&fit=crop&q=80&w=1080",
25273      applicationTitle2: "품질 관리",
25274      applicationSubtitle2: "Quality Control",
25275      applicationDesc2: "엄격한 품질 기준을 충족하는 고성능 시스템. 일관된 품질로 생산성을 향상시킵니다.",
25276      applicationImage3: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?auto=format&fit=crop&q=80&w=1080",
25277      applicationTitle3: "자동화",
25278      applicationSubtitle3: "Automation",
25279      applicationDesc3: "자동화 시스템과의 완벽한 통합. 효율적인 생산 환경을 구축합니다."
25280    }
25281  );
25282}
25283function d4() {
25284  const { t } = ne(), i = [
25285    {
25286      icon: Hn,
25287      title: "Environmental Stewardship",
25288      description: "Reducing our carbon footprint and protecting natural resources",
25289      color: "bg-green-50 text-green-600"
25290    },
25291    {
25292      icon: Xa,
25293      title: "Social Responsibility",
25294      description: "Empowering our people and supporting local communities",
25295      color: "bg-blue-50 text-blue-600"
25296    },
25297    {
25298      icon: $r,
25299      title: "Governance Excellence",
25300      description: "Maintaining the highest standards of ethics and transparency",
25301      color: "bg-purple-50 text-purple-600"
25302    }
25303  ], n = [
25304    {
25305      icon: de,
25306      title: "Renewable Energy",
25307      stat: "60%",
25308      description: "of facility power from solar panels",
25309      achievement: "Installed 2MW rooftop solar system"
25310    },
25311    {
25312      icon: cu,
25313      title: "Water Conservation",
25314      stat: "40%",
25315      description: "reduction in water consumption",
25316      achievement: "Rainwater harvesting & recycling systems"
25317    },
25318    {
25319      icon: fx,
25320      title: "Waste Reduction",
25321      stat: "85%",
25322      description: "waste recycled or reused",
25323      achievement: "Zero-waste-to-landfill goal by 2026"
25324    },
25325    {
25326      icon: Hn,
25327      title: "Carbon Neutrality",
25328      stat: "2030",
25329      description: "net-zero emissions target",
25330      achievement: "35% reduction achieved since 2023"
25331    }
25332  ], r = [
25333    {
25334      year: "2024",
25335      title: "ISO 14001:2015 Certification",
25336      description: "Environmental management system certified"
25337    },
25338    {
25339      year: "2024",
25340      title: "Green Building Recognition",
25341      description: "Bengaluru facility awarded IGBC Gold rating"
25342    },
25343    {
25344      year: "2023",
25345      title: "Community Partnership",
25346      description: "Partnered with 5 local schools for STEM education"
25347    },
25348    {
25349      year: "2023",
25350      title: "Supplier Code of Conduct",
25351      description: "Implemented ethical sourcing requirements"
25352    }
25353  ], s = [
25354    "Achieve carbon neutrality across all operations by 2030",
25355    "Source 100% renewable energy for manufacturing by 2027",
25356    "Eliminate single-use plastics from all facilities by 2025",
25357    "Achieve gender parity in leadership positions by 2028",
25358    "Provide 10,000 hours of community service annually",
25359    "Maintain zero workplace accidents through enhanced safety"
25360  ];
25361  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white pt-20 relative", children: [
25362    /* @__PURE__ */ a("section", { className: "bg-slate-950 py-20 relative overflow-hidden", children: [
25363      /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-orange-500 via-white to-green-600" }),
25364      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-br from-green-500/10 to-blue-500/10" }),
25365      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 relative", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center", children: [
25366        /* @__PURE__ */ e(Ce, { className: "bg-green-500 text-white mb-6", children: "ESG Report 2024" }),
25367        /* @__PURE__ */ a("h1", { className: "text-5xl md:text-6xl text-white mb-6", children: [
25368          "Building a Sustainable",
25369          /* @__PURE__ */ e("br", {}),
25370          /* @__PURE__ */ e("span", { className: "text-green-400", children: "Future Together" })
25371        ] }),
25372        /* @__PURE__ */ e("p", { className: "text-xl text-gray-300 leading-relaxed mb-8", children: "Our commitment to environmental, social, and governance excellence drives every decision we make and every product we create." }),
25373        /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4 justify-center", children: [
25374          /* @__PURE__ */ a(J, { className: "bg-green-600 text-white hover:bg-green-700 gap-2 px-8 h-12", children: [
25375            /* @__PURE__ */ e(et, { size: 18 }),
25376            "Download ESG Report"
25377          ] }),
25378          /* @__PURE__ */ e(
25379            J,
25380            {
25381              variant: "outline",
25382              className: "border-gray-600 text-white hover:bg-white/5 gap-2 px-8 h-12",
25383              children: "View Impact Dashboard"
25384            }
25385          )
25386        ] })
25387      ] }) })
25388    ] }),
25389    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
25390      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
25391        /* @__PURE__ */ e("div", { className: "text-sm text-green-600 uppercase tracking-wider mb-4", children: "Our ESG Framework" }),
25392        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: "Three Pillars of Sustainability" })
25393      ] }),
25394      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-8", children: i.map((l, o) => {
25395        const d = l.icon;
25396        return /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-8 text-center", children: [
25397          /* @__PURE__ */ e("div", { className: `w-16 h-16 ${l.color} rounded-full flex items-center justify-center mx-auto mb-6`, children: /* @__PURE__ */ e(d, { size: 32 }) }),
25398          /* @__PURE__ */ e("h3", { className: "text-2xl text-slate-950 mb-4", children: l.title }),
25399          /* @__PURE__ */ e("p", { className: "text-gray-600 leading-relaxed", children: l.description })
25400        ] }, o);
25401      }) })
25402    ] }) }) }),
25403    /* @__PURE__ */ e("section", { className: "py-24 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
25404      /* @__PURE__ */ a("div", { className: "mb-16", children: [
25405        /* @__PURE__ */ e("div", { className: "text-sm text-green-600 uppercase tracking-wider mb-4", children: "Environmental Impact" }),
25406        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: "Measurable Progress" }),
25407        /* @__PURE__ */ e("p", { className: "text-xl text-gray-600 leading-relaxed", children: "Our data-driven approach to sustainability ensures accountability and continuous improvement." })
25408      ] }),
25409      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-4 gap-6", children: n.map((l, o) => {
25410        const d = l.icon;
25411        return /* @__PURE__ */ a(Se, { className: "bg-white border-slate-200 p-6", children: [
25412          /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-green-100 text-green-600 rounded-lg flex items-center justify-center mb-4", children: /* @__PURE__ */ e(d, { size: 24 }) }),
25413          /* @__PURE__ */ e("h3", { className: "text-xl text-slate-950 mb-2", children: l.title }),
25414          /* @__PURE__ */ e("div", { className: "text-4xl text-green-600 mb-2", children: l.stat }),
25415          /* @__PURE__ */ e("div", { className: "text-sm text-gray-600 mb-4", children: l.description }),
25416          /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 pt-4 border-t border-slate-200", children: l.achievement })
25417        ] }, o);
25418      }) })
25419    ] }) }) }),
25420    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-16", children: [
25421      /* @__PURE__ */ a("div", { children: [
25422        /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
25423          /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-green-100 text-green-600 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Hn, { size: 24 }) }),
25424          /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950", children: "Environmental" })
25425        ] }),
25426        /* @__PURE__ */ e("p", { className: "text-gray-600 leading-relaxed mb-6", children: "Our manufacturing operations are designed with environmental responsibility at the core. From energy-efficient production processes to sustainable supply chain practices, we're committed to minimizing our ecological footprint." }),
25427        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
25428          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6", children: [
25429            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: "Clean Energy Transition" }),
25430            /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 mb-4", children: "60% of our Bengaluru facility now runs on solar power, with plans to reach 100% renewable energy by 2027." }),
25431            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-green-600", children: [
25432              /* @__PURE__ */ e(me, { size: 16 }),
25433              /* @__PURE__ */ e("span", { children: "2MW solar installation completed" })
25434            ] })
25435          ] }),
25436          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6", children: [
25437            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: "Circular Economy" }),
25438            /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 mb-4", children: "We've implemented comprehensive recycling programs, achieving an 85% waste diversion rate from landfills." }),
25439            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-green-600", children: [
25440              /* @__PURE__ */ e(me, { size: 16 }),
25441              /* @__PURE__ */ e("span", { children: "Zero-waste goal targeted for 2026" })
25442            ] })
25443          ] })
25444        ] })
25445      ] }),
25446      /* @__PURE__ */ a("div", { children: [
25447        /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
25448          /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Xa, { size: 24 }) }),
25449          /* @__PURE__ */ e("h2", { className: "text-3xl text-slate-950", children: "Social" })
25450        ] }),
25451        /* @__PURE__ */ e("p", { className: "text-gray-600 leading-relaxed mb-6", children: "We believe in creating value for all stakeholders - our employees, customers, and the communities where we operate. Our social initiatives focus on education, skill development, and inclusive growth." }),
25452        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
25453          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6", children: [
25454            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: "Workforce Development" }),
25455            /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 mb-4", children: "Invested ₹2.5 crore in employee training and development programs in 2024, with focus on technical skills and leadership." }),
25456            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-blue-600", children: [
25457              /* @__P
25457URE__ */ e(me, { size: 16 }),
25458              /* @__PURE__ */ e("span", { children: "5,000+ training hours delivered" })
25459            ] })
25460          ] }),
25461          /* @__PURE__ */ a(Se, { className: "bg-slate-50 border-slate-200 p-6", children: [
25462            /* @__PURE__ */ e("h4", { className: "text-lg text-slate-950 mb-2", children: "Community Engagement" }),
25463            /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 mb-4", children: "Partnership with local schools and colleges to promote STEM education and create opportunities for underprivileged students." }),
25464            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-blue-600", children: [
25465              /* @__PURE__ */ e(me, { size: 16 }),
25466              /* @__PURE__ */ e("span", { children: "500+ students supported annually" })
25467            ] })
25468          ] })
25469        ] })
25470      ] })
25471    ] }) }) }) }),
25472    /* @__PURE__ */ e("section", { className: "py-24 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
25473      /* @__PURE__ */ a("div", { className: "mb-16", children: [
25474        /* @__PURE__ */ e("h2", { className: "text-4xl text-slate-950 mb-6", children: "Key Achievements" }),
25475        /* @__PURE__ */ e("p", { className: "text-xl text-gray-600", children: "Milestones in our sustainability journey" })
25476      ] }),
25477      /* @__PURE__ */ e("div", { className: "max-w-4xl mx-auto", children: /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map((l, o) => /* @__PURE__ */ a("div", { className: "flex gap-6 items-start", children: [
25478        /* @__PURE__ */ e("div", { className: "flex-shrink-0 w-20 text-right", children: /* @__PURE__ */ e(Ce, { className: "bg-orange-500 text-white", children: l.year }) }),
25479        /* @__PURE__ */ e("div", { className: "flex-shrink-0 w-4 h-4 bg-green-600 rounded-full mt-2 relative", children: o < r.length - 1 && /* @__PURE__ */ e("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 w-0.5 h-16 bg-slate-300" }) }),
25480        /* @__PURE__ */ a(Se, { className: "flex-1 bg-white border-slate-200 p-6", children: [
25481          /* @__PURE__ */ e("h3", { className: "text-xl text-slate-950 mb-2", children: l.title }),
25482          /* @__PURE__ */ e("p", { className: "text-gray-600", children: l.description })
25483        ] })
25484      ] }, o)) }) })
25485    ] }) }) }),
25486    /* @__PURE__ */ e("section", { className: "py-24 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
25487      /* @__PURE__ */ a("div", { className: "mx-auto", children: [
25488        /* @__PURE__ */ e("div", { className: "text-sm text-green-600 uppercase tracking-wider mb-4", children: "Looking Ahead" }),
25489        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6", children: "Our Commitments for the Future" }),
25490        /* @__PURE__ */ e("p", { className: "text-xl text-gray-600", children: "Ambitious targets that will shape our sustainability roadmap" })
25491      ] }),
25492      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-4", children: s.map((l, o) => /* @__PURE__ */ a("div", { className: "flex gap-3 items-start p-6 bg-slate-50 rounded-lg border border-slate-200", children: [
25493        /* @__PURE__ */ e(pn, { className: "text-green-600 flex-shrink-0 mt-1", size: 20 }),
25494        /* @__PURE__ */ e("span", { className: "text-gray-700", children: l })
25495      ] }, o)) })
25496    ] }) }) }),
25497    /* @__PURE__ */ a("section", { className: "py-24 bg-slate-950 relative overflow-hidden", children: [
25498      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-green-500/10 to-blue-500/10" }),
25499      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 relative", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center", children: [
25500        /* @__PURE__ */ e(Jr, { className: "text-green-400 mx-auto mb-6", size: 48 }),
25501        /* @__PURE__ */ e("h2", { className: "text-4xl text-white mb-6", children: "Join Us on Our Sustainability Journey" }),
25502        /* @__PURE__ */ e("p", { className: "text-xl text-gray-300 mb-8", children: "Learn more about our ESG initiatives and how we're making a positive impact" }),
25503        /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4 justify-center", children: [
25504          /* @__PURE__ */ a(J, { className: "bg-green-600 text-white hover:bg-green-700 gap-2 px-8 h-12", children: [
25505            /* @__PURE__ */ e(et, { size: 18 }),
25506            "Download Full Report"
25507          ] }),
25508          /* @__PURE__ */ e(
25509            J,
25510            {
25511              variant: "outline",
25512              className: "border-gray-600 text-white hover:bg-white/5 gap-2 px-8 h-12",
25513              children: "Contact Our ESG Team"
25514            }
25515          )
25516        ] })
25517      ] }) })
25518    ] })
25519  ] });
25520}
25521function m4() {
25522  const { t } = ne();
25523  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
25524    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
25525      /* @__PURE__ */ e(
25526        m.div,
25527        {
25528          initial: { opacity: 0, x: -60 },
25529          animate: { opacity: 1, x: 0 },
25530          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
25531          className: "pt-[11px]",
25532          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "CEO 인사말" })
25533        }
25534      ),
25535      /* @__PURE__ */ a(
25536        m.div,
25537        {
25538          initial: { opacity: 0, x: 60 },
25539          animate: { opacity: 1, x: 0 },
25540          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
25541          children: [
25542            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-8 tracking-tight font-sans", children: [
25543              "기술로 증명한 신뢰를 바탕으로,",
25544              /* @__PURE__ */ e("br", {}),
25545              "더 큰 내일의 기준을 만들어갑니다."
25546            ] }),
25547            /* @__PURE__ */ a("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: [
25548              "정밀 비전 검사와 자동화 기술을 기반으로 제조 혁신의 길을 걸어온",
25549              /* @__PURE__ */ e("br", {}),
25550              "하이비젼시스템을 아껴주시는 모든 분들께 진심으로 감사드립니다."
25551            ] })
25552          ]
25553        }
25554      )
25555    ] }) }) }),
25556    /* @__PURE__ */ e("section", { className: "py-20 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 text-center", children: /* @__PURE__ */ e("p", { className: "text-slate-500 italic", children: "CEO 인사말 및 홍보영상 섹션은 그룹소개 페이지로 통합되었습니다." }) }) })
25557  ] });
25558}
25559const p4 = globalThis.__GLOBALS__.getAssetURL("cee2bb7c43b601ba5f744f4d4e9a8b489b41669d.png"), h4 = globalThis.__GLOBALS__.getAssetURL("b54784e6cc2a434e93bd4201395f84a72e04a619.png"), Pc = globalThis.__GLOBALS__.getAssetURL("99d437cc0451426115c5dab7adc840f09370cd37.png");
25560function u4() {
25561  const { t } = ne(), i = j(null), n = j(null), r = j(null), { scrollYProgress: s } = ut({
25562    target: i,
25563    offset: ["start end", "center center"]
25564  }), l = we(s, [0, 1], ["65%", "100%"]), o = we(s, [0, 1], [1.1, 1]), { scrollYProgress: d } = ut({
25565    target: n,
25566    offset: ["start end", "center center"]
25567  }), c = we(d, [0, 1], ["65%", "100%"]), p = we(d, [0, 1], [1.1, 1]), { scrollYProgress: h } = ut({
25568    target: r,
25569    offset: ["start end", "center center"]
25570  }), x = we(h, [0, 1], ["65%", "100%"]), b = we(h, [0, 1], [1.1, 1]);
25571  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
25572    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
25573      /* @__PURE__ */ e(
25574        m.div,
25575        {
25576          initial: { opacity: 0, x: -60 },
25577          animate: { opacity: 1, x: 0 },
25578          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
25579          className: "pt-[11px]",
25580          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "주요 연혁" })
25581        }
25582      ),
25583      /* @__PURE__ */ a(
25584        m.div,
25585        {
25586          initial: { opacity: 0, x: 60 },
25587          animate: { opacity: 1, x: 0 },
25588          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
25589          children: [
25590            /* @__PURE__ */ e("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-8 tracking-tight font-sans", children: "혁신과 성장의 발자취" }),
25591            /* @__PURE__ */ a("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: [
25592              "2002년 창립 이래 지속적인 기술 혁신과 글로벌 확장을 통해",
25593              /* @__PURE__ */ e("br", {}),
25594              "비전 검사 분야의 선도 기업으로 성장해왔습니다"
25595            ] })
25596          ]
25597        }
25598      )
25599    ] }) }) }),
25600    /* @__PURE__ */ e("section", { className: "bg-white py-20", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6 lg:px-8", children: [
25601      /* @__PURE__ */ a("div", { className: "mb-40", children: [
25602        /* @__PURE__ */ e("div", { ref: i, className: "relative h-[600px] mb-24 overflow-hidden rounded-[32px] flex justify-center", children: /* @__PURE__ */ a(
25603          m.div,
25604          {
25605            style: { width: l },
25606            className: "h-full relative overflow-hidden rounded-[32px]",
25607            children: [
25608              /* @__PURE__ */ a(
25609                m.div,
25610                {
25611                  style: { scale: o },
25612                  className: "absolute inset-0 h-full w-full",
25613                  children: [
25614                    /* @__PURE__ */ e(
25615                      S,
25616                      {
25617                        src: p4,
25618                        alt: "2002-2017 Period",
25619                        className: "w-full h-full object-cover grayscale"
25620                      }
25621                    ),
25622                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40" })
25623                  ]
25624                }
25625              ),
25626              /* @__PURE__ */ e("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center text-white px-6", children: /* @__PURE__ */ a(
25627                m.div,
25628                {
25629                  initial: { opacity: 0, y: 30 },
25630                  whileInView: { opacity: 1, y: 0 },
25631                  viewport: { once: !0 },
25632                  transition: { duration: 0.8 },
25633                  children: [
25634                    /* @__PURE__ */ e("div", { className: "text-white/80 text-[24px] mb-4 font-bold", children: "2002 - 2017" }),
25635                    /* @__PURE__ */ e("h3", { className: "text-[48px] font-bold mb-4 tracking-tight", children: "비전 검사 기업으로의 시작" }),
25636                    /* @__PURE__ */ e("p", { className: "text-white/90 text-[18px] max-w-2xl mx-auto leading-relaxed", children: "한국의 비전 검사 전문 기업으로 창립하여 지속적인 기술 혁신과 성장을 이루어낸 시기" })
25637                  ]
25638                }
25639              ) })
25640            ]
25641          }
25642        ) }),
25643        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[420px_1fr] gap-20 items-start px-4", children: [
25644          /* @__PURE__ */ e(
25645            m.div,
25646            {
25647              initial: { opacity: 0, x: -60 },
25648              whileInView: { opacity: 1, x: 0 },
25649              viewport: { once: !0 },
25650              transition: { duration: 0.8 },
25651              children: /* @__PURE__ */ e("div", { className: "w-full h-[520px] overflow-hidden rounded-[32px] shadow-sm", children: /* @__PURE__ */ e(
25652                S,
25653                {
25654                  src: "https://images.unsplash.com/photo-1733925457822-64c3e048fa1b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
25655                  alt: "2002-2017 Details",
25656                  className: "w-full h-full object-cover grayscale"
25657                }
25658              ) })
25659            }
25660          ),
25661          /* @__PURE__ */ a("div", { children: [
25662            /* @__PURE__ */ e("div", { className: "text-gray-400 text-[28px] mb-3 font-bold font-sans", children: "2002 - 2017" }),
25663            /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[36px] font-bold mb-12 tracking-tight", children: "비전 검사 기업으로의 시작" }),
25664            /* @__PURE__ */ e("div", { className: "space-y-8", children: [
25665              { year: "2002", text: "HyVISION System 설립 / 한국의 비전 검사 전문 기업으로 창립" },
25666              { year: "2005", text: "INNOBIZ 인증 / 한국 정부로부터 기술혁신형 중소기업 인증" },
25667              { year: "2007", text: "ISO 9001 인증 & 벤처 확인 / 품질경영시스템 구축 및 벤처기업 인증 획득" },
25668              { year: "2012", text: "코스닥 상장 / 코스닥 시장 상장 및 수출의 탑 수상으로 우수한 수출 성과 인정" },
25669              { year: "2015", text: '3D 프린터 브랜드 "Cubicon" 런칭 / 산업용 및 교육용 시장을 위한 혁신적인 제품 라인으로 3D 프린팅 사업 진출' },
25670              { year: "2017", text: "Cubicon 자회사 & Tellonet 신공장 / 사업 다각화 및 E-백만불 수출의 탑 수상" }
25671            ].map((g, w) => /* @__PURE__ */ a(m.div, { className: "flex gap-8 border-l border-gray-100 pl-8", initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: !0 }, transition: { delay: w * 0.1, duration: 0.5 }, children: [
25672              /* @__PURE__ */ e("span", { className: "text-slate-950 text-[18px] font-bold min-w-[60px] font-sans", children: g.year }),
25673              /* @__PURE__ */ e("span", { className: "text-gray-600 text-[16px] leading-relaxed", children: g.text })
25674            ] }, w)) })
25675          ] })
25676        ] })
25677      ] }),
25678      /* @__PURE__ */ a("div", { className: "mb-40", children: [
25679        /* @__PURE__ */ e("div", { ref: n, className: "relative h-[600px] mb-24 overflow-hidden rounded-[32px] flex justify-center", children: /* @__PURE__ */ a(
25680          m.div,
25681          {
25682            style: { width: c },
25683            className: "h-full relative overflow-hidden rounded-[32px]",
25684            children: [
25685              /* @__PURE__ */ a(
25686                m.div,
25687                {
25688                  style: { scale: p },
25689                  className: "absolute inset-0 h-full w-full",
25690                  children: [
25691                    /* @__PURE__ */ e(
25692                      S,
25693                      {
25694                        src: h4,
25695                        alt: "2018-2022 Period",
25696                        className: "w-full h-full object-cover grayscale"
25697                      }
25698                    ),
25699                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40" })
25700                  ]
25701                }
25702              ),
25703              /* @__PURE__ */ e("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center text-white px-6", children: /* @__PURE__ */ a(
25704                m.div,
25705                {
25706                  initial: { opacity: 0, y: 30 },
25707                  whileInView: { opacity: 1, y: 0 },
25708                  viewport: { once: !0 },
25709                  transition: { duration: 0.8 },
25710                  children: [
25711                    /* @__PURE__ */ e("div", { className: "text-white/80 text-[24px] mb-4 font-bold", children: "2018 - 2022" }),
25712                    /* @__PURE__ */ e("h3", { className: "text-[48px] font-bold mb-4 tracking-tight", children: "신 성장분야 육성" }),
25713                    /* @__PURE__ */ e("p", { className: "text-white/90 text-[18px] max-w-2xl mx-auto leading-relaxed", children: "자동화 솔루션과 2차전지 검사 기술을 중심으로 새로운 성장동력을 확보한 시기" })
25714                  ]
25715                }
25716              ) })
25717            ]
25718          }
25719        ) }),
25720        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[420px_1fr] gap-20 items-start px-4", children: [
25721          /* @__PURE__ */ e(
25722            m.div,
25723            {
25724              initial: { opacity: 0, x: -60 },
25725              whileInView: { opacity: 1, x: 0 },
25726              viewport: { once: !0 },
25727              transition: { duration: 0.8 },
25728              children: /* @__PURE__ */ e("div", { className: "w-full h-[520px] overflow-hidden rounded-[32px] shadow-sm", children: /* @__PURE__ */ e(
25729                S,
25730                {
25731                  src: "https://images.unsplash.com/photo-1635961179148-3d886568775c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
25732                  alt: "2018-2022 Details",
25733                  className: "w-full h-full object-cover grayscale"
25734                }
25735              ) })
25736            }
25737          ),
25738          /* @__PURE__ */ a("div", { children: [
25739            /* @__PURE__ */ e("div", { className: "text-gray-400 text-[28px] mb-3 font-bold font-sans", children: "2018 - 2022" }),
25740            /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[36px] font-bold mb-12 tracking-tight", children: "신 성장분야 육성" }),
25741            /* @__PURE__ */ e("div", { className: "space-y-8", children: [
25742              { year: "2018", text: "퓨런티어 자회사 설립 / 백만불 수출의 탑 수상 및 HyVision 전시·물류 센터 설립" },
25743              { year: "2021", text: "HyBOZHON 합작법인 설립 / 자동화 솔루션 및 2차전지 R&D를 위한 전략적 합작법인 및 Plan-U-Tech 자회사 설립" },
25744              { year: "2022", text: "구미 공장 설립 / 충북 소재 MIDAS 정밀 장비 공장 설립으로 첨단 제조 역량 확대" }
25745            ].map((g, w) => /* @__PURE__ */ a(m.div, { className: "flex gap-8 border-l border-gray-100 pl-8", initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: !0 }, transition: { delay: w * 0.1, duration: 0.5 }, children: [
25746              /* @__PURE__ */ e("span", { className: "text-slate-950 text-[18px] font-bold min-w-[60px] font-sans", children: g.year }),
25747              /* @__PURE__ */ e("span", { className: "text-gray-600 text-[16px] leading-relaxed", children: g.text })
25748            ] }, w)) })
25749          ] })
25750        ] })
25751      ] }),
25752      /* @__PURE__ */ a("div", { className: "mb-40", children: [
25753        /* @__PURE__ */ e("div", { ref: r, className: "relative h-[600px] mb-24 overflow-hidden rounded-[32px] flex justify-center", children: /* @__PURE__ */ a(
25754          m.div,
25755          {
25756            style: { width: x },
25757            className: "h-full relative overflow-hidden rounded-[32px]",
25758            children: [
25759              /* @__PURE__ */ a(
25760                m.div,
25761                {
25762                  style: { scale: b },
25763                  className: "absolute inset-0 h-full w-full",
25764                  children: [
25765                    /* @__PURE__ */ e(
25766                      S,
25767                      {
25768                        src: Pc,
25769                        alt: "2023- Period",
25770                        className: "w-full h-full object-cover grayscale"
25771                      }
25772                    ),
25773                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40" })
25774                  ]
25775                }
25776              ),
25777              /* @__PURE__ */ e("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center text-white px-6", children: /* @__PURE__ */ a(
25778                m.div,
25779                {
25780                  initial: { opacity: 0, y: 30 },
25781                  whileInView: { opacity: 1, y: 0 },
25782                  viewport: { once: !0 },
25783                  transition: { duration: 0.8 },
25784                  children: [
25785                    /* @__PURE__ */ e("div", { className: "text-white/80 text-[24px] mb-4 font-bold", children: "2023 - 현재" }),
25786                    /* @__PURE__ */ e("h3", { className: "text-[48px] font-bold mb-4 tracking-tight", children: "글로벌 시장에서의 역량 강화" }),
25787                    /* @__PURE__ */ e("p", { className: "text-white/90 text-[18px] mx-auto leading-relaxed whitespace-nowrap", children: "인도 벵갈루루 공장 설립과 BIO, AR/Glass 분야 진출로 글로벌 시장 리더십을 확보한 시기" })
25788                  ]
25789                }
25790              ) })
25791            ]
25792          }
25793        ) }),
25794        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[420px_1fr] gap-20 items-start pb-20 px-4", children: [
25795          /* @__PURE__ */ e(
25796            m.div,
25797            {
25798              initial: { opacity: 0, x: -60 },
25799              whileInView: { opacity: 1, x: 0 },
25800              viewport: { once: !0 },
25801              transition: { duration: 0.8 },
25802              children: /* @__PURE__ */ e("div", { className: "w-full h-[520px] overflow-hidden rounded-[32px] shadow-sm", children: /* @__PURE__ */ e(
25803                S,
25804                {
25805                  src: Pc,
25806                  alt: "2023- Details",
25807                  className: "w-full h-full object-cover grayscale"
25808                }
25809              ) })
25810            }
25811          ),
25812          /* @__PURE__ */ a("div", { children: [
25813            /* @__PURE__ */ e("div", { className: "text-gray-400 text-[28px] mb-3 font-bold font-sans", children: "2023 - 현재" }),
25814            /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[36px] font-bold mb-12 tracking-tight", children: "글로벌 시장에서의 역량 강화" }),
25815            /* @__PURE__ */ e("div", { className: "space-y-8", children: [
25816              { year: "2023", text: "미국 법인 설립 / 북미 본부 및 차세대 R&D 센터 설립으로 첨단 기술 개발 역량 강화" },
25817              { year: "2023", text: "2차전지 사업 특화 / EV 및 에너지 저장 장치용 배터리 검사 시스템에 집중" },
25818              { year: "2024", text: "인도 법인 설립 / 인도 벵갈루루에 20,000㎡ 규모의 정밀 비전 검사 시스템 제조 시설 개소" },
25819              { year: "2024", text: "코스닥 라이징스타 선정 / 업계 최초 코스닥 라이징스타 선정, 뛰어난 성장성과 시장 리더십 입증" },
25820              { year: "2024", text: "BIO 검사 사업 진출 / FDA 준수 품질 보증 시스템을 갖춘 제약 및 의료기기 검사 시장 진입" },
25821              { year: "2025", text: "AR/AT/Glass 필름 진출 / 혁신적 디스플레이 기술 시장 진입 및 AI·로봇·자동차 자동화 시장 확장" }
25822            ].map((g, w) => /* @__PURE__ */ a(m.div, { className: "flex gap-8 border-l border-gray-100 pl-8", initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: !0 }, transition: { delay: w * 0.1, duration: 0.5 }, children: [
25823              /* @__PURE__ */ e("span", { className: "text-slate-950 text-[18px] font-bold min-w-[60px] font-sans", children: g.year }),
25824              /* @__PURE__ */ e("span", { className: "text-gray-600 text-[16px] leading-relaxed", children: g.text })
25825            ] }, w)) })
25826          ] })
25827        ] })
25828      ] })
25829    ] }) })
25830  ] });
25831}
25832function x4() {
25833  const { t } = ne(), [i, n] = C("company"), r = [
25834    {
25835      icon: dn,
25836      title: "Image Processing",
25837      description: "Advanced image processing algorithms and computer vision technology for precise quality inspection and defect detection",
25838      image: "https://images.unsplash.com/photo-1604248046084-9bf858a90b7b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwY2FtZXJhJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NjE4MTQwNjJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25839      bgColor: "#D4A574"
25840    },
25841    {
25842      icon: Su,
25843      title: "Lens Align & Camera Test",
25844      description: "Precision camera calibration and lens alignment systems ensuring optimal imaging performance and accuracy",
25845      image: "https://images.unsplash.com/photo-1761435922559-7b2712066c19?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjYW1lcmElMjBsZW5zJTIwYWxpZ25tZW50JTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NjE4MTQzNzl8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25846      bgColor: "#0066CC"
25847    },
25848    {
25849      icon: de,
25850      title: "Signal Processing",
25851      description: "High-speed signal processing and data analysis capabilities for real-time quality control and monitoring",
25852      image: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzaWduYWwlMjBwcm9jZXNzaW5nJTIwY2lyY3VpdCUyMGJvYXJkfGVufDF8fHx8MTc2MTgxNDM3OXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25853      bgColor: "#D4A574"
25854    },
25855    {
25856      icon: Kc,
25857      title: "Automation",
25858      description: "Comprehensive automation solutions for manufacturing processes with integrated vision inspection systems",
25859      image: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwYXV0b21hdGlvbiUyMHJvYm90fGVufDF8fHx8MTc2MTc1NTk4NHww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25860      bgColor: "#0066CC"
25861    },
25862    {
25863      icon: Be,
25864      title: "Robotics",
25865      description: "Advanced robotics integration and control systems for automated inspection and handling applications",
25866      image: "https://images.unsplash.com/photo-1641311281574-98b9e7a76479?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwcm9ib3RpY3MlMjBhcm18ZW58MXx8fHwxNzYxODE0MzgyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25867      bgColor: "#D4A574"
25868    },
25869    {
25870      icon: yt,
25871      title: "3D Printing Technology",
25872      description: "Innovative 3D printing solutions for rapid prototyping and custom component manufacturing",
25873      image: "https://images.unsplash.com/photo-1544704784-59bcc978c9c4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHwzRCUyMHByaW50aW5nJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NjE3NzU2OTh8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25874      bgColor: "#0066CC"
25875    }
25876  ], s = [
25877    {
25878      icon: mi,
25879      title: t.coreCompetencies.softwareTitle,
25880      description: t.coreCompetencies.softwareDesc,
25881      features: t.coreCompetencies.softwareFeatures,
25882      color: "#0066CC",
25883      accentColor: "#FF9933"
25884    },
25885    {
25886      icon: at,
25887      title: t.coreCompetencies.hardwareTitle,
25888      description: t.coreCompetencies.hardwareDesc,
25889      features: t.coreCompetencies.hardwareFeatures,
25890      color: "#0066CC",
25891      accentColor: "#138808"
25892    },
25893    {
25894      icon: Be,
25895      title: t.coreCompetencies.automationTitle,
25896      description: t.coreCompetencies.automationDesc,
25897      features: t.coreCompetencies.automationFeatures,
25898      color: "#0066CC",
25899      accentColor: "#FF9933"
25900    }
25901  ];
25902  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-gradient-to-b from-slate-50 to-white relative", children: [
25903    /* @__PURE__ */ a("section", { className: "relative h-[450px] overflow-hidden", children: [
25904      /* @__PURE__ */ e(
25905        S,
25906        {
25907          src: "https://images.unsplash.com/photo-1604248046084-9bf858a90b7b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwY2FtZXJhJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NjE4MTQwNjJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25908          alt: "Technology",
25909          className: "absolute inset-0 w-full h-full object-cover"
25910        }
25911      ),
25912      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-slate-950/75" }),
25913      /* @__PURE__ */ a("div", { className: "relative h-full flex items-center", children: [
25914        /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl pt-20", children: [
25915          /* @__PURE__ */ e("div", { className: "text-orange-500 uppercase tracking-widest text-sm mb-4", children: "Our Capabilities" }),
25916          /* @__P
25916URE__ */ e("h1", { className: "text-white mb-6", children: "Our Technological Edge" }),
25917          /* @__PURE__ */ e("p", { className: "text-gray-300 text-xl leading-relaxed max-w-3xl", children: "HyVISION SYSTEM ICCK's Core Technical Capabilities and Solutions" })
25918        ] }) }),
25919        /* @__PURE__ */ e("div", { className: "absolute right-12 top-1/2 -translate-y-1/2 opacity-10", children: /* @__PURE__ */ e("div", { className: "text-white text-[120px] tracking-widest", style: { writingMode: "vertical-rl" }, children: "HyVISION" }) })
25920      ] })
25921    ] }),
25922    /* @__PURE__ */ e("div", { className: "bg-[#F5F5F5] border-b border-slate-200", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ e(
25923      ea,
25924      {
25925        items: [
25926          { label: t.breadcrumb.home, path: "/" },
25927          { label: t.breadcrumb.aboutUs, path: "/company" },
25928          { label: t.breadcrumb.coreCompetencies, path: "/core-competencies" }
25929        ]
25930      }
25931    ) }) }),
25932    /* @__PURE__ */ e("section", { className: "py-8", children: /* @__PURE__ */ a("div", { className: "container mx-auto px-4", children: [
25933      /* @__PURE__ */ e("div", { className: "mb-12", children: /* @__PURE__ */ e("h2", { className: "text-white mb-4 text-[14px] font-bold text-left bg-[#003D7A] block w-fit pl-8 pr-8 py-3 relative z-10", children: "Core Competencies" }) }),
25934      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8 -mt-6", children: r.map((l, o) => (l.icon, /* @__PURE__ */ a(
25935        "div",
25936        {
25937          className: "group relative overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col",
25938          children: [
25939            /* @__PURE__ */ e("div", { className: "relative h-64 overflow-hidden", children: /* @__PURE__ */ e(
25940              S,
25941              {
25942                src: l.image,
25943                alt: l.title,
25944                className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
25945              }
25946            ) }),
25947            /* @__PURE__ */ a(
25948              "div",
25949              {
25950                className: "p-8 flex-1 flex flex-col",
25951                style: { backgroundColor: l.bgColor },
25952                children: [
25953                  /* @__PURE__ */ e("h3", { className: "text-white mb-4 text-[22px] font-bold", children: l.title }),
25954                  /* @__PURE__ */ e("p", { className: "text-white/90 leading-relaxed text-[20px]", children: l.description })
25955                ]
25956              }
25957            )
25958          ]
25959        },
25960        o
25961      ))) })
25962    ] }) }),
25963    /* @__PURE__ */ e("section", { className: "py-16 bg-gradient-to-b from-white to-slate-50", children: /* @__PURE__ */ a("div", { className: "container mx-auto px-4", children: [
25964      /* @__PURE__ */ e("div", { className: "mb-12", children: /* @__PURE__ */ e("h2", { className: "text-white mb-4 text-[14px] font-bold text-left bg-[#003D7A] block w-fit pl-8 pr-8 py-3 relative z-10", children: t.coreCompetencies.technologyTitle }) }),
25965      /* @__PURE__ */ e("div", { className: "space-y-8 -mt-6", children: s.map((l, o) => {
25966        l.icon;
25967        const d = o === 0 ? "#FF9933" : o === 1 ? "#138808" : "#FF9933";
25968        return /* @__PURE__ */ a(
25969          "div",
25970          {
25971            className: "group bg-white shadow-md hover:shadow-xl transition-all duration-300 cursor-pointer flex flex-col lg:flex-row relative overflow-hidden",
25972            children: [
25973              /* @__PURE__ */ a("div", { className: "lg:w-[360px] relative flex items-center justify-center flex-shrink-0 overflow-hidden", children: [
25974                /* @__PURE__ */ e(
25975                  S,
25976                  {
25977                    src: [
25978                      "https://images.unsplash.com/photo-1531498860502-7c67cf02f657?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzb2Z0d2FyZSUyMGRldmVsb3BtZW50JTIwY29kZXxlbnwxfHx8fDE3NjE4NzY1MTd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25979                      "https://images.unsplash.com/photo-1597862624292-45748390b00e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb21wdXRlciUyMGhhcmR3YXJlJTIwY2lyY3VpdHxlbnwxfHx8fDE3NjE4MzM1Mjd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
25980                      "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwYXV0b21hdGlvbiUyMGZhY3Rvcnl8ZW58MXx8fHwxNzYxODE4MDU4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
25981                    ][o],
25982                    alt: l.title,
25983                    className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
25984                  }
25985                ),
25986                /* @__PURE__ */ e(
25987                  "div",
25988                  {
25989                    className: "absolute -bottom-12 -left-12 w-32 h-32 rounded-full opacity-80",
25990                    style: { backgroundColor: d }
25991                  }
25992                )
25993              ] }),
25994              /* @__PURE__ */ a("div", { className: "flex-1 p-10 flex flex-col", children: [
25995                /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-4 text-[28px] leading-tight font-bold", children: l.title }),
25996                /* @__PURE__ */ e("p", { className: "text-slate-600 mb-3 text-[16px] leading-relaxed", children: l.description }),
25997                /* @__PURE__ */ e("div", { className: "space-y-2 mb-8", children: l.features.map((p, h) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
25998                  /* @__PURE__ */ e(
25999                    "div",
26000                    {
26001                      className: "w-1.5 h-1.5 mt-2 flex-shrink-0 rounded-full",
26002                      style: { backgroundColor: d }
26003                    }
26004                  ),
26005                  /* @__PURE__ */ e("span", { className: "text-slate-700 text-[15px] leading-[1.5]", children: p })
26006                ] }, h)) }),
26007                /* @__PURE__ */ e("div", { className: "mt-auto", children: /* @__PURE__ */ a(
26008                  "button",
26009                  {
26010                    className: "flex items-center gap-2 text-[15px] group/btn transition-all",
26011                    style: { color: d },
26012                    children: [
26013                      /* @__PURE__ */ e("span", { children: "Read Story" }),
26014                      /* @__PURE__ */ e(
26015                        "div",
26016                        {
26017                          className: "w-7 h-7 rounded-full flex items-center justify-center group-hover/btn:translate-x-1 transition-transform",
26018                          style: { backgroundColor: d },
26019                          children: /* @__PURE__ */ e(re, { className: "w-4 h-4 text-white" })
26020                        }
26021                      )
26022                    ]
26023                  }
26024                ) })
26025              ] })
26026            ]
26027          },
26028          o
26029        );
26030      }) })
26031    ] }) }),
26032    /* @__PURE__ */ e("section", { className: "py-16 bg-gradient-to-br from-blue-600 to-blue-800 text-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center", children: [
26033      /* @__PURE__ */ e(di, { className: "w-16 h-16 mx-auto mb-6 text-blue-200" }),
26034      /* @__PURE__ */ e("h2", { className: "text-white mb-4", children: "Experience Our Technology" }),
26035      /* @__PURE__ */ e("p", { className: "text-blue-100 mb-8 max-w-2xl mx-auto", children: "Discover how HyVISION's core competencies can transform your manufacturing process with cutting-edge vision inspection solutions." }),
26036      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4 justify-center", children: [
26037        /* @__PURE__ */ e("button", { className: "px-8 py-3 bg-white text-blue-600 rounded-lg hover:bg-blue-50 transition-colors", children: "Contact Sales" }),
26038        /* @__PURE__ */ e("button", { className: "px-8 py-3 bg-blue-700 text-white rounded-lg hover:bg-blue-600 transition-colors border border-blue-500", children: "View Products" })
26039      ] })
26040    ] }) }) })
26041  ] });
26042}
26043const g4 = globalThis.__GLOBALS__.getAssetURL("3c84047eceb5f3a4a75532aa641ab60131f5347a.png"), Lc = globalThis.__GLOBALS__.getAssetURL("06568cba53a8f1a77019ce41b704ae8f4671f8f1.png"), f4 = globalThis.__GLOBALS__.getAssetURL("47e63c547d6167280e0973e5e2be4dcb8a056fd6.png"), b4 = globalThis.__GLOBALS__.getAssetURL("e2b9091facf9d6d838f810c0bdd995df4e5e89b7.png"), y4 = globalThis.__GLOBALS__.getAssetURL("ff8fb37c8515fc26581b9481354b0f90242ec62b.png"), ri = globalThis.__GLOBALS__.getAssetURL("934717d8e379cde1dfb73abf899a9d7647fb6ff9.png"), w4 = globalThis.__GLOBALS__.getAssetURL("3fa8a7b622eb3b90d2d8a343f35752a51ed453f9.png"), v4 = globalThis.__GLOBALS__.getAssetURL("06c34047352d4a7ae5de0d5ebc823556298ffd9c.png");
26044function N4() {
26045  const { t } = ne(), [i, n] = C("all"), [r, s] = C("all"), [l, o] = C(""), [d, c] = C(1.2), [p, h] = C(1.1), [x, b] = C(65);
26046  R(() => {
26047    const N = () => {
26048      const f = window.scrollY, D = 1.2 - Math.min(f / 600, 1) * 0.2;
26049      c(D);
26050      const P = document.querySelector(".widening-image-section");
26051      if (P) {
26052        const k = P.offsetTop, H = P.offsetHeight, T = window.innerHeight, M = k - T, z = k - T / 2 + H / 2 - M, X = Math.min(Math.max((f - M) / z, 0), 1), Q = 1.1 + X * 0.2;
26053        h(Q);
26054        const Y = 65 + X * 35;
26055        b(Y);
26056      }
26057    };
26058    return window.addEventListener("scroll", N), N(), () => {
26059      window.removeEventListener("scroll", N);
26060    };
26061  }, []);
26062  const g = [
26063    { id: "all", label: "전체" },
26064    { id: "Korea", label: "대한민국" },
26065    { id: "India", label: "인도" },
26066    { id: "Vietnam", label: "베트남" },
26067    { id: "China", label: "중국" },
26068    { id: "USA", label: "미국" }
26069  ], w = [
26070    {
26071      region: "korea",
26072      country: "Korea",
26073      city: "Gwangju",
26074      name: "하이비젼시스템 금곡불빌딩 (본사)",
26075      tags: ["Sales", "Design", "FA", "Manufacturing"],
26076      address: "광주 북구 첨단과기로 208번길 62",
26077      phone: "062-971-9300",
26078      fax: "062-971-9309",
26079      email: "[email protected]",
26080      image: Lc,
26081      description: "하이비젼시스템의 글로벌 본사로, 연구개발 시설, 엔지니어링 센터, Smart Components 및 CCM 검사장비 생산라인을 갖추고 있습니다.",
26082      mapPosition: { top: "36%", left: "82.5%" },
26083      labelOffset: { x: -80, y: -40 },
26084      isPrimary: !0
26085    },
26086    {
26087      region: "korea",
26088      country: "Korea",
26089      city: "Gumi",
26090      name: "하이비젼시스템 구미 공장",
26091      tags: ["Manufacturing", "Training center"],
26092      address: "경북 구미시 신평동 162 140~143, 162번지 경우 73-48",
26093      phone: "054-XXXX-XXXX",
26094      fax: "",
26095      email: "[email protected]",
26096      image: "https://images.unsplash.com/photo-1656727067277-58d581b53c03?q=80&w=1000",
26097      description: "구미 공장은 첨단 자동화 설비를 갖춘 대규모 생산 시설로, 검사 장비 및 스마트 컴포넌트의 대량 생산과 트레이닝 센터 운영을 담당합니다.",
26098      mapPosition: { top: "36.8%", left: "83%" },
26099      labelOffset: { x: 70, y: 20 },
26100      isPrimary: !1
26101    },
26102    {
26103      region: "americas",
26104      country: "USA",
26105      city: "Cupertino",
26106      name: "HyVISION SYSTEM Inc. (미국 법인)",
26107      tags: ["Sales", "FA"],
26108      address: "20364 Encanto Creek Blvd, Suite D+17, Cupertino, CA",
26109      phone: "+1 408 757 5730",
26110      fax: "",
26111      email: "[email protected]",
26112      image: "https://images.unsplash.com/photo-1728229682202-6e2f3b0aa5a5?q=80&w=1000",
26113      description: "미국 실리콘밸리 거점으로, 북미 고객을 위한 영업 지원 및 필드 애플리케이션 엔지니어링 서비스를 제공합니다.",
26114      mapPosition: { top: "35%", left: "15%" },
26115      labelOffset: { x: -70, y: 0 },
26116      isPrimary: !1
26117    },
26118    {
26119      region: "asia",
26120      country: "China",
26121      city: "Dongguan",
26122      name: "하이스 정밀 유한공사 (동관 법인)",
26123      tags: ["Manufacturing", "Monitoring & Training service"],
26124      address: "Room 105, Building 7, Huidi Industrial Park 26, Ju Yang Road, Honan City, Dongguan City, Guangdong Province",
26125      phone: "+86-769-XXXX-XXXX",
26126      fax: "",
26127      email: "[email protected]",
26128      image: "https://images.unsplash.com/photo-1764773516703-b246ac2ad5ef?q=80&w=1000",
26129      description: "동관 법인은 중국 남부 제조 허브로서 정밀 부품 생산, 장비 모니터링, 현지 트레이닝 서비스를 제공하며 중화권 고객 지원의 핵심 거점 역할을 합니다.",
26130      mapPosition: { top: "42%", left: "80%" },
26131      labelOffset: { x: -80, y: 40 },
26132      isPrimary: !1
26133    },
26134    {
26135      region: "asia",
26136      country: "China",
26137      city: "Shenzhen",
26138      name: "HyVISION TECHNOLOGY (심천 법인)",
26139      tags: ["Sales", "R&D", "FA"],
26140      address: "Room 929, No. 1193, To Khai Nong Community, Nghinh Huong Road, Fucheng Town, Longhua District, Shenzhen, China",
26141      phone: "+86-755-XXXX-XXXX",
26142      fax: "",
26143      email: "[email protected]",
26144      image: "https://images.unsplash.com/photo-1766021736538-3208f2ad05f2?q=80&w=1000",
26145      description: "심천 법인은 중국 전역의 영업 활동과 현지 R&D 개발을 담당하며, 급성장하는 중국 스마트 제조 시장에 최적화된 솔루션을 공급합니다.",
26146      mapPosition: { top: "43%", left: "79.5%" },
26147      labelOffset: { x: 70, y: 40 },
26148      isPrimary: !1
26149    },
26150    {
26151      region: "asia",
26152      country: "Vietnam",
26153      city: "Quy Nhon",
26154      name: "HyVISION VINA (베트남 법인)",
26155      tags: ["Sales", "Mfg", "Manufacturing", "Training center"],
26156      address: "HyVISION VINA Co., Ltd. Lot 23-4 An Khanh Gen., Lot 23 Nhon Hoi Industrial Park, Quy 
26156Nhon, Binh Dinh Province, Vietnam",
26157      phone: "+84-56-XXXX-XXXX",
26158      fax: "",
26159      email: "[email protected]",
26160      image: "https://images.unsplash.com/photo-1682952714406-8ca6a497eea3?q=80&w=1000",
26161      description: "베트남 법인은 동남아시아 생산 및 영업의 핵심 거점으로, 현지 제조와 트레이닝 서비스를 통해 빠르게 성장하는 동남아 시장을 지원합니다.",
26162      mapPosition: { top: "53%", left: "79%" },
26163      labelOffset: { x: 0, y: 40 },
26164      isPrimary: !1
26165    },
26166    {
26167      region: "asia",
26168      country: "India",
26169      city: "Bengaluru",
26170      name: "HyVISION INDIA PRIVATE LIMITED (인도 법인)",
26171      tags: ["Sales", "FA", "Manufacturing", "Training Center"],
26172      address: "No.416, 2nd Floor, Gayathri Complex, Hobli Road, near Godrej Avenues, Sree Sai Layout, Yelahanka, Singanayakanahalli, Bengaluru, Karnataka 560064, India",
26173      phone: "+91-80-XXXX-XXXX",
26174      fax: "",
26175      email: "[email protected]",
26176      image: "https://images.unsplash.com/photo-1700234678818-b354a49ef9de?q=80&w=1000",
26177      description: "인도 법인은 벵갈루루를 거점으로 인도 전역의 영업 활동을 담당하며, 현지 고객에게 맞춤형 비전 검사 솔루션을 제공합니다.",
26178      mapPosition: { top: "54%", left: "71%" },
26179      labelOffset: { x: 0, y: 40 },
26180      isPrimary: !1
26181    }
26182  ], u = i === "all" ? w : w.filter((N) => N.country === i), A = (r === "all" ? u : u.filter((N) => N.type.toLowerCase().includes(r.toLowerCase()))).filter(
26183    (N) => N.city.toLowerCase().includes(l.toLowerCase()) || N.country.toLowerCase().includes(l.toLowerCase()) || N.name.toLowerCase().includes(l.toLowerCase())
26184  );
26185  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
26186    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8 wafer-hero-section", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
26187      /* @__PURE__ */ e(
26188        m.div,
26189        {
26190          initial: { opacity: 0, x: -60 },
26191          animate: { opacity: 1, x: 0 },
26192          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
26193          className: "pt-[11px]",
26194          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Global Network" })
26195        }
26196      ),
26197      /* @__PURE__ */ a(
26198        m.div,
26199        {
26200          initial: { opacity: 0, x: 60 },
26201          animate: { opacity: 1, x: 0 },
26202          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
26203          children: [
26204            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
26205              "전 세계를 연결하는",
26206              /* @__PURE__ */ e("br", {}),
26207              "HyVISION의 글로벌 네트워크"
26208            ] }),
26209            /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: "하이비젼시스템은 세계 각지로 글로벌 네트워크를 확장해 나가고 있습니다." }) })
26210          ]
26211        }
26212      )
26213    ] }) }) }),
26214    /* @__PURE__ */ a("section", { className: "pt-2 pb-20 bg-[rgb(255,255,255)]", children: [
26215      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 mb-8" }),
26216      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 mb-12", children: /* @__PURE__ */ e("div", { className: "max-w-5xl mx-auto bg-white border border-slate-200 px-8 py-5 rounded-xl shadow-sm", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-6", children: [
26217        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e("span", { className: "text-slate-500 text-[13px] font-semibold uppercase tracking-widest", children: "국가" }) }),
26218        /* @__PURE__ */ e("div", { className: "w-px h-6 bg-slate-200 flex-shrink-0" }),
26219        /* @__PURE__ */ e("div", { className: "flex gap-2 flex-wrap", children: g.map((N) => /* @__PURE__ */ e(
26220          "button",
26221          {
26222            onClick: () => n(N.id),
26223            className: `px-5 py-2 rounded-full transition-all text-[13px] font-semibold border ${i === N.id ? "bg-[#003D7A] text-white border-[#003D7A] shadow-md shadow-blue-200" : "bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100 hover:border-slate-300"}`,
26224            children: N.label
26225          },
26226          N.id
26227        )) })
26228      ] }) }) }),
26229      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 mb-16", children: /* @__PURE__ */ a("div", { className: "max-w-xl mx-auto", children: [
26230        /* @__PURE__ */ a("div", { className: "relative", children: [
26231          /* @__PURE__ */ e(qt, { className: "absolute left-4 top-1/2 transform -translate-y-1/2 w-5 h-5 text-slate-400" }),
26232          /* @__PURE__ */ e(
26233            "input",
26234            {
26235              type: "text",
26236              placeholder: "Search by city, country, or office name...",
26237              value: l,
26238              onChange: (N) => o(N.target.value),
26239              className: "w-full pl-12 pr-12 py-4 border-2 border-slate-200 rounded-none focus:outline-none focus:border-[#003D7A] transition-colors text-[15px]"
26240            }
26241          ),
26242          l && /* @__PURE__ */ e(
26243            "button",
26244            {
26245              onClick: () => o(""),
26246              className: "absolute right-4 top-1/2 transform -translate-y-1/2 text-slate-400 hover:text-slate-600 transition-colors",
26247              "aria-label": "Clear search",
26248              children: /* @__PURE__ */ e(Lt, { className: "w-5 h-5" })
26249            }
26250          )
26251        ] }),
26252        l && /* @__PURE__ */ a("div", { className: "mt-2 text-center text-slate-600 text-[13px]", children: [
26253          "Found ",
26254          A.length,
26255          " location",
26256          A.length !== 1 ? "s" : ""
26257        ] })
26258      ] }) }),
26259      /* @__PURE__ */ a("div", { className: "relative w-full h-[700px] overflow-hidden bg-white", children: [
26260        /* @__PURE__ */ e(
26261          "img",
26262          {
26263            src: g4,
26264            alt: "World Map",
26265            className: "absolute inset-0 w-full h-full object-cover opacity-30"
26266          }
26267        ),
26268        u.map((N, f) => {
26269          const I = (() => {
26270            if (N.isPrimary) return "#FF9933";
26271            switch (N.region) {
26272              case "korea":
26273                return "#138808";
26274              case "asia":
26275                return "#FF9933";
26276              case "americas":
26277                return "#00A8E8";
26278              default:
26279                return "#FFFFFF";
26280            }
26281          })();
26282          return /* @__PURE__ */ e(
26283            "div",
26284            {
26285              className: "absolute animate-fadeIn",
26286              style: {
26287                top: N.mapPosition.top,
26288                left: N.mapPosition.left,
26289                transform: "translate(-50%, -50%)",
26290                animationDelay: `${f * 0.15}s`,
26291                zIndex: 10
26292              },
26293              children: /* @__PURE__ */ a("div", { className: "relative group", children: [
26294                /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: [
26295                  /* @__PURE__ */ e(
26296                    "div",
26297                    {
26298                      className: "w-8 h-8 rounded-full animate-ping absolute",
26299                      style: {
26300                        backgroundColor: I,
26301                        opacity: 0.4,
26302                        animationDuration: "2s"
26303                      }
26304                    }
26305                  ),
26306                  /* @__PURE__ */ e(
26307                    "div",
26308                    {
26309                      className: "w-6 h-6 rounded-full animate-pulse absolute",
26310                      style: {
26311                        backgroundColor: I,
26312                        opacity: 0.6,
26313                        animationDuration: "1.5s"
26314                      }
26315                    }
26316                  )
26317                ] }),
26318                /* @__PURE__ */ e("div", { className: "relative z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
26319                  "div",
26320                  {
26321                    className: "w-3 h-3 rounded-full border-2 border-white shadow-lg cursor-pointer transition-transform hover:scale-150",
26322                    style: { backgroundColor: I, boxShadow: `0 0 12px ${I}` }
26323                  }
26324                ) }),
26325                /* @__PURE__ */ e(
26326                  "svg",
26327                  {
26328                    className: "absolute pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-300",
26329                    style: {
26330                      left: "0",
26331                      top: "0",
26332                      width: `${Math.abs(N.labelOffset.x) + 50}px`,
26333                      height: `${Math.abs(N.labelOffset.y) + 30}px`,
26334                      transform: `translate(${N.labelOffset.x > 0 ? "0" : N.labelOffset.x}px, ${N.labelOffset.y > 0 ? "0" : N.labelOffset.y}px)`
26335                    },
26336                    children: /* @__PURE__ */ e(
26337                      "line",
26338                      {
26339                        x1: N.labelOffset.x > 0 ? "0" : Math.abs(N.labelOffset.x),
26340                        y1: N.labelOffset.y > 0 ? "0" : Math.abs(N.labelOffset.y),
26341                        x2: N.labelOffset.x > 0 ? N.labelOffset.x : "0",
26342                        y2: N.labelOffset.y > 0 ? N.labelOffset.y : "0",
26343                        stroke: "white",
26344                        strokeWidth: "1",
26345                        strokeDasharray: "2,2",
26346                        opacity: "0.5"
26347                      }
26348                    )
26349                  }
26350                ),
26351                /* @__PURE__ */ e(
26352                  "div",
26353                  {
26354                    className: "absolute whitespace-nowrap pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-300",
26355                    style: {
26356                      left: `${N.labelOffset.x}px`,
26357                      top: `${N.labelOffset.y}px`,
26358                      transform: "translate(-50%, -50%)"
26359                    },
26360                    children: /* @__PURE__ */ e(
26361                      "div",
26362                      {
26363                        className: "px-3 py-1.5 rounded-full text-white text-[11px] font-medium shadow-lg",
26364                        style: {
26365                          backgroundColor: I,
26366                          boxShadow: `0 2px 8px ${I}60`
26367                        },
26368                        children: N.city
26369                      }
26370                    )
26371                  }
26372                ),
26373                /* @__PURE__ */ a("div", { className: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-8 opacity-0 group-hover:opacity-100 transition-all duration-300 pointer-events-none z-20 group-hover:translate-y-[-4px]", children: [
26374                  /* @__PURE__ */ a("div", { className: "bg-white text-slate-900 px-4 py-3 rounded-lg shadow-xl whitespace-nowrap border border-slate-200", children: [
26375                    /* @__PURE__ */ e("div", { className: "font-bold text-[13px] mb-1", children: N.name }),
26376                    /* @__PURE__ */ e("div", { className: "text-slate-600 text-[11px]", children: N.type })
26377                  ] }),
26378                  /* @__PURE__ */ e("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-[6px] border-r-[6px] border-t-[6px] border-transparent border-t-white" })
26379                ] })
26380              ] })
26381            },
26382            f
26383          );
26384        })
26385      ] }),
26386      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 mt-16", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: A.map((N, f) => /* @__PURE__ */ a(
26387        "div",
26388        {
26389          className: "bg-white border border-slate-200 overflow-hidden hover:shadow-xl transition-all duration-300 group cursor-pointer flex flex-col",
26390          children: [
26391            /* @__PURE__ */ e("div", { className: "w-full aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ e(
26392              S,
26393              {
26394                src: f === 0 ? ri : f === 1 ? f4 : f === 2 ? b4 : f === 3 ? w4 : f === 4 ? v4 : f === 5 ? y4 : f === 6 ? Lc : N.image || "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=1000",
26395                alt: N.name,
26396                className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
26397              }
26398            ) }),
26399            /* @__PURE__ */ a("div", { className: "flex flex-col px-7 py-6 flex-1", children: [
26400              /* @__PURE__ */ e("h3", { className: "text-[17px] text-slate-900 mb-2 leading-snug", style: { fontWeight: 700 }, children: f === 0 ? "하이비젼시스템 글로벌센터 (본사)" : N.name }),
26401              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5 mb-4", children: (N.tags || [N.type]).map((y, I) => /* @__PURE__ */ e(
26402                "span",
26403                {
26404                  className: "inline-block bg-slate-100 text-slate-600 text-[11px] px-2.5 py-0.5 rounded-full border border-slate-200",
26405                  style: { fontWeight: 500 },
26406                  children: y
26407                },
26408                I
26409              )) }),
26410              /* @__PURE__ */ a("div", { className: "space-y-2", children: [
26411                /* @__PURE__ */ a("div", { className: "flex items-start gap-2 text-slate-700 text-[13px]", children: [
26412                  /* @__PURE__ */ e(Ht, { className: "w-3.5 h-3.5 text-slate-400 mt-0.5 flex-shrink-0" }),
26413                  /* @__PURE__ */ e("span", { className: "leading-snug", children: f === 0 ? "경기도 성남시 중원구 둔촌대로 527" : f === 1 ? "경북 구미시 1공단로 4길 141-40 (지번 공단동 310-8)" : f === 6 ? "No.416, 2nd Floor, Gayathri Complex, Hobli Road, near Godrej Avenues, Sree Sai Layout, Yelahanka, Singanayakanahalli, Bengaluru, Karnataka 560064, India" : N.address })
26414                ] }),
26415                (f === 0 || N.phone) && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-slate-700 text-[13px]", children: [
26416                  /* @__PURE__ */ e(Zr, { className: "w-3.5 h-3.5 text-slate-400 flex-shrink-0" }),
26417                  /* @__PURE__ */ e("span", { children: f === 0 ? "031 735 1573" : N.phone }),
26418                  f !== 0 && N.fax && /* @__PURE__ */ a("span", { className: "text-slate-400 ml-2", children: [
26419                    "/ ",
26420                    N.fax
26421                  ] })
26422                ] }),
26423                (f === 0 || N.email) && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-slate-700 text-[13px]", children: [
26424                  /* @__PURE__ */ e(ci, { className: "w-3.5 h-3.5 text-slate-400 flex-shrink-0" }),
26425                  /* @__PURE__ */ e("span", { children: f === 0 ? "[email protected]" : N.email })
26426                ] }),
26427                N.description && /* @__PURE__ */ e("p", { className: "text-slate-500 text-[12px] leading-relaxed mt-1 line-clamp-2", children: N.description })
26428              ] })
26429            ] })
26430          ]
26431        },
26432        f
26433      )) }) }) })
26434    ] }),
26435    /* @__PURE__ */ e("section", { className: "py-20 bg-gradient-to-br from-slate-50 to-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center", children: [
26436      /* @__PURE__ */ e("h2", { className: "text-slate-900 text-[36px] font-bold mb-4", children: "Looking for a Local Partner?" }),
26437      /* @__P
26437URE__ */ e("p", { className: "text-slate-600 text-[18px] mb-8", children: "Contact your nearest HyVISION office for personalized support and solutions" }),
26438      /* @__PURE__ */ e(
26439        "a",
26440        {
26441          href: "#/contact",
26442          className: "inline-block bg-[#003D7A] text-white text-[15px] font-medium px-12 h-12 leading-[48px] rounded-none hover:bg-[#002A5A] transition-colors border-0",
26443          children: "Contact Us"
26444        }
26445      )
26446    ] }) }) }),
26447    /* @__PURE__ */ e(wp, {})
26448  ] });
26449}
26450function A4() {
26451  const { t } = ne(), [i, n] = C(65), r = j(null);
26452  return R(() => {
26453    const s = () => {
26454      const l = window.scrollY, o = window.innerHeight;
26455      if (r.current) {
26456        const d = r.current.getBoundingClientRect(), c = d.top + l, p = d.height, h = c - o, b = c + p / 2 - h, w = 65 + Math.min(Math.max((l - h) / b, 0), 1) * 35;
26457        n(w);
26458      }
26459    };
26460    return window.addEventListener("scroll", s), s(), () => window.removeEventListener("scroll", s);
26461  }, []), /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
26462    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
26463      /* @__PURE__ */ e(
26464        m.div,
26465        {
26466          initial: { opacity: 0, x: -60 },
26467          animate: { opacity: 1, x: 0 },
26468          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
26469          className: "pt-[11px]",
26470          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Major Customers" })
26471        }
26472      ),
26473      /* @__PURE__ */ a(
26474        m.div,
26475        {
26476          initial: { opacity: 0, x: 60 },
26477          animate: { opacity: 1, x: 0 },
26478          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
26479          children: [
26480            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-8 tracking-tight font-sans", children: [
26481              "글로벌 리딩 기업들이",
26482              /* @__PURE__ */ e("br", {}),
26483              "선택한 파트너"
26484            ] }),
26485            /* @__PURE__ */ a("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: [
26486              "전 세계 제조 표준을 정의하는 초정밀 비전 솔루션,",
26487              /* @__PURE__ */ e("br", {}),
26488              "글로벌 테크 리더들이 하이비젼과 함께 타협 없는 완벽함을 실현하고 있습니다."
26489            ] })
26490          ]
26491        }
26492      )
26493    ] }) }) }),
26494    /* @__PURE__ */ e("section", { ref: r, className: "relative py-12 overflow-hidden", children: /* @__PURE__ */ e(
26495      "div",
26496      {
26497        className: "mx-auto transition-all duration-500 ease-out",
26498        style: {
26499          width: `${i}%`
26500        },
26501        children: /* @__PURE__ */ a("div", { className: "relative h-[500px] overflow-hidden", children: [
26502          /* @__PURE__ */ e(
26503            S,
26504            {
26505              src: ri,
26506              alt: "HyVISION Company Building",
26507              className: "w-full h-full object-cover"
26508            }
26509          ),
26510          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/10" })
26511        ] })
26512      }
26513    ) })
26514  ] });
26515}
26516const I4 = globalThis.__GLOBALS__.getAssetURL("0cafbcb339de73a7e3e6c50b7fd0be55f08bbb0f.png"), S4 = globalThis.__GLOBALS__.getAssetURL("c4d1fcbd00e4ebbfd647802a7e7afb494ebeecad.png"), C4 = globalThis.__GLOBALS__.getAssetURL("9416cd11b6f2fa7326fffc47716013e06ea1a679.png"), M4 = globalThis.__GLOBALS__.getAssetURL("f849bcedc0e52963e3a89e109c07e044c3cc4abe.png"), D4 = globalThis.__GLOBALS__.getAssetURL("f1e0cf962f282d362823bfd0bcfab37f2481dd81.png"), k4 = globalThis.__GLOBALS__.getAssetURL("1ec67682919b8fe5102633c6f36dc2085669b791.png"), T4 = globalThis.__GLOBALS__.getAssetURL("2bfa997b354b397136f6e9d8fb40f985f5f61d64.png"), P4 = globalThis.__GLOBALS__.getAssetURL("7b4458a126d202358bccbc741755961cd00a1710.png"), L4 = globalThis.__GLOBALS__.getAssetURL("5a4e3e760c2d764c09170cd43c7bb26ac43a5445.png"), H4 = L4, O4 = "https://images.unsplash.com/photo-1682663947124-88b7b7e12889?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwY2FtZXJhJTIwaW5zcGVjdGlvbiUyMHN5c3RlbXxlbnwxfHx8fDE3NzI2OTA0NDN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", V4 = [
26517  {
26518    title: "Smartphone & Mobile",
26519    subtitle: "스마트폰 카메라 자동화",
26520    desc: "초고화소 멀티 카메라 및 폴디드 줌 모듈의 정밀 조립·검사 라인 구축. Active Alignment부터 Final Test까지 전 공정 자동화.",
26521    image: C4,
26522    tags: ["Active Alignment", "Multi Camera", "Final Test"]
26523  },
26524  {
26525    title: "Automotive & ADAS",
26526    subtitle: "자동차 전장 자동화",
26527    desc: "ADAS·자율주행용 카메라의 극한 환경 신뢰성 검사 및 렌즈 축 정렬 솔루션. ISO/IATF 기반 품질 보증 시스템 제공.",
26528    image: "https://images.unsplash.com/photo-1684141402511-3666ae53f25f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhdXRvbm9tb3VzJTIwdmVoaWNsZSUyMHNlbGYlMjBkcml2aW5nJTIwY2FyJTIwc2Vuc29yc3xlbnwxfHx8fDE3NzI2OTA0NDd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
26529    tags: ["ADAS", "LiDAR", "High Reliability"]
26530  },
26531  {
26532    title: "AR / VR & XR Devices",
26533    subtitle: "XR 디바이스 자동화",
26534    desc: "VR·AR 기기의 SLAM 카메라와 3D 센싱 모듈 검사. 위치 정밀도, 거리 측정 정확도, ToF 성능 검증 자동화.",
26535    image: M4,
26536    tags: ["ToF Module", "3D Sensing", "SLAM Camera"]
26537  },
26538  {
26539    title: "Semiconductor & Display",
26540    subtitle: "반도체·디스플레이 검사",
26541    desc: "웨이퍼 AOI부터 OLED 패널 이물 검사까지. 나노미터급 정밀도의 광학 검사 시스템으로 최고 수준의 품질을 실현.",
26542    image: D4,
26543    tags: ["Wafer AOI", "OLED Inspection", "Nano Precision"]
26544  },
26545  {
26546    title: "Bio & Pharma",
26547    subtitle: "의료·바이오 자동화",
26548    desc: "내시경·의료용 초소형 카메라 모듈의 클린룸 생산 환경 특화 검사 설비. FDA 준수 품질 체계 기반.",
26549    image: k4,
26550    tags: ["FDA Compliant", "Clean Room", "Endoscope"]
26551  },
26552  {
26553    title: "Robotics & AI Vision",
26554    subtitle: "AI 로보틱스 자동화",
26555    desc: "산업용 로봇·AI 기기의 시각 인지 카메라 시스템 정밀 조립 및 캘리브레이션. 차세대 AI 센서 양산 라인 구축.",
26556    image: H4,
26557    tags: ["AI Vision", "Robotics", "Auto Calibration"]
26558  }
26559], E4 = [
26560  {
26561    id: 0,
26562    label: "Active Alignment",
26563    shortDesc: "렌즈·센서 6축 정밀 정렬",
26564    image: "https://images.unsplash.com/photo-1493599398321-988db97c9591?auto=format&fit=crop&q=80&w=1080",
26565    detail: "렌즈와 이미지 센서의 상대적 위치를 실시간 영상 분석으로 6축(X, Y, Z, Pitch, Roll, Yaw) 동시 제어. 서브 마이크론 단위 정밀도로 광학 축 일관성 보장."
26566  },
26567  {
26568    id: 1,
26569    label: "Image Calibration",
26570    shortDesc: "왜곡·색상 편차 정밀 보정",
26571    image: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?auto=format&fit=crop&q=80&w=1080",
26572    detail: "카메라 고유의 렌즈 왜곡, 쉐이딩, 화이트 밸런스를 ���밀 측정·보정. 제품 간 화질 편차를 최소화하고 균일한 영상 품질 확보."
26573  },
26574  {
26575    id: 2,
26576    label: "Focusing & Curing",
26577    shortDesc: "자동 초점 설정 + UV 경화",
26578    image: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080",
26579    detail: "고해상도 이미지 센서에 최적화된 초점 위치를 자동 탐색하고 UV 경화로 영구 고정. 초정밀 가압 및 경화 기술로 장기 신뢰성 보장."
26580  },
26581  {
26582    id: 3,
26583    label: "Final Test & AOI",
26584    shortDesc: "전수 출하 검사 자동화",
26585    image: O4,
26586    detail: "조립 완료 모듈의 화질·이물·기능을 AI 기반 비전으로 전수 검사. 불량 자동 분류 및 실시간 수율 데이터 수집·분석."
26587  }
26588], j4 = [
26589  {
26590    id: 1,
26591    category: "Alignment Technology",
26592    title: "Active Alignment 설비",
26593    description: "렌즈와 센서의 6축 정밀 정렬을 실시간 영상 기반으로 수행하여 고해상도 카메라 모듈의 광학 성능을 극대화합니다.",
26594    images: [
26595      "https://images.unsplash.com/photo-1735494033794-b82c88743a16?auto=format&fit=crop&q=80&w=1080",
26596      "https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&q=80&w=1080",
26597      "https://images.unsplash.com/photo-1763650287486-16b07b35ef2d?auto=format&fit=crop&q=80&w=1080"
26598    ]
26599  },
26600  {
26601    id: 2,
26602    category: "Inspection Technology",
26603    title: "Final Test 설비",
26604    description: "조립이 완료된 카메라 모듈의 화질, 이물, 기능 등을 최종적으로 검사하여 완벽한 품질의 제품만 출되도록 보장합니다.",
26605    images: [
26606      "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?auto=format&fit=crop&q=80&w=1080",
26607      "https://images.unsplash.com/photo-1764835994645-3faa2c40f708?auto=format&fit=crop&q=80&w=1080",
26608      "https://images.unsplash.com/photo-1694701478292-3f60eb30c3b3?auto=format&fit=crop&q=80&w=1080"
26609    ]
26610  },
26611  {
26612    id: 3,
26613    category: "Calibration Technology",
26614    title: "Calibration 설비",
26615    description: "카메라의 왜곡 보정, 화이트 밸런스, 쉐이딩 보정 등을 통해 영상의 균일성과 정확도를 표준화합니다.",
26616    images: [
26617      "https://images.unsplash.com/photo-1627704671340-0969d7dbac25?auto=format&fit=crop&q=80&w=1080",
26618      "https://images.unsplash.com/photo-1763889107827-8e7d7960d68a?auto=format&fit=crop&q=80&w=1080",
26619      "https://images.unsplash.com/photo-1570086625762-7c1396540ac5?auto=format&fit=crop&q=80&w=1080"
26620    ]
26621  },
26622  {
26623    id: 4,
26624    category: "Advanced Sensing",
26625    title: "ToF/LiDAR 검사 설비",
26626    description: "3D 센싱 모듈의 거리 정확도와 감도를 정밀 측정하여 자율주행 및 AR/VR 기기에 필요한 핵심 성능을 검증합니다.",
26627    images: [
26628      "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080",
26629      "https://images.unsplash.com/photo-1615468925629-fad99acae50c?auto=format&fit=crop&q=80&w=1080",
26630      "https://images.unsplash.com/photo-1682663947124-88b7b7e12889?auto=format&fit=crop&q=80&w=1080"
26631    ]
26632  },
26633  {
26634    id: 5,
26635    category: "Automotive Solution",
26636    title: "전장용 카메라 검사 설비",
26637    description: "ADAS 및 자율주행용 카메라의 가혹한 환경 조건에서도 신뢰성 있는 작동을 보장하기 위한 특화된 검사 솔루션입니다.",
26638    images: [
26639      "https://images.unsplash.com/photo-1558530755-e4785fddbe89?auto=format&fit=crop&q=80&w=1080",
26640      "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?auto=format&fit=crop&q=80&w=1080",
26641      "https://images.unsplash.com/photo-1752354611630-95696f0f80ae?auto=format&fit=crop&q=80&w=1080"
26642    ]
26643  },
26644  {
26645    id: 6,
26646    category: "Focusing Technology",
26647    title: "Focusing & Curing 설비",
26648    description: "최적의 초점 위치를 정밀하게 찾고 UV 경화를 통해 품질을 영구적으로 고정하는 통합 자동화 설비입니다.",
26649    images: [
26650      "https://images.unsplash.com/photo-1647427060118-4911c9821b82?auto=format&fit=crop&q=80&w=1080",
26651      "https://images.unsplash.com/photo-1735494035464-94fdd0f8e780?auto=format&fit=crop&q=80&w=1080",
26652      "https://images.unsplash.com/photo-1531053326607-9d349096d887?auto=format&fit=crop&q=80&w=1080"
26653    ]
26654  }
26655];
26656function R4() {
26657  const [t, i] = C(-1), [n, r] = C(0), [s, l] = C(""), [o, d] = C(""), [c, p] = C(!1), [h, x] = C(null), [b, g] = C(!1), w = j(null);
26658  R(() => {
26659    g(!0);
26660  }, []);
26661  const { scrollYProgress: u } = ut({
26662    target: b ? w : void 0,
26663    offset: ["start start", "end start"]
26664  }), v = we(u, [0, 1], [1, 1.12]), A = we(u, [0, 0.7], [1, 0]);
26665  R(() => {
26666    if (c) return;
26667    const f = setInterval(() => {
26668      r((y) => y === 2 ? 0 : y + 1);
26669    }, 8e3);
26670    return () => clearInterval(f);
26671  }, [c]);
26672  const N = (f) => {
26673    const y = document.getElementById(f);
26674    if (y) {
26675      const D = y.getBoundingClientRect().top + window.pageYOffset - 144;
26676      window.scrollTo({ top: D, behavior: "smooth" });
26677    }
26678  };
26679  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
26680    /* @__PURE__ */ a("section", { ref: w, className: "relative h-screen min-h-[700px] overflow-hidden", children: [
26681      /* @__PURE__ */ a(
26682        m.div,
26683        {
26684          className: "absolute inset-0",
26685          style: { scale: v },
26686          children: [
26687            /* @__PURE__ */ e(
26688              S,
26689              {
26690                src: S4,
26691                alt: "Smart Device Automation",
26692                className: "w-full h-full object-cover"
26693              }
26694            ),
26695            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-black/20" })
26696          ]
26697        }
26698      ),
26699      /* @__PURE__ */ a(
26700        m.div,
26701        {
26702          className: "relative h-full flex flex-col justify-end pb-24 px-6 max-w-[1600px] mx-auto",
26703          style: { opacity: A },
26704          children: [
26705            /* @__PURE__ */ e(
26706              m.div,
26707              {
26708                className: "mb-5",
26709                initial: { opacity: 0, y: 20 },
26710                animate: { opacity: 1, y: 0 },
26711                transition: { duration: 0.8, delay: 0.1 },
26712                children: /* @__PURE__ */ e("span", { className: "inline-block bg-[#003D7A] text-white text-[13px] tracking-wide px-3 py-1.5", style: { fontWeight: 600 }, children: "AI Automation Solutions" })
26713              }
26714            ),
26715            /* @__PURE__ */ a(
26716              m.h1,
26717              {
26718                className: "text-white leading-[1.05] mb-7 max-w-none whitespace-nowrap text-[64px]",
26719                style: { fontWeight: 700 },
26720                initial: { opacity: 0, y: 30 },
26721                animate: { opacity: 1, y: 0 },
26722                transition: { duration: 0.9, delay: 0.25 },
26723                children: [
26724                  "AI Based",
26725                  /* @__PURE__ */ e("br", {}),
26726                  "Smart Manufacturing Automation"
26727                ]
26728              }
26729            ),
26730            /* @__PURE__ */ e(
26731              m.div,
26732              {
26733                className: "mb-10 max-w-xl",
26734                initial: { opacity: 0, y: 30 },
26735                animate: { opacity: 1, y: 0 },
26736                transition: { duration: 0.9, delay: 0.4 },
26737                children: /* @__PURE__ */ a("p", { className: "text-white/80 leading-relaxed text-[15px]", children: [
26738                  "HyVISION SYSTEM delivers cutting edge AI powered vision solutions",
26739                  /* @__PURE__ */ e("br", {}),
26740                  "for smart device and CCM manufacturing worldwide."
26741                ] })
26742              }
26743            ),
26744            /* @__PURE__ */ e(
26745              m.div,
26746              {
26747                className: "flex gap-4 flex-wrap",
26748                initial: { opacity: 0, y: 30 },
26749                animate: { opacity: 1, y: 0 },
26750                transition: { duration: 0.9, delay: 0.55 },
26751                children: /* @__PURE__ */ a(
26752                  "button",
26753                  {
26754                    onClick: () => N("contact-form"),
26755                    className: "bg-[#F5C518] hover:bg-[#e0b400] text-black px-8 py-3.5 text-[15px] transition-all duration-300 flex items-center gap-2",
26756                    style: { fontWeight: 700 },
26757                    children: [
26758                      "Contact Us ",
26759                      /* @__PURE__ */ e(re, { size: 16 })
26760                    ]
26761                  }
26762                )
26763              }
26764            )
26765          ]
26766        }
26767      ),
26768      /* @__PURE__ */ a("div", { className: "absolute bottom-8 right-12 flex items-center gap-2 text-white/40 text-[12px] tracking-widest", children: [
26769        /* @__PURE__ */ e("span", { className: "uppercase", children: "Scroll" }),
26770        /* @__PURE__ */ e("div", { className: "w-8 h-[1px] bg-white/30" })
26771      ] })
26772    ] }),
26773    /* @__PURE__ */ e("section", { id: "overview", className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1400px] mx-auto px-10", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-20 items-center", children: [
26774      /* @__PURE__ */ a("div", { children: [
26775        /* @__PURE__ */ e(
26776          m.p,
26777          {
26778            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-6",
26779            initial: { opacity: 0, y: 20 },
26780            whileInView: { opacity: 1, y: 0 },
26781            viewport: { once: !0 },
26782            transition: { duration: 0.6, delay: 0.1 },
26783            children: "Overview"
26784          }
26785        ),
26786        /* @__PURE__ */ a(
26787          m.h2,
26788          {
26789            className: "text-slate-950 text-[44px] leading-[1.2] mb-8",
26790            style: { fontWeight: 700 },
26791            initial: { opacity: 0, y: 30 },
26792            whileInView: { opacity: 1, y: 0 },
26793            viewport: { once: !0 },
26794            transition: { duration: 0.7, delay: 0.25 },
26795            children: [
26796              "자동화로 실현하는",
26797              /* @__PURE__ */ e("br", {}),
26798              "스마트 기기 품질의",
26799              /* @__PURE__ */ e("br", {}),
26800              "새로운 기준"
26801            ]
26802          }
26803        ),
26804        /* @__PURE__ */ a(
26805          m.p,
26806          {
26807            className: "text-gray-500 text-[18px] leading-[1.9] mb-8",
26808            initial: { opacity: 0, y: 30 },
26809            whileInView: { opacity: 1, y: 0 },
26810            viewport: { once: !0 },
26811            transition: { duration: 0.7, delay: 0.4 },
26812            children: [
26813              "HyVISION India는 스마트 기기 제조 자동화",
26814              "의 핵심 파트너입니다. 카메라 모듈 조립·검사부터 AI 기반 비전 검사까지, 인도 벵갈루루 거점을 중심으로 글로벌 제조사들과 협력하며 차세대 스마트 디바이스의 품질 기준을 만들어가고 있습니다."
26815            ]
26816          }
26817        ),
26818        /* @__PURE__ */ e(
26819          m.div,
26820          {
26821            className: "space-y-4",
26822            initial: { opacity: 0, y: 30 },
26823            whileInView: { opacity: 1, y: 0 },
26824            viewport: { once: !0 },
26825            transition: { duration: 0.7, delay: 0.55 },
26826            children: [
26827              "전 공정 통합 자동화 솔루션 제공",
26828              "인도 현지 제조 거점 기반의 빠른 대응",
26829              "서브 마이크론 수준의 정밀 제어 기술",
26830              "AI 비전 알고리즘으로 99.5% 이상 검사 정확도"
26831            ].map((f, y) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
26832              /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-[#003D7A] flex items-center justify-center mt-0.5 shrink-0", children: /* @__PURE__ */ e(Pt, { size: 11, className: "text-white", strokeWidth: 3 }) }),
26833              /* @__PURE__ */ e("span", { className: "text-gray-700 text-[16px]", children: f })
26834            ] }, y))
26835          }
26836        )
26837      ] }),
26838      /* @__PURE__ */ a(
26839        m.div,
26840        {
26841          className: "relative",
26842          initial: { opacity: 0, x: 40 },
26843          whileInView: { opacity: 1, x: 0 },
26844          viewport: { once: !0 },
26845          transition: { duration: 0.9, delay: 0.2 },
26846          children: [
26847            /* @__PURE__ */ a("div", { className: "relative overflow-hidden h-[600px]", children: [
26848              /* @__PURE__ */ e(
26849                S,
26850                {
26851                  src: I4,
26852                  alt: "HyVISION Smart Device Automation",
26853                  className: "w-full h-full object-cover"
26854                }
26855              ),
26856              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/30 to-transparent" })
26857            ] }),
26858            /* @__PURE__ */ a("div", { className: "absolute -bottom-6 -left-6 bg-white shadow-2xl p-6 w-56", children: [
26859              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[36px] mb-1", style: { fontWeight: 700 }, children: "No.1" }),
26860              /* @__PURE__ */ a("div", { className: "text-gray-500 text-[13px] leading-snug", children: [
26861                "인도 스마트 기기",
26862                /* @__PURE__ */ e("br", {}),
26863                "자동화 솔루션"
26864              ] })
26865            ] })
26866          ]
26867        }
26868      )
26869    ] }) }) }),
26870    /* @__PURE__ */ e("section", { id: "key-technologies", className: "py-32 bg-[#1a1a2e] relative overflow-hidden border-t border-white/5", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
26871      /* @__PURE__ */ a("div", { className: "mb-20", children: [
26872        /* @__PURE__ */ e(
26873          m.p,
26874          {
26875            className: "text-[#d4af37] text-[15px] font-bold tracking-[0.2em] uppercase mb-4",
26876            initial: { opacity: 0, y: 20 },
26877            whileInView: { opacity: 1, y: 0 },
26878            viewport: { once: !0 },
26879            transition: { duration: 0.6, delay: 0.1 },
26880            children: "Key Technologies"
26881          }
26882        ),
26883        /* @__PURE__ */ a(V, { children: [
26884          /* @__PURE__ */ e(
26885            m.h2,
26886            {
26887              className: "text-transparent bg-clip-text bg-gradient-to-r from-white via-white/90 to-[#d4af37]/70 text-[44px] leading-tight mb-6",
26888              style: { fontWeight: 700 },
26889              initial: { opacity: 0, y: 30 },
26890              whileInView: { opacity: 1, y: 0 },
26891              viewport: { once: !0 },
26892              transition: { duration: 0.7, delay: 0.25 },
26893              children: "주요 기술 요소"
26894            }
26895          ),
26896          /* @__PURE__ */ a(
26897            m.p,
26898            {
26899              className: "text-[#b5b5b5] text-[16px] leading-[1.8] font-medium max-w-2xl break-keep",
26900              initial: { opacity: 0, y: 20 },
26901              whileInView: { opacity: 1, y: 0 },
26902              viewport: { once: !0 },
26903              transition: { duration: 0.7, delay: 0.4 },
26904              children: [
26905                "기존 Rule-based 검사로는 복잡하고 미세한 결함을 안정적으로 검출하기 어렵습니다.",
26906                /* @__PURE__ */ e("br", {}),
26907                "생산 환경이 고도화될수록 더 빠르고 정밀한 검사, 그리고 데이터 기반 공정 제어가 필요합니다."
26908              ]
26909            }
26910          )
26911        ] })
26912      ] }),
26913      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-6", children: [
26914        {
26915          num: "01",
26916          title: "AI 결함 검출 기술",
26917          topDesc: /* @__PURE__ */ a(V, { children: [
26918            "딥러닝 기반 결함 검출 알고리즘을 활용하여 ",
26919            /* @__PURE__ */ e("br", {}),
26920            "다음과 같은 미세 결함을 정밀하게 검출합니다."
26921          ] }),
26922          list: [
26923            "미세 스크래치",
26924            "이물 및 오염",
26925            "광학 불량",
26926            "치수 편차",
26927            "표면 결함"
26928          ],
26929          bottomDesc: /* @__PURE__ */ a(V, { children: [
26930            "기존 Rule-based 검사 방식과 AI 분석 기술을 ",
26931            /* @__PURE__ */ e("br", {}),
26932            "결합하여 검사 정확도와 안정성을 동시에 확보합니다."
26933          ] })
26934        },
26935        {
26936          num: "02",
26937          title: "고속 이미지 처리 기술",
26938          topDesc: /* @__PURE__ */ a(V, { children: [
26939            "하이비젼의 검사 장비는 다음과 같은 ",
26940            /* @__PURE__ */ e("br", {}),
26941            "고성능 비전 기술을 기반으로 합니다."
26942          ] }),
26943          list: [
26944            "고해상도 카메라",
26945            "고속 프레임 그래버",
26946            "병렬 이미지 처리"
26947          ],
26948          bottomDesc: "대량 생산 환경에서도 안정적인 실시간 검사가 가능합니다."
26949        },
26950        {
26951          num: "03",
26952          title: "스마트 공정 자동화",
26953          topDesc: /* @__PURE__ */ a(V, { children: [
26954            "AI 검사 결과를 기반으로 ",
26955            /* @__PURE__ */ e("br", {}),
26956            "다음과 같은 공정 자동화를 구현합니다."
26957          ] }),
26958          list: [
26959            "불량 자동 분류",
26960            "생산 라인 제어",
26961            "공정 조건 최적화"
26962          ],
26963          bottomDesc: "완전 자동화된 스마트 생산 환경을 구축합니다."
26964        }
26965      ].map((f, y) => {
26966        const I = y === 1, D = y === 2;
26967        let P = "bg-white", k = "text-gray-100", H = "text-[#111111]", T = "text-gray-600", M = "bg-[#003D7A]/10", E = "text-[#003D7A]", z = "text-[#222222]";
26968        return I ? (P = "bg-[#152331] border border-white/5", k = "text-white/5", H = "text-white", T = "text-white/60", M = "bg-[#d4af37]/20", E = "text-[#d4af37]", z = "text-white/90") : D && (P = "bg-[#003D7A]", k = "text-white/10", H = "text-white", T = "text-white/80", M = "bg-[#d4af37]/20", E = "text-[#d4af37]", z = "text-white/90"), /* @__PURE__ */ a(
26969          m.div,
26970          {
26971            className: `group relative p-8 flex flex-col min-h-[440px] rounded-2xl shadow-lg transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 ${P}`,
26972            initial: { opacity: 0, y: 30 },
26973            whileInView: { opacity: 1, y: 0 },
26974            viewport: { once: !0 },
26975            transition: { duration: 0.6, delay: y * 0.15 },
26976            children: [
26977              /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: `text-[48px] font-black leading-none tracking-tighter ${k} text-[#b5b5b5]`, children: f.num }) }),
26978              /* @__PURE__ */ e("h3", { className: `font-extrabold leading-tight mb-4 ${H} text-[24px]`, children: f.title }),
26979              /* @__PURE__ */ e("div", { className: `leading-[1.6] mb-8 font-medium ${T} text-[15px] break-keep`, children: y === 1 ? /* @__PURE__ */ a(V, { children: [
26980                "하이비젼의 검사 장비는 고성능 비전 기술을 ",
26981                /* @__PURE__ */ e("br", {}),
26982                "기반으로 정밀하고 안정적인 검사를 구현합니다."
26983              ] }) : y === 2 ? /* @__PURE__ */ a(V, { children: [
26984                "AI 검사 결과를 기반으로 공정 전반의 자동화를 구현하며, ",
26985                /* @__PURE__ */ e("br", {}),
26986                "데이터 기반 분석으로 스마트 제조 환경을 구축합니다."
26987              ] }) : f.topDesc }),
26988              /* @__PURE__ */ e("div", { className: "mt-auto relative z-10", children: /* @__PURE__ */ e("ul", { className: "space-y-4 mb-8", children: f.list.map((X, Q) => /* @__PURE__ */ a("li", { className: "flex items-center gap-3", children: [
26989                /* @__PURE__ */ e("div", { className: `flex items-center justify-center w-5 h-5 rounded-full shrink-0 ${M}`, children: /* @__PURE__ */ e(Pt, { className: `w-3 h-3 ${E}`, strokeWidth: 4 }) }),
26990                /* @__PURE__ */ e("span", { className: `text-[15px] font-medium ${z}`, children: X })
26991              ] }, Q)) }) })
26992            ]
26993          },
26994          y
26995        );
26996      }) })
26997    ] }) }),
26998    /* @__PURE__ */ e("section", { id: "strengths", className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
26999      /* @__PURE__ */ a("div", { className: "mb-20", children: [
27000        /* @__PURE__ */ e(
27001          m.p,
27002          {
27003            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
27004            initial: { opacity: 0, y: 20 },
27005            whileInView: { opacity: 1, y: 0 },
27006            viewport: { once: !0 },
27007            transition: { duration: 0.6, delay: 0.1 },
27008            children: "Why HyVISION"
27009          }
27010        ),
27011        /* @__PURE__ */ a(V, { children: [
27012          /* @__PURE__ */ e(
27013            m.h2,
27014            {
27015              className: "text-slate-950 text-[44px] leading-tight mb-6",
27016              style: { fontWeight: 700 },
27017              initial: { opacity: 0, y: 30 },
27018              whileInView: { opacity: 1, y: 0 },
27019              viewport: { once: !0 },
27020              transition: { duration: 0.7, delay: 0.25 },
27021              children: "HyVISION이 선택받는 이유"
27022            }
27023          ),
27024          /* @__PURE__ */ a(
27025            m.p,
27026            {
27027              className: "text-slate-600 text-[16px] leading-[1.8] font-medium max-w-2xl break-keep",
27028              initial: { opacity: 0, y: 20 },
27029              whileInView: { opacity: 1, y: 0 },
27030              viewport: { once: !0 },
27031              transition: { duration: 0.7, delay: 0.4 },
27032              children: [
27033                "하이비젼의 AI Automation은 검사, 분석, 제어를 하나의 흐름으로 연결하여",
27034                /* @__PURE__ */ e("br", {}),
27035                "제조 공정의 자동화와 지능화를 동시에 실현하는 통합 솔루션입니다."
27036              ]
27037            }
27038          )
27039        ] })
27040      ] }),
27041      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-0", children: [
27042        {
27043          num: "01",
27044          title: "독보적인 AA 기술",
27045          desc: "자체 개발 Active Alignment 알고리즘으로 서브 마이크론 정밀도 구현. 렌즈-센서 6축 정렬의 글로벌 표준을 제시합니다.",
27046          image: "https://images.unsplash.com/photo-1761195696590-3490ea770aa1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMGZhY3RvcnklMjBhdXRvbWF0aW9uJTIwcm9ib3QlMjBhcm18ZW58MXx8fHwxNzczNzMxMTgzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
27047        },
27048        {
27049          num: "02",
27050          title: "AI 기반 비전 검사",
27051          desc: "딥러닝 기반 결함 검출 알고리즘으로 미세 이물·스크래치·광학 불량을 실시간 자동 분류. 검사 정확도 99.5% 이상.",
27052          image: T4
27053        },
27054        {
27055          num: "03",
27056          title: "인도 현지 통합 대응",
27057          desc: "벵갈루루 제조 거점에서 설계·제조·설치·서비스까지 One-Stop 제공. 빠른 납기와 현지화된 기술 지원으로 경쟁 우위 실현.",
27058          image: P4
27059        }
27060      ].map((f, y) => /* @__PURE__ */ e(
27061        m.div,
27062        {
27063          className: "group relative overflow-hidden",
27064          initial: { opacity: 0, y: 40 },
27065          whileInView: { opacity: 1, y: 0 },
27066          viewport: { once: !0 },
27067          transition: { duration: 0.6, delay: y * 0.15 },
27068          children: /* @__PURE__ */ a("div", { className: "relative h-[420px] overflow-hidden", children: [
27069            /* @__PURE__ */ e(
27070              S,
27071              {
27072                src: f.image,
27073                alt: f.title,
27074                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
27075              }
27076            ),
27077            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-black/10" }),
27078            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-8 flex flex-col justify-end", children: [
27079              /* @__PURE__ */ e("div", { className: "text-white/30 text-[64px] leading-none mb-2", style: { fontWeight: 700 }, children: f.num }),
27080              /* @__PURE__ */ e("h3", { className: "text-white text-[24px] mb-3", style: { fontWeight: 700 }, children: y === 0 ? "스마트 공정 자동화" : f.title }),
27081              /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed break-keep whitespace-pre-line", children: y === 0 ? `생산 라인 전반에 걸친 통합 자동화 시스템을 구축하여
27082공정 효율을 극대화하고 휴먼 에러를 원천적으로 차단합니다.
27083유연하고 안정적인 제어로 스마트 제조 환경을 완성합니다.` : y === 1 ? `AI 딥러닝 기반 결함 검출 알고리즘을 적용하여
27084미세 이물, 스크래치, 광학 불량 등 실시간으로 자동 분류하며
2708599.5% 이상의 높은 검사 정확도를 제공합니다.` : f.desc })
27086            ] })
27087          ] })
27088        },
27089        y
27090      )) })
27091    ] }) }),
27092    /* @__PURE__ */ e("section", { id: "applications", className: "py-32 bg-[#0f1923]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
27093      /* @__PURE__ */ a("div", { className: "flex items-end justify-between mb-20", children: [
27094        /* @__PURE__ */ a("div", { children: [
27095          /* @__PURE__ */ e(
27096            m.p,
27097            {
27098              className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4",
27099              initial: { opacity: 0, y: 20 },
27100              whileInView: { opacity: 1, y: 0 },
27101              viewport: { once: !0 },
27102              transition: { duration: 0.6, delay: 0.1 },
27103              children: "Applications"
27104            }
27105          ),
27106          /* @__PURE__ */ a(
27107            m.h2,
27108            {
27109              className: "text-white text-[44px] leading-tight",
27110              style: { fontWeight: 700 },
27111              initial: { opacity: 0, y: 30 },
27112              whileInView: { opacity: 1, y: 0 },
27113              viewport: { once: !0 },
27114              transition: { duration: 0.7, delay: 0.25 },
27115              children: [
27116                "Optimized Automation",
27117                /* @__PURE__ */ e("br", {}),
27118                "for All Smart Devices"
27119              ]
27120            }
27121          )
27122        ] }),
27123        /* @__PURE__ */ e(
27124          m.p,
27125          {
27126            className: "text-white/40 text-[15px] max-w-xs text-right hidden lg:block",
27127            initial: { opacity: 0 },
27128            whileInView: { opacity: 1 },
27129            viewport: { once: !0 },
27130            transition: { duration: 0.7, delay: 0.4 },
27131            children: "카드를 클릭하면 상세 내용을 확인할 수 있습니다"
27132          }
27133        )
27134      ] }),
27135      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-1", children: V4.map((f, y) => /* @__PURE__ */ a(
27136        m.div,
27137        {
27138          className: "relative overflow-hidden cursor-pointer group",
27139          style: { height: h === y ? 420 : 340 },
27140          initial: { opacity: 0, y: 40 },
27141          whileInView: { opacity: 1, y: 0 },
27142          viewport: { once: !0 },
27143          transition: { duration: 0.6, delay: y * 0.1 },
27144          onClick: () => x(h === y ? null : y),
27145          children: [
27146            /* @__PURE__ */ e(
27147              S,
27148              {
27149                src: f.image,
27150                alt: f.title,
27151                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
27152              }
27153            ),
27154            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/40 to-black/10 transition-all duration-300" }),
27155            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-7 flex flex-col justify-end", children: [
27156              /* @__PURE__ */ e("div", { className: "text-[#5B9BD5] text-[11px] uppercase tracking-widest mb-2", children: f.subtitle }),
27157              /* @__PURE__ */ e("h3", { className: "text-white text-[22px] mb-3", style: { fontWeight: 700 }, children: f.title === "Automotive & ADAS" ? "Automotive & Lidar" : f.title }),
27158              /* @__PURE__ */ e(ue, { children: h === y && /* @__PURE__ */ a(
27159                m.div,
27160                {
27161                  initial: { opacity: 0, height: 0 },
27162                  animate: { opacity: 1, height: "auto" },
27163                  exit: { opacity: 0, height: 0 },
27164                  transition: { duration: 0.4 },
27165                  className: "overflow-hidden",
27166                  children: [
27167                    /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed mb-4", children: f.title === "AR / VR & XR Devices" ? "VR·AR 검사 설비에서 SLAM 카메라와 3D 센싱 모듈을 검사하며, 위치 정밀도와 거리 측정 정확도, ToF 성능 검증을 자동화합니다." : f.title === "Smartphone & Mobile" ? "초고화소 멀티 카메라와 폴디드 줌 모듈의 정밀 조립·검사 라인을 구축하며, Active Alignment부터 Final Test까지 전 공정을 자동화하여 높은 생산성과 품질을 동시에 구현합니다." : f.title === "Robotics & AI Vision" ? "산업용 로봇과 AI 기기에 적용되는 시각 인지 카메라 시스템의 정밀 조립 및 캘리브레이션을 수행하며, 차세대 AI 센서 양산을 위한 생산 라인을 구축합니다." : f.title === "Bio & Pharma" ? "네스팅 및 디네스팅 자동화, AI 딥러닝과 Rule-based 알고리즘, 내부·외부 이물 분리 검출 특허 기술을 적용한 최첨단 솔루션으로 검사 정밀도와 신뢰성을 극대화합니다." : f.title === "Automotive & ADAS" ? "자율주행용 카메라 및 LiDAR 센서의 신뢰성 검사와 정밀 광학 정렬 솔루션을 제공하며, ISO/IATF 기반 품질 보증으로 안정적인 공정 품질을 확보합니다." : f.title === "Semiconductor & Display" ? "웨이퍼 AOI 공정에 최적화된 나노미터급 광학 검사 시스템을 통해 미세 패턴 및 표면 결함을 정밀하게 검출하며, 최고 수준의 품질을 실현합니다." : f.desc }),
27168                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.tags.map((I, D) => /* @__PURE__ */ e("span", { className: "bg-white/15 border border-white/20 text-white/80 text-[11px] px-3 py-1", children: I }, D)) })
27169                  ]
27170                }
27171              ) }),
27172              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-3", children: [
27173                /* @__PURE__ */ e("div", { className: `w-6 h-6 rounded-full flex items-center justify-center border border-white/40 transition-all duration-300 ${h === y ? "bg-[#003D7A] border-[#003D7A]" : "bg-transparent"}`, children: h === y ? /* @__PURE__ */ e(Lt, { size: 12, className: "text-white" }) : /* @__PURE__ */ e(Re, { size: 12, className: "text-white" }) }),
27174                /* @__PURE__ */ e("span", { className: "text-white/50 text-[12px]", children: h === y ? "닫기" : "자세히 보기" })
27175              ] })
27176            ] })
27177          ]
27178        },
27179        y
27180      )) })
27181    ] }) }),
27182    /* @__PURE__ */ e("section", { id: "technology", className: "py-32 bg-white", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
27183      /* @__PURE__ */ a("div", { className: "mb-20", children: [
27184        /* @__PURE__ */ e(
27185          m.p,
27186          {
27187            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
27188            initial: { opacity: 0, y: 20 },
27189            whileInView: { opacity: 1, y: 0 },
27190            viewport: { once: !0 },
27191            transition: { duration: 0.6, delay: 0.1 },
27192            children: "Core Technology"
27193          }
27194        ),
27195        /* @__PURE__ */ a(
27196          m.h2,
27197          {
27198            className: "text-slate-950 text-[44px] leading-tight",
27199            style: { fontWeight: 700 },
27200            initial: { opacity: 0, y: 30 },
27201            whileInView: { opacity: 1, y: 0 },
27202            viewport: { once: !0 },
27203            transition: { duration: 0.7, delay: 0.25 },
27204            children: [
27205              "Unrivaled Core Technology",
27206              /* @__PURE__ */ e("br", {}),
27207              "Across the Entire Process"
27208            ]
27209          }
27210        )
27211      ] }),
27212      /* @__PURE__ */ e("div", { className: "space-y-0 border-t border-gray-200", children: E4.map((f, y) => /* @__PURE__ */ a(
27213        m.div,
27214        {
27215          className: "border-b border-gray-200 overflow-hidden",
27216          initial: { opacity: 0, y: 20 },
27217          whileInView: { opacity: 1, y: 0 },
27218          viewport: { once: !0 },
27219          transition: { duration: 0.5, delay: y * 0.1 },
27220          children: [
27221            /* @__PURE__ */ a(
27222              "button",
27223              {
27224                onClick: () => i(t === f.id ? -1 : f.id),
27225                className: "w-full flex items-center justify-between py-8 px-2 group text-left",
27226                children: [
27227                  /* @__PURE__ */ a("div", { className: "flex items-center gap-8", children: [
27228                    /* @__PURE__ */ a("span", { className: "text-gray-300 text-[13px] w-8", style: { fontWeight: 700 }, children: [
27229                      "0",
27230                      y + 1
27231                    ] }),
27232                    /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[24px]", style: { fontWeight: 700 }, children: f.label }),
27233                    /* @__PURE__ */ e("span", { className: "text-gray-400 text-[15px] hidden md:block", children: f.shortDesc })
27234                  ] }),
27235                  /* @__PURE__ */ e("div", { className: `w-8 h-8 border border-gray-300 flex items-center justify-center transition-all duration-300 ${t === f.id ? "bg-[#003D7A] border-[#003D7A]" : "group-hover:border-[#003D7A]"}`, children: /* @__PURE__ */ e(Re, { size: 14, className: t === f.id ? "text-white" : "text-gray-500" }) })
27236                ]
27237              }
27238            ),
27239            /* @__PURE__ */ e(ue, { children: t === f.id && /* @__PURE__ */ e(
27240              m.div,
27241              {
27242                initial: { opacity: 0, height: 0 },
27243                animate: { opacity: 1, height: "auto" },
27244                exit: { opacity: 0, height: 0 },
27245                transition: { duration: 0.45, ease: "easeOut" },
27246                className: "overflow-hidden",
27247                children: /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-0 mb-10", children: [
27248                  /* @__PURE__ */ a("div", { className: "relative h-[320px] overflow-hidden", children: [
27249                    /* @__PURE__ */ e(
27250                      S,
27251                      {
27252                        src: f.image,
27253                        alt: f.label,
27254                        className: "w-full h-full object-cover"
27255                      }
27256                    ),
27257                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[#003D7A]/20" })
27258                  ] }),
27259                  /* @__PURE__ */ a("div", { className: "bg-[#f5f7fa] p-12 flex flex-col justify-center", children: [
27260                    /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[11px] tracking-[0.2em] uppercase mb-4", children: f.label }),
27261                    /* @__PURE__ */ e("p", { className: "text-slate-950 leading-[1.85] text-[14px]", children: y === 0 ? "렌즈와 이미지 센서의 상대적 위치를 실시간 영상 분석을 통해 6축(X, Y, Z, Pitch, Roll, Yaw)으로 동시에 정밀 제어하며, 서브마이크론 단위의 정밀도를 구현하여 안정적인 광학 축 정렬을 보장합니다." : y === 1 ? "카메라 고유의 렌즈 왜곡, 쉐이딩, 화이트 밸런스를 정밀하게 측정하고 보정하여 제품 간 화질 편차를 최소화하고 균일한 영상 품질을 확보합니다." : y === 2 ? "고해상도 이미지 센서에 최적화된 초점 위치를 자동으로 탐색한 후 UV 경화를 통해 영구적으로 고정하며, 초정밀 가압 및 경화 기술을 적용해 장기적인 신뢰성을 확보합니다." : y === 3 ? "조립이 완료된 모듈의 화질, 이물, 기능을 AI 기반 비전 검사 기술로 전수 검사하며, 불량을 자동으로 분류하고 실시간 수율 데이터를 수집·분석합니다." : f.detail }),
27262                    /* @__PURE__ */ a(
27263                      "button",
27264                      {
27265                        onClick: () => N("contact-form"),
27266                        className: "mt-8 inline-flex items-center gap-2 text-[#003D7A] text-[14px] hover:gap-4 transition-all duration-300",
27267                        style: { fontWeight: 700 },
27268                        children: [
27269                          "도입 문의하기 ",
27270                          /* @__PURE__ */ e(re, { size: 15 })
27271                        ]
27272                      }
27273                    )
27274                  ] })
27275                ] })
27276              }
27277            ) })
27278          ]
27279        },
27280        f.id
27281      )) })
27282    ] }) }),
27283    /* @__PURE__ */ e("section", { id: "equipment", className: "py-32 bg-[#1a1a2e]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
27284      /* @__PURE__ */ a("div", { className: "mb-20", children: [
27285        /* @__PURE__ */ e(
27286          m.p,
27287          {
27288            className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4",
27289            initial: { opacity: 0, y: 20 },
27290            whileInView: { opacity: 1, y: 0 },
27291            viewport: { once: !0 },
27292            transition: { duration: 0.6, delay: 0.1 },
27293            children: "Equipment Lineup"
27294          }
27295        ),
27296        /* @__PURE__ */ a(
27297          m.h2,
27298          {
27299            className: "text-white text-[44px] leading-tight",
27300            style: { fontWeight: 700 },
27301            initial: { opacity: 0, y: 30 },
27302            whileInView: { opacity: 1, y: 0 },
27303            viewport: { once: !0 },
27304            transition: { duration: 0.7, delay: 0.25 },
27305            children: [
27306              "From Assembly to Final Inspection",
27307              /* @__PURE__ */ e("br", {}),
27308              "Full Process Equipment Lineup"
27309            ]
27310          }
27311        )
27312      ] }),
27313      /* @__PURE__ */ e(
27314        "div",
27315        {
27316          className: "grid grid-cols-1 md:grid-cols-3 gap-[2px]",
27317          onMouseEnter: () => p(!0),
27318          onMouseLeave: () => p(!1),
27319          children: j4.map((f) => {
27320            const y = n % f.images.length;
27321            return /* @__PURE__ */ e(
27322              m.div,
27323              {
27324                className: "group relative overflow-hidden cursor-pointer",
27325                initial: { opacity: 0, y: 30 },
27326                whileInView: { opacity: 1, y: 0 },
27327                viewport: { once: !0 },
27328                transition: { duration: 0.6, delay: f.id * 0.08 },
27329                children: /* @__PURE__ */ a("div", { className: "relative h-[360px] overflow-hidden", children: [
27330                  /* @__PURE__ */ e(ue, { mode: "wait", children: /* @__PURE__ */ e(
27331                    m.div,
27332                    {
27333                      initial: { opacity: 0 },
27334                      animate: { opacity: 1 },
27335                      exit: { opacity: 0 },
27336                      transition: { duration: 1.2 },
27337                      className: "absolute inset-0",
27338                      children: /* @__PURE__ */ e(
27339                        S,
27340                        {
27341                          src: f.images[y],
27342                          alt: f.title,
27343                          className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
27344                        }
27345                      )
27346                    },
27347                    `${f.id}-${y}`
27348                  ) }),
27349                  /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent" }),
27350                  /* @__PURE__ */ a("div", { className: "absolute inset-0 p-6 flex flex-col justify-end", children: [
27351                    /* @__PURE__ */ e("div", { className: "text-[#5B9BD5] text-[11px] uppercase tracking-widest mb-2", children: f.category }),
27352                    /* @__PURE__ */ e("h4", { className: "text-white text-[20px] mb-3", style: { fontWeight: 700 }, children: f.title }),
27353                    /* @__PURE__ */ e("p", { className: "text-white/60 text-[13px] leading-relaxed opacity-0 group-hover:opacity-100 transition-opacity duration-300", children: f.description }),
27354                    /* @__PURE__ */ e("div", { className: "flex gap-1.5 mt-4", children: f.images.map((I, D) => /* @__PURE__ */ e("div", { className: `h-0.5 transition-all duration-500 ${y === D ? "w-6 bg-white" : "w-2 bg-white/30"}` }, D)) })
27355                  ] })
27356                ] })
27357              },
27358              f.id
27359            );
27360          })
27361        }
27362      )
27363    ] }) }),
27364    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-[#0f1923] text-white py-28 px-6", children: /* @__PURE__ */ a("div", { className: "max-w-[900px] mx-auto", children: [
27365      /* @__PURE__ */ a(
27366        m.div,
27367        {
27368          className: "mb-16",
27369          initial: { opacity: 0, y: 30 },
27370          whileInView: { opacity: 1, y: 0 },
27371          viewport: { once: !0 },
27372          transition: { duration: 0.7 },
27373          children: [
27374            /* @__PURE__ */ e("p", { className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4", children: "Contact Us" }),
27375            /* @__PURE__ */ e("h2", { className: "text-white text-[44px] leading-tight mb-4", style: { fontWeight: 700 }, children: "솔루션 도입 문의" }),
27376            /* @__PURE__ */ e("p", { className: "text-white/50 text-[17px]", children: "스마트 기기 자동화 라인 구축에 대해 문의해 주세요" })
27377          ]
27378        }
27379      ),
27380      /* @__PURE__ */ a(
27381        m.form,
27382        {
27383          className: "space-y-6",
27384          initial: { opacity: 0, y: 40 },
27385          whileInView: { opacity: 1, y: 0 },
27386          viewport: { once: !0 },
27387          transition: { duration: 0.7, delay: 0.2 },
27388          children: [
27389            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
27390              /* @__PURE__ */ a("div", { children: [
27391                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
27392                  "Name ",
27393                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
27394                ] }),
27395                /* @__PURE__ */ e("input", { type: "text", placeholder: "Your Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
27396              ] }),
27397              /* @__PURE__ */ a("div", { children: [
27398                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
27399                  "Company ",
27400                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
27401                ] }),
27402                /* @__P
27402URE__ */ e("input", { type: "text", placeholder: "Company Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
27403              ] })
27404            ] }),
27405            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
27406              /* @__PURE__ */ a("div", { children: [
27407                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
27408                  "Email ",
27409                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
27410                ] }),
27411                /* @__PURE__ */ e("input", { type: "email", placeholder: "[email protected]", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
27412              ] }),
27413              /* @__PURE__ */ a("div", { children: [
27414                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
27415                  "Phone ",
27416                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
27417                ] }),
27418                /* @__PURE__ */ e("input", { type: "tel", placeholder: "+91 XXX XXX XXXX", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
27419              ] })
27420            ] }),
27421            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
27422              /* @__PURE__ */ a("div", { children: [
27423                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
27424                  "Application Area ",
27425                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
27426                ] }),
27427                /* @__PURE__ */ a(
27428                  "select",
27429                  {
27430                    value: s,
27431                    onChange: (f) => l(f.target.value),
27432                    className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors appearance-none cursor-pointer",
27433                    required: !0,
27434                    children: [
27435                      /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-[#0f1923]", children: "Select Area" }),
27436                      /* @__PURE__ */ e("option", { value: "smartphone", className: "bg-[#0f1923]", children: "Smartphone & Mobile" }),
27437                      /* @__PURE__ */ e("option", { value: "automotive", className: "bg-[#0f1923]", children: "Automotive & ADAS" }),
27438                      /* @__PURE__ */ e("option", { value: "arvr", className: "bg-[#0f1923]", children: "AR / VR & XR" }),
27439                      /* @__PURE__ */ e("option", { value: "semi", className: "bg-[#0f1923]", children: "Semiconductor & Display" }),
27440                      /* @__PURE__ */ e("option", { value: "medical", className: "bg-[#0f1923]", children: "Medical & Bio" }),
27441                      /* @__PURE__ */ e("option", { value: "robotics", className: "bg-[#0f1923]", children: "Robotics & AI Vision" }),
27442                      /* @__PURE__ */ e("option", { value: "others", className: "bg-[#0f1923]", children: "Others" })
27443                    ]
27444                  }
27445                ),
27446                s === "others" && /* @__PURE__ */ e(
27447                  m.div,
27448                  {
27449                    initial: { opacity: 0, height: 0 },
27450                    animate: { opacity: 1, height: "auto" },
27451                    className: "mt-4",
27452                    children: /* @__PURE__ */ e(
27453                      "input",
27454                      {
27455                        type: "text",
27456                        value: o,
27457                        onChange: (f) => d(f.target.value),
27458                        className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors",
27459                        placeholder: "Please specify",
27460                        required: !0
27461                      }
27462                    )
27463                  }
27464                )
27465              ] }),
27466              /* @__PURE__ */ a("div", { children: [
27467                /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Attachment (Optional)" }),
27468                /* @__PURE__ */ a("div", { className: "relative h-14 bg-white/5 border border-white/10 flex items-center px-5 overflow-hidden", children: [
27469                  /* @__PURE__ */ e("input", { type: "file", className: "absolute inset-0 opacity-0 cursor-pointer z-10" }),
27470                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-white/30", children: [
27471                    /* @__PURE__ */ e(Re, { size: 16 }),
27472                    /* @__PURE__ */ e("span", { className: "text-[14px]", children: "Upload Company Profile or RFP" })
27473                  ] })
27474                ] })
27475              ] })
27476            ] }),
27477            /* @__PURE__ */ a("div", { children: [
27478              /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Message" }),
27479              /* @__PURE__ */ e(
27480                "textarea",
27481                {
27482                  rows: 5,
27483                  placeholder: "프로젝트 요구사항을 자유롭게 작성해 주세요...",
27484                  className: "w-full p-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors resize-none"
27485                }
27486              )
27487            ] }),
27488            /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ e(
27489              "button",
27490              {
27491                type: "submit",
27492                className: "w-full h-14 bg-[#003D7A] hover:bg-[#002a54] text-white text-[15px] transition-all duration-300 flex items-center justify-center gap-2",
27493                style: { fontWeight: 700 },
27494                children: "문의 보내기"
27495              }
27496            ) })
27497          ]
27498        }
27499      )
27500    ] }) })
27501  ] });
27502}
27503function Np() {
27504  const { t } = ne(), [i, n] = C("intro"), [r, s] = C(0);
27505  return R(() => {
27506    const l = (o) => {
27507      n(o.detail);
27508    };
27509    return window.addEventListener("setTechnologyTab", l), () => {
27510      window.removeEventListener("setTechnologyTab", l);
27511    };
27512  }, []), R(() => {
27513    const l = setInterval(() => {
27514      s((o) => (o + 1) % 5);
27515    }, 5e3);
27516    return () => clearInterval(l);
27517  }
27517, []), /* @__PURE__ */ a("div", { className: "min-h-screen bg-white font-sans relative", children: [
27518    /* @__PURE__ */ e("section", { className: "border-b border-slate-200 bg-white sticky top-16 z-40", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto flex gap-6 pt-8 justify-center", children: [
27519      /* @__PURE__ */ e(
27520        "button",
27521        {
27522          onClick: () => n("intro"),
27523          className: `px-6 pb-4 transition-all duration-200 border-b-2 ${i === "intro" ? "border-[#003D7A]" : "border-transparent"}`,
27524          children: /* @__PURE__ */ e("div", { className: `text-[15px] transition-colors ${i === "intro" ? "text-[#003D7A]" : "text-slate-400"}`, children: "Intro" })
27525        }
27526      ),
27527      /* @__PURE__ */ e(
27528        "button",
27529        {
27530          onClick: () => n("image-processing"),
27531          className: `px-6 pb-4 transition-all duration-200 border-b-2 ${i === "image-processing" ? "border-[#003D7A]" : "border-transparent"}`,
27532          children: /* @__PURE__ */ e("div", { className: `text-[15px] transition-colors ${i === "image-processing" ? "text-[#003D7A]" : "text-slate-400"}`, children: "Image Processing" })
27533        }
27534      ),
27535      /* @__PURE__ */ e(
27536        "button",
27537        {
27538          onClick: () => n("signal-processing"),
27539          className: `px-6 pb-4 transition-all duration-200 border-b-2 ${i === "signal-processing" ? "border-[#003D7A]" : "border-transparent"}`,
27540          children: /* @__PURE__ */ e("div", { className: `text-[15px] transition-colors ${i === "signal-processing" ? "text-[#003D7A]" : "text-slate-400"}`, children: "Signal Processing" })
27541        }
27542      ),
27543      /* @__PURE__ */ e(
27544        "button",
27545        {
27546          onClick: () => n("automation"),
27547          className: `px-6 pb-4 transition-all duration-200 border-b-2 ${i === "automation" ? "border-[#003D7A]" : "border-transparent"}`,
27548          children: /* @__PURE__ */ e("div", { className: `text-[15px] transition-colors ${i === "automation" ? "text-[#003D7A]" : "text-slate-400"}`, children: "Motion Control" })
27549        }
27550      )
27551    ] }) }) }),
27552    i === "intro" && /* @__PURE__ */ a(V, { children: [
27553      /* @__PURE__ */ e("section", { className: "py-16 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 lg:px-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto", children: /* @__PURE__ */ a("div", { className: "mb-16 max-w-[1152px] mx-auto px-6 lg:px-8", children: [
27554        /* @__PURE__ */ a("div", { className: "mb-6", children: [
27555          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-4 text-[32px] font-bold", children: "Core Technologies" }),
27556          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[16px] leading-relaxed -mt-3", children: "하이비젼의 핵심 기술" })
27557        ] }),
27558        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
27559          /* @__PURE__ */ a("div", { className: "bg-white border border-gray-200 rounded-lg p-10 hover:shadow-lg transition-shadow group cursor-pointer", children: [
27560            /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[#E8EEF7] flex items-center justify-center", children: /* @__PURE__ */ e(gl, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }) }) }),
27561            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-5 text-[28px] font-bold", children: "Image Processing" }),
27562            /* @__PURE__ */ e("p", { className: "text-[rgb(74,85,101)] text-[14px] leading-[1.625] text-justify mb-6", children: "영상처리 기술은 비전 카메라와 프레임 그래버 등 고성능 비전 시스템을 통해 고해상도 이미지를 정밀하게 획득·분석합니다. AI와 딥러닝 기술을 결합한 스마트 비전 알고리즘을 적용하여 미세한 결함과 패턴 이상을 실시간으로 검출하며, 생산 공정 중 검사, 3D 비전 검사 등 다양한 제조 응용 분야에서 높은 속도와 정확도를 구현합니다." }),
27563            /* @__PURE__ */ a("div", { className: "flex items-center text-[#003D7A] text-[13px] font-medium group-hover:gap-2 transition-all", children: [
27564              /* @__PURE__ */ e("span", { children: "자세히 보기" }),
27565              /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
27566            ] })
27567          ] }),
27568          /* @__PURE__ */ a("div", { className: "bg-white border border-gray-200 rounded-lg p-10 hover:shadow-lg transition-shadow group cursor-pointer", children: [
27569            /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[#E8EEF7] flex items-center justify-center", children: /* @__PURE__ */ e(bl, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }) }) }),
27570            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-5 text-[28px] font-bold", children: "Signal Processing" }),
27571            /* @__PURE__ */ e("p", { className: "text-[rgb(74,85,101)] text-[14px] leading-relaxed text-justify mb-6", children: "신호처리 기술은 센서에서 발생하는 전기적 신호를 실시간으로 취득하고 분석하여 이러한 변환 전송을 통해 높은 신뢰성을 확보합니다. FPGA 기반의 고속 데이터 처리와 필터링 알고리즘을 적용하여 노이즈를 최소화하고, 모션 제어 시스템과 실시간으로 동기화되어 안정적인 데이터 환경을 제공합니다." }),
27572            /* @__PURE__ */ a("div", { className: "flex items-center text-[#003D7A] text-[13px] font-medium group-hover:gap-2 transition-all", children: [
27573              /* @__PURE__ */ e("span", { children: "자세히 보기" }),
27574              /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
27575            ] })
27576          ] }),
27577          /* @__PURE__ */ a("div", { className: "bg-white border border-gray-200 rounded-lg p-10 hover:shadow-lg transition-shadow group cursor-pointer", children: [
27578            /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[#E8EEF7] flex items-center justify-center", children: /* @__PURE__ */ e(Hh, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }) }) }),
27579            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-5 text-[28px] font-bold", children: "Robotics" }),
27580            /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] leading-relaxed text-justify mb-6", children: "로봇 기술은 제조 공정의 자동화를 구현하는 핵심 분야로 산업용 로봇과 서비스 로봇을 비롯해 리니어 로봇, 다관절 로봇, 협동 로봇 등 다양한 형태의 로봇 솔루션을 제공합니다. 하이비젼시스템은 이러한 로봇 기술을 기반으로 정밀한 공정 제어와 반복 작업의 안정적 수행을 실현하며, 생산 효율과 품질 향상에 기여하고 있습니다." }),
27581            /* @__PURE__ */ a("div", { className: "flex items-center text-[#003D7A] text-[13px] font-medium group-hover:gap-2 transition-all", children: [
27582              /* @__PURE__ */ e("span", { children: "자세히 보기" }),
27583              /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
27584            ] })
27585          ] }),
27586          /* @__PURE__ */ a("div", { className: "bg-white border border-gray-200 rounded-lg p-10 hover:shadow-lg transition-shadow group cursor-pointer", children: [
27587            /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[#E8EEF7] flex items-center justify-center", children: /* @__PURE__ */ e(dn, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }) }) }),
27588            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-5 text-[28px] font-bold", children: "Lens Align & Camera Test" }),
27589            /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] leading-relaxed text-justify mb-6", children: "렌즈 정렬 및 카메라 테스트 기술은 정밀한 광학 조정과 초점 제어를 통해 최고의 화질을 보장합니다. 액티브 얼라인먼트 기술로 카메라 성능을 극대화하며, 3D 깊이 카메라 테스트, AI 이미지 및 카메라 모듈 최적화 검증과 품질을 검증합니다. 이를 통해 제품의 광학 품질이 항상 뛰어남을 보증합니다." }),
27590            /* @__PURE__ */ a("div", { className: "flex items-center text-[#003D7A] text-[13px] font-medium group-hover:gap-2 transition-all", children: [
27591              /* @__PURE__ */ e("span", { children: "자세히 보기" }),
27592              /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
27593            ] })
27594          ] }),
27595          /* @__PURE__ */ a("div", { className: "bg-white border border-gray-200 rounded-lg p-10 hover:shadow-lg transition-shadow group cursor-pointer", children: [
27596            /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[#E8EEF7] flex items-center justify-center", children: /* @__PURE__ */ e(Ji, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }) }) }),
27597            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-5 text-[28px] font-bold", children: "Automation" }),
27598            /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] leading-relaxed text-justify mb-6", children: "자동화 기술은 생산성과 효율성을 극대화하기 위해 설계된 시스템과 프로세스를 제공합니다. 자동 반송 시스템, AI 기반 실시간 감시·생산 최적화, PLC 및 모션 시스템을 통해 공정 전반을 지능적으로 제어합니다. 이 기술은 단일 장비부터 시스템까지 확장 가능성을 제공하여 미래 지향적 생산 환경을 제공합니다." }),
27599            /* @__PURE__ */ a("div", { className: "flex items-center text-[#003D7A] text-[13px] font-medium group-hover:gap-2 transition-all", children: [
27600              /* @__PURE__ */ e("span", { children: "자세히 보기" }),
27601              /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
27602            ] })
27603          ] }),
27604          /* @__PURE__ */ a("div", { className: "bg-white border border-gray-200 rounded-lg p-10 hover:shadow-lg transition-shadow group cursor-pointer", children: [
27605            /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-6", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[#E8EEF7] flex items-center justify-center", children: /* @__PURE__ */ e(yt, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }) }) }),
27606            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-5 text-[28px] font-bold", children: "3D Printing Technology" }),
27607            /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] leading-relaxed text-justify mb-6", children: "고정밀 3D 프린팅 기술은 복잡한 구조의 프로토타입 및 제품을 정밀하게 구현합니다. 다양한 소재와 고속 프린팅 기술을 활용해 제품 개발 속도를 가속화하고, 맞춤형 제조를 가능하게 합니다. 이를 통해 혁신과 신속한 생산이 실현됩니다." }),
27608            /* @__PURE__ */ a("div", { className: "flex items-center text-[#003D7A] text-[13px] font-medium group-hover:gap-2 transition-all", children: [
27609              /* @__PURE__ */ e("span", { children: "자세히 보기" }),
27610              /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
27611            ] })
27612          ] })
27613        ] })
27614      ] }) }) }) }),
27615      /* @__PURE__ */ a("section", { className: "py-20 bg-gradient-to-b from-slate-50 to-white relative overflow-hidden", children: [
27616        /* @__PURE__ */ e("div", { className: "absolute inset-0 opacity-30", children: /* @__PURE__ */ e("div", { className: "absolute inset-0", style: {
27617          backgroundImage: "radial-gradient(circle at 1px 1px, #e2e8f0 1px, transparent 0)",
27618          backgroundSize: "40px 40px"
27619        } }) }),
27620        /* @__PURE__ */ e("div", { className: "container mx-auto px-4 relative z-10", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto text-center", children: [
27621          /* @__PURE__ */ e("div", { className: "inline-block bg-[#003D7A]/10 backdrop-blur-sm px-4 py-1.5 rounded-full mb-6", children: /* @__PURE__ */ e("span", { className: "text-sm tracking-wider text-[12px] text-[#003D7A]", children: "INTEGRATION & VALUE" }) }),
27622          /* @__PURE__ */ e("h2", { className: "mb-6 leading-tight text-[27px] text-slate-900", style: { fontWeight: "700" }, children: "Three Technologies, One Perfect System" }),
27623          /* @__PURE__ */ e("p", { className: "text-slate-600 mb-16 leading-relaxed text-[15px] max-w-3xl mx-auto -mt-3", children: "세 가지 핵심 기술이 통합되어 완전 검사 자동화 구현" }),
27624          /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-8 mb-16 flex-wrap", children: [
27625            /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
27626              /* @__PURE__ */ e("div", { className: "w-32 h-32 rounded-full bg-gradient-to-br from-[#003D7A] to-[#0052a3] flex items-center justify-center mb-4 shadow-xl", children: /* @__PURE__ */ e(gl, { className: "w-16 h-16 text-white" }) }),
27627              /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", style: { fontWeight: "600" }, children: "Image Processing" }),
27628              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "결함 인식" })
27629            ] }),
27630            /* @__PURE__ */ e("div", { className: "text-[#FF9933] flex items-center", children: /* @__PURE__ */ e(fe, { className: "w-8 h-8" }) }),
27631            /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
27632              /* @__PURE__ */ e("div", { className: "w-32 h-32 rounded-full bg-gradient-to-br from-[#003D7A] to-[#0052a3] flex items-center justify-center mb-4 shadow-xl", children: /* @__PURE__ */ e(bl, { className: "w-16 h-16 text-white" }) }),
27633              /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", style: { fontWeight: "600" }, children: "Signal Processing" }),
27634              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "신호 분석" })
27635            ] }),
27636            /* @__PURE__ */ e("div", { className: "text-[#FF9933] flex items-center", children: /* @__PURE__ */ e(fe, { className: "w-8 h-8" }) }),
27637            /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
27638              /* @__PURE__ */ e("div", { className: "w-32 h-32 rounded-full bg-gradient-to-br from-[#003D7A] to-[#0052a3] flex items-center justify-center mb-4 shadow-xl", children: /* @__PURE__ */ e(Ji, { className: "w-16 h-16 text-white" }) }),
27639              /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", style: { fontWeight: "600" }, children: "Motion Control" }),
27640              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "모션 보정" })
27641            ] })
27642          ] }),
27643          /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 rounded-2xl p-12 shadow-xl max-w-4xl mx-auto", children: [
27644            /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-3 mb-6", children: [
27645              /* @__PURE__ */ e("div", { className: "w-14 h-14 rounded-full bg-gradient-to-br from-[#FF9933] to-[#ff7700] flex items-center justify-center", children: /* @__PURE__ */ e(De, { className: "w-7 h-7 text-white" }) }),
27646              /* @__PURE__ */ e("h3", { className: "text-slate-900 text-[24px]", style: { fontWeight: "700" }, children: "AI 기반 실시간 판독 플랫폼" })
27647            ] }),
27648            /* @__PURE__ */ e("p", { className: "text-slate-700 text-[16px] leading-relaxed mb-4", children: "세 가지 기술이 통합되어 AI 기반 실시간 판독 플랫폼을 형성합니다." }),
27649            /* @__PURE__ */ e("p", { className: "text-slate-600 text-[15px] leading-relaxed", children: "결함 인식 → 신호 분석 → 모션 보정 규조로 스트 제조를 완성합니다." })
27650          ] })
27651        ] }) })
27652      ] })
27653    ] }),
27654    i === "image-processing" && /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { children: [
27655      /* @__PURE__ */ a("div", { className: "mb-24 max-w-5xl mx-auto", children: [
27656        /* @__PURE__ */ a("div", { className: "mb-12", children: [
27657          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-2 text-[28px] font-bold", children: "What is Image Processing?" }),
27658          /* @__PURE__ */ a("p", { className: "text-slate-600 leading-relaxed text-[15px]", children: [
27659            "하이비젼시스템은 독자적인 영상처리 알고리즘과 AI 기반 이미지 분석 기술을 통해 미세한 결함까지 정밀하게 검출할 수 있는 차세대 검사 솔루션을 제공합니다.",
27660            /* @__PURE__ */ e("br", {}),
27661            "이 기술은 AOI, 카메라 모듈 검사, 디스플레이 품질 검사 등의 핵심 역할을 수행합니다."
27662          ] })
27663        ] }),
27664        /* @__PURE__ */ a("div", { className: "mt-16", children: [
27665          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-8 text-[20px]", children: "주요 기술 요소" }),
27666          /* @__PURE__ */ a("div", { className: "space-y-6", children: [
27667            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27668              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "AI Vision Algorithm" }),
27669              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "딥러닝 기반 불량 탐지 및 분류" })
27670            ] }) }),
27671            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27672              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Sub-Pixel Precision" }),
27673              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "픽셀 단위보다 높은 정밀도로 패턴, 결함, 오염 검출" })
27674            ] }) }),
27675            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27676              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Multi-Spectral Imaging" }),
27677              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "가시광·적외선·UV 등 복합 조명 환경에서의 안정적 이미지 처리" })
27678            ] }) })
27679          ] })
27680        ] }),
27681        /* @__PURE__ */ a("div", { className: "mt-16", children: [
27682          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-8 text-[20px]", children: "처리 프로세스" }),
27683          /* @__PURE__ */ a("div", { className: "space-y-6", children: [
27684            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27685              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "영상 획득" }),
27686              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "고해상도 카메라, 조명 제어로 안정적인 영상 확보" })
27687            ] }) }),
27688            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27689              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "전처리" }),
27690              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "노이즈 제거, 대비 보정, ROI 추출" })
27691            ] }) }),
27692            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27693              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "특징 추출" }),
27694              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "엣지 검출, 패턴 분석, 형태 인식" })
27695            ] }) }),
27696            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27697              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "분석/판정" }),
27698              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "AI 딥러닝 기반 결함 검출 및 패턴 인식" })
27699            ] }) }),
27700            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27701              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "결과 처리" }),
27702              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "데이터 로깅 및 생산 피드백, 실시간 모니터링" })
27703            ] }) })
27704          ] })
27705        ] })
27706      ] }),
27707      /* @__PURE__ */ a("div", { className: "mb-24 max-w-5xl mx-auto", children: [
27708        /* @__PURE__ */ a("div", { className: "mb-12", children: [
27709          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-2 text-[28px]", children: "핵심 역량" }),
27710          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[15px]", children: "이미지 처리 기술은 하이비젼시스템의 핵심 기술 구조 안에서 영상 분석, 패턴 인식, 불량 검출, 품질 예측의 기반이 됩니다." })
27711        ] }),
27712        /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-x-12 gap-y-8", children: [
27713          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27714            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "고속 이미지 획득" }),
27715            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "실시간 고속 이미지 캡처 및 데이터 전송" }),
27716            /* @__P
27716URE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27717              /* @__PURE__ */ e("p", { children: "• Frame Grabber Technology" }),
27718              /* @__PURE__ */ e("p", { children: "• CoaXPress Interface" }),
27719              /* @__PURE__ */ e("p", { children: "• GigE Vision Protocol" }),
27720              /* @__PURE__ */ e("p", { children: "• Camera Link Support" })
27721            ] })
27722          ] }),
27723          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27724            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "지능형 영상 분석" }),
27725            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "AI 기반 딥러닝 알고리즘과 머신비전 기술" }),
27726            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27727              /* @__PURE__ */ e("p", { children: "• Deep Learning Engine" }),
27728              /* @__PURE__ */ e("p", { children: "• 결함 자동 검출" }),
27729              /* @__PURE__ */ e("p", { children: "• 패턴 인식 알고리즘" }),
27730              /* @__PURE__ */ e("p", { children: "• Object Classification" })
27731            ] })
27732          ] }),
27733          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27734            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "하이브리드 처리 구조" }),
27735            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "FPGA/GPU 병렬 처리를 통한 고속 연산" }),
27736            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27737              /* @__PURE__ */ e("p", { children: "• FPGA 실시간 처리" }),
27738              /* @__PURE__ */ e("p", { children: "• GPU 병렬 연산" }),
27739              /* @__PURE__ */ e("p", { children: "• Multi-Core Optimization" }),
27740              /* @__PURE__ */ e("p", { children: "• Pipeline Architecture" })
27741            ] })
27742          ] }),
27743          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27744            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "통합 제어 플랫폼" }),
27745            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "사용자 기반 비전 시스템 통합 솔루션" }),
27746            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27747              /* @__PURE__ */ e("p", { children: "• HVS Vision Studio" }),
27748              /* @__PURE__ */ e("p", { children: "• 실시 모니터링" }),
27749              /* @__PURE__ */ e("p", { children: "• 데이터 분석 대시보드" }),
27750              /* @__PURE__ */ e("p", { children: "• 원격 제어 시스템" })
27751            ] })
27752          ] })
27753        ] })
27754      ] }),
27755      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-12 items-center max-w-[1152px] mx-auto px-6 lg:px-8", children: [
27756        /* @__PURE__ */ e("div", { className: "order-2 lg:order-1", children: /* @__PURE__ */ e("div", { className: "rounded-lg overflow-hidden", children: /* @__PURE__ */ e(
27757          S,
27758          {
27759            src: "https://images.unsplash.com/photo-1682663947124-88b7b7e12889?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwaW5zcGVjdGlvbnxlbnwxfHx8fDE3NjI3NTExNTB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
27760            alt: "Vision Technology",
27761            className: "w-full h-[280px] object-cover"
27762          }
27763        ) }) }),
27764        /* @__PURE__ */ a("div", { className: "order-1 lg:order-2", children: [
27765          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-4 leading-tight", style: { fontSize: "28px", fontWeight: "bold" }, children: "Key Capabilities" }),
27766          /* @__PURE__ */ a("p", { className: "text-slate-600 leading-relaxed mb-6 text-[15px]", children: [
27767            "하이비젼시스템은 정밀한 비전 기술을 기반으로, 영상 처리·AI 검사·자동화 솔루션을",
27768            /* @__PURE__ */ e("br", {}),
27769            "통합하여 제조 품질의 혁신을 이끄는 핵심 역량을 보유하고 있습니다."
27770          ] }),
27771          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
27772            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27773              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27774              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Deep Learning-based Defect Detection" })
27775            ] }),
27776            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27777              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27778              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Real-time Image Processing (>100fps)" })
27779            ] }),
27780            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27781              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27782              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Multi-camera Synchronized Inspection" })
27783            ] }),
27784            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27785              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27786              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "AI-driven Pattern Recognition" })
27787            ] }),
27788            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27789              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27790              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Custom Algorithm Development" })
27791            ] })
27792          ] })
27793        ] })
27794      ] })
27795    ] }) }) }),
27796    i === "signal-processing" && /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { children: [
27797      /* @__PURE__ */ a("div", { className: "mb-24 max-w-5xl mx-auto", children: [
27798        /* @__PURE__ */ a("div", { className: "mb-12", children: [
27799          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-2 text-[28px] font-bold", children: "What is Signal Processing?" }),
27800          /* @__PURE__ */ a("p", { className: "text-slate-600 leading-relaxed text-[15px]", children: [
27801            "하이비젼시스템은 센서 신호의 정확한 분석을 위해 고속 신호처리 및 데이터 필터링 기술을 적용하고 있습니다.",
27802            /* @__PURE__ */ e("br", {}),
27803            "이 기술은 AOI, OIS, Active Align 등 광학 기반 시스템의 핵심 역할을 수행합니다."
27804          ] })
27805        ] }),
27806        /* @__PURE__ */ a("div", { className: "mt-16", children: [
27807          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-8 text-[20px]", children: "주요 기술 요소" }),
27808          /* @__PURE__ */ a("div", { className: "space-y-6", children: [
27809            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27810              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Real-time Signal Analysis" }),
27811              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "실시간 데이터 취득 및 이상 신호 감지" })
27812            ] }) }),
27813            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27814              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Adaptive Noise Filtering" }),
27815              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "생산 환경의 노이즈를 자동 보정" })
27816            ] }) }),
27817            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27818              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Edge Computing 기반 처리" }),
27819              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "고속 데이터 수집 및 현장 즉시 분석 구조" })
27820            ] }) })
27821          ] })
27822        ] }),
27823        /* @__PURE__ */ a("div", { className: "mt-16", children: [
27824          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-8 text-[20px]", children: "처리 프로세스" }),
27825          /* @__PURE__ */ a("div", { className: "space-y-6", children: [
27826            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27827              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "신호 획득" }),
27828              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "고속 ADC, 멀티채널 DAQ로 다양한 센서 신호의 고속·동시 수집" })
27829            ] }) }),
27830            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27831              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "전처리" }),
27832              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "필터링, 증폭, 노이즈 제거를 통한 신호 품질 향상" })
27833            ] }) }),
27834            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27835              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "특징 추출" }),
27836              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "FFT, 주파수 분석, 통계 처리를 통한 시간/주파수 영역 특성 자동 분석" })
27837            ] }) }),
27838            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27839              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "분석/판정" }),
27840              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "AI 기반 이상 탐지, 진동/온도/전류 패턴 자동 감지" })
27841            ] }) }),
27842            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27843              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "결과 처리" }),
27844              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "데이터 로깅 및 제어 피드백, 실시간 모니터링" })
27845            ] }) })
27846          ] })
27847        ] })
27848      ] }),
27849      /* @__PURE__ */ a("div", { className: "mb-24 max-w-5xl mx-auto", children: [
27850        /* @__PURE__ */ a("div", { className: "mb-12", children: [
27851          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-2 text-[28px]", children: "핵심 역량" }),
27852          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[15px]", children: "신호 처리 기술은 하이비젼시스템의 핵심 기술 구조 안에 데이터 수집, 분석, 품질 제어, 예측 진단의 기반이 됩니다." })
27853        ] }),
27854        /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-x-12 gap-y-8", children: [
27855          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27856            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "고속 신호 획득" }),
27857            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "실시간 고속 데이터 수집 및 멀티채널 동기화" }),
27858            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27859              /* @__PURE__ */ e("p", { children: "• High-Speed ADC" }),
27860              /* @__PURE__ */ e("p", { children: "• Multi-Channel DAQ" }),
27861              /* @__PURE__ */ e("p", { children: "• Synchronized Sampling" }),
27862              /* @__PURE__ */ e("p", { children: "• Buffered Data Streaming" })
27863            ] })
27864          ] }),
27865          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27866            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "지능형 신호 분석" }),
27867            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "AI 기반 패턴 인식 및 이상 탐지 알고리즘" }),
27868            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27869              /* @__PURE__ */ e("p", { children: "• FFT Analysis" }),
27870              /* @__PURE__ */ e("p", { children: "• Spectral Analysis" }),
27871              /* @__PURE__ */ e("p", { children: "• Anomaly Detection" }),
27872              /* @__PURE__ */ e("p", { children: "• Pattern Recognition" })
27873            ] })
27874          ] }),
27875          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27876            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "하이브리드 처리 구조" }),
27877            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "FPGA/DSP 병렬 처리를 통한 고속 연산" }),
27878            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27879              /* @__PURE__ */ e("p", { children: "• FPGA 실시간 처리" }),
27880              /* @__PURE__ */ e("p", { children: "• DSP 신호 처리" }),
27881              /* @__PURE__ */ e("p", { children: "• Multi-Core Optimization" }),
27882              /* @__PURE__ */ e("p", { children: "• Pipeline Architecture" })
27883            ] })
27884          ] }),
27885          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27886            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "통합 제어 플랫폼" }),
27887            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "모션·영상·신호 통합 제어 시스템" }),
27888            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
27889              /* @__PURE__ */ e("p", { children: "• PLC 연동" }),
27890              /* @__PURE__ */ e("p", { children: "• Real-time OS 기반" }),
27891              /* @__PURE__ */ e("p", { children: "• Modbus/EtherCAT 지원" }),
27892              /* @__PURE__ */ e("p", { children: "• OPC UA 통신" })
27893            ] })
27894          ] })
27895        ] })
27896      ] }),
27897      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-12 items-center max-w-[1152px] mx-auto px-6 lg:px-8", children: [
27898        /* @__PURE__ */ e("div", { className: "order-2 lg:order-1", children: /* @__PURE__ */ e("div", { className: "rounded-lg overflow-hidden", children: /* @__PURE__ */ e(
27899          S,
27900          {
27901            src: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzaWduYWwlMjBwcm9jZXNzaW5nJTIwY2lyY3VpdCUyMGJvYXJkfGVufDF8fHx8MTc2MTgxNDM3OXww&ixlib=rb-4.1.0&q=80&w=1080",
27902            alt: "Signal Processing Technology",
27903            className: "w-full h-[280px] object-cover"
27904          }
27905        ) }) }),
27906        /* @__PURE__ */ a("div", { className: "order-1 lg:order-2", children: [
27907          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-4 leading-tight", style: { fontSize: "28px", fontWeight: "bold" }, children: "Key Capabilities" }),
27908          /* @__PURE__ */ a("p", { className: "text-slate-600 leading-relaxed mb-6 text-[15px]", children: [
27909            "하이비젼시스템은 고속 신호 처리 기술을 기반으로, 실시간 데이터 분석·이상 탐지·",
27910            /* @__PURE__ */ e("br", {}),
27911            "예측 진단 솔루션을 통합하여 스마트 제조의 혁신을 이끄는 핵심 역량을 보유하고 있습니다."
27912          ] }),
27913          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
27914            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27915              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27916              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "High-Speed Data Acquisition (Up to 10MS/s)" })
27917            ] }),
27918            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27919              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27920              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Real-time FFT & Spectral Analysis" })
27921            ] }),
27922            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27923              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27924              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Multi-channel Synchronized Processing" })
27925            ] }),
27926            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27927              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27928              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "AI-driven Anomaly Detection" })
27929            ] }),
27930            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
27931              /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
27932              /* @__P
27932URE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Custom DSP Algorithm Development" })
27933            ] })
27934          ] })
27935        ] })
27936      ] })
27937    ] }) }) }),
27938    i === "automation" && /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { children: [
27939      /* @__PURE__ */ a("div", { className: "mb-24 max-w-5xl mx-auto", children: [
27940        /* @__PURE__ */ a("div", { className: "mb-12", children: [
27941          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-2 text-[28px] font-bold", children: "What is Motion Control?" }),
27942          /* @__PURE__ */ a("p", { className: "text-slate-600 leading-relaxed text-[15px]", children: [
27943            "초정밀 비전 시스템의 성능은 정교한 모션 제어에서 시작됩니다.",
27944            /* @__PURE__ */ e("br", {}),
27945            "하이비젼시스템은 독자적인 모션 알고리즘과 하이엔드 하드웨어를 결합하여 μm(마이크로미터) 단위의 정밀 제어 및 고속 반복동작을 실현합니다."
27946          ] })
27947        ] }),
27948        /* @__PURE__ */ a("div", { className: "mt-16", children: [
27949          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-8 text-[20px]", children: "주요 기술 요소" }),
27950          /* @__PURE__ */ a("div", { className: "space-y-6", children: [
27951            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27952              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "High-Speed Linear Motion Control" }),
27953              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "초당 수백 회 위치 피드백 기반의 초정밀 구동" })
27954            ] }) }),
27955            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27956              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Vibration Compensation System" }),
27957              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "미세 진동 억제 알고리즘으로 검사 안정성 극대화" })
27958            ] }) }),
27959            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27960              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "Multi-Axis Synchronization" }),
27961              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "다축 로봇 및 서보 제어의 실시간 동기화" })
27962            ] }) })
27963          ] })
27964        ] }),
27965        /* @__PURE__ */ a("div", { className: "mt-16", children: [
27966          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-8 text-[20px]", children: "처리 프로세스" }),
27967          /* @__PURE__ */ a("div", { className: "space-y-6", children: [
27968            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27969              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "명령 생성" }),
27970              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "목표 위치 및 속도 프로파일 설정" })
27971            ] }) }),
27972            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27973              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "피드백 획득" }),
27974              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "엔코더/리니어 스케일을 통한 실시간 위치 확인" })
27975            ] }) }),
27976            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27977              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "오차 계산" }),
27978              /* @__P
27978URE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "목표값과 현재값의 차이 분석" })
27979            ] }) }),
27980            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6 border-b border-slate-200", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27981              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "제어 연산" }),
27982              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "PID 알고리즘 기반 보정값 계산" })
27983            ] }) }),
27984            /* @__PURE__ */ e("div", { className: "flex gap-6 pb-6", children: /* @__PURE__ */ a("div", { className: "flex-1", children: [
27985              /* @__PURE__ */ e("h4", { className: "text-slate-900 mb-1 text-[16px]", children: "구동 출력" }),
27986              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "모터 드라이버로 제어 신호 전송" })
27987            ] }) })
27988          ] })
27989        ] })
27990      ] }),
27991      /* @__PURE__ */ a("div", { className: "mb-24 max-w-5xl mx-auto", children: [
27992        /* @__PURE__ */ a("div", { className: "mb-12", children: [
27993          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-2 text-[28px]", children: "핵심 역량" }),
27994          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[15px]", children: "모션 제어 기술은 하이비젼시스템의 핵심 기술 구조 안에서 정밀 위치 결정, 동기 제어, 진동 보정의 기반이 됩니다." })
27995        ] }),
27996        /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-x-12 gap-y-8", children: [
27997          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
27998            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "고정밀 서보 제어" }),
27999            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "서마이크론 수준의 위치 제어 및 안정화" }),
28000            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
28001              /* @__PURE__ */ e("p", { children: "• Servo Motor Control" }),
28002              /* @__PURE__ */ e("p", { children: "• Linear Motor Drive" }),
28003              /* @__PURE__ */ e("p", { children: "• PID Tuning" }),
28004              /* @__PURE__ */ e("p", { children: "• Encoder Feedback" })
28005            ] })
28006          ] }),
28007          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
28008            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "다축 동기 제어" }),
28009            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "멀티 축 실시간 동기화 및 궤적 제어" }),
28010            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
28011              /* @__PURE__ */ e("p", { children: "• Multi-Axis Coordination" }),
28012              /* @__PURE__ */ e("p", { children: "• Gantry Synchronization" }),
28013              /* @__PURE__ */ e("p", { children: "• Electronic Gearing" }),
28014              /* @__PURE__ */ e("p", { children: "• CAM Profile Control" })
28015            ] })
28016          ] }),
28017          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
28018            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "진동 보정 시스템" }),
28019            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "실시간 진동 감지 및 능동 보정" }),
28020            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
28021              /* @__PURE__ */ e("p", { children: "• Active Vibration Control" }),
28022              /* @__PURE__ */ e("p", { children: "• Acceleration Feedforward" }),
28023              /* @__PURE__ */ e("p", { children: "• Resonance Suppression" }),
28024              /* @__PURE__ */ e("p", { children: "• Adaptive Filter" })
28025            ] })
28026          ] }),
28027          /* @__PURE__ */ a("div", { className: "border-t border-slate-200 pt-6", children: [
28028            /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[18px]", children: "통합 제어 플랫폼" }),
28029            /* @__PURE__ */ e("p", { className: "text-slate-600 mb-4 leading-relaxed text-[14px]", children: "비전·신호·모션 통합 자동화 시스템" }),
28030            /* @__PURE__ */ a("div", { className: "space-y-1 text-[13px] text-slate-500", children: [
28031              /* @__PURE__ */ e("p", { children: "• Motion Controller" }),
28032              /* @__PURE__ */ e("p", { children: "• EtherCAT / SERCOS" }),
28033              /* @__PURE__ */ e("p", { children: "• Real-time OS" }),
28034              /* @__PURE__ */ e("p", { children: "• Vision-Motion Sync" })
28035            ] })
28036          ] })
28037        ] })
28038      ] }),
28039      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-12 items-center max-w-[1152px] mx-auto px-6 lg:px-8", children: [
28040        /* @__PURE__ */ e("div", { className: "order-2 lg:order-1", children: /* @__PURE__ */ e("div", { className: "rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e(
28041          S,
28042          {
28043            src: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxyb2JvdGljJTIwYXJtJTIwYXV0b21hdGlvbnxlbnwxfHx8fDE3NjIzMzMzMTJ8MA&ixlib=rb-4.1.0&q=80&w=1080",
28044            alt: "Motion Control Technology",
28045            className: "w-full h-[320px] object-cover rounded-none"
28046          }
28047        ) }) }),
28048        /* @__PURE__ */ a("div", { className: "order-1 lg:order-2", children: [
28049          /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-6 leading-tight", style: { fontSize: "28px", fontWeight: "bold" }, children: "Key Capabilities" }),
28050          /* @__PURE__ */ a("p", { className: "text-slate-600 leading-relaxed mb-3 -mt-2 text-[14px]", children: [
28051            "하이비젼시스템은 고정밀 위치 제어와 실시간 궤적 계획 기술을 기반으로,",
28052            /* @__PURE__ */ e("br", {}),
28053            "검사 및 핸들링의 정확성과 효율성을 극대화하는 핵심 역량을 보유하고 있습니다."
28054          ] }),
28055          /* @__PURE__ */ a("div", { className: "space-y-2.5", children: [
28056            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28057              /* @__PURE__ */ e("div", { className: "w-1 h-1 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
28058              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Multi-axis Servo Motor Control" })
28059            ] }),
28060            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28061              /* @__PURE__ */ e("div", { className: "w-1 h-1 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
28062              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Sub-micron Positioning Accuracy" })
28063            ] }),
28064            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28065              /* @__PURE__ */ e("div", { className: "w-1 h-1 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
28066              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Real-time Trajectory Planning" })
28067            ] }),
28068            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28069              /* @__PURE__ */ e("div", { className: "w-1 h-1 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
28070              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "Synchronized Motion Coordination" })
28071            ] }),
28072            /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28073              /* @__PURE__ */ e("div", { className: "w-1 h-1 rounded-full flex-shrink-0 mt-2", style: { backgroundColor: "#003D7A" } }),
28074              /* @__PURE__ */ e("span", { className: "text-slate-700 leading-relaxed text-[15px]", children: "High-speed Pick & Place Systems" })
28075            ] })
28076          ] })
28077        ] })
28078      ] })
28079    ] }) }) }),
28080    /* @__PURE__ */ e("section", { className: "py-16 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto", children: [
28081      /* @__PURE__ */ a("div", { className: "mb-10", children: [
28082        /* @__PURE__ */ e("h2", { className: "text-[#003D7A] mb-6 text-[32px]", style: { fontWeight: "bold" }, children: "Applications" }),
28083        /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-8 -mt-3", children: "하이비젼시스템의 기술은 글로벌 제조 현장의 모든 기술로 만납니다." })
28084      ] }),
28085      /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
28086        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 p-6 hover:shadow-md transition-shadow", children: [
28087          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[16px]", style: { fontWeight: "bold" }, children: "스마트폰 / 카메라 모듈" }),
28088          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "렌즈 결함 검사, 모듈 정렬, 액티브 얼라인먼트" })
28089        ] }),
28090        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 p-6 hover:shadow-md transition-shadow", children: [
28091          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[16px]", style: { fontWeight: "bold" }, children: "2차전지" }),
28092          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "전극 불량 검출, 탭 형성 모니터링, 초음파 검사" })
28093        ] }),
28094        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 p-6 hover:shadow-md transition-shadow", children: [
28095          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[16px]", style: { fontWeight: "bold" }, children: "반도체" }),
28096          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "웨이퍼 AOI, 칩 정렬, 미세 결함 판별" })
28097        ] }),
28098        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 p-6 hover:shadow-md transition-shadow", children: [
28099          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[16px]", style: { fontWeight: "bold" }, children: "자동차 전장" }),
28100          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "PCB 출력 검사, 커넥터 결합 분석, 와이어링 조립 검사" })
28101        ] }),
28102        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 p-6 hover:shadow-md transition-shadow", children: [
28103          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[16px]", style: { fontWeight: "bold" }, children: "바이오 시린지 검사" }),
28104          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "시린지 결함 검출, 충진량 측정, 이물질 검사, 바늘 검사" })
28105        ] }),
28106        /* @__PURE__ */ a("div", { className: "bg-white border border-slate-200 p-6 hover:shadow-md transition-shadow", children: [
28107          /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 text-[16px]", style: { fontWeight: "bold" }, children: "3D 비전 검사" }),
28108          /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px]", children: "3D 형상 측정, 높이 프로파일 분석, 입체 결함 검출" })
28109        ] })
28110      ] })
28111    ] }) }) })
28112  ] });
28113}
28114function F4() {
28115  const { t } = ne(), i = [
28116    "High-end Image Real-Time Processing Software",
28117    "Advanced Image Algorithm Development",
28118    "Vision Recognition & Inspection Algorithm",
28119    "AI-powered Defect Classification",
28120    "Real-time Data Analytics Platform",
28121    "Custom Algorithm Development"
28122  ], n = [
28123    "High-end Hardware & Camera Systems",
28124    "X-ray Camera & AI Integration",
28125    "Linescan Camera & Multi Camera Setup",
28126    "3D Vision System Architecture",
28127    "Multi Spectrum Camera Technology",
28128    "High-speed Image Capture Systems",
28129    "High-speed RGB Dual Scan System",
28130    "High Precision Stage & Controller"
28131  ], r = [
28132    "High Accuracy Stage & Align Systems",
28133    "Gantry Robotics Integration",
28134    "Dual Transfer Active Align Technology",
28135    "Cleanliness SMIF Packing Tool",
28136    "Display Multi Test System",
28137    "High-speed Full Auto Handler & Robot",
28138    "Clean Module Active Align",
28139    "Multi-PG Laser Annealer",
28140    "Automated Inline System"
28141  ];
28142  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
28143    /* @__PURE__ */ e("div", { className: "bg-[#F5F5F5] border-b border-slate-200", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ e(
28144      ea,
28145      {
28146        items: [
28147          { label: "Home", path: "/" },
28148          { label: "Innovation", path: "/technology" },
28149          { label: "Technology", path: "/technology-overview" }
28150        ]
28151      }
28152    ) }) }),
28153    /* @__PURE__ */ a("section", { className: "relative bg-gradient-to-br from-[#003D7A] via-[#002855] to-[#001a3d] text-white py-24", children: [
28154      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-slate-950/75" }),
28155      /* @__PURE__ */ e("div", { className: "container mx-auto px-4 relative z-10", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto text-left", children: [
28156        /* @__PURE__ */ e("div", { className: "inline-block bg-white/10 backdrop-blur-sm px-4 py-1.5 rounded-full mb-6", children: /* @__PURE__ */ e("span", { className: "text-sm tracking-wider", children: "TECHNOLOGY OVERVIEW" }) }),
28157        /* @__PURE__ */ a("h1", { className: "text-5xl md:text-6xl mb-6 leading-tight", children: [
28158          "Advanced Technology",
28159          /* @__PURE__ */ e("br", {}),
28160          /* @__PURE__ */ e("span", { className: "text-[#FF9933]", children: "Powering Innovation" })
28161        ] }),
28162        /* @__PURE__ */ e("p", { className: "text-xl text-white/90 max-w-3xl mb-8", children: "HyVISION combines cutting-edge software, hardware, and automation technologies to deliver world-class vision inspection solutions." })
28163      ] }) })
28164    ] }),
28165    /* @__PURE__ */ e("section", { className: "py-20", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center", children: [
28166      /* @__PURE__ */ a("div", { children: [
28167        /* @__PURE__ */ a("div", { className: "inline-flex items-center gap-2 bg-[#003D7A]/10 px-4 py-2 rounded-full mb-6", children: [
28168          /* @__PURE__ */ e(Ln, { className: "w-5 h-5 text-[#003D7A]" }),
28169          /* @__PURE__ */ e("span", { className: "text-sm text-[#003D7A]", children: "SOFTWARE TECHNOLOGY" })
28170        ] }),
28171        /* @__PURE__ */ e("h2", { className: "text-4xl mb-6 text-slate-900 font-bold", children: "Intelligent Software Solutions" }),
28172        /* @__PURE__ */ e("p", { className: "text-lg text-slate-600 mb-8", children: "Our advanced software platform combines real-time image processing with AI-powered analytics to deliver unparalleled inspection accuracy and speed." }),
28173        /* @__PURE__ */ e("div", { className: "space-y-4", children: i.map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28174          /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(Pt, { className: "w-5 h-5 text-[#138808]" }) }),
28175          /* @__PURE__ */ e("span", { className: "text-slate-700", children: s })
28176        ] }, l)) }),
28177        /* @__PURE__ */ a("div", { className: "mt-8 p-6 bg-gradient-to-r from-[#003D7A]/5 to-transparent rounded-lg border-l-4 border-[#003D7A]", children: [
28178          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-3", children: [
28179            /* @__PURE__ */ e(de, { className: "w-6 h-6 text-[#FF9933]" }),
28180            /* @__PURE__ */ e("h3", { className: "text-lg text-slate-900", children: "Key Advantage" })
28181          ] }),
28182          /* @__PURE__ */ e("p", { className: "text-slate-700", children: "Process over 1,000 images per second with sub-pixel accuracy using our proprietary algorithms." })
28183        ] })
28184      ] }),
28185      /* @__PURE__ */ a("div", { className: "relative", children: [
28186        /* @__PURE__ */ e("div", { className: "aspect-[4/3] bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full p-8 flex flex-col items-center justify-center", children: /* @__PURE__ */ a("div", { className: "bg-white rounded-xl shadow-lg p-8 w-full max-w-md", children: [
28187          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
28188            /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-[#003D7A] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Ln, { className: "w-6 h-6 text-white" }) }),
28189            /* @__PURE__ */ a("div", { children: [
28190              /* @__PURE__ */ e("div", { className: "text-sm text-slate-500", children: "AI Processing" }),
28191              /* @__PURE__ */ e("div", { className: "text-lg text-slate-900", children: "Real-time Analysis" })
28192            ] })
28193          ] }),
28194          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
28195            /* @__PURE__ */ e("div", { className: "h-2 bg-slate-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-gradient-to-r from-[#003D7A] to-[#FF9933] w-[92%] animate-pulse" }) }),
28196            /* @__PURE__ */ e("div", { className: "h-2 bg-slate-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-gradient-to-r from-[#003D7A] to-[#138808] w-[87%] animate-pulse delay-75" }) }),
28197            /* @__PURE__ */ e("div", { className: "h-2 bg-slate-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-gradient-to-r from-[#003D7A] to-[#FF9933] w-[95%] animate-pulse delay-150" }) })
28198          ] }),
28199          /* @__PURE__ */ e("div", { className: "mt-6 pt-6 border-t border-slate-200", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 text-center", children: [
28200            /* @__PURE__ */ a("div", { children: [
28201              /* @__PURE__ */ e("div", { className: "text-2xl text-[#003D7A]", children: "99.9%" }),
28202              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Accuracy" })
28203            ] }),
28204            /* @__PURE__ */ a("div", { children: [
28205              /* @__PURE__ */ e("div", { className: "text-2xl text-[#138808]", children: "<1ms" }),
28206              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Response" })
28207            ] })
28208          ] }) })
28209        ] }) }) }) }),
28210        /* @__P
28210URE__ */ e("div", { className: "absolute -bottom-6 -right-6 w-32 h-32 bg-gradient-to-br from-[#FF9933] to-[#FF9933]/50 rounded-full blur-3xl opacity-30" })
28211      ] })
28212    ] }) }) }) }),
28213    /* @__PURE__ */ e("section", { className: "py-20 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center", children: [
28214      /* @__PURE__ */ a("div", { className: "order-2 lg:order-1 relative", children: [
28215        /* @__PURE__ */ e("div", { className: "aspect-[4/3] bg-gradient-to-br from-slate-200 to-slate-300 rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full p-8 flex flex-col items-center justify-center", children: /* @__PURE__ */ a("div", { className: "bg-white rounded-xl shadow-lg p-8 w-full max-w-md", children: [
28216          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
28217            /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-[#003D7A] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(xl, { className: "w-6 h-6 text-white" }) }),
28218            /* @__PURE__ */ a("div", { children: [
28219              /* @__PURE__ */ e("div", { className: "text-sm text-slate-500", children: "Hardware Systems" }),
28220              /* @__PURE__ */ e("div", { className: "text-lg text-slate-900", children: "Multi-Camera Array" })
28221            ] })
28222          ] }),
28223          /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-3 mb-4", children: [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ e("div", { className: "aspect-square bg-gradient-to-br from-slate-100 to-slate-200 rounded-lg border-2 border-[#003D7A]/20 flex items-center justify-center", children: /* @__PURE__ */ e(pl, { className: "w-6 h-6 text-[#003D7A]/40" }) }, s)) }),
28224          /* @__PURE__ */ e("div", { className: "mt-6 pt-6 border-t border-slate-200", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-4 text-center", children: [
28225            /* @__PURE__ */ a("div", { children: [
28226              /* @__PURE__ */ e("div", { className: "text-lg text-[#003D7A]", children: "4K+" }),
28227              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Resolution" })
28228            ] }),
28229            /* @__PURE__ */ a("div", { children: [
28230              /* @__PURE__ */ e("div", { className: "text-lg text-[#138808]", children: "240fps" }),
28231              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Capture" })
28232            ] }),
28233            /* @__PURE__ */ a("div", { children: [
28234              /* @__PURE__ */ e("div", { className: "text-lg text-[#FF9933]", children: "±1μm" }),
28235              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Precision" })
28236            ] })
28237          ] }) })
28238        ] }) }) }) }),
28239        /* @__PURE__ */ e("div", { className: "absolute -top-6 -left-6 w-32 h-32 bg-gradient-to-br from-[#138808] to-[#138808]/50 rounded-full blur-3xl opacity-30" })
28240      ] }),
28241      /* @__PURE__ */ a("div", { className: "order-1 lg:order-2", children: [
28242        /* @__PURE__ */ a("div", { className: "inline-flex items-center gap-2 bg-[#138808]/10 px-4 py-2 rounded-full mb-6", children: [
28243          /* @__PURE__ */ e(xl, { className: "w-5 h-5 text-[#138808]" }),
28244          /* @__PURE__ */ e("span", { className: "text-sm text-[#138808] font-bold font-normal", children: "HARDWARE TECHNOLOGY" })
28245        ] }),
28246        /* @__PURE__ */ e("h2", { className: "text-4xl mb-6 text-slate-900 font-bold", children: "Precision Hardware Systems" }),
28247        /* @__PURE__ */ e("p", { className: "text-lg text-slate-600 mb-8 -mt-2", children: "State-of-the-art hardware components designed for maximum performance, reliability, and precision in industrial environments." }),
28248        /* @__PURE__ */ e("div", { className: "space-y-4", children: n.map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28249          /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(Pt, { className: "w-5 h-5 text-[#003D7A]" }) }),
28250          /* @__PURE__ */ e("span", { className: "text-slate-700", children: s })
28251        ] }, l)) }),
28252        /* @__PURE__ */ a("div", { className: "mt-8 p-6 bg-gradient-to-r from-[#138808]/5 to-transparent rounded-lg border-l-4 border-[#138808]", children: [
28253          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-3", children: [
28254            /* @__PURE__ */ e(de, { className: "w-6 h-6 text-[#FF9933]" }),
28255            /* @__PURE__ */ e("h3", { className: "text-lg text-slate-900", children: "Key Advantage" })
28256          ] }),
28257          /* @__PURE__ */ e("p", { className: "text-slate-700", children: "Modular hardware architecture allows flexible configuration for various inspection requirements." })
28258        ] })
28259      ] })
28260    ] }) }) }) }),
28261    /* @__PURE__ */ e("section", { className: "py-20", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center", children: [
28262      /* @__PURE__ */ a("div", { children: [
28263        /* @__PURE__ */ a("div", { className: "inline-flex items-center gap-2 bg-[#FF9933]/10 px-4 py-2 rounded-full mb-6", children: [
28264          /* @__PURE__ */ e(Ji, { className: "w-5 h-5 text-[#FF9933]" }),
28265          /* @__PURE__ */ e("span", { className: "text-sm text-[#FF9933]", children: "AUTOMATION TECHNOLOGY" })
28266        ] }),
28267        /* @__PURE__ */ e("h2", { className: "text-4xl mb-6 text-slate-900", children: "Advanced Automation Systems" }),
28268        /* @__PURE__ */ e("p", { className: "text-lg text-slate-600 mb-8", children: "Fully integrated automation solutions combining robotics, precision mechanics, and intelligent control systems for seamless manufacturing workflows." }),
28269        /* @__PURE__ */ e("div", { className: "space-y-4", children: r.map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28270          /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(Pt, { className: "w-5 h-5 text-[#FF9933]" }) }),
28271          /* @__PURE__ */ e("span", { className: "text-slate-700", children: s })
28272        ] }, l)) }),
28273        /* @__PURE__ */ a("div", { className: "mt-8 p-6 bg-gradient-to-r from-[#FF9933]/5 to-transparent rounded-lg border-l-4 border-[#FF9933]", children: [
28274          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-3", children: [
28275            /* @__PURE__ */ e(de, { className: "w-6 h-6 text-[#003D7A]" }),
28276            /* @__PURE__ */ e("h3", { className: "text-lg text-slate-900", children: "Key Advantage" })
28277          ] }),
28278          /* @__PURE__ */ e("p", { className: "text-slate-700", children: "Industry 4.0 ready automation with IoT connectivity and predictive maintenance capabilities." })
28279        ] })
28280      ] }),
28281      /* @__PURE__ */ a("div", { className: "relative", children: [
28282        /* @__PURE__ */ e("div", { className: "aspect-[4/3] bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full p-8 flex flex-col items-center justify-center", children: /* @__PURE__ */ a("div", { className: "bg-white rounded-xl shadow-lg p-8 w-full max-w-md", children: [
28283          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
28284            /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-[#FF9933] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Ji, { className: "w-6 h-6 text-white" }) }),
28285            /* @__PURE__ */ a("div", { children: [
28286              /* @__PURE__ */ e("div", { className: "text-sm text-slate-500", children: "Automation Control" }),
28287              /* @__PURE__ */ e("div", { className: "text-lg text-slate-900", children: "System Status" })
28288            ] })
28289          ] }),
28290          /* @__PURE__ */ a("div", { className: "space-y-4", children: [
28291            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
28292              /* @__PURE__ */ e("span", { className: "text-sm text-slate-600", children: "Robot Position" }),
28293              /* @__PURE__ */ e("span", { className: "text-sm text-[#138808]", children: "Active" })
28294            ] }),
28295            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
28296              /* @__PURE__ */ e("span", { className: "text-sm text-slate-600", children: "Stage Alignment" }),
28297              /* @__PURE__ */ e("span", { className: "text-sm text-[#138808]", children: "Active" })
28298            ] }),
28299            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
28300              /* @__PURE__ */ e("span", { className: "text-sm text-slate-600", children: "Vision System" }),
28301              /* @__PURE__ */ e("span", { className: "text-sm text-[#138808]", children: "Active" })
28302            ] })
28303          ] }),
28304          /* @__PURE__ */ e("div", { className: "mt-6 pt-6 border-t border-slate-200", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 text-center", children: [
28305            /* @__PURE__ */ a("div", { children: [
28306              /* @__PURE__ */ e("div", { className: "text-2xl text-[#FF9933]", children: "±0.5μm" }),
28307              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Repeatability" })
28308            ] }),
28309            /* @__PURE__ */ a("div", { children: [
28310              /* @__PURE__ */ e("div", { className: "text-2xl text-[#003D7A]", children: "24/7" }),
28311              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Operation" })
28312            ] })
28313          ] }) })
28314        ] }) }) }) }),
28315        /* @__PURE__ */ e("div", { className: "absolute -bottom-6 -right-6 w-32 h-32 bg-gradient-to-br from-[#003D7A] to-[#003D7A]/50 rounded-full blur-3xl opacity-30" })
28316      ] })
28317    ] }) }) }) }),
28318    /* @__PURE__ */ e("section", { className: "py-20 bg-gradient-to-br from-slate-900 to-[#003D7A] text-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto text-center", children: [
28319      /* @__PURE__ */ e("h2", { className: "text-4xl mb-6", children: "Seamless Technology Integration" }),
28320      /* @__PURE__ */ e("p", { className: "text-xl text-white/80 max-w-3xl mx-auto mb-12", children: "Our software, hardware, and automation technologies work together as a unified system, delivering unmatched performance and reliability." }),
28321      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mt-16", children: [
28322        /* @__PURE__ */ a("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-8 border border-white/20", children: [
28323          /* @__PURE__ */ e(Ln, { className: "w-12 h-12 text-[#FF9933] mb-4 mx-auto" }),
28324          /* @__PURE__ */ e("h3", { className: "text-xl mb-3", children: "AI-Powered" }),
28325          /* @__PURE__ */ e("p", { className: "text-white/70", children: "Machine learning algorithms continuously improve inspection accuracy" })
28326        ] }),
28327        /* @__PURE__ */ a("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-8 border border-white/20", children: [
28328          /* @__PURE__ */ e(pl, { className: "w-12 h-12 text-[#138808] mb-4 mx-auto" }),
28329          /* @__PURE__ */ e("h3", { className: "text-xl mb-3", children: "Scalable" }),
28330          /* @__PURE__ */ e("p", { className: "text-white/70", children: "Modular design allows easy expansion and customization" })
28331        ] }),
28332        /* @__P
28332URE__ */ a("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-8 border border-white/20", children: [
28333          /* @__PURE__ */ e(de, { className: "w-12 h-12 text-[#FF9933] mb-4 mx-auto" }),
28334          /* @__PURE__ */ e("h3", { className: "text-xl mb-3", children: "Future-Ready" }),
28335          /* @__PURE__ */ e("p", { className: "text-white/70", children: "Industry 4.0 compliant with IoT and cloud connectivity" })
28336        ] })
28337      ] })
28338    ] }) }) }),
28339    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "bg-gradient-to-r from-[#003D7A] to-[#002855] rounded-2xl p-12 text-center text-white", children: [
28340      /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl mb-4", children: "Ready to Experience Our Technology?" }),
28341      /* @__PURE__ */ e("p", { className: "text-xl text-white/80 mb-8 max-w-2xl mx-auto", children: "Contact our team to learn how our advanced technology can transform your manufacturing process." }),
28342      /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
28343        /* @__PURE__ */ a("button", { className: "px-8 py-4 bg-[#FF9933] text-white rounded-lg hover:bg-[#FF9933]/90 transition-colors flex items-center justify-center gap-2", children: [
28344          "Request Demo",
28345          /* @__PURE__ */ e(fe, { className: "w-5 h-5" })
28346        ] }),
28347        /* @__PURE__ */ e("button", { className: "px-8 py-4 bg-white/10 backdrop-blur-sm text-white rounded-lg hover:bg-white/20 transition-colors border border-white/30", children: "Download Brochure" })
28348      ] })
28349    ] }) }) }) })
28350  ] });
28351}
28352const _4 = globalThis.__GLOBALS__.getAssetURL("6d73fb575969bc256396502a488ba92d87852431.png"), W4 = globalThis.__GLOBALS__.getAssetURL("87b1667cdea88abde2944f1284768384366f8191.png"), z4 = globalThis.__GLOBALS__.getAssetURL("95f92cb891db0acca6aceb55524076251ca9f2c0.png"), B4 = globalThis.__GLOBALS__.getAssetURL("73ca8c4a134efcd70fe243c57fe7a234c77070ab.png"), G4 = globalThis.__GLOBALS__.getAssetURL("1efc76d818915a6ae6fb37a311cff85515f556dc.png"), U4 = globalThis.__GLOBALS__.getAssetURL("e3e5bde4ba2f3ea7fa188a73c1e302ab12009f7d.png"), q4 = globalThis.__GLOBALS__.getAssetURL("d7f33ec968404a6e7bba64e8738d9931907fbfe9.png"), Y4 = globalThis.__GLOBALS__.getAssetURL("c82430cef9fe9bdbd97ea55e18fae7c3800ffb7e.png"), X4 = globalThis.__GLOBALS__.getAssetURL("b133b809503190bf72cda549000f297c2445525c.png"), J4 = globalThis.__GLOBALS__.getAssetURL("13ac537e5ead5b08393f63573b5cbe4e6810f72a.png"), Z4 = globalThis.__GLOBALS__.getAssetURL("3f4680db4142125471c39bbd83146853efeed64f.png"), $4 = globalThis.__GLOBALS__.getAssetURL("984571e687249ba2d684df2dd6cce6c035db6705.png"), K4 = globalThis.__GLOBALS__.getAssetURL("39a589b6ba774160fea67c0137fb0a7ac9b6da10.png"), Q4 = globalThis.__GLOBALS__.getAssetURL("f5da550f85186b1b31dbf462f236837479a82ec5.png");
28353function e8() {
28354  const { t } = ne(), [i, n] = C(""), [r, s] = C("latest"), [l, o] = C("ALL"), [d, c] = C(null), [p, h] = C(!1), [x, b] = C("추천순"), [g, w] = C(/* @__PURE__ */ new Set()), u = vp.filter((y) => y.category === "smart-components"), v = ve(() => {
28355    let y = u.filter((I) => i === "" || I.name.toLowerCase().includes(i.toLowerCase()) || I.searchText.toLowerCase().includes(i.toLowerCase()));
28356    return r === "name-asc" ? y.sort((I, D) => I.name.localeCompare(D.name)) : r === "name-desc" && y.sort((I, D) => D.name.localeCompare(I.name)), y;
28357  }, [i, r]), A = ve(() => [
28358    {
28359      id: 1,
28360      title: "Frame Grabber",
28361      category: "AI VISION",
28362      products: v.filter(
28363        (y) => (y.usage.includes("Grabber") || y.usage.includes("Board")) && !["Camera Link", "Gigabit Ethernet"].includes(y.name)
28364      )
28365    },
28366    {
28367      id: 2,
28368      title: "Vision Camera",
28369      category: "AI VISION",
28370      products: v.filter((y) => ["Camera Link", "Gigabit Ethernet"].includes(y.name))
28371    },
28372    {
28373      id: 3,
28374      title: "Hyprobe Pin",
28375      category: "PROCESSING",
28376      products: v.filter((y) => y.usage.includes("Probe"))
28377    },
28378    {
28379      id: 4,
28380      title: "Light Source & Controller",
28381      category: "AI VISION",
28382      products: v.filter((y) => y.usage.includes("Light"))
28383    },
28384    {
28385      id: 5,
28386      title: "Lens",
28387      category: "AI VISION",
28388      products: v.filter((y) => ["Macro Lens", "Telecentric Lens"].includes(y.name))
28389    },
28390    {
28391      id: 6,
28392      title: "Sensor",
28393      category: "PROCESSING",
28394      products: v.filter((y) => y.name === "5Axis Right Angle Sensor" || y.usage === "Sensor")
28395    },
28396    {
28397      id: 7,
28398      title: "High Speed Picker",
28399      category: "MOTION",
28400      products: v.filter((y) => y.name === "High Speed Picker")
28401    },
28402    {
28403      id: 8,
28404      title: "Stage",
28405      category: "MOTION",
28406      products: [
28407        { id: "stage-5axis", name: "5Axis Stage", usage: "Stage", image: "https://cdn.imweb.me/thumbnail/20230428/94f7bf46d7d1e.png", link: "#/product/5axis-stage", category: "smart-components", searchText: "5Axis Stage" },
28408        { id: "stage-linear", name: "Linear Motor", usage: "Stage", image: "https://cdn.imweb.me/thumbnail/20230517/daec458c8bbe0.png", link: "#/product/linear-motor", category: "smart-components", searchText: "Linear Motor" },
28409        { id: "stage-gonio-rguide", name: "Gonio Stage (R-Guide)", usage: "Stage", image: "https://images.unsplash.com/photo-1711183565851-fff965b3e011?auto=format&fit=crop&q=80&w=1080", link: "#/product/gonio-stage", category: "smart-components", searchText: "Gonio Stage" },
28410        { id: "stage-gonio-cam", name: "Gonio Stage (Cam Follower)", usage: "Stage", image: "https://images.unsplash.com/photo-1644562948133-b0beb7206125?auto=format&fit=crop&q=80&w=1080", link: "#/product/gonio-stage-cam", category: "smart-components", searchText: "Gonio Stage" },
28411        { id: "stage-tilt", name: "Tilt Stage", usage: "Stage", image: "https://images.unsplash.com/photo-1726601057260-e8095dad345a?auto=format&fit=crop&q=80&w=1080", link: "#/product/tilt-stage", category: "smart-components", searchText: "Tilt Stage" }
28412      ]
28413    },
28414    {
28415      id: 10,
28416      title: "Actuator",
28417      category: "MOTION",
28418      products: [
28419        { id: "actuator-auto-socket", name: "Auto Socket Actuator", usage: "Actuator", image: "https://images.unsplash.com/photo-1694532529349-1194cb27a302?auto=format&fit=crop&q=80&w=1080", link: "#/product/auto-socket", category: "smart-components", searchText: "Auto Socket Actuator" }
28420      ]
28421    },
28422    {
28423      id: 11,
28424      title: "Ball Spline",
28425      category: "MOTION",
28426      products: [
28427        { id: "ball-spline-nozzle", name: "Ball Spline Nozzle", usage: "Ball Spline", image: "https://images.unsplash.com/photo-1694532529349-1194cb27a302?auto=format&fit=crop&q=80&w=1080", link: "#/product/ball-spline-nozzle", category: "smart-components", searchText: "Ball Spline Nozzle" }
28428      ]
28429    },
28430    {
28431      id: 9,
28432      title: "LTS",
28433      category: "MOTION",
28434      products: [
28435        { id: "lts-1", name: "LTS", usage: "LTS", image: "https://cdn.imweb.me/thumbnail/20230517/daec458c8bbe0.png", link: "#/product/lts", category: "smart-components", searchText: "LTS" }
28436      ]
28437    }
28438  ].filter((y) => y.products.length > 0), [v, i]), N = (l === "ALL" ? A : A.filter((y) => y.category === l)).filter((y) => g.size === 0 || g.has(y.id)), f = ["ALL", "AI VISION", "MOTION", "PROCESSING"];
28439  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
28440    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
28441      m.div,
28442      {
28443        initial: { opacity: 0, y: 30 },
28444        animate: { opacity: 1, y: 0 },
28445        transition: { duration: 0.6 },
28446        className: "flex flex-col gap-8",
28447        children: [
28448          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
28449            /* @__PURE__ */ e("span", { children: "Home" }),
28450            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
28451            /* @__PURE__ */ e("span", { children: "Products" }),
28452            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
28453            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "Smart Components" })
28454          ] }),
28455          /* @__PURE__ */ a("div", { children: [
28456            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "Smart Components" }),
28457            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Advanced Electronic Components for Smart Industry" })
28458          ] }),
28459          /* @__PURE__ */ e(
28460            m.div,
28461            {
28462              initial: { opacity: 0, scale: 0.95 },
28463              animate: { opacity: 1, scale: 1 },
28464              transition: { duration: 0.8, delay: 0.2 },
28465              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
28466              children: /* @__PURE__ */ e(
28467                S,
28468                {
28469                  src: X4,
28470                  alt: "Advanced Smart Components Solution",
28471                  className: "w-full h-full object-cover"
28472                }
28473              )
28474            }
28475          )
28476        ]
28477      }
28478    ) }),
28479    /* @__PURE__ */ a("section", { className: "py-10 px-6 max-w-7xl mx-auto", children: [
28480      /* @__PURE__ */ e(
28481        m.div,
28482        {
28483          initial: { opacity: 0, y: 20 },
28484          whileInView: { opacity: 1, y: 0 },
28485          viewport: { once: !0 },
28486          transition: { duration: 0.6 },
28487          className: "flex flex-col gap-10 mb-16 pb-10",
28488          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
28489            /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }),
28490            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
28491            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
28492              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.map((y) => {
28493                const I = {
28494                  ALL: "All Products",
28495                  "AI VISION": "AI Vision",
28496                  MOTION: "Motion",
28497                  PROCESSING: "Processing"
28498                }, D = A.filter((H) => H.category === y), P = l === y, k = d === y;
28499                return /* @__PURE__ */ a("div", { className: "relative", children: [
28500                  /* @__PURE__ */ a(
28501                    "button",
28502                    {
28503                      onClick: () => {
28504                        o(y), c(y === "ALL" || k ? null : y);
28505                      },
28506                      className: `px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${P ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
28507                      children: [
28508                        I[y] ?? y,
28509                        y !== "ALL" && /* @__PURE__ */ e(
28510                          "svg",
28511                          {
28512                            className: `w-3 h-3 transition-transform duration-200 ${k ? "rotate-180" : ""}`,
28513                            fill: "none",
28514                            stroke: "currentColor",
28515                            viewBox: "0 0 24 24",
28516                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
28517                          }
28518                        )
28519                      ]
28520                    }
28521                  ),
28522                  y !== "ALL" && k && D.length > 0 && /* @__PURE__ */ a(
28523                    m.div,
28524                    {
28525                      initial: { opacity: 0, y: -6, scale: 0.97 },
28526                      animate: { opacity: 1, y: 0, scale: 1 },
28527                      exit: { opacity: 0, y: -6, scale: 0.97 },
28528                      transition: { duration: 0.15, ease: "easeOut" },
28529                      className: "absolute left-0 top-full mt-2 bg-white border border-slate-200 rounded-2xl shadow-xl py-2 z-50 min-w-[180px]",
28530                      children: [
28531                        /* @__PURE__ */ a("label", { className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors", children: [
28532                          /* @__PURE__ */ e(
28533                            "input",
28534                            {
28535                              type: "checkbox",
28536                              checked: g.size === 0,
28537                              onChange: () => w(/* @__PURE__ */ new Set()),
28538                              className: "hidden"
28539                            }
28540                          ),
28541                          /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${g.size === 0 ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: g.size === 0 && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
28542                          /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${g.size === 0 ? "text-slate-950" : "text-gray-500"}`, children: "전체" })
28543                        ] }),
28544                        /* @__PURE__ */ e("div", { className: "border-t border-slate-100 my-1" }),
28545                        D.map((H) => {
28546                          const T = g.has(H.id), M = H.title === "Hyprobe Pin" ? "Pin Block" : H.title;
28547                          return /* @__PURE__ */ a(
28548                            "label",
28549                            {
28550                              className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors",
28551                              children: [
28552                                /* @__PURE__ */ e(
28553                                  "input",
28554                                  {
28555                                    type: "checkbox",
28556                                    checked: T,
28557                                    onChange: () => {
28558                                      w((E) => {
28559                                        const z = new Set(E);
28560                                        return T ? z.delete(H.id) : z.add(H.id), z;
28561                                      });
28562                                    },
28563                                    className: "hidden"
28564                                  }
28565                                ),
28566                                /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${T ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: T && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
28567                                /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${T ? "text-slate-950" : "text-gray-500"}`, children: M })
28568                              ]
28569                            },
28570                            H.id
28571                          );
28572                        })
28573                      ]
28574                    }
28575                  )
28576                ] }, y);
28577              }) }),
28578              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
28579                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: N.reduce((y, I) => y + I.products.length, 0) }),
28580                /* @__PURE__ */ e("span", { children: "개 결과" }),
28581                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
28582                /* @__PURE__ */ a("div", { className: "relative", children: [
28583                  /* @__PURE__ */ a(
28584                    "button",
28585                    {
28586                      onClick: () => h((y) => !y),
28587                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
28588                      children: [
28589                        x,
28590                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${p ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
28591                      ]
28592                    }
28593                  ),
28594                  p && /* @__PURE__ */ e(
28595                    m.div,
28596                    {
28597                      initial: { opacity: 0, y: -6, scale: 0.97 },
28598                      animate: { opacity: 1, y: 0, scale: 1 },
28599                      exit: { opacity: 0, y: -6, scale: 0.97 },
28600                      transition: { duration: 0.15, ease: "easeOut" },
28601                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
28602                      children: ["추천순", "최신순"].map((y) => /* @__PURE__ */ e(
28603                        "button",
28604                        {
28605                          onClick: () => {
28606                            b(y), h(!1);
28607                          },
28608                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${x === y ? "text-slate-950 font-bold" : "text-gray-500"}`,
28609                          children: y
28610                        },
28611                        y
28612                      ))
28613                    }
28614                  )
28615                ] })
28616              ] })
28617            ] })
28618          ] })
28619        }
28620      ),
28621      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(
28622        m.div,
28623        {
28624          initial: { opacity: 0, y: 20 },
28625          animate: { opacity: 1, y: 0 },
28626          transition: { duration: 0.3 },
28627          className: "space-y-24",
28628          children: N.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px]", children: "검색 결과가 없습니다." }) }) : N.map((y) => /* @__PURE__ */ a("div", { className: "scroll-mt-32", children: [
28629            /* @__PURE__ */ e("div", { className: "flex items-end gap-6 mb-10 border-b border-gray-100 pb-6", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-sans", children: y.title === "Hyprobe Pin" ? "Pin Block" : y.title === "LTS" ? "Transport Systems" : y.title }) }),
28630            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: (y.title === "Stage" ? [
28631              { id: "stage-5axis", name: "5Axis Stage", image: "https://cdn.imweb.me/thumbnail/20230428/94f7bf46d7d1e.png", link: "#/product/5axis-stage" },
28632              { id: "stage-linear", name: "Linear Motor", image: "https://cdn.imweb.me/thumbnail/20230517/daec458c8bbe0.png", link: "#/product/linear-motor" },
28633              { id: "stage-gonio-rguide", name: "Gonio Stage (R-Guide)", image: "https://images.unsplash.com/photo-1711183565851-fff965b3e011?auto=format&fit=crop&q=80&w=1080", link: "#/product/gonio-stage" },
28634              { id: "stage-gonio-cam", name: "Gonio Stage (Cam Follower)", image: "https://images.unsplash.com/photo-1644562948133-b0beb7206125?auto=format&fit=crop&q=80&w=1080", link: "#/product/gonio-stage-cam" },
28635              { id: "stage-tilt", name: "Tilt Stage", image: "https://images.unsplash.com/photo-1726601057260-e8095dad345a?auto=format&fit=crop&q=80&w=1080", link: "#/product/tilt-stage" }
28636            ] : y.title === "Actuator" ? [
28637              { id: "actuator-auto-socket", name: "Auto Socket Actuator", image: "https://images.unsplash.com/photo-1694532529349-1194cb27a302?auto=format&fit=crop&q=80&w=1080", link: "#/product/auto-socket" }
28638            ] : y.title === "Ball Spline" ? [
28639              { id: "ball-spline-nozzle", name: "Ball Spline Nozzle", image: "https://images.unsplash.com/photo-1694532529349-1194cb27a302?auto=format&fit=crop&q=80&w=1080", link: "#/product/ball-spline-nozzle" }
28640            ] : (() => {
28641              const I = y.products.filter((H) => H.name !== "HyProbe 100 pin" && H.name !== "HyProbe H Pin" && H.name !== "HyProbe H pin"), D = ["CoaxPress Grabber", "Camera Link Grabber"], P = I.filter((H) => D.includes(H.name)), k = I.filter((H) => !D.includes(H.name));
28642              return [...P, ...k];
28643            })()).map((I) => I.name === "Linear Motor" || I.name === "V6" ? null : /* @__PURE__ */ a(
28644              m.div,
28645              {
28646                initial: { opacity: 0, scale: 0.95 },
28647                whileInView: { opacity: 1, scale: 1 },
28648                viewport: { once: !0 },
28649                transition: { duration: 0.4 },
28650                className: `bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex-col h-full ${I.name === "DCR Board" ? "hidden" : "flex"}`,
28651                onClick: () => window.location.hash = I.link,
28652                children: [
28653                  /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-gray-100 rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
28654                    S,
28655                    {
28656                      src: I.name === "Light Source" ? "https://images.unsplash.com/photo-1729825128035-04759dbc0f68?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwY2FtZXJhJTIwbGVkJTIwbGlnaHR8ZW58MXx8fHwxNzczODIyNTU0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral" : I.name === "Light Source Controller" ? "https://images.unsplash.com/photo-1773410124913-a1a5786ce519?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080" : I.name === "5Axis Stage" ? "https://cdn-optimized.imweb.me/upload/S20230404e5d6a2a2da5cd/2691490d4035d.gif?w=1536&f=gif" : I.name === "CoaxPress Grabber" ? _4 : I.name === "Camera Link Grabber" ? W4 : I.name === "Camera Link" ? z4 : I.name === "Gigabit Ethernet" ? B4 : I.name === "V5 Series" ? G4 : I.name === "V6" ? U4 : I.name === "DCR Board" ? q4 : I.name === "HyProbe 175 Pin" || I.name === "HyProbe 175 pin" ? Y4 : I.name === "5Axis Right Angle Sensor" ? J4 : I.name === "Telecentric Lens" ? Z4 : I.name === "Macro Lens" ? $4 : I.name === "High Speed Picker" ? K4 : I.name === "Gonio Stage (Cam Follower_1/2 Axis)" ? Q4 : I.image,
28657                      alt: I.name,
28658                      className: I.name === "High Speed Picker" || I.name === "HyProbe 175 Pin" || I.name === "HyProbe 175 pin" || I.name === "5Axis Stage" || I.name === "Light Source" || I.name === "Light Source Controller" || I.name.includes("Gonio") || I.name.includes("Tilt") || I.name.includes("Actuator") || I.name.includes("Spline") ? "w-full h-full object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-105" : I.name === "CoaxPress Grabber" ? "w-full h-full object-contain p-4 scale-[0.90]" : I.name === "Camera Link Grabber" ? "w-full h-full object-contain p-4 scale-75" : I.name === "V5 Series" ? "w-full h-full object-contain p-4 scale-95" : I.name === "DCR Board" ? "w-full h-full object-contain p-4 scale-[0.85]" : "w-full h-full object-contain p-4"
28659                    }
28660                  ) }),
28661                  /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
28662                    /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-900 leading-tight mb-4 font-sans mt-2", children: I.name.includes("Gonio Stage") && I.name.includes("Cam Follower") ? /* @__PURE__ */ a(V, { children: [
28663                      "Gonio Stage",
28664                      /* @__PURE__ */ e("span", { className: "block text-[14px] mt-1 font-medium text-slate-500", children: "(Cam Follower_1/2 Axis)" })
28665                    ] }) : I.name === "DCR Board" ? "DCR Board (Option)" : I.name }),
28666                    /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
28667                      "button",
28668                      {
28669                        onClick: (D) => {
28670                          D.stopPropagation(), window.location.hash = I.link;
28671                        },
28672                        className: "px-6 py-2.5 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors shadow-sm",
28673                        children: /* @__PURE__ */ e("span", { className: "text-[13px] font-bold", children: "자세히 보기" })
28674                      }
28675                    ) })
28676                  ] })
28677                ]
28678              },
28679              I.id
28680            )) })
28681          ] }, y.id))
28682        },
28683        l
28684      ) })
28685    ] })
28686  ] });
28687}
28688const t8 = globalThis.__GLOBALS__.getAssetURL("d139c6a38c5daa74a80242a0013f126742a4d8a7.png"), a8 = t8, si = "https://images.unsplash.com/photo-1769148023257-02df7ec903be?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxQQ0IlMjBjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljcyUyMGVuZ2luZWVyaW5nJTIwZGVzaWdufGVufDF8fHx8MTc3MjY5MzkyMXww&ixlib=rb-4.1.0&q=80&w=1080", $s = "https://images.unsplash.com/photo-1719400471588-575b23e27bd7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzb2Z0d2FyZSUyMGNvZGUlMjBwcm9ncmFtbWluZyUyMGRldmVsb3BlciUyMGRhcmslMjBzY3JlZW58ZW58MXx8fHwxNzcyNjkzOTIzfDA&ixlib=rb-4.1.0&q=80&w=1080", Ks = "https://images.unsplash.com/photo-1610878785620-3ab2d3a2ae7b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbWJlZGRlZCUyMHN5c3RlbSUyMGZpcm13YXJlJTIwaGFyZHdhcmUlMjBwcm90b3R5cGUlMjB0ZXN0aW5nfGVufDF8fHx8MTc3MjY5MzkyNnww&ixlib=rb-4.1.0&q=80&w=1080", Qs = "https://images.unsplash.com/photo-1760239037245-a372db8630f3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxBSSUyMG1hY2hpbmUlMjBsZWFybmluZyUyMGFsZ29yaXRobSUyMGRhdGElMjB2aXN1YWxpemF0aW9uJTIwZW5naW5lZXJpbmd8ZW58MXx8fHwxNzcyNjkzOTI4fDA&ixlib=rb-4.1.0&q=80&w=1080", Ap = "https://images.unsplash.com/photo-1717386255773-a456c611dc4e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwYXV0b21hdGlvbiUyMGNvbnRyb2wlMjBzeXN0ZW0lMjBoYXJkd2FyZSUyMGludGVncmF0aW9ufGVufDF8fHx8MTc3MjY5MzkzMHww&ixlib=rb-4.1.0&q=80&w=1080", Ip = "https://images.unsplash.com/photo-1678107520091-c250d5068943?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcHRpY2FsJTIwdmlzaW9uJTIwaW5zcGVjdGlvbiUyMGNhbWVyYSUyMGxlbnMlMjBwcmVjaXNpb24lMjBtZWFzdXJlbWVudHxlbnwxfHx8fDE3NzI2OTM5MzN8MA&ixlib=rb-4.1.0&q=80&w=1080", li = "https://images.unsplash.com/photo-1576141546153-3e04370b5ff7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxyZXNlYXJjaCUyMGRldmVsb3BtZW50JTIwaW5ub3ZhdGlvbiUyMGxhYiUyMGNsZWFuJTIwcm9vbSUyMHNlbWljb25kdWN0b3J8ZW58MXx8fHwxNzcyNjkzOTM2fDA&ixlib=rb-4.1.0&q=80&w=1080", i8 = [
28689  {
28690    title: "Hardware Design",
28691    subtitle: "하드웨어 설계 역량",
28692    desc: "회로 설계(PCB Layout)부터 메카니컬 구조 설계, 센서 통합, 전원 설계까지 전 하드웨어 개발 프로세스를 내재화. 검사 장비 및 자동화 시스템의 핵심 부품을 직접 설계·검증합니다.",
28693    image: si,
28694    tags: ["PCB Design", "Circuit Engineering", "Sensor Integration"]
28695  },
28696  {
28697    title: "Embedded Firmware",
28698    subtitle: "임베디드 펌웨어 개발",
28699    desc: "실시간 제어 시스템을 위한 임베디드 소프트웨어 개발. RTOS 기반 모션 컨트롤러, 통신 프로토콜, 디바이스 드라이버를 자체 팀이 설계·구현합니다.",
28700    image: Ks,
28701    tags: ["RTOS", "Motion Control", "Device Driver"]
28702  },
28703  {
28704    title: "AI Vision Software",
28705    subtitle: "AI 비전 소프트웨어",
28706    desc: "딥러닝 기반 이미지 분석 알고리즘을 내재화하여 제품 불량 감지, 치수 측정, 표면 검사 등을 자동화. 자체 학습 파이프라인으로 신규 제품에도 빠르게 대응.",
28707    image: Qs,
28708    tags: ["Deep Learning", "Image Processing", "Defect Detection"]
28709  },
28710  {
28711    title: "Control System SW",
28712    subtitle: "제어 시스템 소프트웨어",
28713    desc: "장비 전체를 통합 제어하는 MES 연동 소프트웨어 및 HMI 시스템 개발. PLC·로봇·비전 시스템을 하나의 플랫폼에서 관리·모니터링할 수 있는 통합 솔루션 제공.",
28714    image: Ap,
28715    tags: ["MES Integration", "HMI", "PLC Interface"]
28716  },
28717  {
28718    title: "Optical Engineering",
28719    subtitle: "광학 시스템 설계",
28720    desc: "렌즈·조명·센서의 광학 시스템 전체를 자체 설계. 나노미터 수준의 해상도를 요구하는 정밀 검사 장비부터 고속 라인 스캔 시스템까지 직접 개발·최적화합니다.",
28721    image: Ip,
28722    tags: ["Lens Design", "Lighting System", "Line Scan"]
28723  },
28724  {
28725    title: "System Integration",
28726    subtitle: "시스템 통합 역량",
28727    desc: "하드웨어와 소프트웨어의 수직 통합으로 최적의 성능을 실현. 개발·제조·검증·서비스까지 전 과정을 한 팀이 담당하여 납기와 품질을 동시에 보장합니다.",
28728    image: li,
28729    tags: ["Full-stack Integration", "Commissioning", "Lifecycle Support"]
28730  }
28731], Va = [
28732  {
28733    id: 0,
28734    label: "Hardware R&D",
28735    shortDesc: "전자·기구 설계 내재화",
28736    image: si,
28737    detail: "PCB 회로 설계, 메카니컬 구조, 전원 설계를 자체 팀이 수행합니다. 상용 부품 의존도를 최소화하고 핵심 모듈을 직접 개발하여 원가 경쟁력과 품질 통제력을 동시에 확보합니다."
28738  },
28739  {
28740    id: 1,
28741    label: "Software Platform",
28742    shortDesc: "자체 소프트웨어 플랫폼",
28743    image: $s,
28744    detail: "AI 비전 알고리즘, 장비 제어 S/W, MES 연동 미들웨어를 모두 자체 개발합니다. 표준화된 소프트웨어 아키텍처로 신규 제품·공정에 빠르게 적응하고, 현장 요구 사항을 즉각 반영합니다."
28745  },
28746  {
28747    id: 2,
28748    label: "Embedded Systems",
28749    shortDesc: "RTOS 기반 실시간 제어",
28750    image: Ks,
28751    detail: "RTOS 기반 임베디드 펌웨어로 마이크로초 단위 실시간 제어를 구현합니다. 모션 컨트롤러, 센서 인터페이스, 통신 스택을 직접 개발하여 외부 플랫폼 의존 없이 최적 성능을 달성합니다."
28752  },
28753  {
28754    id: 3,
28755    label: "AI & Deep Learning",
28756    shortDesc: "AI 검사 알고리즘 자체 개발",
28757    image: Qs,
28758    detail: "자체 딥러닝 파이프라인을 통해 데이터 수집·라벨링·학습·배포를 내재화합니다. 제품별 최적 모델 설계로 99% 이상의 검사 정확도를 실현하고, 신규 불량 패턴에도 신속히 대응합니다."
28759  }
28760], n8 = [
28761  {
28762    id: 1,
28763    category: "Hardware Development",
28764    title: "자체 비전 컨트롤러 보드 개발",
28765    description: "상용 Frame Grabber를 대체하는 자체 개발 비전 컨트롤러 보드로, 고속 이미지 전송 및 실시간 전처리 기능을 온보드에서 처리하여 시스템 지연을 최소화합니다. 외부 부품 의존도를 낮추고 원가 경쟁력을 확보하면서도 고성능 비전 처리 환경을 구현한 HyVISION의 핵심 하드웨어 개발 성과입니다.",
28766    images: [si, Ks, Ap]
28767  },
28768  {
28769    id: 2,
28770    category: "Software Development",
28771    title: "통합 검사 소프트웨어 플랫폼",
28772    description: "AI 비전·장비 제어·MES 연동을 하나의 플랫폼에서 처리하는 자체 소프트웨어로, 모듈형 아í
28772‚¤í…ì²˜ë¥¼ 채택해 다양한 검사 장비에 빠르게 적용할 수 있습니다. 현장 요구 사항을 즉각 반영할 수 있는 구조로 설계되어 있어 신규 공정 도입 시에도 개발 기간을 대폭 단축합니다.",
28773    images: [$s, Qs, li]
28774  },
28775  {
28776    id: 3,
28777    category: "Optical Engineering",
28778    title: "정밀 광학 검사 모듈 설계",
28779    description: "나노미터 수준의 해상도를 요구하는 정밀 검사에 대응하기 위해 렌즈·조명·센서 시스템을 통합 설계한 자체 광학 검사 모듈입니다. 외부 광학 모듈에 의존하지 않고 HyVISION이 직접 설계·검증함으로써 검사 정밀도와 처리 속도를 동시에 극대화합니다.",
28780    images: [Ip, si, li]
28781  }
28782];
28783function r8() {
28784  const [t, i] = C(0), [n, r] = C(0), [s, l] = C(!1), [o, d] = C(null), [c, p] = C(!1), [h, x] = C(""), [b, g] = C(""), w = j(null);
28785  R(() => {
28786    p(!0);
28787  }, []);
28788  const { scrollYProgress: u } = ut({
28789    target: c ? w : void 0,
28790    offset: ["start start", "end start"]
28791  }), v = we(u, [0, 1], [1, 1.12]), A = we(u, [0, 0.7], [1, 0]);
28792  R(() => {
28793    if (s) return;
28794    const f = setInterval(() => {
28795      r((y) => y === 2 ? 0 : y + 1);
28796    }, 8e3);
28797    return () => clearInterval(f);
28798  }, [s]);
28799  const N = (f) => {
28800    const y = document.getElementById(f);
28801    if (y) {
28802      const D = y.getBoundingClientRect().top + window.pageYOffset - 144;
28803      window.scrollTo({ top: D, behavior: "smooth" });
28804    }
28805  };
28806  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
28807    /* @__PURE__ */ a("section", { ref: w, className: "relative h-screen min-h-[700px] overflow-hidden", children: [
28808      /* @__PURE__ */ a(m.div, { className: "absolute inset-0", style: { scale: v }, children: [
28809        /* @__PURE__ */ e(
28810          S,
28811          {
28812            src: a8,
28813            alt: "Technology R&D",
28814            className: "w-full h-full object-cover"
28815          }
28816        ),
28817        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-black/20" })
28818      ] }),
28819      /* @__PURE__ */ a(
28820        m.div,
28821        {
28822          className: "relative h-full flex flex-col justify-end pb-24 px-6 max-w-[1600px] mx-auto",
28823          style: { opacity: A },
28824          children: [
28825            /* @__PURE__ */ e(
28826              m.div,
28827              {
28828                className: "mb-5",
28829                initial: { opacity: 0, y: 20 },
28830                animate: { opacity: 1, y: 0 },
28831                transition: { duration: 0.8, delay: 0.1 },
28832                children: /* @__PURE__ */ e("span", { className: "inline-block bg-[#003D7A] text-white text-[13px] tracking-wide px-3 py-1.5", style: { fontWeight: 600 }, children: "Hardware & Software Development" })
28833              }
28834            ),
28835            /* @__PURE__ */ e(
28836              m.h1,
28837              {
28838                className: "text-white leading-[1.05] mb-7 max-w-4xl text-[64px]",
28839                style: { fontWeight: 700 },
28840                initial: { opacity: 0, y: 30 },
28841                animate: { opacity: 1, y: 0 },
28842                transition: { duration: 0.9, delay: 0.25 },
28843                children: "All in One In House Technology Solution"
28844              }
28845            ),
28846            /* @__PURE__ */ e(
28847              m.div,
28848              {
28849                className: "mb-10 max-w-xl",
28850                initial: { opacity: 0, y: 30 },
28851                animate: { opacity: 1, y: 0 },
28852                transition: { duration: 0.9, delay: 0.4 },
28853                children: /* @__PURE__ */ a("p", { className: "text-white/80 leading-relaxed text-[15px] md:whitespace-nowrap", children: [
28854                  "HyVision System designs and develops every core technology in-house from precision",
28855                  /* @__PURE__ */ e("br", {}),
28856                  "hardware to AIpowered software delivering integrated solutions without compromise."
28857                ] })
28858              }
28859            ),
28860            /* @__PURE__ */ e(
28861              m.div,
28862              {
28863                className: "flex gap-4 flex-wrap",
28864                initial: { opacity: 0, y: 30 },
28865                animate: { opacity: 1, y: 0 },
28866                transition: { duration: 0.9, delay: 0.55 },
28867                children: /* @__PURE__ */ a(
28868                  "button",
28869                  {
28870                    onClick: () => N("contact-form"),
28871                    className: "bg-[#F5C518] hover:bg-[#e0b400] text-black px-8 py-3.5 text-[15px] transition-all duration-300 flex items-center gap-2",
28872                    style: { fontWeight: 700 },
28873                    children: [
28874                      "Contact Us ",
28875                      /* @__PURE__ */ e(re, { size: 16 })
28876                    ]
28877                  }
28878                )
28879              }
28880            )
28881          ]
28882        }
28883      ),
28884      /* @__PURE__ */ a("div", { className: "absolute bottom-8 right-12 flex items-center gap-2 text-white/40 text-[12px] tracking-widest", children: [
28885        /* @__P
28885URE__ */ e("span", { className: "uppercase", children: "Scroll" }),
28886        /* @__PURE__ */ e("div", { className: "w-8 h-[1px] bg-white/30" })
28887      ] })
28888    ] }),
28889    /* @__PURE__ */ e("section", { id: "overview", className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1400px] mx-auto px-10", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-20 items-center", children: [
28890      /* @__PURE__ */ a("div", { children: [
28891        /* @__PURE__ */ e(
28892          m.p,
28893          {
28894            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-6",
28895            initial: { opacity: 0, y: 20 },
28896            whileInView: { opacity: 1, y: 0 },
28897            viewport: { once: !0 },
28898            transition: { duration: 0.6, delay: 0.1 },
28899            children: "Overview"
28900          }
28901        ),
28902        /* @__PURE__ */ a(
28903          m.h2,
28904          {
28905            className: "text-slate-950 text-[44px] leading-[1.2] mb-8",
28906            style: { fontWeight: 700 },
28907            initial: { opacity: 0, y: 30 },
28908            whileInView: { opacity: 1, y: 0 },
28909            viewport: { once: !0 },
28910            transition: { duration: 0.7, delay: 0.25 },
28911            children: [
28912              "하드웨어부터 소프트웨어까지",
28913              /* @__PURE__ */ e("br", {}),
28914              "핵심 기술을 모두 자체 개발합니다"
28915            ]
28916          }
28917        ),
28918        /* @__PURE__ */ e(
28919          m.p,
28920          {
28921            className: "text-gray-500 text-[18px] leading-[1.9] mb-8",
28922            initial: { opacity: 0, y: 30 },
28923            whileInView: { opacity: 1, y: 0 },
28924            viewport: { once: !0 },
28925            transition: { duration: 0.7, delay: 0.4 },
28926            children: "HyVISION India는 검사 장비의 전자 회로 설계, 임베디드 펌웨어, AI 비전 알고리즘, 통합 제어 소프트웨어까지 핵심 기술을 자체 R&D 역량으로 직접 개발합니다. 외부 기술 의존도를 최소화한 하드웨어·소프트웨어 통합 개발 체계를 통해 더 빠른 개발 속도와 안정적인 시스템 품질을 동시에 구현합니다."
28927          }
28928        ),
28929        /* @__PURE__ */ e(
28930          m.div,
28931          {
28932            className: "space-y-4",
28933            initial: { opacity: 0, y: 30 },
28934            whileInView: { opacity: 1, y: 0 },
28935            viewport: { once: !0 },
28936            transition: { duration: 0.7, delay: 0.55 },
28937            children: [
28938              "PCB 회로 설계부터 메카니컬 구조까지 하드웨어 전 분야 내재화",
28939              "AI 비전 알고리즘 및 제어 소프트웨어 자체 개발",
28940              "RTOS 기반 임베디드 펌웨어 직접 구현",
28941              "하드웨어·소프트웨어 수직 통합으로 최적 성능 실현"
28942            ].map((f, y) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
28943              /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-[#003D7A] flex items-center justify-center mt-0.5 shrink-0", children: /* @__PURE__ */ e(Pt, { size: 11, className: "text-white", strokeWidth: 3 }) }),
28944              /* @__PURE__ */ e("span", { className: "text-gray-700 text-[16px]", children: f })
28945            ] }, y))
28946          }
28947        )
28948      ] }),
28949      /* @__PURE__ */ a(
28950        m.div,
28951        {
28952          className: "relative",
28953          initial: { opacity: 0, x: 40 },
28954          whileInView: { opacity: 1, x: 0 },
28955          viewport: { once: !0 },
28956          transition: { duration: 0.9, delay: 0.2 },
28957          children: [
28958            /* @__PURE__ */ a("div", { className: "relative overflow-hidden h-[600px]", children: [
28959              /* @__PURE__ */ e(
28960                S,
28961                {
28962                  src: li,
28963                  alt: "HyVISION Technology R&D",
28964                  className: "w-full h-full object-cover"
28965                }
28966              ),
28967              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/30 to-transparent" })
28968            ] }),
28969            /* @__PURE__ */ a("div", { className: "absolute -bottom-6 -left-6 bg-white shadow-2xl p-6 w-56", children: [
28970              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[36px] mb-1", style: { fontWeight: 700 }, children: "100%" }),
28971              /* @__PURE__ */ a("div", { className: "text-gray-500 text-[13px] leading-snug", children: [
28972                "자체 개발",
28973                /* @__PURE__ */ e("br", {}),
28974                "하드웨어 & 소프트웨어"
28975              ] })
28976            ] })
28977          ]
28978        }
28979      )
28980    ] }) }) }),
28981    /* @__PURE__ */ e("section", { id: "strengths", className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
28982      /* @__PURE__ */ a("div", { className: "mb-20", children: [
28983        /* @__PURE__ */ e(
28984          m.p,
28985          {
28986            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
28987            initial: { opacity: 0, y: 20 },
28988            whileInView: { opacity: 1, y: 0 },
28989            viewport: { once: !0 },
28990            transition: { duration: 0.6, delay: 0.1 },
28991            children: "Our Strengths"
28992          }
28993        ),
28994        /* @__PURE__ */ e(
28995          m.h2,
28996          {
28997            className: "text-slate-950 text-[44px] leading-tight",
28998            style: { fontWeight: 700 },
28999            initial: { opacity: 0, y: 30 },
29000            whileInView: { opacity: 1, y: 0 },
29001            viewport: { once: !0 },
29002            transition: { duration: 0.7, delay: 0.25 },
29003            children: "HyVISION R&D의 핵심 강점"
29004          }
29005        )
29006      ] }),
29007      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-0", children: [
29008        {
29009          num: "01",
29010          title: "하드웨어 완전 내재화",
29011          desc: "회로 설계, 기구 설계, 센서 통합, 전원 설계까지 하드웨어 전 개발 과정을 자체 팀이 수행. 외부 설계 의존 없이 빠른 개발과 원가 경쟁력을 동시에 달성합니다.",
29012          image: si
29013        },
29014        {
29015          num: "02",
29016          title: "소프트웨어 수직 통합",
29017          desc: "AI 비전 알고리즘, 임베디드 펌웨어, 통합 제어 소프트웨어를 하나의 팀에서 개발·관리. 하드웨어와 소프트웨어의 완벽한 최적화를 통해 최고 성능을 구현합니다.",
29018          image: $s
29019        },
29020        {
29021          num: "03",
29022          title: "빠른 개발·대응 사이클",
29023          desc: "자체 R&D 역량으로 고객 요구 사항을 즉각 반영하고 빠르게 프로토타입을 검증. 아이디어에서 양산까지의 개발 사이클을 획기적으로 단축합니다.",
29024          image: li
29025        }
29026      ].map((f, y) => /* @__PURE__ */ e(
29027        m.div,
29028        {
29029          className: "group relative overflow-hidden",
29030          initial: { opacity: 0, y: 40 },
29031          whileInView: { opacity: 1, y: 0 },
29032          viewport: { once: !0 },
29033          transition: { duration: 0.6, delay: y * 0.15 },
29034          children: /* @__PURE__ */ a("div", { className: "relative h-[420px] overflow-hidden", children: [
29035            /* @__PURE__ */ e(
29036              S,
29037              {
29038                src: f.image,
29039                alt: f.title,
29040                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
29041              }
29042            ),
29043            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-black/10" }),
29044            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-8 flex flex-col justify-end", children: [
29045              /* @__PURE__ */ e("div", { className: "text-white/30 text-[64px] leading-none mb-2", style: { fontWeight: 700 }, children: f.num }),
29046              /* @__PURE__ */ e("h3", { className: "text-white text-[24px] mb-3", style: { fontWeight: 700 }, children: y === 0 ? "핵심 하드웨어 자체 개발" : y === 1 ? "통합 소프트웨어 플랫폼" : y === 2 ? "신속한 개발 및 대응" : f.title }),
29047              /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed", children: f.desc })
29048            ] })
29049          ] })
29050        },
29051        y
29052      )) })
29053    ] }) }),
29054    /* @__PURE__ */ e("section", { id: "capabilities", className: "py-32 bg-[#0f1923]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
29055      /* @__PURE__ */ a("div", { className: "flex items-end justify-between mb-20", children: [
29056        /* @__PURE__ */ a("div", { children: [
29057          /* @__PURE__ */ e(
29058            m.p,
29059            {
29060              className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4",
29061              initial: { opacity: 0, y: 20 },
29062              whileInView: { opacity: 1, y: 0 },
29063              viewport: { once: !0 },
29064              transition: { duration: 0.6, delay: 0.1 },
29065              children: "Capabilities"
29066            }
29067          ),
29068          /* @__PURE__ */ a(
29069            m.h2,
29070            {
29071              className: "text-white text-[44px] leading-tight",
29072              style: { fontWeight: 700 },
29073              initial: { opacity: 0, y: 30 },
29074              whileInView: { opacity: 1, y: 0 },
29075              viewport: { once: !0 },
29076              transition: { duration: 0.7, delay: 0.25 },
29077              children: [
29078                "하드웨어·소프트웨어",
29079                /* @__PURE__ */ e("br", {}),
29080                "전 영역을 스스로 개발합니다"
29081              ]
29082            }
29083          )
29084        ] }),
29085        /* @__PURE__ */ e(
29086          m.p,
29087          {
29088            className: "text-white/40 text-[15px] max-w-xs text-right hidden lg:block",
29089            initial: { opacity: 0 },
29090            whileInView: { opacity: 1 },
29091            viewport: { once: !0 },
29092            transition: { duration: 0.7, delay: 0.4 },
29093            children: "카드를 클릭하면 상세 내용을 확인할 수 있습니다"
29094          }
29095        )
29096      ] }),
29097      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-1", children: i8.map((f, y) => /* @__PURE__ */ a(
29098        m.div,
29099        {
29100          className: "relative overflow-hidden cursor-pointer group",
29101          style: { height: o === y ? 420 : 340 },
29102          initial: { opacity: 0, y: 40 },
29103          whileInView: { opacity: 1, y: 0 },
29104          viewport: { once: !0 },
29105          transition: { duration: 0.6, delay: y * 0.1 },
29106          onClick: () => d(o === y ? null : y),
29107          children: [
29108            /* @__PURE__ */ e(
29109              S,
29110              {
29111                src: f.title === "AI Vision Software" ? "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxBSSUyMG1hY2hpbmUlMjB2aXNpb24lMjBpbmR1c3RyaWFsJTIwaW5zcGVjdGlvbnxlbnwxfHx8fDE3NzM4MTI1NDN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral" : f.image,
29112                alt: f.title,
29113                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
29114              }
29115            ),
29116            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/40 to-black/10 transition-all duration-300" }),
29117            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-7 flex flex-col justify-end", children: [
29118              /* @__PURE__ */ e("div", { className: "text-[#5B9BD5] text-[11px] uppercase tracking-widest mb-2", children: f.subtitle }),
29119              /* @__PURE__ */ e("h3", { className: "text-white text-[22px] mb-3", style: { fontWeight: 700 }, children: f.title }),
29120              /* @__PURE__ */ e(ue, { children: o === y && /* @__PURE__ */ a(
29121                m.div,
29122                {
29123                  initial: { opacity: 0, height: 0 },
29124                  animate: { opacity: 1, height: "auto" },
29125                  exit: { opacity: 0, height: 0 },
29126                  transition: { duration: 0.4 },
29127                  className: "overflow-hidden",
29128                  children: [
29129                    /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed mb-4", children: f.title === "AI Vision Software" ? "딥러닝 기반 이미지 분석 알고리즘을 내재화하여 불량 감지, 치수 측정, 표면 검사 등을 자동화하고, 자체 학습 파이프라인을 통해 신규 제품에도 신속하게 대응하는 지능형 검사 시스템을 구현합니다." : f.desc }),
29130                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.tags.map((I, D) => /* @__PURE__ */ e("span", { className: "bg-white/15 border border-white/20 text-white/80 text-[11px] px-3 py-1", children: I }, D)) })
29131                  ]
29132                }
29133              ) }),
29134              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-3", children: [
29135                /* @__PURE__ */ e("div", { className: `w-6 h-6 rounded-full flex items-center justify-center border border-white/40 transition-all duration-300 ${o === y ? "bg-[#003D7A] border-[#003D7A]" : "bg-transparent"}`, children: o === y ? /* @__PURE__ */ e(Lt, { size: 12, className: "text-white" }) : /* @__PURE__ */ e(Re, { size: 12, className: "text-white" }) }),
29136                /* @__PURE__ */ e("span", { className: "text-white/50 text-[12px]", children: o === y ? "닫기" : "자세히 보기" })
29137              ] })
29138            ] })
29139          ]
29140        },
29141        y
29142      )) })
29143    ] }) }),
29144    /* @__PURE__ */ e("section", { id: "technology", className: "py-32 bg-white", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
29145      /* @__PURE__ */ a("div", { className: "mb-20", children: [
29146        /* @__PURE__ */ e(
29147          m.p,
29148          {
29149            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
29150            initial: { opacity: 0, y: 20 },
29151            whileInView: { opacity: 1, y: 0 },
29152            viewport: { once: !0 },
29153            transition: { duration: 0.6, delay: 0.1 },
29154            children: "Core Technology"
29155          }
29156        ),
29157        /* @__PURE__ */ e(
29158          m.h2,
29159          {
29160            className: "text-slate-950 text-[44px] leading-tight",
29161            style: { fontWeight: 700 },
29162            initial: { opacity: 0, y: 30 },
29163            whileInView: { opacity: 1, y: 0 },
29164            viewport: { once: !0 },
29165            transition: { duration: 0.7, delay: 0.25 },
29166            children: "핵심 기술 영역"
29167          }
29168        )
29169      ] }),
29170      /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-[300px_1fr] gap-0 border border-slate-100", children: [
29171        /* @__PURE__ */ e("div", { className: "border-r border-slate-100", children: Va.map((f, y) => /* @__PURE__ */ a(
29172          "button",
29173          {
29174            onClick: () => i(y),
29175            className: `w-full text-left px-8 py-7 border-b border-slate-100 last:border-b-0 transition-all duration-300 ${t === y ? "bg-[#003D7A]" : "bg-white hover:bg-slate-50"}`,
29176            children: [
29177              /* @__PURE__ */ e("div", { className: `text-[11px] uppercase tracking-widest mb-1 ${t === y ? "text-white/60" : "text-[#003D7A]"}`, children: `0${y + 1}` }),
29178              /* @__PURE__ */ e("div", { className: `text-[16px] mb-1 ${t === y ? "text-white" : "text-slate-900"}`, style: { fontWeight: 700 }, children: f.label }),
29179              /* @__PURE__ */ e("div", { className: `text-[13px] ${t === y ? "text-white/70" : "text-gray-500"}`, children: f.shortDesc })
29180            ]
29181          },
29182          f.id
29183        )) }),
29184        /* @__PURE__ */ e(ue, { mode: "wait", children: /* @__PURE__ */ a(
29185          m.div,
29186          {
29187            className: "relative overflow-hidden",
29188            style: { minHeight: 480 },
29189            initial: { opacity: 0 },
29190            animate: { opacity: 1 },
29191            exit: { opacity: 0 },
29192            transition: { duration: 0.4 },
29193            children: [
29194              /* @__PURE__ */ e(
29195                S,
29196                {
29197                  src: Va[t].image,
29198                  alt: Va[t].label,
29199                  className: "w-full h-full object-cover absolute inset-0"
29200                }
29201              ),
29202              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent" }),
29203              /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-12", children: [
29204                /* @__PURE__ */ e("h3", { className: "text-white text-[32px] mb-4", style: { fontWeight: 700 }, children: Va[t].label }),
29205                /* @__PURE__ */ e("p", { className: "text-white/75 text-[16px] leading-relaxed max-w-2xl", children: Va[t].detail })
29206              ] })
29207            ]
29208          },
29209          t
29210        ) })
29211      ] })
29212    ] }) }),
29213    /* @__PURE__ */ e("section", { id: "projects", className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
29214      /* @__PURE__ */ a("div", { className: "mb-20", children: [
29215        /* @__PURE__ */ e(
29216          m.p,
29217          {
29218            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
29219            initial: { opacity: 0, y: 20 },
29220            whileInView: { opacity: 1, y: 0 },
29221            viewport: { once: !0 },
29222            transition: { duration: 0.6, delay: 0.1 },
29223            children: "R&D Projects"
29224          }
29225        ),
29226        /* @__PURE__ */ e(
29227          m.h2,
29228          {
29229            className: "text-slate-950 text-[44px] leading-tight",
29230            style: { fontWeight: 700 },
29231            initial: { opacity: 0, y: 30 },
29232            whileInView: { opacity: 1, y: 0 },
29233            viewport: { once: !0 },
29234            transition: { duration: 0.7, delay: 0.25 },
29235            children: "주요 자체 개발 프로젝트"
29236          }
29237        )
29238      ] }),
29239      n8.map((f, y) => {
29240        const D = {
29241          1: ["Vision Controller", "High-speed Imaging", "Real-time Processing"],
29242          2: ["Vision Platform", "AI Inspection", "2D / 3D Inspection"],
29243          3: ["Precision Optics", "Lens Engineering", "Nano-resolution"]
29244        }[f.id] ?? [];
29245        return /* @__PURE__ */ a(
29246          m.div,
29247          {
29248            className: `flex flex-col lg:flex-row gap-0 mb-1 ${y % 2 === 1 ? "lg:flex-row-reverse" : ""}`,
29249            initial: { opacity: 0, y: 40 },
29250            whileInView: { opacity: 1, y: 0 },
29251            viewport: { once: !0 },
29252            transition: { duration: 0.7, delay: 0.1 },
29253            children: [
29254              /* @__PURE__ */ a(
29255                "div",
29256                {
29257                  className: "relative lg:w-[55%] overflow-hidden cursor-pointer",
29258                  style: { height: 420 },
29259                  onMouseEnter: () => l(!0),
29260                  onMouseLeave: () => l(!1),
29261                  children: [
29262                    /* @__PURE__ */ e(ue, { mode: "wait", children: /* @__PURE__ */ e(
29263                      m.div,
29264                      {
29265                        className: "absolute inset-0",
29266                        initial: { opacity: 0 },
29267                        animate: { opacity: 1 },
29268                        exit: { opacity: 0 },
29269                        transition: { duration: 0.7 },
29270                        children: /* @__PURE__ */ e(
29271                          S,
29272                          {
29273                            src: f.images[n % f.images.length],
29274                            alt: f.title,
29275                            className: "w-full h-full object-cover"
29276                          }
29277                        )
29278                      },
29279                      n
29280                    ) }),
29281                    /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-0 right-0 flex justify-center gap-2", children: f.images.map((P, k) => /* @__PURE__ */ e(
29282                      "button",
29283                      {
29284                        onClick: () => r(k),
29285                        className: `w-2 h-2 rounded-full transition-all ${n % f.images.length === k ? "bg-white w-6" : "bg-white/40"}`
29286                      },
29287                      k
29288                    )) })
29289                  ]
29290                }
29291              ),
29292              /* @__PURE__ */ a("div", { className: "lg:w-[45%] bg-white flex flex-col justify-center px-14 py-14", children: [
29293                /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[12px] uppercase tracking-widest mb-4", children: f.category }),
29294                /* @__PURE__ */ e("h3", { className: "text-slate-900 text-[28px] leading-tight mb-6", style: { fontWeight: 700 }, children: f.id === 2 ? "2D·3D 통합 검사 소프트웨어 플랫폼" : f.title }),
29295                /* @__P
29295URE__ */ e("p", { className: "leading-relaxed mb-5 text-[15px] text-[#99a1af]", children: f.description }),
29296                /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 mb-8", children: D.map((P) => /* @__PURE__ */ a("span", { className: "text-gray-400 mt-3 text-[12px]", style: { fontWeight: 600 }, children: [
29297                  "#",
29298                  P
29299                ] }, P)) })
29300              ] })
29301            ]
29302          },
29303          f.id
29304        );
29305      })
29306    ] }) }),
29307    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-[#0f1923] text-white py-28 px-6", children: /* @__PURE__ */ a("div", { className: "max-w-[900px] mx-auto", children: [
29308      /* @__PURE__ */ a(
29309        m.div,
29310        {
29311          className: "mb-16",
29312          initial: { opacity: 0, y: 30 },
29313          whileInView: { opacity: 1, y: 0 },
29314          viewport: { once: !0 },
29315          transition: { duration: 0.7 },
29316          children: [
29317            /* @__PURE__ */ e("p", { className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4", children: "Contact Us" }),
29318            /* @__PURE__ */ e("h2", { className: "text-white text-[44px] leading-tight mb-4", style: { fontWeight: 700 }, children: "기술 문의" }),
29319            /* @__PURE__ */ e("p", { className: "text-white/50 text-[17px]", children: "하드웨어·소프트웨어 개발 협력 및 기술 도입에 대해 문의해 주세요" })
29320          ]
29321        }
29322      ),
29323      /* @__PURE__ */ a(
29324        m.form,
29325        {
29326          className: "space-y-6",
29327          initial: { opacity: 0, y: 40 },
29328          whileInView: { opacity: 1, y: 0 },
29329          viewport: { once: !0 },
29330          transition: { duration: 0.7, delay: 0.2 },
29331          children: [
29332            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
29333              /* @__PURE__ */ a("div", { children: [
29334                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
29335                  "Name ",
29336                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
29337                ] }),
29338                /* @__PURE__ */ e("input", { type: "text", placeholder: "Your Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
29339              ] }),
29340              /* @__PURE__ */ a("div", { children: [
29341                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
29342                  "Company ",
29343                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
29344                ] }),
29345                /* @__PURE__ */ e("input", { type: "text", placeholder: "Company Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
29346              ] })
29347            ] }),
29348            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
29349              /* @__PURE__ */ a("div", { children: [
29350                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
29351                  "Email ",
29352                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
29353                ] }),
29354                /* @__PURE__ */ e("input", { type: "email", placeholder: "[email protected]", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
29355              ] }),
29356              /* @__PURE__ */ a("div", { children: [
29357                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
29358                  "Phone ",
29359                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
29360                ] }),
29361                /* @__PURE__ */ e("input", { type: "tel", placeholder: "+91 XXX XXX XXXX", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
29362              ] })
29363            ] }),
29364            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
29365              /* @__PURE__ */ a("div", { children: [
29366                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
29367                  "Inquiry Area ",
29368                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
29369                ] }),
29370                /* @__PURE__ */ a(
29371                  "select",
29372                  {
29373                    value: h,
29374                    onChange: (f) => x(f.target.value),
29375                    className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors appearance-none cursor-pointer",
29376                    required: !0,
29377                    children: [
29378                      /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-[#0f1923]", children: "Select Area" }),
29379                      /* @__PURE__ */ e("option", { value: "hw", className: "bg-[#0f1923]", children: "Hardware Design" }),
29380                      /* @__PURE__ */ e("option", { value: "sw", className: "bg-[#0f1923]", children: "Software Development" }),
29381                      /* @__PURE__ */ e("option", { value: "ai", className: "bg-[#0f1923]", children: "AI Vision System" }),
29382                      /* @__PURE__ */ e("option", { value: "embedded", className: "bg-[#0f1923]", children: "Embedded Firmware" }),
29383                      /* @__PURE__ */ e("option", { value: "optical", className: "bg-[#0f1923]", children: "Optical Engineering" }),
29384                      /* @__PURE__ */ e("option", { value: "integration", className: "bg-[#0f1923]", children: "System Integration" }),
29385                      /* @__PURE__ */ e("option", { value: "others", className: "bg-[#0f1923]", children: "Others" })
29386                    ]
29387                  }
29388                ),
29389                h === "others" && /* @__PURE__ */ e(
29390                  m.div,
29391                  {
29392                    initial: { opacity: 0, height: 0 },
29393                    animate: { opacity: 1, height: "auto" },
29394                    className: "mt-4",
29395                    children: /* @__PURE__ */ e(
29396                      "input",
29397                      {
29398                        type: "text",
29399                        value: b,
29400                        onChange: (f) => g(f.target.value),
29401                        className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors",
29402                        placeholder: "Please specify",
29403                        required: !0
29404                      }
29405                    )
29406                  }
29407                )
29408              ] }),
29409              /* @__PURE__ */ a("div", { children: [
29410                /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Attachment (Optional)" }),
29411                /* @__PURE__ */ a("div", { className: "relative h-14 bg-white/5 border border-white/10 flex items-center px-5 overflow-hidden", children: [
29412                  /* @__PURE__ */ e("input", { type: "file", className: "absolute inset-0 opacity-0 cursor-pointer z-10" }),
29413                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-white/30", children: [
29414                    /* @__PURE__ */ e(Re, { size: 16 }),
29415                    /* @__PURE__ */ e("span", { className: "text-[14px]", children: "Upload Company Profile or RFP" })
29416                  ] })
29417                ] })
29418              ] })
29419            ] }),
29420            /* @__PURE__ */ a("div", { children: [
29421              /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Message" }),
29422              /* @__PURE__ */ e(
29423                "textarea",
29424                {
29425                  rows: 5,
29426                  placeholder: "개발 요구사항이나 기술 협력 내용을 자유롭게 작성해 주세요...",
29427                  className: "w-full p-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors resize-none"
29428                }
29429              )
29430            ] }),
29431            /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ e(
29432              "button",
29433              {
29434                type: "submit",
29435                className: "w-full h-14 bg-[#003D7A] hover:bg-[#002a54] text-white text-[15px] transition-all duration-300 flex items-center justify-center gap-2",
29436                style: { fontWeight: 700 },
29437                children: "Submit"
29438              }
29439            ) })
29440          ]
29441        }
29442      )
29443    ] }) })
29444  ] });
29445}
29446function s8({ item: t }) {
29447  const [i, n] = C(0), [r, s] = C(!1);
29448  R(() => {
29449    if (r) return;
29450    const p = setInterval(() => {
29451      n((h) => (h + 1) % 3);
29452    }, 8e3);
29453    return () => clearInterval(p);
29454  }, [r]);
29455  const l = (p) => t.id === 2 && [
29456    "https://cdn.imweb.me/thumbnail/20250217/1bbfed85841bc.jpg",
29457    "https://cdn.imweb.me/thumbnail/20250217/fb40734a7db98.jpg",
29458    "https://cdn.imweb.me/thumbnail/20250217/438c142d1c436.jpg"
29459  ][p] || t.images[p], o = (p) => {
29460    p.stopPropagation(), n((h) => (h + 1) % 3);
29461  }, d = (p) => {
29462    p.stopPropagation(), n((h) => h === 0 ? 2 : h - 1);
29463  }, c = () => t.id === 1 ? "1ml·3ml·5ml 시린지를 8000BPH 중속으로 정밀 검사하며, 네스팅·디네스팅 자동화와 AI 딥러닝 및 Rule 기반 알고리즘, 내부·외부 이물 분리 검출 특허 기술을 적용해 정밀도와 신뢰성을 극대화합니다. USFDA 21 CFR Part 11을 준수하며 사용자 친화적 HMI와 빠른 컨버전을 지원하는 검사 솔루션입니다." : t.id === 3 ? "1ml·3ml·5ml 시린지를 3,000BPH 저속으로 정밀 검사하며, 디네스팅 자동화와 AI 딥러닝 및 Rule 기반 알고리즘, 내부·외부 이물 분리 검출 특허 기술을 적용해 높은 검사 정확도와 신뢰성을 확보하고, 공정 및 라인 구성에 따라 Bulk 또는 In-line 양품 배출 방식을 선택할 수 있는 정밀 검사 솔루션입니다." : t.description;
29464  return /* @__PURE__ */ a(
29465    "div",
29466    {
29467      className: "bg-white overflow-hidden group cursor-pointer border border-gray-100 rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 flex flex-col h-full",
29468      onMouseEnter: () => s(!0),
29469      onMouseLeave: () => s(!1),
29470      children: [
29471        /* @__PURE__ */ a("div", { className: "relative overflow-hidden h-[300px] bg-slate-50", children: [
29472          /* @__PURE__ */ e(ue, { mode: "wait", children: /* @__PURE__ */ e(
29473            m.div,
29474            {
29475              initial: { opacity: 0 },
29476              animate: { opacity: 1 },
29477              exit: { opacity: 0 },
29478              transition: { duration: 1.2, ease: "easeInOut" },
29479              className: "absolute inset-0 w-full h-full",
29480              children: /* @__PURE__ */ e(
29481                S,
29482                {
29483                  src: l(i),
29484                  alt: t.title,
29485                  className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"
29486                }
29487              )
29488            },
29489            `${t.id}-${i}`
29490          ) }),
29491          /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-black/40 to-transparent" }),
29492          /* @__PURE__ */ e(
29493            "button",
29494            {
29495              onClick: d,
29496              className: "absolute left-4 top-1/2 -translate-y-1/2 bg-black/20 hover:bg-black/40 text-white rounded-full p-2 backdrop-blur-sm transition-all opacity-0 group-hover:opacity-100 duration-300 z-20 cursor-pointer",
29497              children: /* @__PURE__ */ e(Xr, { size: 20 })
29498            }
29499          ),
29500          /* @__PURE__ */ e(
29501            "button",
29502            {
29503              onClick: o,
29504              className: "absolute right-4 top-1/2 -translate-y-1/2 bg-black/20 hover:bg-black/40 text-white rounded-full p-2 backdrop-blur-sm transition-all opacity-0 group-hover:opacity-100 duration-300 z-20 cursor-pointer",
29505              children: /* @__PURE__ */ e(fe, { size: 20 })
29506            }
29507          ),
29508          /* @__PURE__ */ e("div", { className: "absolute bottom-6 left-0 right-0 flex justify-center gap-2 z-10", children: [0, 1, 2].map((p) => /* @__PURE__ */ e(
29509            "div",
29510            {
29511              className: `w-1.5 h-1.5 rounded-full transition-all duration-500 ${i === p ? "bg-white w-5" : "bg-white/40"}`
29512            },
29513            p
29514          )) })
29515        ] }),
29516        /* @__PURE__ */ a("div", { className: "p-6 pb-8", children: [
29517          /* @__PURE__ */ e("h4", { className: "text-slate-950 text-[22px] font-bold mb-6 font-sans", children: t.title }),
29518          /* @__PURE__ */ e("p", { className: "text-gray-600 leading-[1.6] font-sans text-[15px]", children: c() })
29519        ] })
29520      ]
29521    }
29522  );
29523}
29524const l8 = globalThis.__GLOBALS__.getAssetURL("57caff3046ef07643dfc5ecdf9cbc58a9aecf149.png");
29525function o8() {
29526  const { t } = ne(), [i, n] = C(-1), [r, s] = C(""), [l, o] = C(""), [d, c] = C(!1), p = j(null);
29527  R(() => {
29528    c(!0);
29529  }, []);
29530  const { scrollYProgress: h } = ut({
29531    target: d ? p : void 0,
29532    offset: ["start end", "center center"]
29533  }), x = we(h, [0, 1], [0.8, 1]), b = we(h, [0, 1], ["65%", "100%"]), g = [
29534    {
29535      id: 1,
29536      title: "HBSI-130",
29537      description: "1ml, 3ml, 5ml 시린지를 중속(8000BPH)으로 검사할 수 있으며, 네스팅 및 디네스팅 자동화, AI 딥러닝 및 Rule-based 알고리즘 적용, 내부·외부 이물 분리 검출 특허 기술을 통해 정밀도와 신뢰성을 극대화한 최첨단 솔루션으로, USFDA 21 CFR Part 11을 준수하며 사용자 친화적인 HMI 및 빠른 컨버젼을 지원합니다.",
29538      images: [
29539        "https://cdn.imweb.me/thumbnail/20250923/f150b0e43ebe7.jpg",
29540        "https://cdn.imweb.me/thumbnail/20250923/9899c8f4942f0.jpg",
29541        "https://cdn.imweb.me/thumbnail/20250923/02e582ef60176.jpg"
29542      ]
29543    },
29544    {
29545      id: 3,
29546      title: "HBSI-50",
29547      description: "HBSI-50은 1ml, 3ml, 5ml 시린지를 저속(3,000BPH)으로 정밀 검사하며, 디네스팅 자동화와 AI 딥러닝 기술을 적용했습니다. 내외부 이물 분리 검출 특허 기술과 유연한 배출 방식(Bulk/In-line)을 지원하며 USFDA 규정을 준수하는 최첨단 시린지 검사 솔루션입니다.",
29548      images: [
29549        "https://cdn.imweb.me/thumbnail/20260128/d4ceb245d033d.jpg",
29550        "https://cdn.imweb.me/thumbnail/20260129/fd455639612b6.jpg",
29551        "https://cdn.imweb.me/thumbnail/20260128/481d8f4865570.jpg"
29552      ]
29553    },
29554    {
29555      id: 2,
29556      title: "FrCS500",
29557      description: "FrCS500은 1ml 및 3ml 시린지를 중속(6000BPH)으로 검사하며, 네스팅 및 디네스팅 자동화, AI 딥러닝 기술, 내외부 이물 분리 검출 특허를 통해 정밀도를 극대화했습니다. USFDA 21 CFR Part 11 준수 및 사용자 친화적 HMI를 지원하는 최첨단 솔루션입니다.",
29558      images: [
29559        "https://images.unsplash.com/photo-1698506455775-42635fdd16a2?auto=format&fit=crop&q=80&w=1080",
29560        "https://images.unsplash.com/photo-1623834124494-3359c2ac348f?auto=format&fit=crop&q=80&w=1080",
29561        "https://images.unsplash.com/photo-1733119883210-04f09d5f86df?auto=format&fit=crop&q=80&w=1080"
29562      ]
29563    }
29564  ], w = [
29565    {
29566      id: 0,
29567      label: "고해상도 이미지 처리 기술",
29568      image: "https://images.unsplash.com/photo-1744580011914-3cebca3fd2f9?auto=format&fit=crop&q=80&w=1080",
29569      description: "하이비전은 글로벌 스마트폰 제조사에 카메라모듈 검사 조립 장비를 공급하며, 업계 최고의 이미지 처리 기술력을 갖추고 있습니다.",
29570      features: "다양한 해상도의 센서와 초고속 영상 전송 인터페이스를 결합하여 대용량 데이터를 지연 없이 처리합니다. 하이비전의 독자적인 이미지 튜닝 알고리즘은 극소형 결함도 놓치지 않는 고해상도 영상을 보장합니다."
29571    },
29572    {
29573      id: 1,
29574      label: "AI Deep Learning 적용",
29575      image: "https://images.unsplash.com/photo-1709651669999-57741c9bf085?auto=format&fit=crop&q=80&w=1080",
29576      description: "룰베이스로 정확도가 떨어지는 기포, 미세입자, 스토퍼 패턴 상단의 이물과 같은 복잡한 결함을 학습하고 정확히 검출합니다.",
29577      features: "수만 장의 결함 데이터를 기반으로 훈련된 신경망 모델이 비정형 불량을 정밀 판독합니다. 공정 변화에 유연하게 대응하며 실시간 자가 학습을 통해 검출 감도를 지속적으로 고도화합니다."
29578    },
29579    {
29580      id: 2,
29581      label: "Rule-Based Algorithm",
29582      image: "https://images.unsplash.com/photo-1605106702734-205df224ecce?auto=format&fit=crop&q=80&w=1080",
29583      description: "명확한 규칙을 기반으로 외관 결함이나 단순 패턴의 결함을 빠르게 검출하여 검사 속도와 정확도를 향상시킵니다.",
29584      features: "기하학적 형상 분석과 에지 검출 알고리즘을 통해 정형화된 결함을 초고속으로 판단합니다. AI 분석과 병행하여 상호 보완적인 검사 체계를 구축함으로써 검출 신뢰성을 극대화합니다."
29585    },
29586    {
29587      id: 3,
29588      label: "내‧외부 이물 분리 검출 기술",
29589      image: "https://images.unsplash.com/photo-1764712749001-3a5694e6db40?auto=format&fit=crop&q=80&w=1080",
29590      description: "특허 기술로 시린지 배럴, 숄더, 스토퍼 top/side의 내ㆍ외부 이물을 구분하여 검사 신뢰성을 높이고",
29591      features: "불필요한 ‘Fail’판정을 줄여 수율을 개선합니다."
29592    },
29593    {
29594      id: 4,
29595      label: "영역별 밝기 기반 이물 검출",
29596      image: "https://images.unsplash.com/photo-1763736808913-659f54f0b2e1?auto=format&fit=crop&q=80&w=1080",
29597      description: "스토퍼 패턴을 기준으로 영역을 나누고 밝기 기반 다중 파라미터를 적용해 흑·백색 이물을 독립 검출합니다.",
29598      features: "민감도 조정으로 검사 정밀도와 수율을 높입니다."
29599    },
29600    {
29601      id: 5,
29602      label: "밝기 패턴 수치화",
29603      image: "https://images.unsplash.com/photo-1764258057610-be7ca21a0978?auto=format&fit=crop&q=80&w=1080",
29604      description: "정확한 임계값 설정을 통해 정상 제품과 결함 제품을 명확히 구별하며,",
29605      features: "검사 일관성을 높이고 불량률을 감소시킵니다."
29606    }
29607  ];
29608  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
29609    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8 bio-equipment-section", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
29610      /* @__PURE__ */ e(
29611        m.div,
29612        {
29613          initial: { opacity: 0, x: -60 },
29614          animate: { opacity: 1, x: 0 },
29615          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
29616          className: "pt-[11px]",
29617          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "바이오 검사" })
29618        }
29619      ),
29620      /* @__PURE__ */ a(
29621        m.div,
29622        {
29623          initial: { opacity: 0, x: 60 },
29624          animate: { opacity: 1, x: 0 },
29625          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
29626          children: [
29627            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
29628              "생명의 가치를 더하는",
29629              /* @__PURE__ */ e("br", {}),
29630              "초정밀 바이오 검사 자동화 솔루션"
29631            ] }),
29632            /* @__PURE__ */ a("p", { className: "text-gray-600 leading-relaxed text-[16px]", children: [
29633              "HyVISION은 세계 최고 수준의 머신 비전과 AI 분석 기술을 바이오 공정에 이식하여",
29634              /* @__PURE__ */ e("br", {}),
29635              "인도 벵갈루루 법인을 거점으로 글로벌 제약사의 품질 표준을 혁신하고 있습니다."
29636            ] }),
29637            /* @__PURE__ */ e(
29638              "button",
29639              {
29640                onClick: () => document.getElementById("contact-form")?.scrollIntoView({ behavior: "smooth" }),
29641                className: "bg-black text-white px-7 py-2.5 rounded-full font-bold text-[15px] mt-7 hover:bg-zinc-900 transition-all shadow-md cursor-pointer font-sans",
29642                children: "비즈니스 제안 문의"
29643              }
29644            )
29645          ]
29646        }
29647      )
29648    ] }) }) }),
29649    /* @__PURE__ */ a("section", { className: "relative pb-0 pt-0 overflow-hidden bio-equipment-section", ref: p, children: [
29650      /* @__PURE__ */ e(
29651        m.div,
29652        {
29653          className: "mx-auto overflow-hidden",
29654          style: {
29655            width: b,
29656            scale: x
29657          },
29658          children: /* @__PURE__ */ a("div", { className: "relative h-full", children: [
29659            /* @__PURE__ */ e(
29660              S,
29661              {
29662                src: l8,
29663                alt: "Bio Laboratory",
29664                className: "w-full h-[800px] object-cover"
29665              }
29666            ),
29667            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/50" })
29668          ] })
29669        }
29670      ),
29671      /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "relative max-w-7xl mx-auto px-6 w-full", children: /* @__PURE__ */ e("div", { className: "text-center", children: /* @__PURE__ */ a("h2", { className: "text-white text-[43px] font-bold leading-[1.4] max-w-5xl mx-auto font-sans", children: [
29672        "Precision Beyond Perception",
29673        /* @__P
29673URE__ */ e("br", {}),
29674        /* @__PURE__ */ e("span", { className: "text-[22px] block mt-4 font-normal font-sans", children: "인간의 시력을 뛰어넘는 광학 측정 기술로 바이오 산업의 무결점 생산을 리드합니다." })
29675      ] }) }) }) })
29676    ] }),
29677    /* @__PURE__ */ e("div", { className: "sticky top-[80px] z-40 w-full border-b border-gray-800 hidden md:block bg-[#2a2a2a]", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-6 h-16 flex items-center justify-center relative", children: /* @__PURE__ */ e("div", { className: "absolute left-1/2 -translate-x-1/2 flex gap-12 items-center h-full", children: [
29678      { label: "개요", id: "overview" },
29679      { label: "핵심 강점", id: "strengths" },
29680      { label: "핵심 기술", id: "technology" },
29681      { label: "주요 장비", id: "equipment" },
29682      { label: "적용 분야", id: "applications" }
29683    ].map((u) => /* @__PURE__ */ a(
29684      "button",
29685      {
29686        onClick: () => {
29687          const v = document.getElementById(u.id);
29688          if (v) {
29689            const f = v.getBoundingClientRect().top + window.pageYOffset - 144;
29690            window.scrollTo({
29691              top: f,
29692              behavior: "smooth"
29693            });
29694          }
29695        },
29696        className: "text-white font-bold transition-colors cursor-pointer relative group h-full flex items-center text-[14px]",
29697        children: [
29698          u.label,
29699          /* @__PURE__ */ e("span", { className: "absolute bottom-0 left-0 w-0 h-[3px] bg-white transition-all duration-300 group-hover:w-full" })
29700        ]
29701      },
29702      u.id
29703    )) }) }) }),
29704    /* @__PURE__ */ e("section", { className: "bg-white pt-4 pb-0", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
29705      /* @__PURE__ */ e("div", { id: "overview", className: "mb-20", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-6xl mb-[140px] mt-[140px]", children: [
29706        /* @__PURE__ */ e(
29707          m.div,
29708          {
29709            initial: { opacity: 0, x: -30 },
29710            whileInView: { opacity: 1, x: 0 },
29711            viewport: { once: !0 },
29712            transition: { duration: 0.6 },
29713            className: "pt-[11px]",
29714            children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "개요" })
29715          }
29716        ),
29717        /* @__PURE__ */ a("div", { children: [
29718          /* @__P
29718URE__ */ a(
29719            m.h2,
29720            {
29721              className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5]",
29722              initial: { opacity: 0, y: 30 },
29723              whileInView: { opacity: 1, y: 0 },
29724              viewport: { once: !0 },
29725              children: [
29726                "검사의 정밀함이",
29727                /* @__PURE__ */ e("br", {}),
29728                "환자의 안전을 결정합니다"
29729              ]
29730            }
29731          ),
29732          /* @__PURE__ */ a(
29733            m.p,
29734            {
29735              className: "text-gray-600 text-[21px] leading-relaxed mb-8 font-semibold",
29736              initial: { opacity: 0, y: 30 },
29737              whileInView: { opacity: 1, y: 0 },
29738              viewport: { once: !0 },
29739              children: [
29740                "고속 비전 알고리즘과 딥러닝 분석으로",
29741                /* @__PURE__ */ e("br", {}),
29742                "육안 검사의 한계를 넘어선 0% 불량률에 도전합니다."
29743              ]
29744            }
29745          ),
29746          /* @__PURE__ */ e(
29747            m.p,
29748            {
29749              className: "text-gray-600 text-[19px] leading-[1.8] mt-20",
29750              initial: { opacity: 0, y: 30 },
29751              whileInView: { opacity: 1, y: 0 },
29752              viewport: { once: !0 },
29753              children: "바이오 및 제약 산업은 미세한 오염이나 조립 불량이 치명적인 결과를 초래할 수 있습니다. HyVISION은 모바일/전장 분야에서 축적한 초정밀 제어 및 광학 정렬 기술을 바이오 공정에 최적화하여, 주사기(Syringe), 바이알(Vial), 진단 키트 등 다양한 의료 기기의 생산 수율을 극대화합니다. 인도 벵갈루루 제조 거점을 통해 현지 제약사들과 긴밀히 협력하며, FDA 가이드라인을 준수하는 스마트 검사 시스템을 공급합니다."
29754            }
29755          )
29756        ] })
29757      ] }) }),
29758      /* @__PURE__ */ e("div", { id: "strengths", className: "bg-[#F8F9FA] py-32 relative left-[50%] right-[50%] -ml-[50vw] -mr-[50vw] w-screen mb-20 border-y border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
29759        /* @__PURE__ */ a("div", { className: "flex flex-col mb-24", children: [
29760          /* @__PURE__ */ e(
29761            m.div,
29762            {
29763              initial: { opacity: 0, x: -30 },
29764              whileInView: { opacity: 1, x: 0 },
29765              viewport: { once: !0, margin: "-100px" },
29766              transition: { duration: 0.6, ease: "easeOut" },
29767              className: "mb-2",
29768              children: /* @__PURE__ */ e("p", { className: "text-[rgb(0,0,0)] text-[20px] font-bold", children: "핵심 강점" })
29769            }
29770          ),
29771          /* @__PURE__ */ e(
29772            m.div,
29773            {
29774              initial: { opacity: 0, y: 30 },
29775              whileInView: { opacity: 1, y: 0 },
29776              viewport: { once: !0, margin: "-100px" },
29777              transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
29778              children: /* @__PURE__ */ e("h2", { className: "text-[41px] font-bold text-slate-950 tracking-tight leading-[1.5]", children: "HyVISION의 Bio 검사 특장점" })
29779            }
29780          )
29781        ] }),
29782        /* @__PURE__ */ e("div", { className: "space-y-32", children: [
29783          { id: "01", title: "AI 기반 비정형 결함 판독", desc: "주사기 내 미세 기포나 용기 표면의 미세한 흠집 등 정형화되지 않은 결함을 하이비젼의 독자적인 딥러닝 알고리즘이 실시간으로 학습하고 판독합니다.", img: "https://images.unsplash.com/photo-1632054227742-67e0e23595b0?auto=format&fit=crop&q=80&w=1080" },
29784          { id: "02", title: "초고속 병렬 영상 처리", desc: "분당 600개 이상의 제품을 개별적으로 촬영하고 분석하는 병렬 처리 기술을 통해 대량 생산 공정에서도 품질 저하 없는 전수 검사를 실현합니다.", img: "https://images.unsplash.com/photo-1737703121444-c568a9d3bc0e?auto=format&fit=crop&q=80&w=1080", rev: !0 },
29785          { id: "03", title: "통합 규제 대응 시스템", desc: "GAMP5 및 FDA 21 CFR Part 11 등 글로벌 제약 제조 규정을 준수하는 데이터 관리 시스템을 제공합니다.", img: "https://images.unsplash.com/photo-1691934286085-c88039d93dae?auto=format&fit=crop&q=80&w=1080" }
29786        ].map((u) => /* @__PURE__ */ a(m.div, { className: "grid grid-cols-2 gap-16 items-center", initial: { opacity: 0, y: 60 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !1, margin: "-150px" }, children: [
29787          /* @__PURE__ */ a("div", { className: u.rev ? "order-2 pl-8" : "pr-8", children: [
29788            /* @__PURE__ */ e("div", { className: "text-[20px] text-slate-950 mb-2 font-bold font-sans", children: u.id }),
29789            /* @__PURE__ */ e("h3", { className: "text-[30px] font-bold mb-8 text-slate-950 leading-tight font-sans", children: u.title }),
29790            /* @__PURE__ */ e("p", { className: "text-[18px] text-gray-600 leading-[1.8] text-left", children: u.desc })
29791          ] }),
29792          /* @__PURE__ */ a("div", { className: `relative ${u.rev ? "order-1" : ""}`, children: [
29793            /* @__PURE__ */ e(S, { src: u.img, alt: u.title, className: "w-full h-[450px] object-cover rounded-[32px] shadow-2xl relative z-10" }),
29794            /* @__PURE__ */ e("div", { className: `absolute ${u.rev ? "-bottom-6 -left-6" : "-top-6 -right-6"} w-full h-full border border-gray-200 rounded-[32px] z-0` })
29795          ] })
29796        ] }, u.id)) })
29797      ] }) }),
29798      /* @__PURE__ */ e("div", { id: "technology", className: "mb-20", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6 pt-20", children: [
29799        /* @__PURE__ */ e("div", { className: "relative mb-12", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16", children: [
29800          /* @__PURE__ */ e(m.div, { initial: { opacity: 0, x: -30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: !0 }, className: "pt-[11px]", children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "핵심 기술" }) }),
29801          /* @__PURE__ */ a("div", { children: [
29802            /* @__PURE__ */ e(m.h2, { className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: "Core Bio-Tech" }),
29803            /* @__PURE__ */ e(m.p, { className: "text-gray-600 leading-[1.8] text-[15px]", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: "바이오 의약품의 수율 혁신과 무결점 생산을 위한 HyVISION만의 독보적인 정밀 검사 및 공정 최적화 기술입니다." })
29804          ] })
29805        ] }) }),
29806        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mt-20", children: w.map((u, v) => /* @__PURE__ */ a("div", { className: "contents", children: [
29807          /* @__PURE__ */ e(m.div, { className: "cursor-pointer group", onClick: () => n(i === u.id ? -1 : u.id), initial: { opacity: 0, y: 40 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, transition: { delay: v % 3 * 0.1 }, children: /* @__PURE__ */ a("div", { className: "relative overflow-hidden aspect-[4/3] bg-gray-100 rounded-none", children: [
29808            /* @__PURE__ */ e(S, { src: u.image, alt: u.label, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" }),
29809            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" }),
29810            /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-8 flex items-center justify-between", children: [
29811              /* @__PURE__ */ e("h3", { className: "text-white text-[22px] font-bold font-sans", children: u.label }),
29812              /* @__PURE__ */ e(Le, { className: `w-6 h-6 text-white transition-transform duration-300 ${i === u.id ? "rotate-180" : ""}` })
29813            ] })
29814          ] }) }),
29815          (v % 3 === 2 || v === w.length - 1) && /* @__PURE__ */ e(ue, { children: i !== -1 && Math.floor(i / 3) === Math.floor(v / 3) && /* @__PURE__ */ a(m.div, { className: "col-span-1 md:col-span-3 bg-gray-50 p-12 my-4 rounded-none", initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, children: [
29816            /* @__PURE__ */ e("h3", { className: "text-[32px] font-black text-slate-950 mb-6 font-sans", children: w[i].label }),
29817            /* @__PURE__ */ e("p", { className: "text-slate-950 text-[18px] leading-[1.8] mb-8 max-w-4xl text-left", children: w[i].description }),
29818            /* @__PURE__ */ a("div", { className: "bg-gray-100 p-8 rounded-none", children: [
29819              /* @__PURE__ */ e("h4", { className: "text-[20px] font-bold text-slate-950 mb-4 font-sans", children: "핵심 기술 특징" }),
29820              /* @__PURE__ */ e("p", { className: "text-gray-700 text-[16px] leading-[1.8] text-left", children: w[i].features })
29821            ] })
29822          ] }) })
29823        ] }, u.id)) })
29824      ] }) })
29825    ] }) }),
29826    /* @__PURE__ */ e("div", { id: "equipment", className: "bg-[#F8F9FA] py-32 relative left-[50%] right-[50%] -ml-[50vw] -mr-[50vw] w-screen mb-20 border-y border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
29827      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16", children: [
29828        /* @__PURE__ */ e(
29829          m.div,
29830          {
29831            initial: { opacity: 0, x: -30 },
29832            whileInView: { opacity: 1, x: 0 },
29833            viewport: { once: !0, margin: "-100px" },
29834            transition: { duration: 0.6, ease: "easeOut" },
29835            className: "pt-[11px]",
29836            children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "주요 장비" })
29837          }
29838        ),
29839        /* @__PURE__ */ a("div", { children: [
29840          /* @__PURE__ */ a(
29841            m.h2,
29842            {
29843              className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans",
29844              initial: { opacity: 0, y: 30 },
29845              whileInView: { opacity: 1, y: 0 },
29846              viewport: { once: !0, margin: "-100px" },
29847              transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
29848              children: [
29849                "품질과 안전의 기준을 세우는",
29850                /* @__PURE__ */ e("br", {}),
29851                "바이오 검사 자동화 라인업"
29852              ]
29853            }
29854          ),
29855          /* @__PURE__ */ a(
29856            m.p,
29857            {
29858              className: "text-gray-600 leading-[1.8] text-[15px]",
29859              initial: { opacity: 0, y: 30 },
29860              whileInView: { opacity: 1, y: 0 },
29861              viewport: { once: !0, margin: "-100px" },
29862              transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
29863              children: [
29864                "생산량과 자동화 수준에 따라 저속(60BPM), 중속(130BPM), 고속(200~300BPM) 모델을 제공하며, ",
29865                /* @__PURE__ */ e("br", {}),
29866                "중소 바이오 스타트업부터 글로벌 CDMO 및 대형 제약사까지 고객의 니즈에 맞는 최적의 솔루션을 제공합니다."
29867              ]
29868            }
29869          )
29870        ] })
29871      ] }),
29872      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: g.map((u) => /* @__PURE__ */ e(s8, { item: u }, u.id)) })
29873    ] }) }),
29874    /* @__PURE__ */ a("div", { id: "applications", className: "mb-20 max-w-7xl mx-auto px-6", children: [
29875      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16 pt-40", children: [
29876        /* @__PURE__ */ e(
29877          m.div,
29878          {
29879            initial: { opacity: 0, x: -30 },
29880            whileInView: { opacity: 1, x: 0 },
29881            viewport: { once: !0, margin: "-100px" },
29882            transition: { duration: 0.6, ease: "easeOut" },
29883            className: "pt-[11px]",
29884            children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "적용 분야" })
29885          }
29886        ),
29887        /* @__PURE__ */ a("div", { children: [
29888          /* @__PURE__ */ a(
29889            m.h2,
29890            {
29891              className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans",
29892              initial: { opacity: 0, y: 30 },
29893              whileInView: { opacity: 1, y: 0 },
29894              viewport: { once: !0, margin: "-100px" },
29895              transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
29896              children: [
29897                "의약품의 무결성을 보장하는",
29898                /* @__PURE__ */ e("br", {}),
29899                "바이오 자동화 솔루션"
29900              ]
29901            }
29902          ),
29903          /* @__PURE__ */ e(
29904            m.p,
29905            {
29906              className: "text-gray-600 text-[19px] leading-[1.8] font-sans",
29907              initial: { opacity: 0, y: 30 },
29908              whileInView: { opacity: 1, y: 0 },
29909              viewport: { once: !0, margin: "-100px" },
29910              transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
29911              children: "HyVISION의 바이오 자동화 솔루션은 제약 및 의료 기기 산업 전반에서 환자의 안전을 최우선으로 합니다."
29912            }
29913          )
29914        ] })
29915      ] }),
29916      /* @__PURE__ */ e(
29917        m.div,
29918        {
29919          initial: { opacity: 0, y: 40 },
29920          whileInView: { opacity: 1, y: 0 },
29921          viewport: { once: !0, margin: "-100px" },
29922          transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
29923          children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 gap-y-12", children: [
29924            {
29925              title: "시린지 검사 (Syringe)",
29926              desc: "주사기 내부의 미세 이물 및 누수 여부를 AI 딥러닝 기반으로 전수 검사하여 최고 수준의 품질을 확보합니다.",
29927              tags: ["시린지 검사", "AI 판독", "FDA 준수"],
29928              image: "https://images.unsplash.com/photo-1752842350772-2921657e50d7?auto=format&fit=crop&q=80&w=1080"
29929            },
29930            {
29931              title: "바이알 검사 (Vial)",
29932              desc: "백신 및 액상 의약품이 담긴 바이알의 밀봉 상태와 이물 함유 여부를 고속 비전 시스템으로 검사합니다.",
29933              tags: ["바이알 검사", "고속 공정", "이물 검출"],
29934              image: "https://images.unsplash.com/photo-1766297246929-3b69ca8b175c?auto=format&fit=crop&q=80&w=1080"
29935            },
29936            {
29937              title: "진단 키트 조립 (Diagnostic)",
29938              desc: "신속 항원 검사 키트 등의 복잡한 조립 공정을 자동화하고 판독창의 불량 여부를 정밀 검증합니다.",
29939              tags: ["진단 키트", "조립 자동화", "전수 검사"],
29940              image: "https://images.unsplash.com/photo-1576669801838-1b1c52121e6a?auto=format&fit=crop&q=80&w=1080"
29941            },
29942            {
29943              title: "캡슐 및 알약 (Oral Care)",
29944              desc: "정제 의약품의 외관 파손, 인쇄 불량, 색상 편차 등을 고해상도 카메라로 실시간 선별합니다.",
29945              tags: ["알약 검사", "외관 선별", "고속 처리"],
29946              image: "https://images.unsplash.com/photo-1730388843790-f753ecf9ba94?auto=format&fit=crop&q=80&w=1080"
29947            },
29948            {
29949              title: "의료용 패치 (Medical Patch)",
29950              desc: "부착형 의료 기기 및 약물 전달 패치의 정밀 커팅과 코팅 상태를 분석하여 정량 전달을 보장합니다.",
29951              tags: ["패치 자동화", "정밀 커팅", "코팅 검사"],
29952              image: "https://images.unsplash.com/photo-1609840533741-62c180d0be79?auto=format&fit=crop&q=80&w=1080"
29953            },
29954            {
29955              title: "안과 렌즈 검사 (Contact Lens)",
29956              desc: "콘택트 렌즈의 미세한 엣지 결함과 함수율 유지 상태를 초정밀 광학 시스템으로 검사합니다.",
29957              tags: ["렌즈 검사", "엣지 검출", "수분도 분석"],
29958              image: "https://images.unsplash.com/photo-1712431182145-dddb1a08a826?auto=format&fit=crop&q=80&w=1080"
29959            }
29960          ].map((u, v) => /* @__PURE__ */ a("div", { className: "bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition-all cursor-pointer group", children: [
29961            /* @__PURE__ */ a("div", { className: "relative h-64 overflow-hidden", children: [
29962              /* @__PURE__ */ e(S, { src: u.image, alt: u.title, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" }),
29963              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/10 group-hover:bg-black/20 transition-colors" })
29964            ] }),
29965            /* @__PURE__ */ a("div", { className: "p-8", children: [
29966              /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-950 mb-3 group-hover:text-[#003D7A] transition-colors font-sans", children: u.title }),
29967              /* @__PURE__ */ e("p", { className: "text-gray-600 text-[15px] leading-relaxed font-sans", children: u.desc })
29968            ] })
29969          ] }, v)) })
29970        }
29971      )
29972    ] }),
29973    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-slate-950 text-white py-20 px-6", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto", children: [
29974      /* @__PURE__ */ a(
29975        m.div,
29976        {
29977          className: "text-center mb-16",
29978          initial: { opacity: 0, y: 30 },
29979          whileInView: { opacity: 1, y: 0 },
29980          viewport: { once: !0, margin: "-100px" },
29981          transition: { duration: 0.6, ease: "easeOut" },
29982          children: [
29983            /* @__PURE__ */ e("h2", { className: "text-[48px] font-bold mb-4 tracking-tight font-sans", children: "Partner with HyVISION Bio" }),
29984            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-300 font-sans", children: "바이오 검사 자동화 솔루션 구축에 대해 문의하세요" })
29985          ]
29986        }
29987      ),
29988      /* @__PURE__ */ a(
29989        m.form,
29990        {
29991          className: "space-y-8",
29992          initial: { opacity: 0, y: 40 },
29993          whileInView: { opacity: 1, y: 0 },
29994          viewport: { once: !0, margin: "-100px" },
29995          transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
29996          children: [
29997            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
29998              /* @__PURE__ */ a("div", { children: [
29999                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30000                  "Name ",
30001                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30002                ] }),
30003                /* @__PURE__ */ e(
30004                  "input",
30005                  {
30006                    type: "text",
30007                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30008                    placeholder: "Your Name",
30009                    required: !0
30010                  }
30011                )
30012              ] }),
30013              /* @__PURE__ */ a("div", { children: [
30014                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30015                  "Company ",
30016                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30017                ] }),
30018                /* @__PURE__ */ e(
30019                  "input",
30020                  {
30021                    type: "text",
30022                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30023                    placeholder: "Company Name",
30024                    required: !0
30025                  }
30026                )
30027              ] })
30028            ] }),
30029            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
30030              /* @__PURE__ */ a("div", { children: [
30031                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30032                  "Email ",
30033                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30034                ] }),
30035                /* @__PURE__ */ e(
30036                  "input",
30037                  {
30038                    type: "email",
30039                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30040                    placeholder: "[email protected]",
30041                    required: !0
30042                  }
30043                )
30044              ] }),
30045              /* @__PURE__ */ a("div", { children: [
30046                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30047                  "Phone ",
30048                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30049                ] }),
30050                /* @__PURE__ */ e(
30051                  "input",
30052                  {
30053                    type: "tel",
30054                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30055                    placeholder: "+91 XXX XXX XXXX",
30056                    required: !0
30057                  }
30058                )
30059              ] })
30060            ] }),
30061            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
30062              /* @__PURE__ */ a("div", { children: [
30063                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30064                  "Business Area ",
30065                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30066                ] }),
30067                /* @__PURE__ */ a(
30068                  "select",
30069                  {
30070                    value: r,
30071                    onChange: (u) => s(u.target.value),
30072                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white focus:outline-none focus:border-[#003D7A] transition-colors rounded-none appearance-none cursor-pointer font-sans",
30073                    required: !0,
30074                    children: [
30075                      /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-slate-950", children: "Select Business Area" }),
30076                      /* @__PURE__ */ e("option", { value: "ccm", className: "bg-slate-950", children: "CCM (Camera Control Module)" }),
30077                      /* @__PURE__ */ e("option", { value: "battery", className: "bg-slate-950", children: "Rechargeable Battery" }),
30078                      /* @__PURE__ */ e("option", { value: "semiconductor", className: "bg-slate-950", children: "Semiconductor (Wafer AOI)" }),
30079                      /* @__PURE__ */ e("option", { value: "bio", className: "bg-slate-950", children: "Bio Inspection" }),
30080                      /* @__PURE__ */ e("option", { value: "smart", className: "bg-slate-950", children: "Smart Components" }),
30081                      /* @__PURE__ */ e("option", { value: "others", className: "bg-slate-950", children: "Others (기타)" })
30082                    ]
30083                  }
30084                ),
30085                r === "others" && /* @__PURE__ */ e(
30086                  m.div,
30087                  {
30088                    initial: { opacity: 0, height: 0 },
30089                    animate: { opacity: 1, height: "auto" },
30090                    className: "mt-4",
30091                    children: /* @__PURE__ */ e(
30092                      "input",
30093                      {
30094                        type: "text",
30095                        value: l,
30096                        onChange: (u) => o(u.target.value),
30097                        className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30098                        placeholder: "Please specify your business area",
30099                        required: !0
30100                      }
30101                    )
30102                  }
30103                )
30104              ] }),
30105              /* @__PURE__ */ a("div", { children: [
30106                /* @__PURE__ */ e("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: "Attachment (Optional)" }),
30107                /* @__PURE__ */ a("div", { className: "relative h-14 bg-white/10 border border-white/20 flex items-center px-4 overflow-hidden", children: [
30108                  /* @__PURE__ */ e(
30109                    "input",
30110                    {
30111                      type: "file",
30112                      className: "absolute inset-0 opacity-0 cursor-pointer z-10"
30113                    }
30114                  ),
30115                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-400 font-sans truncate", children: [
30116                    /* @__PURE__ */ e(Re, { size: 18 }),
30117                    /* @__PURE__ */ e("span", { children: "Upload Company Profile or RFP" })
30118                  ] })
30119                ] })
30120              ] })
30121            ] }),
30122            /* @__PURE__ */ a("div", { children: [
30123              /* @__P
30123URE__ */ e("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: "Message" }),
30124              /* @__PURE__ */ e(
30125                "textarea",
30126                {
30127                  className: "w-full h-32 p-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none resize-none font-sans",
30128                  placeholder: "Tell us about your project requirements..."
30129                }
30130              )
30131            ] }),
30132            /* @__PURE__ */ e("div", { className: "text-center pt-8", children: /* @__PURE__ */ e(
30133              "button",
30134              {
30135                type: "submit",
30136                className: "bg-white text-slate-950 hover:bg-[#003D7A] hover:text-white px-12 py-4 text-[18px] font-bold transition-all duration-300 rounded-none cursor-pointer font-sans",
30137                children: "Submit Inquiry"
30138              }
30139            ) })
30140          ]
30141        }
30142      )
30143    ] }) })
30144  ] });
30145}
30146const Sp = globalThis.__GLOBALS__.getAssetURL("e0c3726701e504b24928e45b7068a418611003c9.png"), c8 = globalThis.__GLOBALS__.getAssetURL("6730681fe8fac2e18b72701e1141546ec53d05d7.png"), d8 = globalThis.__GLOBALS__.getAssetURL("17c48ab1b60791dc00867d7d0a76bef0a36f9410.png"), m8 = globalThis.__GLOBALS__.getAssetURL("054cedbc44eddf80b76e426ec0acfe6493eafd10.png");
30147function p8() {
30148  const { t } = ne(), [i, n] = C(-1), [r, s] = C(0), [l, o] = C(""), [d, c] = C(""), [p, h] = C(!1), [x, b] = C(!1), g = j(null);
30149  R(() => {
30150    b(!0);
30151  }, []);
30152  const { scrollYProgress: w } = ut({
30153    target: x ? g : void 0,
30154    offset: ["start end", "center center"]
30155  }), u = we(w, [0, 1], [0.8, 1]), v = we(w, [0, 1], ["65%", "100%"]);
30156  R(() => {
30157    if (p) return;
30158    const f = setInterval(() => {
30159      s((y) => y === 2 ? 0 : y + 1);
30160    }, 8e3);
30161    return () => clearInterval(f);
30162  }, [p]);
30163  const A = [
30164    {
30165      id: 1,
30166      title: "AOI 500",
30167      description: "AOI 설비는 AI 딥러닝 기반 비정형·미세 결함까지 정확하게 검출하고,이물·스크래치·오염·변색 등 다양한 결함을 자동으로 분류하여 체감 품질 중심의 품질 판단 기준을 제공합니다.",
30168      images: [
30169        c8,
30170        d8,
30171        m8
30172      ]
30173    }
30174  ], N = [
30175    {
30176      id: 0,
30177      label: "나노미터급 초정밀 광학계",
30178      image: "https://images.unsplash.com/photo-1728917330520-9456e3f49529?auto=format&fit=crop&q=80&w=1080",
30179      description: "반도체 공정의 급격한 미세화와 고집적화에 대응하기 위해 나노미터(nm) 수준의 초고해상도를 실현한 하이비젼만의 독보적인 광학 시스템입니다.",
30180      features: "초점 가변형 액체 렌즈와 다파장 LED 조명 제어 시스템을 결합하여, 웨이퍼 표면의 복잡한 굴곡과 반사율 차이에 상관없이 항상 최적의 이미지를 확보합니다."
30181    },
30182    {
30183      id: 1,
30184      label: "AI 자동 결함 분류 (ADC)",
30185      image: "https://images.unsplash.com/photo-1709651669999-57741c9bf085?auto=format&fit=crop&q=80&w=1080",
30186      description: "검출된 수많은 결함 데이터를 AI 딥러닝 기반의 인공지능 알고리즘이 실시간으로 분석하여 파티클, 스크래치, 잔류 감광액, 패턴 결함 등으로 자동 분류합니다.",
30187      features: "전 세계 주요 반도체 양산 라인에서 수집된 수백만 장의 불량 이미지 빅데이터를 학습한 독자적인 신경망 모델을 적용했습니다."
30188    }
30189  ];
30190  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
30191    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8 wafer-hero-section", children: /* @__PURE__ */ e("div", { className: "max-w-6xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
30192      /* @__PURE__ */ e(
30193        m.div,
30194        {
30195          initial: { opacity: 0, x: -60 },
30196          animate: { opacity: 1, x: 0 },
30197          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
30198          className: "pt-[11px]",
30199          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Automated Optical Inspection" })
30200        }
30201      ),
30202      /* @__PURE__ */ a(
30203        m.div,
30204        {
30205          initial: { opacity: 0, x: 60 },
30206          animate: { opacity: 1, x: 0 },
30207          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
30208          children: [
30209            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
30210              "제조 혁신을 위한",
30211              /* @__PURE__ */ e("br", {}),
30212              "차세대 AOI 검사 솔루션"
30213            ] }),
30214            /* @__PURE__ */ a("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: [
30215              "HyVISION의 독보적인 광학 설계와 영상 처리 기술로",
30216              /* @__PURE__ */ e("br", {}),
30217              "보이지 않는 결함까지 찾아내는 완벽한 품질 관리를 실현합니다."
30218            ] }),
30219            /* @__PURE__ */ e(
30220              "button",
30221              {
30222                onClick: () => document.getElementById("contact-form")?.scrollIntoView({ behavior: "smooth" }),
30223                className: "bg-black text-white px-7 py-2.5 rounded-full font-bold text-[15px] mt-7 hover:bg-zinc-900 transition-all cursor-pointer font-sans",
30224                children: "문의하기"
30225              }
30226            )
30227          ]
30228        }
30229      )
30230    ] }) }) }),
30231    /* @__PURE__ */ a("section", { className: "relative pb-0 pt-0 overflow-hidden wafer-equipment-section", ref: g, children: [
30232      /* @__PURE__ */ e(
30233        m.div,
30234        {
30235          className: "mx-auto overflow-hidden",
30236          style: {
30237            width: v,
30238            scale: u
30239          },
30240          children: /* @__PURE__ */ a("div", { className: "relative h-full", children: [
30241            /* @__PURE__ */ e(
30242              S,
30243              {
30244                src: Sp,
30245                alt: "Semiconductor Wafer Manufacturing",
30246                className: "w-full h-[800px] object-cover"
30247              }
30248            ),
30249            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/40 via-black/35 to-black/45" })
30250          ] })
30251        }
30252      ),
30253      /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "relative max-w-6xl mx-auto px-6 w-full", children: /* @__PURE__ */ e("div", { className: "text-center", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto", children: [
30254        /* @__PURE__ */ e("h2", { className: "text-white text-[43px] font-bold leading-tight whitespace-nowrap font-sans mb-4", children: "Precision Beyond Perception for Semiconductor Excellence" }),
30255        /* @__PURE__ */ e("p", { className: "text-white/90 text-[22px] font-normal font-sans", children: "나노미터급 결함 검출과 AI 지능형 판정 솔루션으로 반도체 생산의 무결점 수율을 실현합니다." })
30256      ] }) }) }) })
30257    ] }),
30258    /* @__PURE__ */ e("div", { className: "sticky top-[80px] z-40 w-full bg-[#2A2A2A] border-b border-gray-800 hidden md:block", children: /* @__PURE__ */ e("div", { className: "max-w-[1600px] mx-auto px-6 h-16 flex items-center justify-center relative", children: /* @__PURE__ */ e("div", { className: "absolute left-1/2 -translate-x-1/2 flex gap-12 items-center h-full", children: [
30259      { label: "개요", id: "overview" },
30260      { label: "핵심 강점", id: "strengths" },
30261      { label: "핵심 기술", id: "technology" },
30262      { label: "주요 장비", id: "equipment" },
30263      { label: "적용 분야", id: "applications" }
30264    ].map((f) => /* @__PURE__ */ a(
30265      "button",
30266      {
30267        onClick: () => {
30268          const y = document.getElementById(f.id);
30269          if (y) {
30270            const P = y.getBoundingClientRect().top + window.pageYOffset - 144;
30271            window.scrollTo({
30272              top: P,
30273              behavior: "smooth"
30274            });
30275          }
30276        },
30277        className: "text-white font-bold hover:text-white transition-colors cursor-pointer relative group h-full flex items-center text-[14px] font-sans",
30278        children: [
30279          f.label,
30280          /* @__PURE__ */ e("span", { className: "absolute bottom-0 left-0 w-0 h-[3px] bg-white transition-all duration-300 group-hover:w-full" })
30281        ]
30282      },
30283      f.id
30284    )) }) }) }),
30285    /* @__PURE__ */ e("section", { id: "overview", className: "bg-white py-32", children: /* @__PURE__ */ e("div", { className: "max-w-6xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-6xl mb-[140px] mt-[140px]", children: [
30286      /* @__PURE__ */ e(
30287        m.div,
30288        {
30289          initial: { opacity: 0, x: -30 },
30290          whileInView: { opacity: 1, x: 0 },
30291          viewport: { once: !0 },
30292          className: "pt-[11px]",
30293          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "개요" })
30294        }
30295      ),
30296      /* @__PURE__ */ a("div", { children: [
30297        /* @__PURE__ */ a(m.h2, { className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: [
30298          "나노미터급 결함 하나가",
30299          /* @__PURE__ */ e("br", {}),
30300          "반도체 수율을 결정합니다"
30301        ] }),
30302        /* @__PURE__ */ a(m.p, { className: "text-gray-600 text-[21px] leading-relaxed mb-8 font-semibold", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: [
30303          "패턴 결함부터 표면 파티클까지 통합된 AOI 솔루션으로",
30304          /* @__PURE__ */ e("br", {}),
30305          "인도 벵갈루루 반도체 생산 라인의 극대화된 수율을 실현합니다."
30306        ] }),
30307        /* @__PURE__ */ e(m.p, { className: "text-gray-600 text-[19px] leading-[1.8] mt-20", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: "하이비젼시스템의 AOI(Automated Optical Inspection) 설비는 초미세 결함 검출 기술과 고속 이미지 처리, AI 기반 분석 기술을 결합한 고정밀 자동 광학 검사 솔루션입니다. 고해상도 광학 시스템과 자체 개발한 조명·스캔·처리 기술을 기반으로, 제품 표면의 이물, 스크래치, 변색 등 다양한 외관 결함을 실시간으로 정확하게 검출하며, 고속 양산 환경에서도 안정적인 검사 성능을 유지합니다." })
30308      ] })
30309    ] }) }) }),
30310    /* @__PURE__ */ e("section", { id: "strengths", className: "bg-white py-32 border-t border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-6", children: [
30311      /* @__PURE__ */ a("div", { className: "flex flex-col mb-24", children: [
30312        /* @__PURE__ */ e(
30313          m.div,
30314          {
30315            initial: { opacity: 0, x: -30 },
30316            whileInView: { opacity: 1, x: 0 },
30317            viewport: { once: !0, margin: "-100px" },
30318            transition: { duration: 0.6, ease: "easeOut" },
30319            className: "mb-2",
30320            children: /* @__PURE__ */ e("p", { className: "text-[rgb(0,0,0)] text-[20px] font-bold", children: "핵심 강점" })
30321          }
30322        ),
30323        /* @__PURE__ */ e(
30324          m.div,
30325          {
30326            initial: { opacity: 0, y: 30 },
30327            whileInView: { opacity: 1, y: 0 },
30328            viewport: { once: !0, margin: "-100px" },
30329            transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
30330            children: /* @__PURE__ */ e("h2", { className: "text-[41px] font-bold text-slate-950 tracking-tight leading-[1.5]", children: "HyVISION의 웨이퍼 AOI 특장점" })
30331          }
30332        )
30333      ] }),
30334      /* @__PURE__ */ e("div", { className: "space-y-32", children: [
30335        { id: "01", title: "나노미터급 고해상도 검사", desc: "반도체 회로의 초미세 패턴 결함과 미세 파티클을 나노미터(nm) 단위 해상도로 정밀 검출합니다.", img: "https://images.unsplash.com/photo-1627694743581-f31765d5c631?auto=format&fit=crop&q=80&w=1080" },
30336        { id: "02", title: "AI 딥러닝 결함 자동 분류", desc: "수집된 결함 이미지를 AI가 실시간으로 분석하여 결함 유형을 자동 분류하고 공정 개선 데이터를 제공합니다.", img: "https://images.unsplash.com/photo-1709651669999-57741c9bf085?auto=format&fit=crop&q=80&w=1080", rev: !0 },
30337        { id: "03", title: "고속 대용량 데이터 처리", desc: "웨이퍼 전면의 대용량 이미지 데이터를 지연 없이 실시간 처리하는 독자적인 하드웨어 가속 기술을 보유하고 있습니다.", img: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080" }
30338      ].map((f) => /* @__PURE__ */ a(m.div, { className: "grid grid-cols-2 gap-16 items-center", initial: { opacity: 0, y: 60 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !1, margin: "-150px" }, children: [
30339        /* @__PURE__ */ a("div", { className: f.rev ? "order-2 pl-8" : "pr-8", children: [
30340          /* @__PURE__ */ e("div", { className: "text-[20px] text-slate-950 mb-2 font-bold font-sans", children: f.id }),
30341          /* @__PURE__ */ e("h3", { className: "text-[30px] font-bold mb-8 text-slate-950 leading-tight font-sans", children: f.title }),
30342          /* @__PURE__ */ e("p", { className: "text-[18px] text-gray-600 leading-[1.8] text-left", children: f.desc })
30343        ] }),
30344        /* @__PURE__ */ a("div", { className: `relative ${f.rev ? "order-1" : ""}`, children: [
30345          /* @__PURE__ */ e(S, { src: f.img, alt: f.title, className: "w-full h-[450px] object-cover rounded-[32px] shadow-2xl relative z-10" }),
30346          /* @__PURE__ */ e("div", { className: `absolute ${f.rev ? "-bottom-6 -left-6" : "-top-6 -right-6"} w-full h-full border border-gray-200 rounded-[32px] z-0` })
30347        ] })
30348      ] }, f.id)) })
30349    ] }) }),
30350    /* @__PURE__ */ e("section", { id: "technology", className: "bg-white py-32 border-t border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-6", children: [
30351      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-20", children: [
30352        /* @__PURE__ */ e(m.div, { initial: { opacity: 0, x: -30 }, whileInView: { opacity: 1, x: 0 }, viewport: { once: !0 }, className: "pt-[11px]", children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "핵심 기술" }) }),
30353        /* @__PURE__ */ a("div", { children: [
30354          /* @__PURE__ */ e(m.h2, { className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: "Core Wafer-Tech" }),
30355          /* @__PURE__ */ e(m.p, { className: "text-gray-600 text-[19px] leading-[1.8]", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, children: "반도체 제조 공정의 수율 극대화를 위한 하이비젼만의 독보적인 광학 및 AI 분석 기술입니다." })
30356        ] })
30357      ] }),
30358      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mt-20", children: N.map((f, y) => /* @__PURE__ */ a("div", { className: "contents", children: [
30359        /* @__PURE__ */ e(m.div, { className: "cursor-pointer group", onClick: () => n(i === f.id ? -1 : f.id), initial: { opacity: 0, y: 40 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: !0 }, transition: { delay: y % 2 * 0.1 }, children: /* @__PURE__ */ a("div", { className: "relative overflow-hidden aspect-[16/9] bg-gray-100 rounded-none", children: [
30360          /* @__PURE__ */ e(S, { src: f.image, alt: f.label, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" }),
30361          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" }),
30362          /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-8 flex items-center justify-between", children: [
30363            /* @__PURE__ */ e("h3", { className: "text-white text-[22px] font-bold font-sans", children: f.label }),
30364            /* @__PURE__ */ e(Le, { className: `w-6 h-6 text-white transition-transform duration-300 ${i === f.id ? "rotate-180" : ""}` })
30365          ] })
30366        ] }) }),
30367        (y % 2 === 1 || y === N.length - 1) && /* @__PURE__ */ e(ue, { children: i !== -1 && Math.floor(i / 2) === Math.floor(y / 2) && /* @__PURE__ */ a(m.div, { className: "col-span-1 md:col-span-2 bg-gray-50 p-12 my-4 rounded-none", initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, children: [
30368          /* @__PURE__ */ e("h3", { className: "text-[32px] font-black text-slate-950 mb-6 font-sans", children: N[i].label }),
30369          /* @__PURE__ */ e("p", { className: "text-slate-950 text-[18px] leading-[1.8] mb-8 max-w-4xl text-left", children: N[i].description }),
30370          /* @__PURE__ */ a("div", { className: "bg-gray-100 p-8 rounded-none", children: [
30371            /* @__PURE__ */ e("h4", { className: "text-[20px] font-bold text-slate-950 mb-4 font-sans", children: "핵심 기술 특징" }),
30372            /* @__PURE__ */ e("p", { className: "text-gray-700 text-[16px] leading-[1.8] text-left", children: N[i].features })
30373          ] })
30374        ] }) })
30375      ] }, f.id)) })
30376    ] }) }),
30377    /* @__PURE__ */ e("div", { id: "equipment", className: "bg-[#F8F9FA] py-32 relative left-[50%] right-[50%] -ml-[50vw] -mr-[50vw] w-screen mb-20 border-y border-gray-100", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-6", children: [
30378      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16", children: [
30379        /* @__PURE__ */ e(
30380          m.div,
30381          {
30382            initial: { opacity: 0, x: -30 },
30383            whileInView: { opacity: 1, x: 0 },
30384            viewport: { once: !0, margin: "-100px" },
30385            transition: { duration: 0.6, ease: "easeOut" },
30386            className: "pt-[11px]",
30387            children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "주요 장비" })
30388          }
30389        ),
30390        /* @__P
30390URE__ */ e("div", { children: /* @__PURE__ */ a(
30391          m.h2,
30392          {
30393            className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans",
30394            initial: { opacity: 0, y: 30 },
30395            whileInView: { opacity: 1, y: 0 },
30396            viewport: { once: !0, margin: "-100px" },
30397            transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
30398            children: [
30399              "무결점 반도체 생산을 위한",
30400              /* @__PURE__ */ e("br", {}),
30401              "웨이퍼 AOI 검사 라인업"
30402            ]
30403          }
30404        ) })
30405      ] }),
30406      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: A.map((f) => {
30407        const y = r % f.images.length;
30408        return /* @__PURE__ */ a(
30409          "div",
30410          {
30411            className: "bg-white overflow-hidden group cursor-pointer border border-gray-100 rounded-[24px] shadow-sm hover:shadow-xl transition-all duration-500 flex flex-col h-full",
30412            children: [
30413              /* @__PURE__ */ a("div", { className: "relative overflow-hidden h-[300px] bg-slate-50", children: [
30414                /* @__PURE__ */ e(ue, { mode: "wait", children: /* @__PURE__ */ e(
30415                  m.div,
30416                  {
30417                    initial: { opacity: 0 },
30418                    animate: { opacity: 1 },
30419                    exit: { opacity: 0 },
30420                    transition: { duration: 1.2, ease: "easeInOut" },
30421                    className: "absolute inset-0 w-full h-full",
30422                    children: /* @__PURE__ */ e(
30423                      S,
30424                      {
30425                        src: f.images[y],
30426                        alt: f.title,
30427                        className: "w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"
30428                      }
30429                    )
30430                  },
30431                  `${f.id}-${y}`
30432                ) }),
30433                /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-black/40 to-transparent" }),
30434                /* @__PURE__ */ e("div", { className: "absolute bottom-6 left-0 right-0 flex justify-center gap-2 z-10", children: f.images.map((I, D) => /* @__PURE__ */ e(
30435                  "div",
30436                  {
30437                    className: `w-1.5 h-1.5 rounded-full transition-all duration-500 ${y === D ? "bg-white w-5" : "bg-white/40"}`
30438                  },
30439                  D
30440                )) })
30441              ] }),
30442              /* @__PURE__ */ a("div", { className: "p-8 pb-10", children: [
30443                /* @__PURE__ */ e("h4", { className: "text-slate-950 text-[22px] font-bold mb-4 font-sans", children: f.title }),
30444                /* @__PURE__ */ e("p", { className: "text-gray-600 leading-[1.6] font-sans text-[15px]", children: "인공지능(AI) 딥러닝 기술을 기반으로 한 고성능 AOI 검사 시스템으로, 미세 이물부터 스크래치, 변색, 부식, 돌출 등 복합적 결함을 정밀하게 분석합니다. 비정형 데이터 학습을 통해 기존 룰베이스 방식으로 검출이 어려웠던 불규칙 결함까지 안정적으로 판별하며, 검출 결과를 오차 없이 정확하게 분류합니다." })
30445              ] })
30446            ]
30447          },
30448          f.id
30449        );
30450      }) })
30451    ] }) }),
30452    /* @__PURE__ */ a("div", { id: "applications", className: "mb-20 max-w-6xl mx-auto px-6", children: [
30453      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start mb-16 pt-40", children: [
30454        /* @__PURE__ */ e(
30455          m.div,
30456          {
30457            initial: { opacity: 0, x: -30 },
30458            whileInView: { opacity: 1, x: 0 },
30459            viewport: { once: !0, margin: "-100px" },
30460            transition: { duration: 0.6, ease: "easeOut" },
30461            className: "pt-[11px]",
30462            children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "적용 분야" })
30463          }
30464        ),
30465        /* @__PURE__ */ a("div", { children: [
30466          /* @__PURE__ */ a(
30467            m.h2,
30468            {
30469              className: "text-[41px] font-bold text-slate-950 mb-6 tracking-tight leading-[1.5] font-sans",
30470              initial: { opacity: 0, y: 30 },
30471              whileInView: { opacity: 1, y: 0 },
30472              viewport: { once: !0, margin: "-100px" },
30473              transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
30474              children: [
30475                "초미세 공정의 한계를 뛰어넘는",
30476                /* @__PURE__ */ e("br", {}),
30477                "반도체 AOI 자동화 솔루션"
30478              ]
30479            }
30480          ),
30481          /* @__PURE__ */ e(
30482            m.p,
30483            {
30484              className: "text-gray-600 text-[19px] leading-[1.8] font-sans",
30485              initial: { opacity: 0, y: 30 },
30486              whileInView: { opacity: 1, y: 0 },
30487              viewport: { once: !0, margin: "-100px" },
30488              transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
30489              children: "HyVISION의 웨이퍼 AOI 솔루션은 전공정 웨이퍼 검사부터 후공정 패키징까지 반도체 제조 전반의 수율 향상을 지원합니다."
30490            }
30491          )
30492        ] })
30493      ] }),
30494      /* @__PURE__ */ e(
30495        m.div,
30496        {
30497          initial: { opacity: 0, y: 40 },
30498          whileInView: { opacity: 1, y: 0 },
30499          viewport: { once: !0, margin: "-100px" },
30500          transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
30501          children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 gap-y-12", children: [
30502            {
30503              title: "전공정 웨이퍼 검사 (Front-end)",
30504              desc: "회로 패턴 형성 후 발생할 수 있는 마이크로 크랙, 이물, 패턴 단선 등을 나노미터급 해상도로 전수 검사합니다.",
30505              tags: ["나노미터 검사", "패턴 결함", "전수 분석"],
30506              image: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?auto=format&fit=crop&q=80&w=1080"
30507            },
30508            {
30509              title: "후공정 패키징 검사 (Back-end)",
30510              desc: "웨이퍼 다이싱 및 범프 형성 공정 후 개별 칩의 외관 결함과 본딩 상태를 초고속으로 검증합니다.",
30511              tags: ["패키징 검사", "범프 분석", "고속 판정"],
30512              image: "https://images.unsplash.com/photo-1616837607830-712b0bd32523?auto=format&fit=crop&q=80&w=1080"
30513            },
30514            {
30515              title: "CIS 웨이퍼 검사 (Image Sensor)",
30516              desc: "이미지 센서 픽셀의 미세 결함과 투명 레이어 하부의 파티클을 특수 광학계를 통해 정밀 분석합니다.",
30517              tags: ["CIS 전용", "픽셀 검사", "특수 광학"],
30518              image: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080"
30519            },
30520            {
30521              title: "전력 반도체 검사 (Power Semi)",
30522              desc: "SiC, GaN 등 차세대 전력 반도체 기판의 결정 결함과 미세 스크래치를 AI 알고리즘으로 판독합니다.",
30523              tags: ["차세대 반도체", "SiC/GaN", "AI ADC"],
30524              image: "https://images.unsplash.com/photo-1652724933904-37f1fc1170ad?auto=format&fit=crop&q=80&w=1080"
30525            },
30526            {
30527              title: "메모리 반도체 (Memory Semi)",
30528              desc: "DRAM 및 NAND 플래시 웨이퍼의 고밀도 패턴 반복성을 정밀 측정하여 제조 수율을 실시간 모니터링합니다.",
30529              tags: ["메모리 검사", "수율 관리", "데이터 분석"],
30530              image: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080"
30531            },
30532            {
30533              title: "디스플레이 드라이버 IC (DDI)",
30534              desc: "모바일 및 TV용 디스플레이 구동 칩의 미세 패턴 무결성을 검사하여 최상의 화면 품질을 보장합니다.",
30535              tags: ["DDI 검사", "고밀도 패턴", "품질 보증"],
30536              image: "https://images.unsplash.com/photo-1627694743581-f31765d5c631?auto=format&fit=crop&q=80&w=1080"
30537            }
30538          ].map((f, y) => /* @__PURE__ */ a("div", { className: "bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition-all duration-300 group cursor-pointer border border-gray-100", children: [
30539            /* @__PURE__ */ e("div", { className: "relative overflow-hidden h-[220px]", children: /* @__PURE__ */ e(
30540              S,
30541              {
30542                src: f.image,
30543                alt: f.title,
30544                className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
30545              }
30546            ) }),
30547            /* @__PURE__ */ a("div", { className: "p-6", children: [
30548              /* @__PURE__ */ e("h4", { className: "text-slate-950 text-[22px] font-bold mb-6 leading-tight font-sans", children: f.title }),
30549              /* @__PURE__ */ e("p", { className: "text-gray-600 mb-4 leading-relaxed font-sans text-[15px]", children: f.desc })
30550            ] })
30551          ] }, y)) })
30552        }
30553      )
30554    ] }),
30555    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-slate-950 text-white py-20 px-6", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto", children: [
30556      /* @__PURE__ */ a(
30557        m.div,
30558        {
30559          className: "text-center mb-16",
30560          initial: { opacity: 0, y: 30 },
30561          whileInView: { opacity: 1, y: 0 },
30562          viewport: { once: !0, margin: "-100px" },
30563          transition: { duration: 0.6, ease: "easeOut" },
30564          children: [
30565            /* @__PURE__ */ e("h2", { className: "text-[48px] font-bold mb-4 tracking-tight font-sans", children: "Precision for Semiconductor Success" }),
30566            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-300 font-sans", children: "웨이퍼 AOI 검사 솔루션 및 자동화 구축에 대해 문의하세요" })
30567          ]
30568        }
30569      ),
30570      /* @__PURE__ */ a(
30571        m.form,
30572        {
30573          className: "space-y-8",
30574          initial: { opacity: 0, y: 40 },
30575          whileInView: { opacity: 1, y: 0 },
30576          viewport: { once: !0, margin: "-100px" },
30577          transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
30578          children: [
30579            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
30580              /* @__PURE__ */ a("div", { children: [
30581                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30582                  "Name ",
30583                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30584                ] }),
30585                /* @__PURE__ */ e(
30586                  "input",
30587                  {
30588                    type: "text",
30589                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30590                    placeholder: "Your Name",
30591                    required: !0
30592                  }
30593                )
30594              ] }),
30595              /* @__PURE__ */ a("div", { children: [
30596                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30597                  "Company ",
30598                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30599                ] }),
30600                /* @__PURE__ */ e(
30601                  "input",
30602                  {
30603                    type: "text",
30604                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30605                    placeholder: "Company Name",
30606                    required: !0
30607                  }
30608                )
30609              ] })
30610            ] }),
30611            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
30612              /* @__PURE__ */ a("div", { children: [
30613                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30614                  "Email ",
30615                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30616                ] }),
30617                /* @__PURE__ */ e(
30618                  "input",
30619                  {
30620                    type: "email",
30621                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30622                    placeholder: "[email protected]",
30623                    required: !0
30624                  }
30625                )
30626              ] }),
30627              /* @__PURE__ */ a("div", { children: [
30628                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30629                  "Phone ",
30630                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30631                ] }),
30632                /* @__PURE__ */ e(
30633                  "input",
30634                  {
30635                    type: "tel",
30636                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30637                    placeholder: "+91 XXX XXX XXXX",
30638                    required: !0
30639                  }
30640                )
30641              ] })
30642            ] }),
30643            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
30644              /* @__PURE__ */ a("div", { children: [
30645                /* @__PURE__ */ a("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: [
30646                  "Business Area ",
30647                  /* @__PURE__ */ e("span", { className: "text-red-500", children: "*" })
30648                ] }),
30649                /* @__PURE__ */ a(
30650                  "select",
30651                  {
30652                    value: l,
30653                    onChange: (f) => o(f.target.value),
30654                    className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white focus:outline-none focus:border-[#003D7A] transition-colors rounded-none appearance-none cursor-pointer font-sans",
30655                    required: !0,
30656                    children: [
30657                      /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-slate-950", children: "Select Business Area" }),
30658                      /* @__PURE__ */ e("option", { value: "ccm", className: "bg-slate-950", children: "CCM (Camera Control Module)" }),
30659                      /* @__PURE__ */ e("option", { value: "battery", className: "bg-slate-950", children: "Rechargeable Battery" }),
30660                      /* @__PURE__ */ e("option", { value: "semiconductor", className: "bg-slate-950", children: "Semiconductor (Wafer AOI)" }),
30661                      /* @__PURE__ */ e("option", { value: "bio", className: "bg-slate-950", children: "Bio Inspection" }),
30662                      /* @__PURE__ */ e("option", { value: "smart", className: "bg-slate-950", children: "Smart Components" }),
30663                      /* @__PURE__ */ e("option", { value: "others", className: "bg-slate-950", children: "Others (기타)" })
30664                    ]
30665                  }
30666                ),
30667                l === "others" && /* @__PURE__ */ e(
30668                  m.div,
30669                  {
30670                    initial: { opacity: 0, height: 0 },
30671                    animate: { opacity: 1, height: "auto" },
30672                    className: "mt-4",
30673                    children: /* @__PURE__ */ e(
30674                      "input",
30675                      {
30676                        type: "text",
30677                        value: d,
30678                        onChange: (f) => c(f.target.value),
30679                        className: "w-full h-14 px-4 bg-white/10 border border-white/20 text-white focus:outline-none focus:border-[#003D7A] transition-colors rounded-none font-sans",
30680                        placeholder: "Please specify your business area",
30681                        required: !0
30682                      }
30683                    )
30684                  }
30685                )
30686              ] }),
30687              /* @__PURE__ */ a("div", { children: [
30688                /* @__PURE__ */ e("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: "Attachment (Optional)" }),
30689                /* @__PURE__ */ a("div", { className: "relative h-14 bg-white/10 border border-white/20 flex items-center px-4 overflow-hidden", children: [
30690                  /* @__PURE__ */ e(
30691                    "input",
30692                    {
30693                      type: "file",
30694                      className: "absolute inset-0 opacity-0 cursor-pointer z-10"
30695                    }
30696                  ),
30697                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-gray-400 font-sans truncate", children: [
30698                    /* @__PURE__ */ e(Re, { size: 18 }),
30699                    /* @__PURE__ */ e("span", { children: "Upload Company Profile or RFP" })
30700                  ] })
30701                ] })
30702              ] })
30703            ] }),
30704            /* @__PURE__ */ a("div", { children: [
30705              /* @__P
30705URE__ */ e("label", { className: "block text-[16px] font-semibold mb-3 text-white font-sans", children: "Message" }),
30706              /* @__PURE__ */ e(
30707                "textarea",
30708                {
30709                  className: "w-full h-32 p-4 bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-[#003D7A] transition-colors rounded-none resize-none font-sans",
30710                  placeholder: "Tell us about your project requirements..."
30711                }
30712              )
30713            ] }),
30714            /* @__PURE__ */ e("div", { className: "text-center pt-8", children: /* @__PURE__ */ e(
30715              "button",
30716              {
30717                type: "submit",
30718                className: "bg-white text-slate-950 hover:bg-[#003D7A] hover:text-white px-12 py-4 text-[18px] font-bold transition-all duration-300 rounded-none cursor-pointer font-sans",
30719                children: "Submit Inquiry"
30720              }
30721            ) })
30722          ]
30723        }
30724      )
30725    ] }) })
30726  ] });
30727}
30728const Cp = globalThis.__GLOBALS__.getAssetURL("c14b3921a3e33d6aa89393e81719423878aa2118.png"), Mp = globalThis.__GLOBALS__.getAssetURL("ec67d88495e3637b3ec18ebdd17acebd6f9419be.png"), Dp = globalThis.__GLOBALS__.getAssetURL("779e40626488b767be71bcd2ec8e16b37f308b4d.png"), kp = globalThis.__GLOBALS__.getAssetURL("95722a478bd36a61a484714b33ae98fa78de5809.png"), Tp = globalThis.__GLOBALS__.getAssetURL("509f4f4a716424cd3d3f1b74b125daf499be0baa.png"), Pp = globalThis.__GLOBALS__.getAssetURL("ca90260db90c0a28ce1c7da6030db197aa3cb84c.png"), Lp = globalThis.__GLOBALS__.getAssetURL("16a6e4f867e7685f2253e5fb79ebfcb544d46d15.png"), Hp = globalThis.__GLOBALS__.getAssetURL("81730dc47a7ad6938dac4a5d1728a9394a4d5030.png"), Op = globalThis.__GLOBALS__.getAssetURL("389f0cb4979b961e1fcaadaabf36bba8f84eba32.png"), Vp = globalThis.__GLOBALS__.getAssetURL("e18831c0ae3193e5d81e15c6353b756d690b5811.png"), Ep = globalThis.__GLOBALS__.getAssetURL("88476d383f3a6bb30e3a3f1b309acbe52e7a1ea8.png"), h8 = globalThis.__GLOBALS__.getAssetURL("2c24bd3b30acd7fba890e5bba16287d9b5f08131.png");
30729function u8({ onNavigate: t }) {
30730  const { t: i } = ne(), [n, r] = C("all"), [s, l] = C(null), [o, d] = C(!1), [c, p] = C("추천순"), [h, x] = C(/* @__PURE__ */ new Set()), b = ["all", "FDM", "SLA", "SLM"], g = [
30731    { id: "fdm", name: "Style Plus (A15CR)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: kp },
30732    { id: "fdm-3", name: "Prime(M22Z)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Tp },
30733    { id: "fdm-4", name: "Single Plus (320C/G)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Pp },
30734    { id: "fdm-5", name: "Style Neo (A22C / A31C)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Lp },
30735    { id: "fdm-6", name: "Style Plus (A15D)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Hp },
30736    { id: "fdm-7", name: "Dual Plus (S30i)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Op },
30737    { id: "fdm-8", name: "xCeler(고속)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Vp },
30738    { id: "fdm-9", name: "xCeler-plus (고속)", type: "FDM Technology", volume: "400 x 400 x 400 mm", material: "PLA, ABS, PETG, TPU", image: Ep },
30739    { id: "sla", name: "MAX300", type: "SLA Technology", volume: "192 x 120 x 200 mm", material: "Standard, Tough, High Temp", image: Cp },
30740    { id: "sla-2", name: "MAX600", type: "SLA Technology", volume: "290 x 165 x 400 mm", material: "Standard, Tough, High Temp", image: Mp },
30741    { id: "slm", name: "SLM250c", type: "SLM Technology", volume: "250 x 250 x 300 mm", material: "Ti6Al4V, AlSi10Mg, 316L", image: Dp }
30742  ], w = (n === "all" ? g : g.filter((u) => u.type.includes(n))).filter((u) => h.size === 0 || h.has(u.id));
30743  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans", children: [
30744    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
30745      m.div,
30746      {
30747        initial: { opacity: 0, y: 30 },
30748        animate: { opacity: 1, y: 0 },
30749        transition: { duration: 0.6 },
30750        className: "flex flex-col gap-8",
30751        children: [
30752          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
30753            /* @__PURE__ */ e("span", { children: "Home" }),
30754            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
30755            /* @__PURE__ */ e("span", { children: "Products" }),
30756            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
30757            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "3D Printer" })
30758          ] }),
30759          /* @__PURE__ */ a("div", { children: [
30760            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "Industrial 3D Printing Solutions" }),
30761            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Advanced Industrial 3D Printing Solution" })
30762          ] }),
30763          /* @__PURE__ */ e(
30764            m.div,
30765            {
30766              initial: { opacity: 0, scale: 0.95 },
30767              animate: { opacity: 1, scale: 1 },
30768              transition: { duration: 0.8, delay: 0.2 },
30769              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg",
30770              children: /* @__PURE__ */ e(
30771                S,
30772                {
30773                  src: h8,
30774                  alt: "Robotics Hero",
30775                  className: "w-full h-full object-cover"
30776                }
30777              )
30778            }
30779          )
30780        ]
30781      }
30782    ) }),
30783    /* @__PURE__ */ a("section", { id: "3d-printers", className: "py-10 px-6 max-w-7xl mx-auto", children: [
30784      /* @__PURE__ */ e(
30785        m.div,
30786        {
30787          initial: { opacity: 0, y: 20 },
30788          whileInView: { opacity: 1, y: 0 },
30789          viewport: { once: !0 },
30790          transition: { duration: 0.6 },
30791          className: "flex flex-col gap-10 mb-16 pb-10",
30792          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
30793            /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }),
30794            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
30795            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
30796              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: b.map((u) => {
30797                const v = g.filter((f) => f.type.includes(u)), A = n === u, N = s === u;
30798                return /* @__PURE__ */ a("div", { className: "relative", children: [
30799                  /* @__PURE__ */ a(
30800                    "button",
30801                    {
30802                      onClick: () => {
30803                        r(u), l(u === "all" || N ? null : u);
30804                      },
30805                      className: `px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${A ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
30806                      children: [
30807                        u === "all" ? "All Products" : u,
30808                        u !== "all" && /* @__PURE__ */ e(
30809                          "svg",
30810                          {
30811                            className: `w-3 h-3 transition-transform duration-200 ${N ? "rotate-180" : ""}`,
30812                            fill: "none",
30813                            stroke: "currentColor",
30814                            viewBox: "0 0 24 24",
30815                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
30816                          }
30817                        )
30818                      ]
30819                    }
30820                  ),
30821                  u !== "all" && N && v.length > 0 && /* @__PURE__ */ a(
30822                    m.div,
30823                    {
30824                      initial: { opacity: 0, y: -6, scale: 0.97 },
30825                      animate: { opacity: 1, y: 0, scale: 1 },
30826                      exit: { opacity: 0, y: -6, scale: 0.97 },
30827                      transition: { duration: 0.15, ease: "easeOut" },
30828                      className: "absolute left-0 top-full mt-2 bg-white border border-slate-200 rounded-2xl shadow-xl py-2 z-50 min-w-[200px] max-h-60 overflow-y-auto",
30829                      children: [
30830                        /* @__PURE__ */ a("label", { className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors", children: [
30831                          /* @__PURE__ */ e(
30832                            "input",
30833                            {
30834                              type: "checkbox",
30835                              checked: h.size === 0,
30836                              onChange: () => x(/* @__PURE__ */ new Set()),
30837                              className: "hidden"
30838                            }
30839                          ),
30840                          /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${h.size === 0 ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: h.size === 0 && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
30841                          /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${h.size === 0 ? "text-slate-950" : "text-gray-500"}`, children: "전체" })
30842                        ] }),
30843                        /* @__PURE__ */ e("div", { className: "border-t border-slate-100 my-1" }),
30844                        v.map((f) => {
30845                          const y = h.has(f.id);
30846                          return /* @__PURE__ */ a(
30847                            "label",
30848                            {
30849                              className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors",
30850                              children: [
30851                                /* @__PURE__ */ e(
30852                                  "input",
30853                                  {
30854                                    type: "checkbox",
30855                                    checked: y,
30856                                    onChange: () => {
30857                                      x((I) => {
30858                                        const D = new Set(I);
30859                                        return y ? D.delete(f.id) : D.add(f.id), D;
30860                                      });
30861                                    },
30862                                    className: "hidden"
30863                                  }
30864                                ),
30865                                /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${y ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: y && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
30866                                /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${y ? "text-slate-950" : "text-gray-500"}`, children: f.name })
30867                              ]
30868                            },
30869                            f.id
30870                          );
30871                        })
30872                      ]
30873                    }
30874                  )
30875                ] }, u);
30876              }) }),
30877              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
30878                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: w.length }),
30879                /* @__PURE__ */ e("span", { children: "개 결과" }),
30880                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
30881                /* @__PURE__ */ a("div", { className: "relative", children: [
30882                  /* @__PURE__ */ a(
30883                    "button",
30884                    {
30885                      onClick: () => d((u) => !u),
30886                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
30887                      children: [
30888                        c,
30889                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${o ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
30890                      ]
30891                    }
30892                  ),
30893                  o && /* @__PURE__ */ e(
30894                    m.div,
30895                    {
30896                      initial: { opacity: 0, y: -6, scale: 0.97 },
30897                      animate: { opacity: 1, y: 0, scale: 1 },
30898                      exit: { opacity: 0, y: -6, scale: 0.97 },
30899                      transition: { duration: 0.15, ease: "easeOut" },
30900                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
30901                      children: ["추천순", "최신순"].map((u) => /* @__PURE__ */ e(
30902                        "button",
30903                        {
30904                          onClick: () => {
30905                            p(u), d(!1);
30906                          },
30907                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${c === u ? "text-slate-950 font-bold" : "text-gray-500"}`,
30908                          children: u
30909                        },
30910                        u
30911                      ))
30912                    }
30913                  )
30914                ] })
30915              ] })
30916            ] })
30917          ] })
30918        }
30919      ),
30920      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(ue, { mode: "popLayout", children: /* @__PURE__ */ e(
30921        m.div,
30922        {
30923          initial: { opacity: 0, y: 20 },
30924          animate: { opacity: 1, y: 0 },
30925          transition: { duration: 0.3 },
30926          className: "space-y-24",
30927          children: (() => {
30928            const v = (n === "all" ? ["FDM", "SLA", "SLM"] : [n]).map((A, N) => {
30929              const f = w.filter((y) => y.type.includes(A));
30930              return { id: N + 1, title: `${A} Technology`, products: f };
30931            }).filter((A) => A.products.length > 0);
30932            return v.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px]", children: "검색 결과가 없습니다." }) }) : v.map((A) => /* @__PURE__ */ a("div", { className: "scroll-mt-32", children: [
30933              /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-[Aoboshi_One]", children: A.title.replace(" Technology", "") }) }),
30934              /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: A.products.map((N) => /* @__PURE__ */ a("div", { className: "contents", children: [
30935                /* @__PURE__ */ a(
30936                  m.div,
30937                  {
30938                    initial: { opacity: 0, scale: 0.95 },
30939                    whileInView: { opacity: 1, scale: 1 },
30940                    viewport: { once: !0 },
30941                    transition: { duration: 0.4 },
30942                    className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
30943                    onClick: () => t && t(`/products/3d/${N.id}`),
30944                    children: [
30945                      /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-[#F2F2F2] rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
30946                        S,
30947                        {
30948                          src: N.name === "Style Neo (A22C / A31C)" ? "https://www.3dcubicon.com/data/item/1594862181/thumb-66mU7J24_A22C_550x385.png" : N.image,
30949                          alt: N.name,
30950                          className: "w-[75%] h-[75%] object-contain transition-transform duration-500 group-hover:scale-105"
30951                        }
30952                      ) }),
30953                      /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
30954                        /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-900 leading-tight mb-4 mt-2 font-[Aoboshi_One]", children: N.name === "Style Neo (A22C / A31C)" ? "Style Neo (A22C)" : N.name }),
30955                        /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
30956                          "button",
30957                          {
30958                            className: "px-6 py-2.5 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors shadow-sm",
30959                            onClick: (f) => {
30960                              f.stopPropagation(), t && t(`/products/3d/${N.id}`);
30961                            },
30962                            children: /* @__PURE__ */ e("span", { className: "text-[13px] font-[Aoboshi_One]", children: "자세히 보기" })
30963                          }
30964                        ) })
30965                      ] })
30966                    ]
30967                  }
30968                ),
30969                N.name === "Style Neo (A22C / A31C)" && /* @__PURE__ */ a(
30970                  m.div,
30971                  {
30972                    initial: { opacity: 0, scale: 0.95 },
30973                    whileInView: { opacity: 1, scale: 1 },
30974                    viewport: { once: !0 },
30975                    transition: { duration: 0.4 },
30976                    className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
30977                    onClick: () => t && t(`/products/3d/${N.id}-a31c`),
30978                    children: [
30979                      /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-[#F2F2F2] rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
30980                        S,
30981                        {
30982                          src: "https://www.3dcubicon.com/data/item/1631775559/thumb-HPA31C1_550x385.png",
30983                          alt: "Style Neo (A31C)",
30984                          className: "w-[75%] h-[75%] object-contain transition-transform duration-500 group-hover:scale-105"
30985                        }
30986                      ) }),
30987                      /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
30988                        /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-900 leading-tight mb-4 mt-2 font-[Aoboshi_One]", children: "Style Neo (A31C)" }),
30989                        /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
30990                          "button",
30991                          {
30992                            className: "px-6 py-2.5 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors shadow-sm",
30993                            onClick: (f) => {
30994                              f.stopPropagation(), t && t(`/products/3d/${N.id}-a31c`);
30995                            },
30996                            children: /* @__PURE__ */ e("span", { className: "text-[13px] font-[Aoboshi_One]", children: "자세히 보기" })
30997                          }
30998                        ) })
30999                      ] })
31000                    ]
31001                  }
31002                )
31003              ] }, N.id)) })
31004            ] }, A.title));
31005          })()
31006        },
31007        n
31008      ) }) })
31009    ] })
31010  ] });
31011}
31012function x8() {
31013  const { t } = ne(), [i, n] = C("technology");
31014  return R(() => {
31015    const s = () => {
31016      const l = window.location.hash;
31017      n(l === "#competency" ? "competency" : "technology");
31018    };
31019    return s(), window.addEventListener("hashchange", s), () => {
31020      window.removeEventListener("hashchange", s);
31021    };
31022  }
31022, []), /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
31023    /* @__PURE__ */ a("section", { className: "relative h-[450px] bg-slate-900", children: [
31024      /* @__PURE__ */ e(
31025        S,
31026        {
31027          src: "https://images.unsplash.com/photo-1760493828288-d2dbb70d18c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx0ZWNobm9sb2d5JTIwaW5ub3ZhdGlvbiUyMGxhYnxlbnwxfHx8fDE3NjMzNzM1MTF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
31028          alt: "Technology and Innovation",
31029          className: "absolute inset-0 w-full h-full object-cover"
31030        }
31031      ),
31032      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-slate-950/75" }),
31033      /* @__PURE__ */ a("div", { className: "relative h-full flex items-center", children: [
31034        /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-4xl pt-20", children: /* @__PURE__ */ e("h1", { className: "text-white mb-6 font-bold text-[64px]", children: "Technology & Innovation" }) }) }),
31035        /* @__PURE__ */ e("div", { className: "absolute right-12 top-1/2 -translate-y-1/2 opacity-10", children: /* @__PURE__ */ e("div", { className: "text-white text-[120px] tracking-widest", style: { writingMode: "vertical-rl" } }) })
31036      ] })
31037    ] }),
31038    /* @__PURE__ */ e("div", { className: "bg-[#F5F5F5] border-b border-slate-200", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ e(
31039      ea,
31040      {
31041        items: [
31042          { label: "Home", path: "/" },
31043          { label: "Company", path: "/company" },
31044          { label: "Technology & Innovation", path: "/technology-innovation" }
31045        ],
31046        onNavigate: (s) => {
31047          window.location.hash = s, window.scrollTo({ top: 0, behavior: "smooth" });
31048        }
31049      }
31050    ) }) }),
31051    /* @__PURE__ */ e("section", { className: "border-b border-slate-200 bg-white sticky top-20 z-40", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto flex gap-0 justify-center", children: [
31052      /* @__PURE__ */ e(
31053        "button",
31054        {
31055          onClick: () => n("technology"),
31056          className: `px-8 pt-7 pb-4 transition-all duration-200 border-b-3 relative ${i === "technology" ? "border-b-[3px] border-[#003D7A]" : "border-b-[3px] border-transparent hover:border-slate-300"}`,
31057          children: /* @__PURE__ */ e("div", { className: `text-[16px] font-bold transition-colors ${i === "technology" ? "text-[#003D7A]" : "text-slate-500"}`, children: "TECHNOLOGY" })
31058        }
31059      ),
31060      /* @__PURE__ */ e(
31061        "button",
31062        {
31063          onClick: () => n("competency"),
31064          className: `px-8 pt-7 pb-4 transition-all duration-200 border-b-3 relative ${i === "competency" ? "border-b-[3px] border-[#003D7A]" : "border-b-[3px] border-transparent hover:border-slate-300"}`,
31065          children: /* @__PURE__ */ e("div", { className: `text-[16px] font-bold transition-colors ${i === "competency" ? "text-[#003D7A]" : "text-slate-500"}`, children: "COMPETENCY" })
31066        }
31067      )
31068    ] }) }) }),
31069    /* @__PURE__ */ a("div", { className: "relative", children: [
31070      i === "technology" && /* @__PURE__ */ a("div", { className: "animate-in fade-in duration-300", children: [
31071        /* @__PURE__ */ e("section", { className: "py-20", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center", children: [
31072          /* @__PURE__ */ a("div", { children: [
31073            /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-2 bg-[#003D7A]/10 px-4 py-2 rounded-full mb-6", children: /* @__PURE__ */ e("span", { className: "text-sm text-[#003D7A]", children: "SOFTWARE TECHNOLOGY" }) }),
31074            /* @__PURE__ */ e("h2", { className: "text-4xl mb-6 text-slate-900 font-bold", children: "Intelligent Software Solutions" }),
31075            /* @__PURE__ */ e("p", { className: "text-lg text-slate-600 mb-8", children: "Our advanced software platform combines real-time image processing with AI-powered analytics to deliver unparalleled inspection accuracy and speed." }),
31076            /* @__PURE__ */ e("div", { className: "space-y-4", children: [
31077              "High-end Image Real-Time Processing Software",
31078              "Advanced Image Algorithm Development",
31079              "Vision Recognition & Inspection Algorithm",
31080              "AI-powered Defect Classification",
31081              "Real-time Data Analytics Platform",
31082              "Custom Algorithm Development"
31083            ].map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
31084              /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-[#138808] flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-3 h-3 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) }),
31085              /* @__PURE__ */ e("span", { className: "text-slate-700", children: s })
31086            ] }, l)) }),
31087            /* @__PURE__ */ a("div", { className: "mt-8 p-6 bg-gradient-to-r from-[#003D7A]/5 to-transparent rounded-lg border-l-4 border-[#003D7A]", children: [
31088              /* @__PURE__ */ e("div", { className: "flex items-center gap-3 mb-3", children: /* @__PURE__ */ e("h3", { className: "text-lg text-slate-900", children: "Key Advantage" }) }),
31089              /* @__PURE__ */ e("p", { className: "text-slate-700", children: "Process over 1,000 images per second with sub-pixel accuracy using our proprietary algorithms." })
31090            ] })
31091          ] }),
31092          /* @__PURE__ */ a("div", { className: "relative", children: [
31093            /* @__PURE__ */ e("div", { className: "aspect-[4/3] bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full p-8 flex flex-col items-center justify-center", children: /* @__PURE__ */ a("div", { className: "bg-white rounded-xl shadow-lg p-8 w-full max-w-md", children: [
31094              /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
31095                /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-[#003D7A] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-6 h-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" }) }) }),
31096                /* @__PURE__ */ a("div", { children: [
31097                  /* @__PURE__ */ e("div", { className: "text-sm text-slate-500", children: "AI Processing" }),
31098                  /* @__PURE__ */ e("div", { className: "text-lg text-slate-900", children: "Real-time Analysis" })
31099                ] })
31100              ] }),
31101              /* @__PURE__ */ a("div", { className: "space-y-3", children: [
31102                /* @__PURE__ */ e("div", { className: "h-2 bg-slate-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-gradient-to-r from-[#003D7A] to-[#FF9933] w-[92%] animate-pulse" }) }),
31103                /* @__PURE__ */ e("div", { className: "h-2 bg-slate-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-gradient-to-r from-[#003D7A] to-[#138808] w-[87%] animate-pulse", style: { animationDelay: "75ms" } }) }),
31104                /* @__PURE__ */ e("div", { className: "h-2 bg-slate-200 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-gradient-to-r from-[#003D7A] to-[#FF9933] w-[95%] animate-pulse", style: { animationDelay: "150ms" } }) })
31105              ] }),
31106              /* @__PURE__ */ e("div", { className: "mt-6 pt-6 border-t border-slate-200", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 text-center", children: [
31107                /* @__PURE__ */ a("div", { children: [
31108                  /* @__PURE__ */ e("div", { className: "text-2xl text-[#003D7A]", children: "99.9%" }),
31109                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Accuracy" })
31110                ] }),
31111                /* @__PURE__ */ a("div", { children: [
31112                  /* @__PURE__ */ e("div", { className: "text-2xl text-[#138808]", children: "<1ms" }),
31113                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Response" })
31114                ] })
31115              ] }) })
31116            ] }) }) }) }),
31117            /* @__PURE__ */ e("div", { className: "absolute -bottom-6 -right-6 w-32 h-32 bg-gradient-to-br from-[#FF9933] to-[#FF9933]/50 rounded-full blur-3xl opacity-30" })
31118          ] })
31119        ] }) }) }) }),
31120        /* @__PURE__ */ e("section", { className: "py-20 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center", children: [
31121          /* @__PURE__ */ a("div", { className: "order-2 lg:order-1 relative", children: [
31122            /* @__PURE__ */ e("div", { className: "aspect-[4/3] bg-gradient-to-br from-slate-200 to-slate-300 rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full p-8 flex flex-col items-center justify-center", children: /* @__PURE__ */ a("div", { className: "bg-white rounded-xl shadow-lg p-8 w-full max-w-md", children: [
31123              /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
31124                /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-[#003D7A] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-6 h-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" }) }) }),
31125                /* @__PURE__ */ a("div", { children: [
31126                  /* @__PURE__ */ e("div", { className: "text-sm text-slate-500", children: "Hardware Systems" }),
31127                  /* @__PURE__ */ e("div", { className: "text-lg text-slate-900", children: "Multi-Camera Array" })
31128                ] })
31129              ] }),
31130              /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-3 mb-4", children: [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ e("div", { className: "aspect-square bg-gradient-to-br from-slate-100 to-slate-200 rounded-lg border-2 border-[#003D7A]/20 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-6 h-6 text-[#003D7A]/40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" }) }) }, s)) }),
31131              /* @__P
31131URE__ */ e("div", { className: "mt-6 pt-6 border-t border-slate-200", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-4 text-center", children: [
31132                /* @__PURE__ */ a("div", { children: [
31133                  /* @__PURE__ */ e("div", { className: "text-lg text-[#003D7A]", children: "4K+" }),
31134                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Resolution" })
31135                ] }),
31136                /* @__PURE__ */ a("div", { children: [
31137                  /* @__PURE__ */ e("div", { className: "text-lg text-[#138808]", children: "240fps" }),
31138                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Capture" })
31139                ] }),
31140                /* @__PURE__ */ a("div", { children: [
31141                  /* @__PURE__ */ e("div", { className: "text-lg text-[#FF9933]", children: "±1μm" }),
31142                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Precision" })
31143                ] })
31144              ] }) })
31145            ] }) }) }) }),
31146            /* @__PURE__ */ e("div", { className: "absolute -top-6 -left-6 w-32 h-32 bg-gradient-to-br from-[#138808] to-[#138808]/50 rounded-full blur-3xl opacity-30" })
31147          ] }),
31148          /* @__PURE__ */ a("div", { className: "order-1 lg:order-2", children: [
31149            /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-2 bg-[#138808]/10 px-4 py-2 rounded-full mb-6", children: /* @__PURE__ */ e("span", { className: "text-sm text-[#138808] font-bold font-normal", children: "HARDWARE TECHNOLOGY" }) }),
31150            /* @__PURE__ */ e("h2", { className: "text-4xl mb-6 text-slate-900 font-bold", children: "Precision Hardware Systems" }),
31151            /* @__PURE__ */ e("p", { className: "text-lg text-slate-600 mb-8 -mt-2", children: "State-of-the-art hardware components designed for maximum performance, reliability, and precision in industrial environments." }),
31152            /* @__PURE__ */ e("div", { className: "space-y-4", children: [
31153              "High-end Hardware & Camera Systems",
31154              "X-ray Camera & AI Integration",
31155              "Linescan Camera & Multi Camera Setup",
31156              "3D Vision System Architecture",
31157              "Multi Spectrum Camera Technology",
31158              "High-speed Image Capture Systems",
31159              "High-speed RGB Dual Scan System",
31160              "High Precision Stage & Controller"
31161            ].map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
31162              /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-[#003D7A] flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-3 h-3 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) }),
31163              /* @__PURE__ */ e("span", { className: "text-slate-700", children: s })
31164            ] }, l)) }),
31165            /* @__PURE__ */ a("div", { className: "mt-8 p-6 bg-gradient-to-r from-[#138808]/5 to-transparent rounded-lg border-l-4 border-[#138808]", children: [
31166              /* @__PURE__ */ e("div", { className: "flex items-center gap-3 mb-3", children: /* @__PURE__ */ e("h3", { className: "text-lg text-slate-900", children: "Key Advantage" }) }),
31167              /* @__PURE__ */ e("p", { className: "text-slate-700", children: "Modular hardware architecture allows flexible configuration for various inspection requirements." })
31168            ] })
31169          ] })
31170        ] }) }) }) }),
31171        /* @__PURE__ */ e("section", { className: "py-20", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ e("div", { className: "max-w-[1152px] mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center", children: [
31172          /* @__PURE__ */ a("div", { children: [
31173            /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-2 bg-[#FF9933]/10 px-4 py-2 rounded-full mb-6", children: /* @__PURE__ */ e("span", { className: "text-sm text-[#FF9933]", children: "AUTOMATION TECHNOLOGY" }) }),
31174            /* @__PURE__ */ e("h2", { className: "text-4xl mb-6 text-slate-900", children: "Advanced Automation Systems" }),
31175            /* @__PURE__ */ e("p", { className: "text-lg text-slate-600 mb-8", children: "Fully integrated automation solutions combining robotics, precision mechanics, and intelligent control systems for seamless manufacturing workflows." }),
31176            /* @__PURE__ */ e("div", { className: "space-y-4", children: [
31177              "High Accuracy Stage & Align Systems",
31178              "Gantry Robotics Integration",
31179              "Dual Transfer Active Align Technology",
31180              "Cleanliness SMIF Packing Tool",
31181              "Display Multi Test System",
31182              "High-speed Full Auto Handler & Robot",
31183              "Clean Module Active Align",
31184              "Multi-PG Laser Annealer",
31185              "Automated Inline System"
31186            ].map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
31187              /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-[#FF9933] flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-3 h-3 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) }),
31188              /* @__PURE__ */ e("span", { className: "text-slate-700", children: s })
31189            ] }, l)) }),
31190            /* @__PURE__ */ a("div", { className: "mt-8 p-6 bg-gradient-to-r from-[#FF9933]/5 to-transparent rounded-lg border-l-4 border-[#FF9933]", children: [
31191              /* @__PURE__ */ e("div", { className: "flex items-center gap-3 mb-3", children: /* @__PURE__ */ e("h3", { className: "text-lg text-slate-900", children: "Key Advantage" }) }),
31192              /* @__PURE__ */ e("p", { className: "text-slate-700", children: "Industry 4.0 ready automation with IoT connectivity and predictive maintenance capabilities." })
31193            ] })
31194          ] }),
31195          /* @__PURE__ */ a("div", { className: "relative", children: [
31196            /* @__PURE__ */ e("div", { className: "aspect-[4/3] bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full p-8 flex flex-col items-center justify-center", children: /* @__PURE__ */ a("div", { className: "bg-white rounded-xl shadow-lg p-8 w-full max-w-md", children: [
31197              /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-6", children: [
31198                /* @__PURE__ */ e("div", { className: "w-12 h-12 bg-[#FF9933] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ a("svg", { className: "w-6 h-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
31199                  /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
31200                  /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
31201                ] }) }),
31202                /* @__PURE__ */ a("div", { children: [
31203                  /* @__PURE__ */ e("div", { className: "text-sm text-slate-500", children: "Automation Control" }),
31204                  /* @__PURE__ */ e("div", { className: "text-lg text-slate-900", children: "System Status" })
31205                ] })
31206              ] }),
31207              /* @__PURE__ */ a("div", { className: "space-y-4", children: [
31208                /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
31209                  /* @__PURE__ */ e("span", { className: "text-sm text-slate-600", children: "Robot Position" }),
31210                  /* @__PURE__ */ e("span", { className: "text-sm text-[#138808]", children: "Active" })
31211                ] }),
31212                /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
31213                  /* @__PURE__ */ e("span", { className: "text-sm text-slate-600", children: "Stage Alignment" }),
31214                  /* @__PURE__ */ e("span", { className: "text-sm text-[#138808]", children: "Active" })
31215                ] }),
31216                /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
31217                  /* @__PURE__ */ e("span", { className: "text-sm text-slate-600", children: "Vision System" }),
31218                  /* @__PURE__ */ e("span", { className: "text-sm text-[#138808]", children: "Active" })
31219                ] })
31220              ] }),
31221              /* @__PURE__ */ e("div", { className: "mt-6 pt-6 border-t border-slate-200", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 text-center", children: [
31222                /* @__PURE__ */ a("div", { children: [
31223                  /* @__PURE__ */ e("div", { className: "text-2xl text-[#FF9933]", children: "±0.5μm" }),
31224                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Repeatability" })
31225                ] }),
31226                /* @__PURE__ */ a("div", { children: [
31227                  /* @__PURE__ */ e("div", { className: "text-2xl text-[#003D7A]", children: "24/7" }),
31228                  /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Operation" })
31229                ] })
31230              ] }) })
31231            ] }) }) }) }),
31232            /* @__PURE__ */ e("div", { className: "absolute -bottom-6 -right-6 w-32 h-32 bg-gradient-to-br from-[#003D7A] to-[#003D7A]/50 rounded-full blur-3xl opacity-30" })
31233          ] })
31234        ] }) }) }) }),
31235        /* @__PURE__ */ e("section", { className: "py-20 bg-gradient-to-br from-slate-900 to-[#003D7A] text-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto text-center", children: [
31236          /* @__PURE__ */ e("h2", { className: "text-4xl mb-6", children: "Seamless Technology Integration" }),
31237          /* @__PURE__ */ e("p", { className: "text-xl text-white/80 max-w-3xl mx-auto mb-12", children: "Our software, hardware, and automation technologies work together as a unified system, delivering unmatched performance and reliability." }),
31238          /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mt-16", children: [
31239            /* @__PURE__ */ a("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-8 border border-white/20", children: [
31240              /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-4", children: /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-[#FF9933]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" }) }) }),
31241              /* @__PURE__ */ e("h3", { className: "text-xl mb-3", children: "AI-Powered" }),
31242              /* @__PURE__ */ e("p", { className: "text-white/70", children: "Machine learning algorithms continuously improve inspection accuracy" })
31243            ] }),
31244            /* @__PURE__ */ a("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-8 border border-white/20", children: [
31245              /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-4", children: /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-[#138808]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" }) }) }),
31246              /* @__PURE__ */ e("h3", { className: "text-xl mb-3", children: "Scalable" }),
31247              /* @__PURE__ */ e("p", { className: "text-white/70", children: "Modular design allows easy expansion and customization" })
31248            ] }),
31249            /* @__PURE__ */ a("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-8 border border-white/20", children: [
31250              /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-4", children: /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-[#FF9933]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }),
31251              /* @__PURE__ */ e("h3", { className: "text-xl mb-3", children: "Future-Ready" }),
31252              /* @__PURE__ */ e("p", { className: "text-white/70", children: "Industry 4.0 compliant with IoT and cloud connectivity" })
31253            ] })
31254          ] })
31255        ] }) }) })
31256      ] }),
31257      i === "competency" && /* @__PURE__ */ e("div", { className: "animate-in fade-in duration-300", children: /* @__PURE__ */ e("div", { className: "min-h-screen bg-white", children: /* @__PURE__ */ e(Np, {}) }) })
31258    ] })
31259  ] });
31260}
31261const g8 = globalThis.__GLOBALS__.getAssetURL("580333091f76a706710b85b334768d55b95882e6.png"), jp = globalThis.__GLOBALS__.getAssetURL("075fa277d048a5ea5480de1db4c88588b7096b51.png"), Rp = globalThis.__GLOBALS__.getAssetURL("97ed20f1eaa8c6c40dba4d486ad2149ef0b74f33.png");
31262function f8() {
31263  const t = (g) => {
31264    window.location.hash = g, window.scrollTo({ top: 0, behavior: "smooth" });
31265  }, [i, n] = oe.useState(0), [r, s] = oe.useState(1.1), [l, o] = oe.useState(65), [d, c] = oe.useState(!0), p = oe.useRef(null), h = oe.useRef(null);
31266  oe.useEffect(() => {
31267    const g = () => {
31268      const w = window.scrollY, u = document.querySelector(".industries-section");
31269      if (u) {
31270        const v = u.offsetTop, A = u.offsetHeight, N = window.innerHeight, f = v - N, I = v - N / 2 + A / 2 - f, D = Math.min(Math.max((w - f) / I, 0), 1), P = 1.1 + D * 0.2;
31271        s(P);
31272        const k = 65 + D * 35;
31273        o(k);
31274      }
31275    };
31276    return window.addEventListener("scroll", g), g(), () => {
31277      window.removeEventListener("scroll", g);
31278    };
31279  }, []), oe.useEffect(() => {
31280    const g = [];
31281    document.querySelectorAll("[data-business-section]").forEach((v, A) => {
31282      const N = new IntersectionObserver(
31283        (f) => {
31284          f.forEach((y) => {
31285            y.isIntersecting && n(A);
31286          });
31287        },
31288        { threshold: 0.5 }
31289      );
31290      N.observe(v), g.push(N);
31291    });
31292    const u = () => {
31293      if (!p.current) return;
31294      const v = p.current.getBoundingClientRect().bottom, A = h.current ? h.current.offsetHeight : 0;
31295      c(v > 160 + A);
31296    };
31297    return window.addEventListener("scroll", u), u(), () => {
31298      g.forEach((v) => v.disconnect()), window.removeEventListener("scroll", u);
31299    };
31300  }, []);
31301  const x = (g) => {
31302    const w = document.querySelector(`[data-business-section="${g}"]`);
31303    w && w.scrollIntoView({ behavior: "smooth", block: "center" });
31304  }, b = [
31305    {
31306      id: "battery",
31307      title: "Battery / ESS",
31308      subtitle: "전력 품질 보증",
31309      description: "전기차 배터리 실시간 품질 관리",
31310      image: Rp,
31311      path: "/rechargeable-battery"
31312    },
31313    {
31314      id: "wafer-aoi",
31315      title: "Automated Optical Inspection",
31316      subtitle: "반도체 정밀 기술",
31317      description: "나노 수준 반도체 웨이퍼 결함 탐지",
31318      image: Da,
31319      path: "/products/automated-optical-inspection"
31320    },
31321    {
31322      id: "ccm",
31323      title: "EMS Tester",
31324      subtitle: "카메라 모듈의 완벽함",
31325      description: "스마트폰·자동차 카메라 모듈 고정밀 검사",
31326      image: jp,
31327      path: "/ccm"
31328    },
31329    {
31330      id: "smart-components",
31331      title: "Smart Components",
31332      subtitle: "모든 컴포넌트에 지능을",
31333      description: "차세대 자동차와 산업용 스마트 센서",
31334      image: "https://images.unsplash.com/photo-1753039495488-434a2fe53e41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMHNlbnNvciUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzY4MzU2NzM4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
31335      path: "/smart-components"
31336    }
31337  ];
31338  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
31339    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8 industries-hero-section", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
31340      /* @__PURE__ */ e(
31341        m.div,
31342        {
31343          initial: { opacity: 0, x: -60 },
31344          animate: { opacity: 1, x: 0 },
31345          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
31346          className: "pt-[11px]",
31347          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Overview" })
31348        }
31349      ),
31350      /* @__PURE__ */ a(
31351        m.div,
31352        {
31353          initial: { opacity: 0, x: 60 },
31354          animate: { opacity: 1, x: 0 },
31355          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
31356          children: [
31357            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[38px] leading-[1.4] mb-6 tracking-tight font-sans whitespace-nowrap", children: [
31358              "Setting a New Standard in",
31359              /* @__PURE__ */ e("br", {}),
31360              "Precision Inspection and Automation"
31361            ] }),
31362            /* @__PURE__ */ a("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: [
31363              "HyVISION SYSTEM ICCK provides state of the art vision ",
31364              /* @__PURE__ */ e("br", {}),
31365              "inspection solutions across a wide range of industries."
31366            ] })
31367          ]
31368        }
31369      )
31370    ] }) }) }),
31371    /* @__PURE__ */ a("section", { className: "relative pb-32 pt-0 overflow-hidden industries-section", children: [
31372      /* @__PURE__ */ e(
31373        "div",
31374        {
31375          className: "mx-auto transition-all duration-500 ease-out overflow-hidden",
31376          style: {
31377            width: `${l}%`
31378          },
31379          children: /* @__PURE__ */ a(
31380            "div",
31381            {
31382              className: "relative h-full transition-transform duration-300 ease-out",
31383              style: {
31384                transform: `scale(${r})`
31385              },
31386              children: [
31387                /* @__PURE__ */ e(
31388                  S,
31389                  {
31390                    src: g8,
31391                    alt: "Industrial Technology",
31392                    className: "w-full h-[800px] object-cover"
31393                  }
31394                ),
31395                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/40 via-black/35 to-black/45" })
31396              ]
31397            }
31398          )
31399        }
31400      ),
31401      /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "relative max-w-7xl mx-auto px-6 w-full", children: [
31402        /* @__PURE__ */ a(
31403          m.div,
31404          {
31405            className: "text-center mb-12",
31406            initial: { opacity: 0, y: 40 },
31407            whileInView: { opacity: 1, y: 0 },
31408            viewport: { once: !0 },
31409            transition: { duration: 0.8, ease: "easeOut" },
31410            children: [
31411              /* @__PURE__ */ a("h2", { className: "text-white leading-[1.7] max-w-5xl mx-auto mb-12 -mt-32 font-[Aoboshi_One] text-[34px]", children: [
31412                "From Components to Precision Automated Inspection,",
31413                /* @__PURE__ */ e("br", {}),
31414                "an Integrated Vision Solution Connecting Every Process"
31415              ] }),
31416              /* @__PURE__ */ e("div", { className: "w-full max-w-5xl mx-auto h-px bg-white/30 mb-16" })
31417            ]
31418          }
31419        ),
31420        /* @__PURE__ */ a("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 max-w-5xl mx-auto mt-8", children: [
31421          /* @__PURE__ */ a(
31422            m.div,
31423            {
31424              className: "flex flex-col items-center group cursor-pointer",
31425              onClick: () => t("/product/battery-ess"),
31426              initial: { opacity: 0, y: 30 },
31427              whileInView: { opacity: 1, y: 0 },
31428              viewport: { once: !0 },
31429              transition: { duration: 0.6, delay: 0.1, ease: "easeOut" },
31430              children: [
31431                /* @__PURE__ */ e(Yr, { className: "w-12 h-12 text-white mb-3 group-hover:scale-110 transition-all duration-300", strokeWidth: 1 }),
31432                /* @__PURE__ */ e("h3", { className: "text-white text-[13px] font-bold text-center", children: "Battery & ESS" })
31433              ]
31434            }
31435          ),
31436          /* @__PURE__ */ a(
31437            m.div,
31438            {
31439              className: "flex flex-col items-center group cursor-pointer",
31440              onClick: () => t("/products/automated-optical-inspection"),
31441              initial: { opacity: 0, y: 30 },
31442              whileInView: { opacity: 1, y: 0 },
31443              viewport: { once: !0 },
31444              transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
31445              children: [
31446                /* @__PURE__ */ e(at, { className: "w-12 h-12 text-white mb-3 group-hover:scale-110 transition-all duration-300", strokeWidth: 1 }),
31447                /* @__PURE__ */ e("h3", { className: "text-white text-[13px] font-bold text-center", children: "AOI" })
31448              ]
31449            }
31450          ),
31451          /* @__PURE__ */ a(
31452            m.div,
31453            {
31454              className: "flex flex-col items-center group cursor-pointer",
31455              onClick: () => t("/products/ccm"),
31456              initial: { opacity: 0, y: 30 },
31457              whileInView: { opacity: 1, y: 0 },
31458              viewport: { once: !0 },
31459              transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
31460              children: [
31461                /* @__PURE__ */ e(Kr, { className: "w-12 h-12 text-white mb-3 group-hover:scale-110 transition-all duration-300", strokeWidth: 1 }),
31462                /* @__PURE__ */ e("h3", { className: "text-white text-[13px] font-bold text-center whitespace-nowrap", children: "EMS Tester" })
31463              ]
31464            }
31465          ),
31466          /* @__PURE__ */ a(
31467            m.div,
31468            {
31469              className: "flex flex-col items-center group cursor-pointer",
31470              onClick: () => t("/smart-components"),
31471              initial: { opacity: 0, y: 30 },
31472              whileInView: { opacity: 1, y: 0 },
31473              viewport: { once: !0 },
31474              transition: { duration: 0.6, delay: 0.4, ease: "easeOut" },
31475              children: [
31476                /* @__PURE__ */ e(dn, { className: "w-12 h-12 text-white mb-3 group-hover:scale-110 transition-all duration-300", strokeWidth: 1 }),
31477                /* @__PURE__ */ e("h3", { className: "text-white text-[13px] font-bold text-center", children: "Smart Components" })
31478              ]
31479            }
31480          )
31481        ] })
31482      ] }) })
31483    ] }),
31484    /* @__PURE__ */ e("section", { className: "py-16 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-[280px_1fr] gap-16", children: [
31485      /* @__PURE__ */ e(
31486        m.div,
31487        {
31488          ref: h,
31489          className: `lg:self-start transition-none ${d ? "lg:sticky lg:top-40" : "lg:relative"}`,
31490          initial: { opacity: 0, x: -40 },
31491          whileInView: { opacity: 1, x: 0 },
31492          viewport: { once: !0 },
31493          transition: { duration: 0.8, ease: "easeOut" },
31494          children: /* @__PURE__ */ a("div", { className: "space-y-1 relative", children: [
31495            /* @__PURE__ */ e("div", { className: "absolute left-0 top-[6px] bottom-[6px] w-[2px] bg-slate-300" }),
31496            b.map((g, w) => /* @__PURE__ */ a(
31497              "button",
31498              {
31499                onClick: () => x(w),
31500                className: `w-full text-left py-1.5 pl-4 transition-all duration-300 relative ${i === w ? "text-black font-bold" : "text-slate-400 hover:text-black"}`,
31501                children: [
31502                  i === w && /* @__PURE__ */ e("div", { className: "absolute left-0 top-[6px] bottom-[6px] w-[2px] bg-emerald-400" }),
31503                  /* @__PURE__ */ e("span", { className: "text-[17px] font-bold font-[Lato]", children: g.id === "3d-printer" ? "3D Printer" : g.id === "wafer-aoi" ? "Automated Optical Inspection" : g.id === "ccm" ? "EMS Tester" : g.title })
31504                ]
31505              },
31506              g.id
31507            ))
31508          ] })
31509        }
31510      ),
31511      /* @__PURE__ */ e("div", { ref: p, className: "space-y-40 pr-0", children: b.map((g, w) => /* @__PURE__ */ a(
31512        m.div,
31513        {
31514          "data-business-section": w,
31515          className: "pt-[6px] pb-24",
31516          initial: { opacity: 0, y: 50 },
31517          whileInView: { opacity: 1, y: 0 },
31518          viewport: { once: !0, margin: "-100px" },
31519          transition: { duration: 0.7, ease: "easeOut" },
31520          children: [
31521            /* @__PURE__ */ e("h2", { className: "text-slate-950 font-bold leading-none mb-7 mt-0 tracking-tight font-[Lato] text-[43px]", children: g.id === "3d-printer" ? "3D Printer" : g.id === "wafer-aoi" ? "Automated Optical Inspection" : g.id === "ccm" ? "EMS Tester" : g.title }),
31522            /* @__PURE__ */ a(
31523              "div",
31524              {
31525                className: "relative aspect-[16/5] overflow-hidden group cursor-pointer",
31526                onClick: () => t(g.path),
31527                children: [
31528                  /* @__PURE__ */ e(
31529                    S,
31530                    {
31531                      src: g.image,
31532                      alt: g.title,
31533                      className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
31534                    }
31535                  ),
31536                  /* @__PURE__ */ e(
31537                    "div",
31538                    {
31539                      className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/35 to-transparent",
31540                      onClick: (u) => {
31541                        g.id === "battery" ? (u.stopPropagation(), t("/product/battery-ess")) : g.id === "ccm" ? (u.stopPropagation(), t("/products/ccm")) : g.id === "bio" ? (u.stopPropagation(), t("/products/bio-inspection")) : g.id === "wafer-aoi" && (u.stopPropagation(), t("/products/automated-optical-inspection"));
31542                      }
31543                    }
31544                  ),
31545                  /* @__PURE__ */ a("div", { className: "absolute top-0 left-0 right-0 p-12 pt-10 text-white", children: [
31546                    /* @__PURE__ */ e("h3", { className: "text-[28px] font-bold leading-[1.3] mb-4", children: g.id === "3d-printer" ? "산업 제조용 3D 프린터" : g.id === "battery" ? "2차전지 및 ESS 공정의 정밀 비전 검사 솔루션" : g.description }),
31547                    /* @__PURE__ */ e("div", { className: "flex items-center transition-all duration-300 group-hover:translate-x-1", children: /* @__PURE__ */ e(re, { className: "w-5 h-5 text-white" }) })
31548                  ] })
31549                ]
31550              }
31551            )
31552          ]
31553        },
31554        g.id
31555      )) })
31556    ] }) }) })
31557  ] });
31558}
31559const b8 = globalThis.__GLOBALS__.getAssetURL("f8b56e51e05ff2859bf7806b6edf5c0e66a42f78.png");
31560function Hc() {
31561  const t = b8, i = [
31562    { title: "외관 · 이물 · 누액 · 충진량 검사", desc: "시린지의 외관 결함, 이물질, 누액 및 충진량을 정밀 검사" },
31563    { title: "1ml, 3ml, 5ml 호환", desc: "액체, 서스펜션, 점성, 겔 등 다양한 제형 지원" },
31564    { title: "130BPM / 8,000BPH 고속 검사", desc: "분당 130개, 시간당 8,000개의 고속 처리 능력" },
31565    { title: "디네스팅 · 리네스팅", desc: "Customizable 네스팅 옵션 지원" },
31566    { title: "고객 맞춤형 솔루션", desc: "검사 항목 추가 가능(스테이션), 고객 요구에 맞는 커스텀 구성" },
31567    { title: "부드러운 핸들링", desc: "손상·파손 방지 및 기포 최소화 설계" },
31568    { title: "고휘도 LED + 고해상도 카메라", desc: "고휘도 LED 조명과 디지털 카메라로 고속/정밀 판독" },
31569    { title: "AI Deep Learning 알고리즘", desc: "Rule-base 알고리즘 적용으로 검사 정밀도와 신뢰성 강화" },
31570    { title: "내부·외부 이물 분리 검출 특허", desc: "배럴, 숄더, 스토퍼 top/side 적용 기술 특허 출원" },
31571    { title: "빠르고 쉬운 컨버젼", desc: "신속한 제품 전환으로 다운타임 최소화" },
31572    { title: "사용자 친화적 HMI", desc: "RPV(원격 매개변수 설정 및 검증) 지원" },
31573    { title: "USFDA 21CFR Part 11 준수", desc: "FDA 규정 준수 데이터 무결성 보장" },
31574    { title: "21.5인치 대형 터치스크린", desc: "직관적인 대형 화면으로 편리한 운영" },
31575    { title: "빠른 납기 및 기술 지원", desc: "신속한 납기와 전문 기술 지원 서비스 제공" }
31576  ], n = [
31577    "외관 검사 (크랙, 스크래치, 변형)",
31578    "이물 검사 (내부/외부 이물 분리)",
31579    "누액 검사 (배럴, 숄더, 스토퍼)",
31580    "충진량 검사 (Fill Level)",
31581    "고무전 (Stopper) 위치 및 상태",
31582    "플런저 로드 결합 상태",
31583    "라벨 부착 상태 및 인쇄 검사"
31584  ], r = [
31585    "Prefilled Syringes (1ml, 3ml, 5ml)",
31586    "Liquid Products (액상 의약품)",
31587    "Suspension Products (현탁액)",
31588    "Viscous & Gel Products (점성/겔 제제)",
31589    "Vaccines & Biologics"
31590  ], s = [
31591    { label: "Overall Line", value: "4,300 (W) x 2,600 (D) x 2,000 (H) mm : 11.2m²" }
31592  ];
31593  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
31594    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
31595      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
31596        /* @__PURE__ */ e(
31597          S,
31598          {
31599            src: t,
31600            alt: "HBSI-130 Syringe Inspection System",
31601            className: "w-full h-full object-cover"
31602          }
31603        ),
31604        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
31605      ] }),
31606      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
31607        m.div,
31608        {
31609          initial: { opacity: 0, x: -30 },
31610          animate: { opacity: 1, x: 0 },
31611          transition: { duration: 0.6 },
31612          children: [
31613            /* @__PURE__ */ a("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: [
31614              "HBSI-130",
31615              /* @__PURE__ */ e("br", {}),
31616              "Syringe Inspection"
31617            ] }),
31618            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Automated Syringe Inspection System" }),
31619            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
31620              "1ml·3ml·5ml 시린지를 8,000BPH로 정밀 검사하는 AI 기반 자동화 솔루션입니다.",
31621              /* @__PURE__ */ e("br", {}),
31622              "네스팅 자동화·이물 분리 특허 기술과 USFDA 21 CFR Part 11 준수로 높은 신뢰성과 빠른 컨버전을 지원합니다."
31623            ] }),
31624            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
31625              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
31626              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
31627            ] }) })
31628          ]
31629        }
31630      ) }) })
31631    ] }),
31632    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-20", children: [
31633      /* @__PURE__ */ a(
31634        m.div,
31635        {
31636          initial: { opacity: 0, y: 30 },
31637          whileInView: { opacity: 1, y: 0 },
31638          viewport: { once: !0, margin: "-100px" },
31639          transition: { duration: 0.6 },
31640          children: [
31641            /* @__PURE__ */ e(
31642              m.h2,
31643              {
31644                className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
31645                initial: { opacity: 0, x: -24 },
31646                whileInView: { opacity: 1, x: 0 },
31647                viewport: { once: !0, margin: "-80px" },
31648                transition: { duration: 0.5, delay: 0.1 },
31649                children: "제품 사양"
31650              }
31651            ),
31652            /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
31653              /* @__PURE__ */ a(
31654                m.div,
31655                {
31656                  initial: { opacity: 0, y: 20 },
31657                  whileInView: { opacity: 1, y: 0 },
31658                  viewport: { once: !0, margin: "-60px" },
31659                  transition: { duration: 0.5, delay: 0.1 },
31660                  children: [
31661                    /* @__PURE__ */ a(
31662                      m.h3,
31663                      {
31664                        className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
31665                        style: { fontWeight: 700 },
31666                        initial: { opacity: 0, y: 10 },
31667                        whileInView: { opacity: 1, y: 0 },
31668                        viewport: { once: !0 },
31669                        transition: { duration: 0.4, delay: 0.1 },
31670                        children: [
31671                          "주요 특징 ",
31672                          /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
31673                        ]
31674                      }
31675                    ),
31676                    /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
31677                      /* @__PURE__ */ e(
31678                        m.p,
31679                        {
31680                          className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
31681                          initial: { opacity: 0, y: 12 },
31682                          whileInView: { opacity: 1, y: 0 },
31683                          viewport: { once: !0 },
31684                          transition: { duration: 0.5, delay: 0.4 },
31685                          children: "AI 기반 고속 시린지 정밀 검사, 8,000 BPH 처리 성능"
31686                        }
31687                      ),
31688                      /* @__PURE__ */ e(
31689                        m.p,
31690                        {
31691                          className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans whitespace-pre-line",
31692                          initial: { opacity: 0, y: 12 },
31693                          whileInView: { opacity: 1, y: 0 },
31694                          viewport: { once: !0 },
31695                          transition: { duration: 0.5, delay: 0.55 },
31696                          children: `1ml·3ml·5ml 시린지를 8,000BPH로 정밀 검사하는 AI 기반 자동화 솔루션입니다.
31697네스팅 자동화·이물 분리 특허 기술과 USFDA 21 CFR Part 11 준수로 높은 신뢰성을 보장합니다.`
31698                        }
31699                      )
31700                    ] }),
31701                    /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: i.map((l, o) => /* @__PURE__ */ a(
31702                      m.div,
31703                      {
31704                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
31705                        initial: { opacity: 0, y: 16 },
31706                        whileInView: { opacity: 1, y: 0 },
31707                        viewport: { once: !0 },
31708                        transition: { duration: 0.4, delay: 0.1 + o * 0.07 },
31709                        children: [
31710                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
31711                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
31712                              o + 1,
31713                              "."
31714                            ] }),
31715                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: l.title })
31716                          ] }),
31717                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: o === 0 ? /* @__PURE__ */ e(V, { children: "시린지 외관 결함, 이물질, 누액 및 충진량 정밀 검사" }) : o === 2 ? /* @__PURE__ */ e(V, { children: "분당 130개, 시간당 8,000개의 고속 처리 능력" }) : o === 4 ? /* @__PURE__ */ e(V, { children: "검사 항목 추가 가능 (스테이션), 고객 요구에 맞는 커스텀 구성" }) : o === 7 ? /* @__PURE__ */ a(V, { children: [
31718                            "Rule-base 알고리즘 적용으로",
31719                            /* @__PURE__ */ e("br", {}),
31720                            "검사 정밀도와 신뢰성 강화"
31721                          ] }) : l.desc })
31722                        ]
31723                      },
31724                      o
31725                    )) }) })
31726                  ]
31727                }
31728              ),
31729              /* @__PURE__ */ a(
31730                m.div,
31731                {
31732                  initial: { opacity: 0, y: 20 },
31733                  whileInView: { opacity: 1, y: 0 },
31734                  viewport: { once: !0, margin: "-60px" },
31735                  transition: { duration: 0.5, delay: 0.1 },
31736                  children: [
31737                    /* @__PURE__ */ e(
31738                      m.h3,
31739                      {
31740                        className: "text-[18px] font-bold text-slate-950 mb-4",
31741                        initial: { opacity: 0, x: -16 },
31742                        whileInView: { opacity: 1, x: 0 },
31743                        viewport: { once: !0, margin: "-60px" },
31744                        transition: { duration: 0.4, delay: 0.15 },
31745                        children: "검사 항목 (Inspection Item)"
31746                      }
31747                    ),
31748                    /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2", children: n.map((l, o) => /* @__PURE__ */ a(
31749                      m.div,
31750                      {
31751                        className: "flex items-center gap-3 text-gray-700 text-[15px]",
31752                        initial: { opacity: 0, x: -16 },
31753                        whileInView: { opacity: 1, x: 0 },
31754                        viewport: { once: !0, margin: "-40px" },
31755                        transition: { duration: 0.4, delay: 0.1 + 0.08 * o },
31756                        children: [
31757                          /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
31758                          l
31759                        ]
31760                      },
31761                      o
31762                    )) }) })
31763                  ]
31764                }
31765              ),
31766              /* @__PURE__ */ a(
31767                m.div,
31768                {
31769                  initial: { opacity: 0, y: 20 },
31770                  whileInView: { opacity: 1, y: 0 },
31771                  viewport: { once: !0, margin: "-60px" },
31772                  transition: { duration: 0.5, delay: 0.1 },
31773                  children: [
31774                    /* @__PURE__ */ e(
31775                      m.h3,
31776                      {
31777                        className: "text-[18px] font-bold text-slate-950 mb-4",
31778                        initial: { opacity: 0, x: -16 },
31779                        whileInView: { opacity: 1, x: 0 },
31780                        viewport: { once: !0, margin: "-60px" },
31781                        transition: { duration: 0.4, delay: 0.15 },
31782                        children: "제품 규격 (Dimension)"
31783                      }
31784                    ),
31785                    /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e(
31786                      m.div,
31787                      {
31788                        className: "space-y-3 w-full",
31789                        initial: { opacity: 0, y: 12 },
31790                        whileInView: { opacity: 1, y: 0 },
31791                        viewport: { once: !0, margin: "-40px" },
31792                        transition: { duration: 0.4, delay: 0.2 },
31793                        children: s.map((l, o) => /* @__PURE__ */ a(
31794                          m.div,
31795                          {
31796                            className: "flex justify-between items-center border-b border-gray-100 pb-3 last:border-0",
31797                            initial: { opacity: 0, x: -12 },
31798                            whileInView: { opacity: 1, x: 0 },
31799                            viewport: { once: !0, margin: "-40px" },
31800                            transition: { duration: 0.4, delay: 0.2 + 0.08 * o },
31801                            children: [
31802                              /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium text-[14px]", children: l.label }),
31803                              /* @__PURE__ */ e("span", { className: "font-bold text-slate-900 flex-1 text-right font-[Aoboshi_One] text-[14px]", children: l.value })
31804                            ]
31805                          },
31806                          o
31807                        ))
31808                      }
31809                    ) })
31810                  ]
31811                }
31812              ),
31813              /* @__PURE__ */ a(
31814                m.div,
31815                {
31816                  initial: { opacity: 0, y: 20 },
31817                  whileInView: { opacity: 1, y: 0 },
31818                  viewport: { once: !0, margin: "-60px" },
31819                  transition: { duration: 0.5, delay: 0.1 },
31820                  children: [
31821                    /* @__PURE__ */ e(
31822                      m.h3,
31823                      {
31824                        className: "text-[18px] font-bold text-slate-950 mb-4",
31825                        initial: { opacity: 0, x: -16 },
31826                        whileInView: { opacity: 1, x: 0 },
31827                        viewport: { once: !0, margin: "-60px" },
31828                        transition: { duration: 0.4, delay: 0.15 },
31829                        children: "적용 분야 (Application)"
31830                      }
31831                    ),
31832                    /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: r.map((l, o) => {
31833                      const d = (p) => {
31834                        const h = p.toLowerCase();
31835                        return h.includes("syringe") || h.includes("시린지") || h.includes("prefilled") ? "https://images.unsplash.com/photo-1752842350772-2921657e50d7?w=600&q=80" : h.includes("vaccine") || h.includes("biologic") || h.includes("백신") ? "https://images.unsplash.com/photo-1577276218751-2ffe1caa4994?w=600&q=80" : h.includes("liquid") || h.includes("액상") || h.includes("suspension") ? "https://images.unsplash.com/photo-1621331462282-0c890b7c933b?w=600&q=80" : h.includes("viscous") || h.includes("gel") || h.includes("점성") ? "https://images.unsplash.com/photo-1724526788521-b1da0cfc1aea?w=600&q=80" : "https://images.unsplash.com/photo-1752842350772-2921657e50d7?w=600&q=80";
31836                      }, c = (p) => {
31837                        const h = p.toLowerCase();
31838                        return h.includes("syringe") || h.includes("시린지") || h.includes("prefilled") ? "Pre-filled Syringe" : h.includes("vaccine") || h.includes("biologic") || h.includes("백신") ? "Vaccine & Biologics" : h.includes("liquid") || h.includes("액상") || h.includes("suspension") ? "Liquid Formulation" : h.includes("viscous") || h.includes("gel") || h.includes("점성") ? "Viscous & Gel" : "Pharmaceutical Application";
31839                      };
31840                      return /* @__PURE__ */ a(
31841                        m.div,
31842                        {
31843                          className: "group overflow-hidden",
31844                          initial: { opacity: 0, y: 16 },
31845                          whileInView: { opacity: 1, y: 0 },
31846                          viewport: { once: !0 },
31847                          transition: { duration: 0.4, delay: 0.1 + o * 0.07 },
31848                          children: [
31849                            /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
31850                              S,
31851                              {
31852                                src: d(l),
31853                                alt: l,
31854                                className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
31855                              }
31856                            ) }),
31857                            /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: l }),
31858                            /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: c(l) })
31859                          ]
31860                        },
31861                        o
31862                      );
31863                    }) }) })
31864                  ]
31865                }
31866              )
31867            ] })
31868          ]
31869        }
31870      ),
31871      /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
31872        "button",
31873        {
31874          onClick: () => window.history.back(),
31875          className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
31876          children: "목록으로"
31877        }
31878      ) })
31879    ] }) }) })
31880  ] });
31881}
31882const y8 = globalThis.__GLOBALS__.getAssetURL("e919654a6b4bf2fc1a8593938922601ab0af8791.png");
31883function Oc() {
31884  const t = y8, i = [
31885    "Lower Housing Alignment Check",
31886    "Strip Position & Alignment Check",
31887    "Foreign Material Detection (이물 검사)",
31888    "Upper Housing Gap Check (체결 상태)",
31889    "Label Attachment Inspection",
31890    "Final Product Appearance Check"
31891  ], n = [
31892    "Rapid Diagnostic Test Kits (COVID-19, Influenza)",
31893    "Pregnancy Test Kits",
31894    "Lateral Flow Assay Kits",
31895    "Medical Device Assembly"
31896  ], r = [
31897    { title: "시린지 비젼 검사" },
31898    { title: "외관 · 이물 · 누액 · 충진량 검사" },
31899    { title: "1ml, 3ml 호환 가능, 액체, 서스펜션, 점성, 겔" },
31900    { title: "100BPM / 6000BPH" },
31901    { title: "네스팅, 디네스팅, Tub 자동 재순환" },
31902    { title: `검사 항목 추가 기능(스테이션),
31903고객 맞춤형 솔루션` },
31904    { title: `부드러운 핸들링
31905손상 파손 방지 및 기포 최소화` },
31906    { title: `고휘도 LED 조명과 고해상도
31907디지털 카메라로 고속/정밀판독` },
31908    { title: `Ai deep learning, Rule-based
31909알고리즘 기반 검사 정밀도 강화` },
31910    { title: "내부 외부 이물 분리 검출 기술 특허 출원" },
31911    { title: "Fail safe reject verification, Gap 보상" },
31912    { title: "빠르고 쉬운 컨버젼" },
31913    { title: "사용자 친화적 HMI, RPV", sub: "(원격 매개변수 설정 및 검증)" },
31914    { title: "USFDA 21CFR Part 11 준수" },
31915    { title: "21.5인치 대형 터치스크린" },
31916    { title: "빠른 납기 및 기술 지원" }
31917  ];
31918  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
31919    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
31920      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
31921        /* @__PURE__ */ e(
31922          S,
31923          {
31924            src: t,
31925            alt: "FrCS500 Syringe Vision Inspection",
31926            className: "w-full h-full object-cover"
31927          }
31928        ),
31929        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40" })
31930      ] }),
31931      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
31932        m.div,
31933        {
31934          initial: { opacity: 0, x: -30 },
31935          animate: { opacity: 1, x: 0 },
31936          transition: { duration: 0.6 },
31937          children: [
31938            /* @__PURE__ */ a(
31939              m.h1,
31940              {
31941                className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]",
31942                initial: { opacity: 0, y: 20 },
31943                animate: { opacity: 1, y: 0 },
31944                transition: { duration: 0.6, delay: 0.1 },
31945                children: [
31946                  "FrCS500",
31947                  /* @__PURE__ */ e("br", {}),
31948                  "Syringe Vision Inspection"
31949                ]
31950              }
31951            ),
31952            /* @__PURE__ */ e(
31953              m.p,
31954              {
31955                className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans",
31956                initial: { opacity: 0, y: 20 },
31957                animate: { opacity: 1, y: 0 },
31958                transition: { duration: 0.6, delay: 0.25 },
31959                children: "AI-Based Mid-Speed Syringe Inspection System"
31960              }
31961            ),
31962            /* @__PURE__ */ a(
31963              m.p,
31964              {
31965                className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]",
31966                initial: { opacity: 0, y: 20 },
31967                animate: { opacity: 1, y: 0 },
31968                transition: { duration: 0.6, delay: 0.4 },
31969                children: [
31970                  "1ml·3ml 시린지를 6,000 BPH로 검사하는 AI 기반 중속 시린지 검사 솔루션입니다.",
31971                  /* @__PURE__ */ e("br", {}),
31972                  "네스팅·디네스팅 자동화와 이물 분리 검출 특허 기술을 적용했으며 US FDA 21 CFR Part 11 준수 및 빠른 컨버전을 지원합니다."
31973                ]
31974              }
31975            ),
31976            /* @__PURE__ */ e(
31977              m.div,
31978              {
31979                className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]",
31980                initial: { opacity: 0, y: 20 },
31981                animate: { opacity: 1, y: 0 },
31982                transition: { duration: 0.6, delay: 0.55 },
31983                children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
31984                  /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
31985                  /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
31986                ] })
31987              }
31988            )
31989          ]
31990        }
31991      ) }) })
31992    ] }),
31993    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
31994      m.div,
31995      {
31996        initial: { opacity: 0, y: 30 },
31997        whileInView: { opacity: 1, y: 0 },
31998        viewport: { once: !0, margin: "-100px" },
31999        transition: { duration: 0.6 },
32000        children: [
32001          /* @__PURE__ */ e("h2", { className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10", children: "제품 사양" }),
32002          /* @__PURE__ */ a("div", { className: "flex flex-col gap-32", children: [
32003            /* @__PURE__ */ a(
32004              m.div,
32005              {
32006                initial: { opacity: 0, y: 24 },
32007                whileInView: { opacity: 1, y: 0 },
32008                viewport: { once: !0, margin: "-80px" },
32009                transition: { duration: 0.5, delay: 0.1 },
32010                children: [
32011                  /* @__PURE__ */ a(
32012                    m.h3,
32013                    {
32014                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
32015                      style: { fontWeight: 700 },
32016                      initial: { opacity: 0, y: 10 },
32017                      whileInView: { opacity: 1, y: 0 },
32018                      viewport: { once: !0 },
32019                      transition: { duration: 0.4, delay: 0.1 },
32020                      children: [
32021                        "주요 특징 ",
32022                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
32023                      ]
32024                    }
32025                  ),
32026                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
32027                    /* @__PURE__ */ e(
32028                      m.p,
32029                      {
32030                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
32031                        initial: { opacity: 0, y: 12 },
32032                        whileInView: { opacity: 1, y: 0 },
32033                        viewport: { once: !0 },
32034                        transition: { duration: 0.5, delay: 0.4 },
32035                        children: "AI 기반 중속 시린지 정밀 검사 자동화 솔루션"
32036                      }
32037                    ),
32038                    /* @__PURE__ */ a(
32039                      m.p,
32040                      {
32041                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans",
32042                        initial: { opacity: 0, y: 12 },
32043                        whileInView: { opacity: 1, y: 0 },
32044                        viewport: { once: !0 },
32045                        transition: { duration: 0.5, delay: 0.55 },
32046                        children: [
32047                          "1ml·3ml 시린지를 6,000 BPH로 검사하는 AI 기반 중속 시린지 검사 솔루션입니다.",
32048                          /* @__PURE__ */ e("br", {}),
32049                          "네스팅·디네스팅 자동화와 이물 분리 검출 특허 기술을 적용했습니다."
32050                        ]
32051                      }
32052                    )
32053                  ] }),
32054                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: r.map((s, l) => /* @__PURE__ */ a(
32055                    m.div,
32056                    {
32057                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
32058                      initial: { opacity: 0, y: 16 },
32059                      whileInView: { opacity: 1, y: 0 },
32060                      viewport: { once: !0 },
32061                      transition: { duration: 0.4, delay: 0.1 + l * 0.07 },
32062                      children: [
32063                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
32064                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
32065                            l + 1,
32066                            "."
32067                          ] }),
32068                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: s.title })
32069                        ] }),
32070                        s.sub && /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: s.sub })
32071                      ]
32072                    },
32073                    l
32074                  )) }) })
32075                ]
32076              }
32077            ),
32078            /* @__PURE__ */ a(
32079              m.div,
32080              {
32081                initial: { opacity: 0, y: 24 },
32082                whileInView: { opacity: 1, y: 0 },
32083                viewport: { once: !0, margin: "-80px" },
32084                transition: { duration: 0.5, delay: 0.1 },
32085                children: [
32086                  /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-4", children: "검사 항목 (Inspection Item)" }),
32087                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-2", children: i.map((s, l) => /* @__PURE__ */ a(
32088                    m.div,
32089                    {
32090                      className: "flex items-center gap-3 text-gray-700 text-[15px]",
32091                      initial: { opacity: 0, x: -12 },
32092                      whileInView: { opacity: 1, x: 0 },
32093                      viewport: { once: !0, margin: "-60px" },
32094                      transition: { duration: 0.35, delay: l * 0.06 },
32095                      children: [
32096                        /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
32097                        s
32098                      ]
32099                    },
32100                    l
32101                  )) }) })
32102                ]
32103              }
32104            ),
32105            /* @__PURE__ */ a(
32106              m.div,
32107              {
32108                initial: { opacity: 0, y: 24 },
32109                whileInView: { opacity: 1, y: 0 },
32110                viewport: { once: !0, margin: "-80px" },
32111                transition: { duration: 0.5, delay: 0.1 },
32112                children: [
32113                  /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-4", children: "제품 규격 (Dimension)" }),
32114                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ a("div", { className: "flex justify-between items-center border-b border-gray-100 pb-3", children: [
32115                    /* @__PURE__ */ e("span", { className: "text-slate-700 text-[14px]", children: "Full Line" }),
32116                    /* @__PURE__ */ e("span", { className: "text-slate-900 text-[14px] ml-auto font-[Aoboshi_One]", style: { fontWeight: 700 }, children: "63,000 (W) x 3,800 (D) x 2,300 (H) mm : 23.9m²" })
32117                  ] }) }) })
32118                ]
32119              }
32120            ),
32121            /* @__PURE__ */ a(
32122              m.div,
32123              {
32124                initial: { opacity: 0, y: 24 },
32125                whileInView: { opacity: 1, y: 0 },
32126                viewport: { once: !0, margin: "-80px" },
32127                transition: { duration: 0.5, delay: 0.1 },
32128                children: [
32129                  /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-4", children: "적용 분야 (Application)" }),
32130                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: n.map((s, l) => {
32131                    const o = [
32132                      "https://images.unsplash.com/photo-1752842350772-2921657e50d7?w=600&q=80",
32133                      "https://images.unsplash.com/photo-1619183921628-9e6050dcd2e1?w=600&q=80",
32134                      "https://images.unsplash.com/photo-1577276218751-2ffe1caa4994?w=600&q=80",
32135                      "https://images.unsplash.com/photo-1724526788521-b1da0cfc1aea?w=600&q=80"
32136                    ];
32137                    return /* @__PURE__ */ a(
32138                      m.div,
32139                      {
32140                        className: "group overflow-hidden",
32141                        initial: { opacity: 0, y: 16 },
32142                        whileInView: { opacity: 1, y: 0 },
32143                        viewport: { once: !0 },
32144                        transition: { duration: 0.4, delay: 0.1 + l * 0.07 },
32145                        children: [
32146                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
32147                            S,
32148                            {
32149                              src: o[l] || o[0],
32150                              alt: s,
32151                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
32152                            }
32153                          ) }),
32154                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: s })
32155                        ]
32156                      },
32157                      l
32158                    );
32159                  }) }) })
32160                ]
32161              }
32162            )
32163          ] })
32164        ]
32165      }
32166    ) }) }) })
32167  ] });
32168}
32169function w8({ productId: t, category: i }) {
32170  const { t: n } = ne(), [r, s] = C(0), o = {
32171    "smart-components": {
32172      "smart-sensors": {
32173        name: "Smart Sensors",
32174        tagline: "Intelligence Meets Precision",
32175        heroTitle: "Next-Generation Smart Sensor Technology",
32176        heroImage: "https://images.unsplash.com/photo-1753039495488-434a2fe53e41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMHNlbnNvciUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32177        features: [
32178          {
32179            title: "Multi-Parameter Sensing",
32180            description: "Advanced sensor arrays capable of simultaneously measuring temperature, humidity, pressure, and motion with industry-leading accuracy.",
32181            image: "https://images.unsplash.com/photo-1753039495488-434a2fe53e41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMHNlbnNvciUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32182            specs: ["±0.1% Accuracy", "Multi-sensor Integration", "Real-time Processing"]
32183          },
32184          {
32185            title: "Ultra-Low Power Design",
32186            description: "Innovative power management technology enables years of operation on a single battery while maintaining continuous monitoring capabilities.",
32187            image: "https://images.unsplash.com/photo-1729843420196-1ff32bb39db5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljc3xlbnwxfHx8fDE3NjIxNjU4ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080",
32188            specs: ["<10mW Power", "5+ Year Battery Life", "Sleep Mode Optimization"]
32189          },
32190          {
32191            title: "Industrial-Grade Reliability",
32192            description: "Built to withstand harsh environments with IP67 rating, wide temperature range, and electromagnetic interference protection.",
32193            image: "https://images.unsplash.com/photo-1700727448558-ba9c085d38f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50cyUyMG1hbnVmYWN0dXJpbmd8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32194            specs: ["IP67 Rated", "-40°C to 85°C", "EMI/EMC Certified"]
32195          }
32196        ],
32197        specs: {
32198          Accuracy: "±0.1%",
32199          "Power Consumption": "<10mW",
32200          Range: "Multi-sensor",
32201          Communication: "I2C, SPI, UART",
32202          "Operating Temp": "-40°C to 85°C",
32203          Certification: "CE, FCC, RoHS"
32204        }
32205      },
32206      "wireless-modules": {
32207        name: "Wireless Modules",
32208        tagline: "Seamless Connectivity",
32209        heroTitle: "5G/Wi-Fi 6E Advanced Communication",
32210        heroImage: "https://images.unsplash.com/photo-1729843420196-1ff32bb39db5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljc3xlbnwxfHx8fDE3NjIxNjU4ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080",
32211        features: [
32212          {
32213            title: "Next-Gen Wireless Standards",
32214            description: "Full support for 5G NR and Wi-Fi 6E with advanced MIMO technology for maximum bandwidth and reliability.",
32215            image: "https://images.unsplash.com/photo-1729843420196-1ff32bb39db5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljc3xlbnwxfHx8fDE3NjIxNjU4ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080",
32216            specs: ["5G NR Support", "Wi-Fi 6E Ready", "4x4 MIMO"]
32217          },
32218          {
32219            title: "Ultra-Low Latency",
32220            description: "Sub-millisecond latency for real-time applications including industrial automation and augmented reality.",
32221            image: "https://images.unsplash.com/photo-1753039495488-434a2fe53e41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMHNlbnNvciUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32222            specs: ["<1ms Latency", "Real-time Processing", "Priority QoS"]
32223          },
32224          {
32225            title: "Extended Coverage",
32226            description: "Advanced antenna design and signal processing extend wireless range to over 100 meters in challenging environments.",
32227            image: "https://images.unsplash.com/photo-1700727448558-ba9c085d38f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50cyUyMG1hbnVmYWN0dXJpbmd8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32228            specs: ["100m+ Range", "Beamforming", "Obstacle Penetration"]
32229          }
32230        ],
32231        specs: {
32232          Bandwidth: "5G/Wi-Fi 6E",
32233          Latency: "<1ms",
32234          Range: "100m+",
32235          Security: "WPA3, AES-256",
32236          Antenna: "4x4 MIMO",
32237          Power: "Adaptive"
32238        }
32239      },
32240      microprocessors: {
32241        name: "Microprocessors",
32242        tagline: "Power Meets Efficiency",
32243        heroTitle: "AI-Accelerated Multi-Core Processors",
32244        heroImage: "https://images.unsplash.com/photo-1598845685288-98d5e7128987?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtaWNyb2NoaXAlMjBwcm9jZXNzb3IlMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc2MjI0MzI1MHww&ixlib=rb-4.1.0&q=80&w=1080",
32245        features: [
32246          {
32247            title: "Quad-Core Architecture",
32248            description: "High-performance quad-core design with intelligent workload distribution for optimal processing efficiency.",
32249            image: "https://images.unsplash.com/photo-1598845685288-98d5e7128987?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtaWNyb2NoaXAlMjBwcm9jZXNzb3IlMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc2MjI0MzI1MHww&ixlib=rb-4.1.0&q=80&w=1080",
32250            specs: ["Quad-Core CPU", "2.0GHz Clock", "Dynamic Scaling"]
32251          },
32252          {
32253            title: "Integrated NPU",
32254            description: "Dedicated neural processing unit enables on-device AI inference with minimal power consumption.",
32255            image: "https://images.unsplash.com/photo-1729843420196-1ff32bb39db5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljc3xlbnwxfHx8fDE3NjIxNjU4ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080",
32256            specs: ["NPU Built-in", "AI Acceleration", "TensorFlow Support"]
32257          },
32258          {
32259            title: "Advanced Security",
32260            description: "Hardware-level security features including secure boot, encryption engine, and tamper detection.",
32261            image: "https://images.unsplash.com/photo-1700727448558-ba9c085d38f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50cyUyMG1hbnVmYWN0dXJpbmd8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32262            specs: ["Secure Boot", "AES-256", "Tamper Detection"]
32263          }
32264        ],
32265        specs: {
32266          Cores: "Quad-Core",
32267          Frequency: "2.0GHz",
32268          AI: "NPU Built-in",
32269          Memory: "DDR4 Support",
32270          Security: "Hardware Encryption",
32271          Process: "7nm FinFET"
32272        }
32273      },
32274      "power-management-ics": {
32275        name: "Power Management ICs",
32276        tagline: "Intelligent Power Control",
32277        heroTitle: "Advanced Power Management Solutions",
32278        heroImage: "https://images.unsplash.com/photo-1700727448558-ba9c085d38f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50cyUyMG1hbnVmYWN0dXJpbmd8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32279        features: [
32280          {
32281            title: "Adaptive Voltage Scaling",
32282            description: "Dynamic voltage and frequency scaling optimizes power consumption based on real-time workload demands.",
32283            image: "https://images.unsplash.com/photo-1700727448558-ba9c085d38f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50cyUyMG1hbnVmYWN0dXJpbmd8ZW58MXx8fHwxNzYyMjQzMjQ4fDA&ixlib=rb-4.1.0&q=80&w=1080",
32284            specs: ["98% Efficiency", "Dynamic Scaling", "Load Optimization"]
32285          },
32286          {
32287            title: "Thermal Management",
32288            description: "Integrated temperature monitoring and control prevents overheating while maintaining optimal performance.",
32289            image: "https://images.unsplash.com/photo-1729843420196-1ff32bb39db5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaXJjdWl0JTIwYm9hcmQlMjBlbGVjdHJvbmljc3xlbnwxfHx8fDE3NjIxNjU4ODZ8MA&ixlib=rb-4.1.0&q=80&w=1080",
32290            specs: ["Real-time Monitoring", "Automatic Throttling", "Overheat Protection"]
32291          },
32292          {
32293            title: "Multi-Channel Output",
32294            description: "Four independent voltage rails provide flexible power distribution for complex system requirements.",
32295            image: "https://images.unsplash.com/photo-1598845685288-98d5e7128987?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtaWNyb2NoaXAlMjBwcm9jZXNzb3IlMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc2MjI0MzI1MHww&ixlib=rb-4.1.0&q=80&w=1080",
32296            specs: ["4 Channels", "Independent Control", "Current Limiting"]
32297          }
32298        ],
32299        specs: {
32300          Efficiency: "98%",
32301          Outputs: "4 Channels",
32302          Protection: "Full Safety",
32303          "Input Range": "3V-24V",
32304          "Output Current": "Up to 5A",
32305          "Switching Freq": "2MHz"
32306        }
32307      }
32308    }
32309  }[i]?.[t] || null;
32310  if (!o)
32311    return /* @__PURE__ */ e("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
32312      /* @__PURE__ */ e("h1", { className: "text-2xl text-gray-900 mb-4", children: "Product not found" }),
32313      /* @__PURE__ */ e(J, { onClick: () => window.history.back(), children: "Go Back" })
32314    ] }) });
32315  const d = () => {
32316    window.history.back();
32317  };
32318  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
32319    /* @__PURE__ */ a("section", { className: "relative h-screen flex items-center justify-center overflow-hidden", children: [
32320      /* @__PURE__ */ e(
32321        S,
32322        {
32323          src: o.heroImage,
32324          alt: o.name,
32325          className: "absolute inset-0 w-full h-full object-cover"
32326        }
32327      ),
32328      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/60" }),
32329      /* @__PURE__ */ a(
32330        "button",
32331        {
32332          onClick: d,
32333          className: "absolute top-8 left-8 z-20 flex items-center gap-2 text-white hover:text-gray-300 transition-colors",
32334          children: [
32335            /* @__PURE__ */ e(Xr, { className: "w-6 h-6" }),
32336            /* @__PURE__ */ e("span", { children: "Back" })
32337          ]
32338        }
32339      ),
32340      /* @__PURE__ */ e("div", { className: "relative z-10 text-center px-6 max-w-5xl mx-auto", children: /* @__PURE__ */ a(
32341        m.div,
32342        {
32343          initial: { opacity: 0, y: 30 },
32344          animate: { opacity: 1, y: 0 },
32345          transition: { duration: 0.8 },
32346          children: [
32347            /* @__PURE__ */ e("p", { className: "text-white/90 text-xl mb-4", children: o.tagline }),
32348            /* @__PURE__ */ e("h1", { className: "text-white text-6xl md:text-7xl mb-8 leading-tight", children: o.heroTitle }),
32349            /* @__PURE__ */ a("div", { className: "flex gap-4 justify-center", children: [
32350              /* @__PURE__ */ a(J, { size: "lg", className: "bg-[#003D7A] hover:bg-[#002a54] px-8", children: [
32351                "Request Quote",
32352                /* @__PURE__ */ e(re, { className: "ml-2 w-5 h-5" })
32353              ] }),
32354              /* @__PURE__ */ a(J, { size: "lg", variant: "outline", className: "border-white text-white hover:bg-white hover:text-gray-900 px-8", children: [
32355                /* @__PURE__ */ e(et, { className: "mr-2 w-5 h-5" }),
32356                "Download Specs"
32357              ] })
32358            ] })
32359          ]
32360        }
32361      ) }),
32362      /* @__PURE__ */ e("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 z-10", children: /* @__PURE__ */ e(
32363        m.div,
32364        {
32365          animate: { y: [0, 10, 0] },
32366          transition: { duration: 1.5, repeat: 1 / 0 },
32367          className: "w-6 h-10 border-2 border-white rounded-full flex items-start justify-center p-2",
32368          children: /* @__PURE__ */ e(
32369            m.div,
32370            {
32371              animate: { opacity: [0, 1, 0] },
32372              transition: { duration: 1.5, repeat: 1 / 0 },
32373              className: "w-1 h-2 bg-white rounded-full"
32374            }
32375          )
32376        }
32377      ) })
32378    ] }),
32379    o.features.map((c, p) => /* @__PURE__ */ e(
32380      "section",
32381      {
32382        className: `relative min-h-screen flex items-center ${p % 2 === 0 ? "bg-white" : "bg-gray-50"}`,
32383        children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: `grid lg:grid-cols-2 gap-16 items-center ${p % 2 === 1 ? "lg:flex-row-reverse" : ""}`, children: [
32384          /* @__PURE__ */ e(
32385            m.div,
32386            {
32387              initial: { opacity: 0, x: p % 2 === 0 ? -50 : 50 },
32388              whileInView: { opacity: 1, x: 0 },
32389              transition: { duration: 0.8 },
32390              viewport: { once: !0 },
32391              className: `${p % 2 === 1 ? "lg:order-2" : ""}`,
32392              children: /* @__PURE__ */ e("div", { className: "relative aspect-[4/3] rounded-2xl overflow-hidden shadow-2xl", children: /* @__PURE__ */ e(
32393                S,
32394                {
32395                  src: c.image,
32396                  alt: c.title,
32397                  className: "w-full h-full object-cover"
32398                }
32399              ) })
32400            }
32401          ),
32402          /* @__PURE__ */ a(
32403            m.div,
32404            {
32405              initial: { opacity: 0, x: p % 2 === 0 ? 50 : -50 },
32406              whileInView: { opacity: 1, x: 0 },
32407              transition: { duration: 0.8, delay: 0.2 },
32408              viewport: { once: !0 },
32409              className: `${p % 2 === 1 ? "lg:order-1" : ""}`,
32410              children: [
32411                /* @__PURE__ */ e("h2", { className: "text-5xl text-gray-900 mb-6", children: c.title }),
32412                /* @__PURE__ */ e("p", { className: "text-xl text-gray-600 leading-relaxed mb-8", children: c.description }),
32413                /* @__PURE__ */ e("div", { className: "space-y-4", children: c.specs.map((h, x) => /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
32414                  /* @__PURE__ */ e(me, { className: "w-6 h-6 text-[#003D7A] flex-shrink-0" }),
32415                  /* @__PURE__ */ e("span", { className: "text-lg text-gray-700", children: h })
32416                ] }, x)) })
32417              ]
32418            }
32419          )
32420        ] }) })
32421      },
32422      p
32423    )),
32424    /* @__PURE__ */ e("section", { className: "bg-gray-900 text-white py-20", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a(
32425      m.div,
32426      {
32427        initial: { opacity: 0, y: 30 },
32428        whileInView: { opacity: 1, y: 0 },
32429        transition: { duration: 0.8 },
32430        viewport: { once: !0 },
32431        className: "max-w-4xl mx-auto",
32432        children: [
32433          /* @__PURE__ */ e("h2", { className: "text-4xl mb-4 text-center", children: "Technical Specifications" }),
32434          /* @__PURE__ */ a("p", { className: "text-xl text-gray-400 text-center mb-12", children: [
32435            "Detailed technical specifications for ",
32436            o.name
32437          ] }),
32438          /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-6", children: Object.entries(o.specs).map(([c, p], h) => /* @__PURE__ */ a(
32439            m.div,
32440            {
32441              initial: { opacity: 0, y: 20 },
32442              whileInView: { opacity: 1, y: 0 },
32443              transition: { duration: 0.5, delay: h * 0.1 },
32444              viewport: { once: !0 },
32445              className: "bg-gray-800 p-6 rounded-xl",
32446              children: [
32447                /* @__PURE__ */ e("div", { className: "text-sm text-gray-400 mb-2", children: c }),
32448                /* @__PURE__ */ e("div", { className: "text-2xl", children: p })
32449              ]
32450            },
32451            c
32452          )) })
32453        ]
32454      }
32455    ) }) }),
32456    /* @__PURE__ */ e("section", { className: "bg-[#003D7A] text-white py-20", children: /* @__PURE__ */ a("div", { className: "container mx-auto px-6 text-center", children: [
32457      /* @__PURE__ */ e("h2", { className: "text-4xl mb-6", children: "Ready to Experience Excellence?" }),
32458      /* @__PURE__ */ a("p", { className: "text-xl text-white/90 mb-8 max-w-2xl mx-auto", children: [
32459        "Contact our team to learn more about ",
32460        o.name,
32461        " and how it can transform your business"
32462      ] }),
32463      /* @__PURE__ */ a("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
32464        /* @__PURE__ */ a(J, { size: "lg", className: "bg-white text-[#003D7A] hover:bg-gray-100 px-8", children: [
32465          /* @__PURE__ */ e(ci, { className: "mr-2 w-5 h-5" }),
32466          "Contact Sales"
32467        ] }),
32468        /* @__PURE__ */ a(J, { size: "lg", variant: "outline", className: "border-white text-white hover:bg-white hover:text-[#003D7A] px-8", children: [
32469          /* @__PURE__ */ e(et, { className: "mr-2 w-5 h-5" }),
32470          "Download Datasheet"
32471        ] })
32472      ] })
32473    ] }) })
32474  ] });
32475}
32476const v8 = globalThis.__GLOBALS__.getAssetURL("4a5e2b1b595a897b205e5c34990f59913a49dd64.png"), N8 = globalThis.__GLOBALS__.getAssetURL("5a629b14665dca1bfc176b3fa0aeb2a41665ae7f.png"), A8 = globalThis.__GLOBALS__.getAssetURL("c5284d6ec282b883e2fd6c45f6868bed43d17f0a.png"), I8 = globalThis.__GLOBALS__.getAssetURL("58feb34b1f4c9ba671aaefcee003385cf6019eb7.png"), S8 = globalThis.__GLOBALS__.getAssetURL("807dae15518444b34b63789e18dc1b63484452a7.png"), C8 = globalThis.__GLOBALS__.getAssetURL("fa8428714ac7eef7545a17a2bed8afdafe550ff7.png"), M8 = globalThis.__GLOBALS__.getAssetURL("8a9346bc9082ebd7292c1cdb046ba50bc8639350.png");
32477function D8({ onNavigate: t }) {
32478  const { t: i } = ne(), [n, r] = C("All"), [s, l] = C(null), [o, d] = C(/* @__PURE__ */ new Set()), [c, p] = C(!1), [h, x] = C("추천순"), b = [
32479    {
32480      id: "cylindrical-module-pack",
32481      title: "원통형 Module & Pack 조립, 검사 라인",
32482      category: "Battery Packaging Technology",
32483      subtitle: "Cylindrical Module & Pack Assembly Line",
32484      image: "https://images.unsplash.com/photo-1642294541583-c58730caa762?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjeWxpbmRyaWNhbCUyMGJhdHRlcnklMjBtYW51ZmFjdHVyaW5nfGVufDF8fHx8MTc3MTgyNjA1Mnww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
32485      description: "Automated assembly and inspection line for cylindrical battery modules and packs with high throughput.",
32486      features: ["High Speed Assembly", "BMS Integration", "End-of-Line Testing"]
32487    },
32488    {
32489      id: "pouch-module",
32490      title: "파우치형 Module 조립, 검사 라인",
32491      category: "Battery Packaging Technology",
32492      subtitle: "Pouch Type Module Assembly Line",
32493      image: "https://images.unsplash.com/photo-1647427060118-4911c9821b82?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwYXV0b21hdGlvbiUyMHJvYm90JTIwYXJtJTIwYXNzZW1ibHl8ZW58MXx8fHwxNzcxODI2MDI3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
32494      description: "Precision assembly system for pouch-type battery modules with integrated quality checks.",
32495      features: ["Pouch Handling", "Stacking Technology", "Leakage Testing"]
32496    },
32497    {
32498      id: "ess-mega-pack",
32499      title: "ESS Mega Pack",
32500      category: "Battery Packaging Technology",
32501      subtitle: "Grid-Scale ESS Solution",
32502      image: "https://images.unsplash.com/photo-1628697550216-c4b824f3e22c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxsYXJnZSUyMGVuZXJneSUyMHN0b3JhZ2UlMjBzeXN0ZW0lMjBjb250YWluZXJ8ZW58MXx8fHwxNzcxODI2MDI3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
32503      description: "Large-scale energy storage systems for industrial and grid applications.",
32504      features: ["High Capacity", "Grid Stabilization", "Safety Systems"]
32505    },
32506    {
32507      id: "cell-inspection",
32508      title: "2D/3D Cell 검사 설비",
32509      category: "X-Ray & CT Inspection",
32510      subtitle: "2D/3D Cell Inspection System",
32511      image: "https://images.unsplash.com/photo-1752354611630-95696f0f80ae?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwY2VsbCUyMGluc3BlY3Rpb24lMjB2aXNpb24lMjBzeXN0ZW18ZW58MXx8fHwxNzcxODI2MDI3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
32512      description: "Advanced vision inspection system for battery cells using 2D and 3D imaging technology.",
32513      features: ["Surface Defect Detection", "Dimension Check", "High Precision"]
32514    },
32515    {
32516      id: "electrode-vision",
32517      title: "극판 Vision 검사 설비",
32518      category: "Vision Inspection",
32519      subtitle: "Electrode Plate Vision Inspection",
32520      image: "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYXR0ZXJ5JTIwZWxlY3Ryb2RlJTIwbWFudWZhY3R1cmluZ3xlbnwxfHx8fDE3NzE4MjYwMjd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
32521      description: "Vision-based inspection for battery electrode plates to detect coating defects.",
32522      features: ["Coating Inspection", "Edge Detection", "Real-time Processing"]
32523    },
32524    {
32525      id: "welding-inspection",
32526      title: "용접 검사 설비",
32527      category: "Welding Inspection",
32528      subtitle: "Welding Inspection System",
32529      image: "https://images.unsplash.com/photo-1601119462363-721d8e4f676e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwd2VsZGluZyUyMGluc3BlY3Rpb24lMjB2aXNpb24lMjBzeXN0ZW18ZW58MXx8fHwxNzcxODI2MDI3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
32530      description: "Quality assurance system for battery tab and busbar welding points.",
32531      features: ["Weld Bead Inspection", "Penetration Depth", "Defect Classification"]
32532    },
32533    {
32534      id: "auto-flip-inspection",
32535      title: "자동 플립 검사 설비",
32536      category: "Welding Inspection",
32537      subtitle: "Auto Flip Inspection System",
32538      image: "https://images.unsplash.com/photo-1720036236694-d0a231c52563?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwZmxpcCUyMGluc3BlY3Rpb24lMjBhdXRvbWF0ZWQlMjBtYW51ZmFjdHVyaW5nfGVufDF8fHx8MTc3MzIwODcyNXww&ixlib=rb-4.1.0&q=80&w=1080",
32539      description: "자동 플립 메커니즘을 통해 제품 양면을 연속으로 검사하는 자동화 검사 설비입니다.",
32540      features: ["Auto Flip Mechanism", "Dual-side Inspection", "High Speed Processing"]
32541    }
32542  ], g = (n === "All" ? b : b.filter((u) => u.category === n)).filter((u) => o.size === 0 || o.has(u.id)), w = ["All", "Battery Packaging Technology", "X-Ray & CT Inspection", "Vision Inspection", "Welding Inspection"];
32543  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900", children: [
32544    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
32545      m.div,
32546      {
32547        initial: { opacity: 0, y: 30 },
32548        animate: { opacity: 1, y: 0 },
32549        transition: { duration: 0.6 },
32550        className: "flex flex-col gap-8",
32551        children: [
32552          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
32553            /* @__PURE__ */ e("span", { className: "font-[Aoboshi_One]", children: "Home" }),
32554            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
32555            /* @__PURE__ */ e("span", { className: "font-[Aoboshi_One]", children: "Business" }),
32556            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
32557            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold font-[Aoboshi_One]", children: "Battery & ESS" })
32558          ] }),
32559          /* @__PURE__ */ a("div", { children: [
32560            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-[Aoboshi_One]", children: "Battery & ESS" }),
32561            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium tracking-wide font-[Aoboshi_One]", children: "Advanced Energy Solutions for a Sustainable Future" })
32562          ] }),
32563          /* @__PURE__ */ e(
32564            m.div,
32565            {
32566              initial: { opacity: 0, scale: 0.95 },
32567              animate: { opacity: 1, scale: 1 },
32568              transition: { duration: 0.8, delay: 0.2 },
32569              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
32570              children: /* @__PURE__ */ e(
32571                S,
32572                {
32573                  src: M8,
32574                  alt: "Battery Manufacturing Hero",
32575                  className: "w-full h-full object-cover"
32576                }
32577              )
32578            }
32579          )
32580        ]
32581      }
32582    ) }),
32583    /* @__PURE__ */ e("section", { id: "lineup", className: "py-10 bg-white relative", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6", children: [
32584      /* @__PURE__ */ e(
32585        m.div,
32586        {
32587          initial: { opacity: 0, y: 20 },
32588          whileInView: { opacity: 1, y: 0 },
32589          viewport: { once: !0 },
32590          transition: { duration: 0.6 },
32591          className: "flex flex-col gap-10 mb-16 pb-10",
32592          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
32593            /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }),
32594            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
32595            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
32596              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: w.map((u) => {
32597                const v = b.filter((f) => f.category === u), A = n === u, N = s === u;
32598                return /* @__PURE__ */ a("div", { className: "relative", children: [
32599                  /* @__PURE__ */ a(
32600                    "button",
32601                    {
32602                      onClick: () => {
32603                        r(u), d(/* @__PURE__ */ new Set()), l(u === "All" || N ? null : u);
32604                      },
32605                      className: `px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${A ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
32606                      children: [
32607                        u === "All" ? "All Products" : u,
32608                        u !== "All" && /* @__PURE__ */ e(
32609                          "svg",
32610                          {
32611                            className: `w-3 h-3 transition-transform duration-200 ${N ? "rotate-180" : ""}`,
32612                            fill: "none",
32613                            stroke: "currentColor",
32614                            viewBox: "0 0 24 24",
32615                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
32616                          }
32617                        )
32618                      ]
32619                    }
32620                  ),
32621                  u !== "All" && N && v.length > 0 && /* @__PURE__ */ a(
32622                    m.div,
32623                    {
32624                      initial: { opacity: 0, y: -6, scale: 0.97 },
32625                      animate: { opacity: 1, y: 0, scale: 1 },
32626                      exit: { opacity: 0, y: -6, scale: 0.97 },
32627                      transition: { duration: 0.15, ease: "easeOut" },
32628                      className: "absolute left-0 top-full mt-2 bg-white border border-slate-200 rounded-2xl shadow-xl py-2 z-50 min-w-[200px]",
32629                      children: [
32630                        /* @__PURE__ */ a("label", { className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors group", children: [
32631                          /* @__PURE__ */ e(
32632                            "input",
32633                            {
32634                              type: "checkbox",
32635                              checked: o.size === 0,
32636                              onChange: () => d(/* @__PURE__ */ new Set()),
32637                              className: "hidden"
32638                            }
32639                          ),
32640                          /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${o.size === 0 ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: o.size === 0 && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
32641                          /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${o.size === 0 ? "text-slate-950" : "text-gray-500"}`, children: "전체" })
32642                        ] }),
32643                        /* @__PURE__ */ e("div", { className: "border-t border-slate-100 my-1" }),
32644                        v.map((f) => {
32645                          const y = o.has(f.id);
32646                          return /* @__PURE__ */ a(
32647                            "label",
32648                            {
32649                              className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors",
32650                              children: [
32651                                /* @__PURE__ */ e(
32652                                  "input",
32653                                  {
32654                                    type: "checkbox",
32655                                    checked: y,
32656                                    onChange: () => {
32657                                      d((I) => {
32658                                        const D = new Set(I);
32659                                        return y ? D.delete(f.id) : D.add(f.id), D;
32660                                      });
32661                                    },
32662                                    className: "hidden"
32663                                  }
32664                                ),
32665                                /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${y ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: y && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
32666                                /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${y ? "text-slate-950" : "text-gray-500"}`, children: f.title })
32667                              ]
32668                            },
32669                            f.id
32670                          );
32671                        })
32672                      ]
32673                    }
32674                  )
32675                ] }, u);
32676              }) }),
32677              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
32678                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: g.length }),
32679                /* @__PURE__ */ e("span", { children: "개 결과" }),
32680                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
32681                /* @__PURE__ */ a("div", { className: "relative", children: [
32682                  /* @__PURE__ */ a(
32683                    "button",
32684                    {
32685                      onClick: () => p((u) => !u),
32686                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
32687                      children: [
32688                        h,
32689                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${c ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
32690                      ]
32691                    }
32692                  ),
32693                  c && /* @__PURE__ */ e(
32694                    m.div,
32695                    {
32696                      initial: { opacity: 0, y: -6, scale: 0.97 },
32697                      animate: { opacity: 1, y: 0, scale: 1 },
32698                      exit: { opacity: 0, y: -6, scale: 0.97 },
32699                      transition: { duration: 0.15, ease: "easeOut" },
32700                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
32701                      children: ["추천순", "최신순"].map((u) => /* @__PURE__ */ e(
32702                        "button",
32703                        {
32704                          onClick: () => {
32705                            x(u), p(!1);
32706                          },
32707                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${h === u ? "text-slate-950 font-bold" : "text-gray-500"}`,
32708                          children: u
32709                        },
32710                        u
32711                      ))
32712                    }
32713                  )
32714                ] })
32715              ] })
32716            ] })
32717          ] })
32718        }
32719      ),
32720      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(ue, { mode: "popLayout", children: /* @__PURE__ */ e(
32721        m.div,
32722        {
32723          initial: { opacity: 0, y: 20 },
32724          animate: { opacity: 1, y: 0 },
32725          transition: { duration: 0.3 },
32726          className: "space-y-24",
32727          children: (() => {
32728            const v = (n === "All" ? ["Battery Packaging Technology", "X-Ray & CT Inspection", "Vision Inspection", "Welding Inspection"] : [n]).map((A, N) => {
32729              const f = g.filter((y) => y.category === A);
32730              return {
32731                id: N + 1,
32732                title: A,
32733                products: f
32734              };
32735            }).filter((A) => A.products.length > 0);
32736            return v.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px]", children: "검색 결과가 없습니다." }) }) : v.map((A, N) => /* @__PURE__ */ a("div", { className: "scroll-mt-32", children: [
32737              /* @__PURE__ */ e("div", { className: "flex items-end gap-6 mb-10 border-b border-gray-100 pb-6", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-[Aoboshi_One]", children: A.title }) }),
32738              /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: A.products.map((f) => /* @__PURE__ */ a(
32739                m.div,
32740                {
32741                  onClick: () => {
32742                    if (t)
32743                      switch (f.id) {
32744                        case "cylindrical-module-pack":
32745                          t("/products/cylindrical-battery-line");
32746                          break;
32747                        case "pouch-module":
32748                          t("/products/pouch-module-line");
32749                          break;
32750                        case "ess-mega-pack":
32751                          t("/products/ess-mega-pack");
32752                          break;
32753                        case "cell-inspection":
32754                          t("/products/cell-inspection");
32755                          break;
32756                        case "electrode-vision":
32757                          t("/products/electrode-vision");
32758                          break;
32759                        case "welding-inspection":
32760                          t("/products/welding-inspection");
32761                          break;
32762                        case "auto-flip-inspection":
32763                          t("/products/auto-flip-inspection");
32764                          break;
32765                      }
32766                  },
32767                  initial: { opacity: 0, scale: 0.95 },
32768                  whileInView: { opacity: 1, scale: 1 },
32769                  viewport: { once: !0 },
32770                  transition: { duration: 0.4 },
32771                  className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
32772                  children: [
32773                    /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-gray-50 rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
32774                      S,
32775                      {
32776                        src: f.id === "cylindrical-module-pack" ? v8 : f.id === "pouch-module" ? N8 : f.id === "ess-mega-pack" ? A8 : f.id === "cell-inspection" ? I8 : f.id === "electrode-vision" ? S8 : f.id === "welding-inspection" ? C8 : f.image,
32777                        alt: f.title,
32778                        className: "w-full h-full object-contain p-4"
32779                      }
32780                    ) }),
32781                    /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
32782                      /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight mb-4 mt-2 font-[Aoboshi_One] text-[19px]", children: f.id === "ess-mega-pack" ? "ESS Mega Pack" : f.title }),
32783                      /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
32784                        "button",
32785                        {
32786                          onClick: (y) => {
32787                            if (y.stopPropagation(), !!t)
32788                              switch (f.id) {
32789                                case "cylindrical-module-pack":
32790                                  t("/products/cylindrical-battery-line");
32791                                  break;
32792                                case "pouch-module":
32793                                  t("/products/pouch-module-line");
32794                                  break;
32795                                case "ess-mega-pack":
32796                                  t("/products/ess-mega-pack");
32797                                  break;
32798                                case "cell-inspection":
32799                                  t("/products/cell-inspection");
32800                                  break;
32801                                case "electrode-vision":
32802                                  t("/products/electrode-vision");
32803                                  break;
32804                                case "welding-inspection":
32805                                  t("/products/welding-inspection");
32806                                  break;
32807                                case "auto-flip-inspection":
32808                                  t("/products/auto-flip-inspection");
32809                                  break;
32810                              }
32811                          },
32812                          className: "px-6 py-2.5 rounded-full text-white flex items-center justify-center transition-colors shadow-sm bg-[#000000] cursor-pointer hover:bg-gray-800",
32813                          children: /* @__PURE__ */ e("span", { className: "text-[12px] font-bold font-[Aoboshi_One]", children: "자세히 보기" })
32814                        }
32815                      ) })
32816                    ] })
32817                  ]
32818                },
32819                f.id
32820              )) })
32821            ] }, A.title));
32822          })()
32823        },
32824        n
32825      ) }) })
32826    ] }) })
32827  ] });
32828}
32829const k8 = globalThis.__GLOBALS__.getAssetURL("25bad80739488b5e6db6523e7ac0c4f49aff3c83.png");
32830function T8() {
32831  const t = k8, i = [
32832    { title: "외관 · 이물 · 누액 · 충진량 검사", desc: "시린지 본체, 캡, 숄더, 스토퍼, 플랜지, 니들 쉴드의 외관·이물·누액·충진량 정밀 검사" },
32833    { title: "1ml, 3ml, 5ml 호환", desc: "액체, 서스펜션, 점성, 겔 등 다양한 제형 지원" },
32834    { title: "50UPM / 3,000BPH 처리 성능", desc: "분당 50개, 시간당 3,000개의 정밀 처리 능력" },
32835    { title: "디네스팅 · In-line 통합 운용", desc: "디네스팅 자동화 및 In-line 방식 통합 운용 가능" },
32836    { title: "고객 맞춤형 솔루션", desc: "검사 항목 추가 가능(스테이션), 고객 요구에 맞는 커스텀 구성" },
32837    { title: "부드러운 핸들링", desc: "손상·파손 방지 및 기포 최소화 설계" },
32838    { title: "고휘도 LED + 고해상도 카메라", desc: "고휘도 LED 조명과 디지털 카메라로 고속/정밀 판독" },
32839    { title: "AI Deep Learning 알고리즘", desc: "Rule-base 알고리즘 적용으로 검사 정밀도와 신뢰성 강화" },
32840    { title: "내부·외부 이물 분리 검출 특허", desc: "배럴, 숄더, 스토퍼 top/side 적용 기술 특허 출원" },
32841    { title: "빠르고 쉬운 컨버젼", desc: "신속한 제품 전환으로 다운타임 최소화" },
32842    { title: "사용자 친화적 HMI", desc: "RPV(원격 매개변수 설정 및 검증) 지원" },
32843    { title: "USFDA 21CFR Part 11 준수", desc: "FDA 규정 준수 데이터 무결성 보장" },
32844    { title: "21.5인치 대형 터치스크린", desc: "직관적인 대형 화면으로 편리한 운영" },
32845    { title: "빠른 납기 및 기술 지원", desc: "신속한 납기와 전문 기술 지원 서비스 제공" }
32846  ], n = [
32847    { idx: 1, title: "외관 결함검사", sub: "시린지 본체, 캡, 숄더, 스토퍼, 플랜지, 니들 쉴드" },
32848    { idx: 2, title: "이물 검사", sub: "내부/외부 이물, 기포/이물 분리 검사, 이물 색상" },
32849    { idx: 3, title: "누액 검사", sub: "누출 검사" },
32850    { idx: 4, title: "충진 레벨 검사", sub: "정확한 용량 확인" }
32851  ], r = [
32852    "Prefilled Syringes (1ml, 3ml, 5ml)",
32853    "Liquid Products (액상 의약품)",
32854    "Suspension Products (현탁액)",
32855    "Viscous & Gel Products (점성/겔 제제)"
32856  ];
32857  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
32858    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
32859      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
32860        /* @__PURE__ */ e(
32861          S,
32862          {
32863            src: t,
32864            alt: "HBSI-50 Syringe Inspection System",
32865            className: "w-full h-full object-cover"
32866          }
32867        ),
32868        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
32869      ] }),
32870      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
32871        m.div,
32872        {
32873          initial: { opacity: 0, x: -30 },
32874          animate: { opacity: 1, x: 0 },
32875          transition: { duration: 0.6 },
32876          children: [
32877            /* @__PURE__ */ a("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: [
32878              "HBSI-50",
32879              /* @__PURE__ */ e("br", {}),
32880              "Syringe Inspection"
32881            ] }),
32882            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Automated Syringe Inspection System" }),
32883            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
32884              "1ml·3ml·5ml 시린지를 3,000BPH로 정밀 검사하는 AI 기반 시린지 검사 솔루션입니다.",
32885              /* @__PURE__ */ e("br", {}),
32886              "디네스팅 자동화와 이물 분리 검출 특허 기술을 적용했으며, USFDA 21 CFR Part 11 준수 및 다양한 배출 방식을 지원합니다."
32887            ] }),
32888            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
32889              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
32890              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
32891            ] }) })
32892          ]
32893        }
32894      ) }) })
32895    ] }),
32896    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-20", children: [
32897      /* @__PURE__ */ a(
32898        m.div,
32899        {
32900          initial: { opacity: 0, y: 30 },
32901          whileInView: { opacity: 1, y: 0 },
32902          viewport: { once: !0, margin: "-100px" },
32903          transition: { duration: 0.6 },
32904          children: [
32905            /* @__PURE__ */ e(
32906              m.h2,
32907              {
32908                className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
32909                initial: { opacity: 0, x: -24 },
32910                whileInView: { opacity: 1, x: 0 },
32911                viewport: { once: !0, margin: "-80px" },
32912                transition: { duration: 0.5, delay: 0.1 },
32913                children: "제품 사양"
32914              }
32915            ),
32916            /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
32917              /* @__PURE__ */ a(
32918                m.div,
32919                {
32920                  initial: { opacity: 0, y: 20 },
32921                  whileInView: { opacity: 1, y: 0 },
32922                  viewport: { once: !0, margin: "-60px" },
32923                  transition: { duration: 0.5, delay: 0.1 },
32924                  children: [
32925                    /* @__PURE__ */ a(
32926                      m.h3,
32927                      {
32928                        className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
32929                        style: { fontWeight: 700 },
32930                        initial: { opacity: 0, y: 10 },
32931                        whileInView: { opacity: 1, y: 0 },
32932                        viewport: { once: !0 },
32933                        transition: { duration: 0.4, delay: 0.1 },
32934                        children: [
32935                          "주요 특징 ",
32936                          /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
32937                        ]
32938                      }
32939                    ),
32940                    /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
32941                      /* @__PURE__ */ e(
32942                        m.p,
32943                        {
32944                          className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
32945                          initial: { opacity: 0, y: 12 },
32946                          whileInView: { opacity: 1, y: 0 },
32947                          viewport: { once: !0 },
32948                          transition: { duration: 0.5, delay: 0.4 },
32949                          children: "AI 기반 시린지 정밀 검사, 3,000 BPH 처리 성능"
32950                        }
32951                      ),
32952                      /* @__PURE__ */ e(
32953                        m.p,
32954                        {
32955                          className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans whitespace-pre-line",
32956                          initial: { opacity: 0, y: 12 },
32957                          whileInView: { opacity: 1, y: 0 },
32958                          viewport: { once: !0 },
32959                          transition: { duration: 0.5, delay: 0.55 },
32960                          children: `1ml·3ml·5ml 시린지를 3,000BPH로 정밀 검사하는 AI 기반 자동화 솔루션입니다.
32961디네스팅 자동화·이물 분리 특허 기술과 USFDA 21 CFR Part 11 준수로 높은 신뢰성을 보장합니다.`
32962                        }
32963                      )
32964                    ] }),
32965                    /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: i.map((s, l) => /* @__PURE__ */ a(
32966                      m.div,
32967                      {
32968                        className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
32969                        initial: { opacity: 0, y: 16 },
32970                        whileInView: { opacity: 1, y: 0 },
32971                        viewport: { once: !0 },
32972                        transition: { duration: 0.4, delay: 0.1 + l * 0.07 },
32973                        children: [
32974                          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
32975                            /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
32976                              l + 1,
32977                              "."
32978                            ] }),
32979                            /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: s.title })
32980                          ] }),
32981                          /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: s.desc })
32982                        ]
32983                      },
32984                      l
32985                    )) }) })
32986                  ]
32987                }
32988              ),
32989              /* @__PURE__ */ a(
32990                m.div,
32991                {
32992                  initial: { opacity: 0, y: 20 },
32993                  whileInView: { opacity: 1, y: 0 },
32994                  viewport: { once: !0, margin: "-60px" },
32995                  transition: { duration: 0.5, delay: 0.1 },
32996                  children: [
32997                    /* @__PURE__ */ e(
32998                      m.h3,
32999                      {
33000                        className: "text-[18px] font-bold text-slate-950 mb-4",
33001                        initial: { opacity: 0, x: -16 },
33002                        whileInView: { opacity: 1, x: 0 },
33003                        viewport: { once: !0, margin: "-60px" },
33004                        transition: { duration: 0.4, delay: 0.15 },
33005                        children: "검사 항목 (Inspection Item)"
33006                      }
33007                    ),
33008                    /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6", children: n.map((s) => /* @__PURE__ */ a(
33009                      m.div,
33010                      {
33011                        className: "flex items-start gap-3 text-gray-700",
33012                        initial: { opacity: 0, x: -16 },
33013                        whileInView: { opacity: 1, x: 0 },
33014                        viewport: { once: !0, margin: "-40px" },
33015                        transition: { duration: 0.4, delay: 0.1 + s.idx * 0.06 },
33016                        children: [
33017                          /* @__PURE__ */ a("span", { className: "text-[15px] text-slate-400 font-mono shrink-0 mt-[1px]", children: [
33018                            s.idx,
33019                            "."
33020                          ] }),
33021                          /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
33022                            /* @__PURE__ */ e("span", { className: "text-[15px] text-slate-900", style: { fontWeight: 700 }, children: s.title }),
33023                            /* @__PURE__ */ a("span", { className: "text-[13px] text-gray-500", children: [
33024                              "(",
33025                              s.sub,
33026                              ")"
33027                            ] })
33028                          ] })
33029                        ]
33030                      },
33031                      s.idx
33032                    )) }) })
33033                  ]
33034                }
33035              ),
33036              /* @__PURE__ */ a(
33037                m.div,
33038                {
33039                  initial: { opacity: 0, y: 20 },
33040                  whileInView: { opacity: 1, y: 0 },
33041                  viewport: { once: !0, margin: "-60px" },
33042                  transition: { duration: 0.5, delay: 0.1 },
33043                  children: [
33044                    /* @__PURE__ */ e(
33045                      m.h3,
33046                      {
33047                        className: "text-[18px] font-bold text-slate-950 mb-4",
33048                        initial: { opacity: 0, x: -16 },
33049                        whileInView: { opacity: 1, x: 0 },
33050                        viewport: { once: !0, margin: "-60px" },
33051                        transition: { duration: 0.4, delay: 0.15 },
33052                        children: "제품 규격 (Dimension)"
33053                      }
33054                    ),
33055                    /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e(
33056                      m.div,
33057                      {
33058                        className: "space-y-3 w-full",
33059                        initial: { opacity: 0, y: 12 },
33060                        whileInView: { opacity: 1, y: 0 },
33061                        viewport: { once: !0, margin: "-40px" },
33062                        transition: { duration: 0.4, delay: 0.2 },
33063                        children: /* @__PURE__ */ a(
33064                          m.div,
33065                          {
33066                            className: "flex justify-between items-center border-b border-gray-100 pb-3",
33067                            initial: { opacity: 0, x: -12 },
33068                            whileInView: { opacity: 1, x: 0 },
33069                            viewport: { once: !0, margin: "-40px" },
33070                            transition: { duration: 0.4, delay: 0.2 },
33071                            children: [
33072                              /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium text-[14px]", children: "Full Line" }),
33073                              /* @__PURE__ */ e("span", { className: "font-bold text-slate-900 flex-1 text-right font-[Aoboshi_One] text-[14px]", children: "2,500 (W) x 2,500 (D) x 1,800 (H) mm : 6.25m²" })
33074                            ]
33075                          }
33076                        )
33077                      }
33078                    ) })
33079                  ]
33080                }
33081              ),
33082              /* @__PURE__ */ a(
33083                m.div,
33084                {
33085                  initial: { opacity: 0, y: 20 },
33086                  whileInView: { opacity: 1, y: 0 },
33087                  viewport: { once: !0, margin: "-60px" },
33088                  transition: { duration: 0.5, delay: 0.1 },
33089                  children: [
33090                    /* @__PURE__ */ e(
33091                      m.h3,
33092                      {
33093                        className: "text-[18px] font-bold text-slate-950 mb-4",
33094                        initial: { opacity: 0, x: -16 },
33095                        whileInView: { opacity: 1, x: 0 },
33096                        viewport: { once: !0, margin: "-60px" },
33097                        transition: { duration: 0.4, delay: 0.15 },
33098                        children: "적용 분야 (Application)"
33099                      }
33100                    ),
33101                    /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: r.map((s, l) => {
33102                      const o = (c) => {
33103                        const p = c.toLowerCase();
33104                        return p.includes("syringe") || p.includes("시린지") || p.includes("prefilled") ? "https://images.unsplash.com/photo-1752842350772-2921657e50d7?w=600&q=80" : p.includes("liquid") || p.includes("액상") || p.includes("suspension") ? "https://images.unsplash.com/photo-1621331462282-0c890b7c933b?w=600&q=80" : p.includes("viscous") || p.includes("gel") || p.includes("점성") ? "https://images.unsplash.com/photo-1724526788521-b1da0cfc1aea?w=600&q=80" : "https://images.unsplash.com/photo-1577276218751-2ffe1caa4994?w=600&q=80";
33105                      }, d = (c) => {
33106                        const p = c.toLowerCase();
33107                        return p.includes("syringe") || p.includes("시린지") || p.includes("prefilled") ? "Pre-filled Syringe" : p.includes("liquid") || p.includes("액상") || p.includes("suspension") ? "Liquid Formulation" : p.includes("viscous") || p.includes("gel") || p.includes("점성") ? "Viscous & Gel" : "Pharmaceutical Application";
33108                      };
33109                      return /* @__PURE__ */ a(
33110                        m.div,
33111                        {
33112                          className: "group overflow-hidden",
33113                          initial: { opacity: 0, y: 16 },
33114                          whileInView: { opacity: 1, y: 0 },
33115                          viewport: { once: !0 },
33116                          transition: { duration: 0.4, delay: 0.1 + l * 0.07 },
33117                          children: [
33118                            /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
33119                              S,
33120                              {
33121                                src: o(s),
33122                                alt: s,
33123                                className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
33124                              }
33125                            ) }),
33126                            /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: s }),
33127                            /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: d(s) })
33128                          ]
33129                        },
33130                        l
33131                      );
33132                    }) }) })
33133                  ]
33134                }
33135              )
33136            ] })
33137          ]
33138        }
33139      ),
33140      /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
33141        "button",
33142        {
33143          onClick: () => window.history.back(),
33144          className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
33145          children: "목록으로"
33146        }
33147      ) })
33148    ] }) }) })
33149  ] });
33150}
33151const P8 = globalThis.__GLOBALS__.getAssetURL("49b016d00388565ad30a66d4da765aae29ae4363.png");
33152function L8() {
33153  const t = [
33154    {
33155      title: "정밀 셀 용접 기술",
33156      description: "셀 전기적 연결 부위 용접 및 용접봉 교체 기술로 고신뢰성 접합 구현",
33157      icon: de
33158    },
33159    {
33160      title: "AI 기반 비전 검사",
33161      description: "AI 딥러닝 알고리즘으로 용접 부위 및 배터리 외관 불량 자동 검출",
33162      icon: Xe
33163    },
33164    {
33165      title: "컨베이어 빌트인 자동화",
33166      description: "공간 효율 극대화를 위한 컨베이어 내장형 라인 구성 지원",
33167      icon: Be
33168    },
33169    {
33170      title: "모듈 · BMS · 팩 조립",
33171      description: "홀더, Busbar, BMS 조립부터 볼트 자동/수동 체결까지 일괄 처리",
33172      icon: mn
33173    },
33174    {
33175      title: "EOL 종합 성능 검사",
33176      description: "전기적 성능, 충방전, 열관리 테스트를 포함한 End-of-Line 검사",
33177      icon: $r
33178    },
33179    {
33180      title: "통합 모니터링 시스템",
33181      description: "실시간 데이터 수집 및 불량 유출 방지, 품질 이력 통합 관리",
33182      icon: qh
33183    }
33184  ], i = [
33185    "Spot welding",
33186    "모듈 · BMS · 팩 조립 설비",
33187    "EOL 검사",
33188    "Cell 검사 및 조립",
33189    "볼트 자동 · 수동 체결",
33190    "홀더 및 Busbar 조립",
33191    "통합 모니터링 관리 시스템 (불량 유출 방지 및 품질 관리)"
33192  ], n = [
33193    "전기 자동차 (EV)",
33194    "에너지 저장 시스템 (ESS)",
33195    "그 외 소형 전자기기, 전동 공구, 로봇 시스템 등",
33196    "전기적 성능 테스트, 충방전, 열관리 테스트 등"
33197  ], r = [
33198    { label: "Module & Pack 조립", value: "40m x 5m x 2.2m" },
33199    { label: "Module 조립", value: "24m x 5m x 2.2m" },
33200    { label: "Pack 조립", value: "20m x 5m x 2.2m" }
33201  ];
33202  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
33203    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
33204      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
33205        /* @__PURE__ */ e(
33206          S,
33207          {
33208            src: P8,
33209            alt: "ESS Background",
33210            className: "w-full h-full object-cover"
33211          }
33212        ),
33213        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
33214      ] }),
33215      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-48", children: /* @__PURE__ */ a(
33216        m.div,
33217        {
33218          initial: { opacity: 0, x: -30 },
33219          animate: { opacity: 1, x: 0 },
33220          transition: { duration: 0.6 },
33221          children: [
33222            /* @__PURE__ */ a(
33223              m.h1,
33224              {
33225                className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]",
33226                initial: { opacity: 0, y: 20 },
33227                animate: { opacity: 1, y: 0 },
33228                transition: { duration: 0.6, delay: 0.1 },
33229                children: [
33230                  "원통형 Module & Pack",
33231                  /* @__PURE__ */ e("br", {}),
33232                  "조립, 검사 라인"
33233                ]
33234              }
33235            ),
33236            /* @__PURE__ */ e(
33237              m.p,
33238              {
33239                className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans",
33240                initial: { opacity: 0, y: 20 },
33241                animate: { opacity: 1, y: 0 },
33242                transition: { duration: 0.6, delay: 0.25 },
33243                children: "Cylindrical Module & Pack Assembly Line"
33244              }
33245            ),
33246            /* @__PURE__ */ a(
33247              m.p,
33248              {
33249                className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]",
33250                initial: { opacity: 0, y: 20 },
33251                animate: { opacity: 1, y: 0 },
33252                transition: { duration: 0.6, delay: 0.4 },
33253                children: [
33254                  "HyVISION의 원통형 배터리 조립 라인은 고속 셀 핸들링부터 정밀 용접,",
33255                  /* @__PURE__ */ e("br", {}),
33256                  "그리고 최종 비전 검사까지 통합된 턴키 솔루션을 제공합니다."
33257                ]
33258              }
33259            ),
33260            /* @__PURE__ */ e(
33261              m.div,
33262              {
33263                className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]",
33264                initial: { opacity: 0, y: 20 },
33265                animate: { opacity: 1, y: 0 },
33266                transition: { duration: 0.6, delay: 0.55 },
33267                children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
33268                  /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
33269                  /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
33270                ] })
33271              }
33272            )
33273          ]
33274        }
33275      ) }) })
33276    ] }),
33277    /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: /* @__PURE__ */ e(
33278      "div",
33279      {
33280        className: "bg-white",
33281        style: { width: "100vw", marginLeft: "calc(50% - 50vw)", paddingLeft: "max(2rem, calc((100vw - 1280px) / 2 + 2rem))", paddingRight: "max(2rem, calc((100vw - 1280px) / 2 + 2rem))", paddingTop: "4rem", paddingBottom: "4rem" },
33282        children: /* @__PURE__ */ a(
33283          m.div,
33284          {
33285            initial: { opacity: 0, y: 30 },
33286            whileInView: { opacity: 1, y: 0 },
33287            viewport: { once: !0, margin: "-100px" },
33288            transition: { duration: 0.6 },
33289            children: [
33290              /* @__PURE__ */ e("h2", { className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10", children: "제품 사양" }),
33291              /* @__PURE__ */ a("div", { className: "flex flex-col gap-20", children: [
33292                /* @__PURE__ */ a("div", { children: [
33293                  /* @__PURE__ */ a(
33294                    m.h3,
33295                    {
33296                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
33297                      style: { fontWeight: 700 },
33298                      initial: { opacity: 0, y: 10 },
33299                      whileInView: { opacity: 1, y: 0 },
33300                      viewport: { once: !0 },
33301                      transition: { duration: 0.4, delay: 0.1 },
33302                      children: [
33303                        "주요 특징 ",
33304                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
33305                      ]
33306                    }
33307                  ),
33308                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
33309                    /* @__PURE__ */ e(
33310                      m.p,
33311                      {
33312                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
33313                        initial: { opacity: 0, y: 12 },
33314                        whileInView: { opacity: 1, y: 0 },
33315                        viewport: { once: !0 },
33316                        transition: { duration: 0.5, delay: 0.4 },
33317                        children: "고속 셀 핸들링부터 정밀 용접, 비전 검사까지 통합 턴키 솔루션"
33318                      }
33319                    ),
33320                    /* @__PURE__ */ e(
33321                      m.p,
33322                      {
33323                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans whitespace-pre-line",
33324                        initial: { opacity: 0, y: 12 },
33325                        whileInView: { opacity: 1, y: 0 },
33326                        viewport: { once: !0 },
33327                        transition: { duration: 0.5, delay: 0.55 },
33328                        children: `HyVISION의 원통형 배터리 조립 라인은 고속 셀 핸들링부터
33329정밀 용접, 그리고 최종 비전 검사까지 통합된 턴키 솔루션을 제공합니다.`
33330                      }
33331                    )
33332                  ] }),
33333                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: t.map((s, l) => /* @__PURE__ */ a(
33334                    m.div,
33335                    {
33336                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
33337                      initial: { opacity: 0, y: 16 },
33338                      whileInView: { opacity: 1, y: 0 },
33339                      viewport: { once: !0 },
33340                      transition: { duration: 0.4, delay: 0.1 + l * 0.07 },
33341                      children: [
33342                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
33343                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
33344                            l + 1,
33345                            "."
33346                          ] }),
33347                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: s.title })
33348                        ] }),
33349                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: s.description })
33350                      ]
33351                    },
33352                    l
33353                  )) }) })
33354                ] }),
33355                /* @__PURE__ */ a("div", { children: [
33356                  /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-4", children: "검사 항목 (Inspection Item)" }),
33357                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-3", children: i.map((s, l) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3 text-gray-700 text-[15px]", children: [
33358                    /* @__PURE__ */ e("span", { className: "mt-1.5 w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
33359                    /* @__PURE__ */ e("span", { children: s.includes("(") ? /* @__PURE__ */ a(V, { children: [
33360                      s.split("(")[0].trim(),
33361                      /* @__PURE__ */ e("br", {}),
33362                      "(" + s.split("(").slice(1).join("(")
33363                    ] }) : s })
33364                  ] }, l)) }) })
33365                ] }),
33366                /* @__PURE__ */ a("div", { children: [
33367                  /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-4", children: "제품 규격 (Dimension)" }),
33368                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ a("div", { className: "space-y-3", children: [
33369                    r.map((s, l) => /* @__PURE__ */ a("div", { className: "flex justify-between items-center border-b border-gray-100 pb-3 last:border-0", children: [
33370                      /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium", children: s.label }),
33371                      /* @__PURE__ */ e("span", { className: "font-mono font-bold text-slate-900 ml-auto", children: s.value })
33372                    ] }, l)),
33373                    /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 mt-2", children: "* 고객 요구 사항에 따라 변경 가능" })
33374                  ] }) })
33375                ] }),
33376                /* @__PURE__ */ a("div", { className: "pb-24", children: [
33377                  /* @__PURE__ */ e("h3", { className: "text-[18px] font-bold text-slate-950 mb-4", children: "적용 분야 (Application)" }),
33378                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: n.map((s, l) => {
33379                    const o = (c) => {
33380                      const p = c.toLowerCase();
33381                      return p.includes("전기 자동차") || p.includes("ev") || p.includes("자동차") ? "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80" : p.includes("ess") || p.includes("에너지 저장") || p.includes("energy storage") ? "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?w=600&q=80" : p.includes("태양광") || p.includes("solar") || p.includes("풍력") || p.includes("신재생") ? "https://images.unsplash.com/photo-1764719396584-a53dbeac7db0?w=600&q=80" : p.includes("전동") || p.includes("로봇") || p.includes("robot") || p.includes("산업") ? "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80" : "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80";
33382                    }, d = (c) => {
33383                      const p = c.toLowerCase();
33384                      return p.includes("전기 자동차") || p.includes("ev") || p.includes("자동차") ? "Electric Vehicle Battery" : p.includes("ess") || p.includes("에너지 저장") || p.includes("energy storage") ? "Energy Storage System" : p.includes("태양광") || p.includes("solar") || p.includes("풍력") || p.includes("신재생") ? "Renewable Energy" : p.includes("전동") || p.includes("로봇") || p.includes("robot") || p.includes("산업") ? "Industrial Automation" : "Battery Application";
33385                    };
33386                    return /* @__PURE__ */ a(
33387                      m.div,
33388                      {
33389                        className: "group overflow-hidden",
33390                        initial: { opacity: 0, y: 16 },
33391                        whileInView: { opacity: 1, y: 0 },
33392                        viewport: { once: !0 },
33393                        transition: { duration: 0.4, delay: 0.1 + l * 0.07 },
33394                        children: [
33395                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
33396                            S,
33397                            {
33398                              src: o(s),
33399                              alt: s,
33400                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
33401                            }
33402                          ) }),
33403                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: s }),
33404                          /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: d(s) })
33405                        ]
33406                      },
33407                      l
33408                    );
33409                  }) }) })
33410                ] }),
33411                /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
33412                  "button",
33413                  {
33414                    onClick: () => window.history.back(),
33415                    className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
33416                    children: "목록으로"
33417                  }
33418                ) })
33419              ] })
33420            ]
33421          }
33422        )
33423      }
33424    ) }) }) })
33425  ] });
33426}
33427const H8 = globalThis.__GLOBALS__.getAssetURL("b324f92bee4473b5568d201b98249c67584ea248.png");
33428function O8() {
33429  const [t, i] = C(0);
33430  return R(() => {
33431    const n = () => i(window.scrollY);
33432    return window.addEventListener("scroll", n), () => window.removeEventListener("scroll", n);
33433  }
33433, []), /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
33434    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden bg-gradient-to-br from-slate-100 via-white to-slate-50", children: [
33435      /* @__PURE__ */ e("div", { className: "absolute inset-0", children: /* @__PURE__ */ e(
33436        S,
33437        {
33438          src: "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXIlMjBmYWN0b3J5JTIwaW5zcGVjdGlvbnxlbnwxfHx8fDE3NjQzMTgwMDJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
33439          alt: "Wafer AOI",
33440          className: "w-full h-full object-cover object-center opacity-80",
33441          style: {
33442            transform: `scale(${1 + t * 1e-4}) translateY(${t * 0.5}px)`,
33443            transition: "transform 0.1s ease-out"
33444          }
33445        }
33446      ) }),
33447      /* @__PURE__ */ e("div", { className: "relative h-full container mx-auto px-6 md:px-12 flex items-center", children: /* @__PURE__ */ a("div", { className: "max-w-2xl space-y-8", children: [
33448        /* @__PURE__ */ e("h1", { className: "text-[58px] text-white font-bold tracking-tight", children: "Wafer AOI" }),
33449        /* @__PURE__ */ e("p", { className: "text-[25px] text-white -mt-8", children: "Semiconductor Wafer Inspection Systems" }),
33450        /* @__PURE__ */ a("div", { className: "flex gap-4 pt-2", children: [
33451          /* @__PURE__ */ e(
33452            J,
33453            {
33454              size: "lg",
33455              className: "bg-[#003D7A] hover:bg-[#002A5A] text-white px-8 h-12 text-base rounded-none border-0 text-[15px]",
33456              children: "카달로그"
33457            }
33458          ),
33459          /* @__PURE__ */ e(
33460            J,
33461            {
33462              size: "lg",
33463              variant: "outline",
33464              className: "bg-[#003D7A] text-white hover:bg-slate-900 hover:text-white px-8 h-12 text-base rounded-none border-0 text-[15px]",
33465              children: "견적 문의"
33466            }
33467          )
33468        ] })
33469      ] }) }),
33470      /* @__PURE__ */ e("div", { className: "absolute bottom-12 left-1/2 -translate-x-1/2 animate-bounce", children: /* @__PURE__ */ e("img", { src: H8, alt: "Scroll down", className: "w-16 h-auto" }) })
33471    ] }),
33472    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
33473      /* @__PURE__ */ e(
33474        S,
33475        {
33476          src: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwY2xlYW5yb29tJTIwaW5zcGVjdGlvbnxlbnwxfHx8fDE3NjQzMDg4MjZ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
33477          alt: "Problem Statement",
33478          className: "absolute inset-0 w-full h-full object-cover"
33479        }
33480      ),
33481      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
33482      /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-start pt-24", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-4xl ml-24", children: [
33483        /* @__PURE__ */ a("h2", { className: "text-white mb-6 whitespace-pre-line leading-[1.45] text-[23px] font-bold", children: [
33484          "반도체 제조 공정에서 웨이퍼 결함 검출은",
33485          `
33486`,
33487          "생산 수율과 품질을 좌우하는 핵심 과정입니다."
33488        ] }),
33489        /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8" }),
33490        /* @__PURE__ */ a("p", { className: "text-white/90 text-[15px] leading-relaxed mb-10 whitespace-pre-line", children: [
33491          "검사 대상 물체의 표면에서 외부 물질을 정확하게 검출하며,",
33492          `
33493`,
33494          "0.5μm(마이크로미터) 크기의 미세 결함까지 감지할 수 있습니다."
33495        ] }),
33496        /* @__PURE__ */ e("div", { className: "mt-8", children: /* @__PURE__ */ e(
33497          J,
33498          {
33499            size: "lg",
33500            className: "bg-[#003D7A] hover:bg-[#002A5A] text-white px-8 h-12 text-base rounded-none border-0 text-[14px] inline-flex items-center gap-2 font-bold",
33501            children: "솔루션 문의하기"
33502          }
33503        ) })
33504      ] }) }) }) })
33505    ] }),
33506    /* @__PURE__ */ e("section", { className: "relative h-screen w-full overflow-hidden bg-gradient-to-b from-[#E8E8E8] via-[#E8E8E8] via-50% to-white to-50%", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "container px-6 md:px-12", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
33507      /* @__PURE__ */ a("div", { className: "mb-12", children: [
33508        /* @__PURE__ */ e("h3", { className: "text-[#111111] text-[23px] tracking-wider uppercase mb-2 font-bold", children: "Introduction" }),
33509        /* @__PURE__ */ e("div", { className: "w-12 h-0.5 bg-[#00AAD2]" }),
33510        /* @__PURE__ */ e("p", { className: "text-[rgb(113,112,112)] text-[15px] mt-3 max-w-md", children: "하이비젼시스템의 웨이퍼 AOI 검사 시스템을 소개합니다." })
33511      ] }),
33512      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
33513        /* @__PURE__ */ e("h2", { className: "text-[rgba(101,101,101,0.82)] text-[53px] tracking-tight leading-none mb-12 font-bold", children: "The new AOI500" }),
33514        /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
33515          S,
33516          {
33517            src: Da,
33518            alt: "AOI500",
33519            className: "w-full max-w-4xl mx-auto object-contain"
33520          }
33521        ) })
33522      ] }),
33523      /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-8 max-w-4xl mx-auto mt-8", children: [
33524        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
33525          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "<0.5μm" }),
33526          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "검출 해상도" })
33527        ] }),
33528        /* @__PURE__ */ a("div", { className: "text-center border-r border-[#DDDDDD]", children: [
33529          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "100 WPH" }),
33530          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "처리 속도" })
33531        ] }),
33532        /* @__PURE__ */ a("div", { className: "text-center", children: [
33533          /* @__PURE__ */ e("div", { className: "text-[#111111] text-[36px] mb-2 font-bold", children: "99.9%" }),
33534          /* @__PURE__ */ e("div", { className: "text-[#666666] text-[14px]", children: "검사 정확도" })
33535        ] })
33536      ] })
33537    ] }) }) }) }) }),
33538    /* @__PURE__ */ a("section", { className: "relative h-screen w-full overflow-hidden", children: [
33539      /* @__PURE__ */ e(
33540        S,
33541        {
33542          src: "https://images.unsplash.com/photo-1749212360229-7fd16881d7fc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzaWxpY29uJTIwd2FmZXIlMjBwcm9kdWN0JTIwaXNvbGF0ZWR8ZW58MXx8fHwxNzYzNTMyMTcyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
33543          alt: "Inspection Process",
33544          className: "absolute inset-0 w-full h-full object-cover"
33545        }
33546      ),
33547      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
33548      /* @__PURE__ */ a("div", { className: "relative h-full flex flex-col", children: [
33549        /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center px-6 md:px-12 max-w-5xl mx-auto", children: [
33550          /* @__PURE__ */ e("h2", { className: "text-white mb-6 leading-tight text-[23px] font-bold", children: "Complete Wafer Inspection Flow" }),
33551          /* @__P
33551URE__ */ e("div", { className: "w-16 h-0.5 bg-[rgb(116,222,242)] mb-8 mx-auto" }),
33552          /* @__PURE__ */ e("p", { className: "text-white/90 text-[15px] leading-relaxed mb-8 mt-2", children: "전공정부터 후공정까지 모든 단계의 웨이퍼 검사를 완성합니다" })
33553        ] }) }),
33554        /* @__PURE__ */ e("div", { className: "backdrop-blur-md border-t border-white/10 bg-[rgba(0,0,0,0.04)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 py-12", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 max-w-7xl mx-auto", children: [
33555          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
33556            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "01" }),
33557            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "패턴 검사" }),
33558            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "Pattern Defect Detection" }),
33559            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
33560          ] }),
33561          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
33562            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "02" }),
33563            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "표면 검사" }),
33564            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "Surface Particle Inspection" }),
33565            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
33566          ] }),
33567          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
33568            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "03" }),
33569            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "치수 측정" }),
33570            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "Critical Dimension" }),
33571            /* @__PURE__ */ e("div", { className: "hidden md:block absolute right-0 top-0 bottom-0 w-px bg-white/20" })
33572          ] }),
33573          /* @__PURE__ */ a("div", { className: "text-center relative", children: [
33574            /* @__PURE__ */ e("div", { className: "text-white text-[18px] uppercase tracking-wider mb-4", children: "04" }),
33575            /* @__PURE__ */ e("div", { className: "text-white text-[20px] font-bold mb-2", children: "결함 분류" }),
33576            /* @__PURE__ */ e("div", { className: "text-white/70 text-[14px]", children: "AI Classification" })
33577          ] })
33578        ] }) }) })
33579      ] })
33580    ] }),
33581    /* @__PURE__ */ e("section", { className: "relative min-h-screen w-full overflow-hidden bg-white", children: /* @__PURE__ */ e("div", { className: "relative h-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex-1 flex items-center bg-[rgba(255,255,255,0)]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6 md:px-12 pt-24 pb-24", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto px-8", children: [
33582      /* @__PURE__ */ e("h2", { className: "text-slate-900 mb-3 leading-tight text-[32px] font-bold text-center", children: "Inspection Solution" }),
33583      /* @__PURE__ */ e("div", { className: "w-16 h-0.5 bg-[#00AAD2] mb-8 mx-auto" }),
33584      /* @__PURE__ */ a("p", { className: "text-slate-600 text-center text-[15px] mb-12", children: [
33585        "하이비젼 시스템의 웨이퍼 검사 장비는 전공정, 후공정 각 단계에 최적화된 솔루션을 제공하며,",
33586        /* @__PURE__ */ e("br", {}),
33587        "300mm 대구경 웨이퍼부터 소형 칩까지 다양한 규격에 대응 가능합니다."
33588      ] }),
33589      /* @__PURE__ */ a("div", { className: "relative mt-16 mb-16", children: [
33590        /* @__PURE__ */ e("button", { className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "rotate-90 w-6 h-6" }) }),
33591        /* @__PURE__ */ e("button", { className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-400/50 hover:bg-gray-500/70 text-white w-12 h-12 flex items-center justify-center transition-colors", children: /* @__PURE__ */ e(Le, { className: "-rotate-90 w-6 h-6" }) }),
33592        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
33593          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
33594            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
33595              S,
33596              {
33597                src: "https://images.unsplash.com/photo-1749212360229-7fd16881d7fc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzaWxpY29uJTIwd2FmZXIlMjBwcm9kdWN0JTIwaXNvbGF0ZWR8ZW58MXx8fHwxNzYzNTMyMTcyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
33598                alt: "Front-End Inspection",
33599                className: "w-full h-full object-cover"
33600              }
33601            ) }),
33602            /* @__PURE__ */ a("div", { className: "p-6", children: [
33603              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
33604                "Front-End Inspection",
33605                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Pre & Post-Process Wafer Inspection" })
33606              ] }),
33607              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed text-justify border-t border-gray-200 pt-4", children: "전공정 웨이퍼 검사를 위한 고정밀 시스템으로, 패턴 결함 검출 및 표면 파티클 검사를 수행합니다. 다중 파장 이미징 기술과 AI 기반 분류 알고리즘을 적용하여 미세 결함을 정확하게 검출합니다." })
33608            ] })
33609          ] }),
33610          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
33611            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
33612              S,
33613              {
33614                src: "https://images.unsplash.com/photo-1642229407672-32411805153f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwY2hpcCUyMHdoaXRlJTIwYmFja2dyb3VuZHxlbnwxfHx8fDE3NjM1MzIxNzB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
33615                alt: "Back-End Inspection",
33616                className: "w-full h-full object-cover"
33617              }
33618            ) }),
33619            /* @__PURE__ */ a("div", { className: "p-6", children: [
33620              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
33621                "Back-End Inspection",
33622                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Packaging & Assembly Inspection" })
33623              ] }),
33624              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "패키징 및 조립 공정을 위한 종합 검사 시스템으로, 다이 접합 검증, 와이어 본딩 검사, 패키지 마킹 확인 등을 수행합니다. 고속 처리와 높은 정확도로 생산성을 극대화합니다." })
33625            ] })
33626          ] }),
33627          /* @__PURE__ */ a("div", { className: "bg-[#E8EEF5] overflow-hidden group cursor-pointer hover:shadow-lg transition-shadow", children: [
33628            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
33629              S,
33630              {
33631                src: "https://images.unsplash.com/photo-1543722615-dbf5edf1a00d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzaWxpY29uJTIwd2FmZXIlMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc2NDMwODgyOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
33632                alt: "Metrology Systems",
33633                className: "w-full h-full object-cover"
33634              }
33635            ) }),
33636            /* @__PURE__ */ a("div", { className: "p-6", children: [
33637              /* @__PURE__ */ a("h3", { className: "text-slate-900 mb-3 font-bold text-[18px]", children: [
33638                "Metrology Systems",
33639                /* @__PURE__ */ e("span", { className: "block text-[14px] text-slate-600 font-normal mt-1", children: "Precision Measurement Systems" })
33640              ] }),
33641              /* @__PURE__ */ e("p", { className: "text-slate-600 text-[14px] mb-4 leading-relaxed border-t border-gray-200 pt-4", children: "초정밀 측정 및 치수 검사 시스템으로, CD 측정, 오버레이 계측, 막 두께 분석 등을 수행합니다. 나노미터 수준의 정밀도와 높은 재현성으로 공정 제어를 최적화합니다." })
33642            ] })
33643          ] })
33644        ] })
33645      ] })
33646    ] }) }) }) }) })
33647  ] });
33648}
33649function V8() {
33650  const { t } = ne(), [i, n] = C("newsroom"), r = [
33651    { label: "PR Center" }
33652  ], s = [
33653    {
33654      id: 1,
33655      title: "HyVISION India Expands Bengaluru Manufacturing Facility",
33656      date: "2024.01.15",
33657      category: "Company News",
33658      image: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmYWN0b3J5JTIwZXhwYW5zaW9ufGVufDF8fHx8MTc2MzYyNTEyM3ww&ixlib=rb-4.1.0&q=80&w=1080",
33659      excerpt: "HyVISION announces major expansion of its Bengaluru manufacturing facility to meet growing demand for precision vision inspection systems."
33660    },
33661    {
33662      id: 2,
33663      title: "New AI-Powered Vision Inspection System Launch",
33664      date: "2024.01.10",
33665      category: "Product Launch",
33666      image: "https://images.unsplash.com/photo-1677442136019-21780ecad995?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhaSUyMHRlY2hub2xvZ3klMjBpbm5vdmF0aW9ufGVufDF8fHx8MTc2MzYyNTEyM3ww&ixlib=rb-4.1.0&q=80&w=1080",
33667      excerpt: "Revolutionary AI-powered inspection system delivers 99.9% accuracy in defect detection for semiconductor manufacturing."
33668    },
33669    {
33670      id: 3,
33671      title: "Strategic Partnership with Leading Automotive Manufacturer",
33672      date: "2024.01.05",
33673      category: "Partnership",
33674      image: "https://images.unsplash.com/photo-1552664730-d307ca884978?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMHBhcnRuZXJzaGlwfGVufDF8fHx8MTc2MzYyNTEyM3ww&ixlib=rb-4.1.0&q=80&w=1080",
33675      excerpt: "HyVISION India partners with major automotive OEM to supply advanced camera module inspection equipment."
33676    },
33677    {
33678      id: 4,
33679      title: "Industry 4.0 Innovation Award Recognition",
33680      date: "2023.12.20",
33681      category: "Awards",
33682      image: "https://images.unsplash.com/photo-1569705460033-cfaa4bf9f822?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhd2FyZCUyMHRyb3BoeXxlbnwxfHx8fDE3NjM2MjUxMjN8MA&ixlib=rb-4.1.0&q=80&w=1080",
33683      excerpt: "Recognized for excellence in manufacturing automation and smart factory implementation at Industry 4.0 Summit."
33684    },
33685    {
33686      id: 5,
33687      title: "Quarterly Performance Highlights Q4 2023",
33688      date: "2023.12.15",
33689      category: "Financial",
33690      image: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMGdyb3d0aCUyMGNoYXJ0fGVufDF8fHx8MTc2MzYyNTEyM3ww&ixlib=rb-4.1.0&q=80&w=1080",
33691      excerpt: "Strong revenue growth and operational excellence drive Q4 performance exceeding market expectations."
33692    },
33693    {
33694      id: 6,
33695      title: "Technology Innovation Forum 2024 Participation",
33696      date: "2023.12.10",
33697      category: "Events",
33698      image: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx0ZWNobm9sb2d5JTIwY29uZmVyZW5jZXxlbnwxfHx8fDE3NjM2MjUxMjN8MA&ixlib=rb-4.1.0&q=80&w=1080",
33699      excerpt: "HyVISION to showcase latest vision inspection technologies at upcoming innovation forum in Mumbai."
33700    }
33701  ], l = [
33702    {
33703      id: 1,
33704      title: "Company Brochure 2024",
33705      type: "PDF",
33706      size: "5.2 MB",
33707      icon: Ye
33708    },
33709    {
33710      id: 2,
33711      title: "Product Catalog",
33712      type: "PDF",
33713      size: "12.8 MB",
33714      icon: Ye
33715    },
33716    {
33717      id: 3,
33718      title: "Corporate Video",
33719      type: "Video",
33720      size: "45 MB",
33721      icon: Ux
33722    },
33723    {
33724      id: 4,
33725      title: "Brand Guidelines",
33726      type: "PDF",
33727      size: "3.1 MB",
33728      icon: Ye
33729    }
33730  ], o = () => {
33731    switch (i) {
33732      case "newsroom":
33733        return /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6", children: s.map((d) => /* @__PURE__ */ a(
33734          "div",
33735          {
33736            className: "group bg-white overflow-hidden hover:shadow-xl transition-all duration-300 cursor-pointer rounded-[10px] border border-slate-200",
33737            children: [
33738              /* @__PURE__ */ a("div", { className: "relative h-[240px] overflow-hidden", children: [
33739                /* @__PURE__ */ e(
33740                  S,
33741                  {
33742                    src: d.image,
33743                    alt: d.title,
33744                    className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
33745                  }
33746                ),
33747                /* @__PURE__ */ e("div", { className: "absolute top-4 left-4", children: /* @__PURE__ */ e("span", { className: "bg-[#003D7A] text-white px-3 py-1 text-xs tracking-wide", children: d.category }) })
33748              ] }),
33749              /* @__PURE__ */ a("div", { className: "p-6", children: [
33750                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-slate-500 text-sm mb-3", children: [
33751                  /* @__PURE__ */ e(wt, { className: "w-4 h-4" }),
33752                  /* @__PURE__ */ e("span", { children: d.date })
33753                ] }),
33754                /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-3 leading-tight font-bold text-[18px] line-clamp-2", children: d.title }),
33755                /* @__PURE__ */ e("p", { className: "text-slate-600 text-sm mb-4 line-clamp-2", children: d.excerpt }),
33756                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[#003D7A] group-hover:gap-3 transition-all text-sm", children: [
33757                  /* @__PURE__ */ e("span", { children: "Read More" }),
33758                  /* @__PURE__ */ e(re, { className: "w-4 h-4" })
33759                ] })
33760              ] })
33761            ]
33762          },
33763          d.id
33764        )) });
33765      case "media":
33766        return /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-4 gap-6", children: l.map((d) => /* @__PURE__ */ e(
33767          "div",
33768          {
33769            className: "group bg-white border border-slate-200 p-6 hover:shadow-xl transition-all duration-300 cursor-pointer rounded-[10px]",
33770            children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center text-center", children: [
33771              /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-[#003D7A]/10 rounded-full flex items-center justify-center mb-4 group-hover:bg-[#003D7A] transition-colors", children: /* @__PURE__ */ e(d.icon, { className: "w-8 h-8 text-[#003D7A] group-hover:text-white transition-colors" }) }),
33772              /* @__PURE__ */ e("h3", { className: "text-slate-900 mb-2 font-bold text-[16px]", children: d.title }),
33773              /* @__PURE__ */ e("p", { className: "text-slate-500 text-sm mb-1", children: d.type }),
33774              /* @__PURE__ */ e("p", { className: "text-slate-400 text-xs mb-4", children: d.size }),
33775              /* @__PURE__ */ e(
33776                J,
33777                {
33778                  variant: "outline",
33779                  className: "w-full border-[#003D7A] text-[#003D7A] hover:bg-[#003D7A] hover:text-white rounded-none border-2",
33780                  children: "Download"
33781                }
33782              )
33783            ] })
33784          },
33785          d.id
33786        )) });
33787      case "announcements":
33788        return /* @__PURE__ */ e("div", { className: "bg-white border border-slate-200 rounded-[10px] overflow-hidden", children: /* @__PURE__ */ e("div", { className: "divide-y divide-slate-200", children: [
33789          { title: "Q4 2023 Financial Results Announcement", date: "2024.01.15", tag: "Financial" },
33790          { title: "New Product Launch - Advanced AOI System", date: "2024.01.10", tag: "Product" },
33791          { title: "Management Changes Effective February 2024", date: "2024.01.05", tag: "Corporate" },
33792          { title: "Annual Shareholders Meeting Notice", date: "2023.12.20", tag: "Investors" },
33793          { title: "Facility Expansion Project Update", date: "2023.12.15", tag: "Operations" }
33794        ].map((d, c) => /* @__PURE__ */ e(
33795          "div",
33796          {
33797            className: "group p-6 hover:bg-slate-50 transition-colors cursor-pointer",
33798            children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between", children: [
33799              /* @__PURE__ */ a("div", { className: "flex-1", children: [
33800                /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-2", children: [
33801                  /* @__PURE__ */ e("span", { className: "bg-[#138808]/10 text-[#138808] px-2 py-1 text-xs", children: d.tag }),
33802                  /* @__PURE__ */ e("span", { className: "text-slate-500 text-sm", children: d.date })
33803                ] }),
33804                /* @__PURE__ */ e("h3", { className: "text-slate-900 font-bold text-[16px] group-hover:text-[#003D7A] transition-colors", children: d.title })
33805              ] }),
33806              /* @__PURE__ */ e(re, { className: "w-5 h-5 text-slate-400 group-hover:text-[#003D7A] group-hover:translate-x-1 transition-all" })
33807            ] })
33808          },
33809          c
33810        )) }) });
33811      default:
33812        return null;
33813    }
33814  };
33815  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
33816    /* @__PURE__ */ e("div", { className: "bg-[#F5F5F5] border-b border-slate-200", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ e(ea, { items: r }) }) }),
33817    /* @__PURE__ */ a("section", { className: "relative h-[500px] overflow-hidden", children: [
33818      /* @__PURE__ */ e(
33819        S,
33820        {
33821          src: "https://images.unsplash.com/photo-1504711434969-e33886168f5c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxuZXdzJTIwbWVkaWElMjBwcmVzc3xlbnwxfHx8fDE3NjM2MjUxMjN8MA&ixlib=rb-4.1.0&q=80&w=1080",
33822          alt: "PR Center",
33823          className: "absolute inset-0 w-full h-full object-cover"
33824        }
33825      ),
33826      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-[#003D7A]/95 via-[#003D7A]/85 to-[#003D7A]/60" }),
33827      /* @__PURE__ */ a("div", { className: "relative h-full flex items-center", children: [
33828        /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 w-full pt-20", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-[380px_1fr] gap-x-24 gap-y-12 items-start", children: [
33829          /* @__PURE__ */ a(
33830            m.div,
33831            {
33832              initial: { opacity: 0, x: -60 },
33833              animate: { opacity: 1, x: 0 },
33834              transition: { duration: 1, delay: 0.1, ease: [0.22, 1, 0.36, 1] },
33835              className: "flex items-center gap-6",
33836              children: [
33837                /* @__PURE__ */ e("div", { className: "w-12 h-[1px] bg-white/40" }),
33838                /* @__PURE__ */ e("p", { className: "text-white text-[16px] font-bold tracking-[0.3em] uppercase opacity-80", children: "News & Media" })
33839              ]
33840            }
33841          ),
33842          /* @__PURE__ */ a(
33843            m.div,
33844            {
33845              initial: { opacity: 0, y: 40 },
33846              animate: { opacity: 1, y: 0 },
33847              transition: { duration: 1, delay: 0.3, ease: [0.22, 1, 0.36, 1] },
33848              children: [
33849                /* @__PURE__ */ e("h1", { className: "text-white font-bold text-[68px] leading-[1.1] mb-10 tracking-tighter", children: "PR Center" }),
33850                /* @__PURE__ */ e("p", { className: "text-white/70 text-[21px] leading-relaxed max-w-2xl font-light", children: "Stay updated with the latest news, announcements, and media resources from HyVISION India" }),
33851                /* @__PURE__ */ a(
33852                  m.div,
33853                  {
33854                    initial: { opacity: 0, y: 20 },
33855                    animate: { opacity: 1, y: 0 },
33856                    transition: { duration: 0.8, delay: 0.6 },
33857                    className: "mt-16 flex items-center gap-8",
33858                    children: [
33859                      /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
33860                        /* @__PURE__ */ e("span", { className: "text-white/40 text-[12px] uppercase tracking-widest mb-2", children: "Platform" }),
33861                        /* @__PURE__ */ e("span", { className: "text-white text-[18px] font-medium", children: "HyVISION Global" })
33862                      ] }),
33863                      /* @__PURE__ */ e("div", { className: "w-[1px] h-10 bg-white/10" }),
33864                      /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
33865                        /* @__PURE__ */ e("span", { className: "text-white/40 text-[12px] uppercase tracking-widest mb-2", children: "Region" }),
33866                        /* @__PURE__ */ e("span", { className: "text-white text-[18px] font-medium", children: "India Hub" })
33867                      ] })
33868                    ]
33869                  }
33870                )
33871              ]
33872            }
33873          )
33874        ] }) }),
33875        /* @__PURE__ */ e("div", { className: "absolute right-0 top-0 bottom-0 flex items-center pr-12 pointer-events-none", children: /* @__PURE__ */ e("div", { className: "text-white text-[180px] leading-none tracking-[-0.05em] font-bold opacity-[0.03] select-none", style: { writingMode: "vertical-rl" }, children: "PUBLIC RELATIONS" }) })
33876      ] })
33877    ] }),
33878    /* @__PURE__ */ e("section", { className: "py-20 bg-slate-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
33879      /* @__PURE__ */ e("div", { className: "bg-white border-b border-slate-200 mb-12 rounded-t-[10px] overflow-hidden", children: /* @__PURE__ */ a("div", { className: "flex", children: [
33880        /* @__PURE__ */ a(
33881          "button",
33882          {
33883            onClick: () => n("newsroom"),
33884            className: `flex-1 px-8 py-6 text-center font-bold text-[16px] transition-all relative ${i === "newsroom" ? "text-[#003D7A] bg-slate-50" : "text-slate-500 hover:text-slate-700 hover:bg-slate-50/50"}`,
33885            children: [
33886              "Newsroom",
33887              i === "newsroom" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-[#003D7A]" })
33888            ]
33889          }
33890        ),
33891        /* @__PURE__ */ a(
33892          "button",
33893          {
33894            onClick: () => n("media"),
33895            className: `flex-1 px-8 py-6 text-center font-bold text-[16px] transition-all relative ${i === "media" ? "text-[#003D7A] bg-slate-50" : "text-slate-500 hover:text-slate-700 hover:bg-slate-50/50"}`,
33896            children: [
33897              "Media Resources",
33898              i === "media" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-[#003D7A]" })
33899            ]
33900          }
33901        ),
33902        /* @__PURE__ */ a(
33903          "button",
33904          {
33905            onClick: () => n("announcements"),
33906            className: `flex-1 px-8 py-6 text-center font-bold text-[16px] transition-all relative ${i === "announcements" ? "text-[#003D7A] bg-slate-50" : "text-slate-500 hover:text-slate-700 hover:bg-slate-50/50"}`,
33907            children: [
33908              "Announcements",
33909              i === "announcements" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-[#003D7A]" })
33910            ]
33911          }
33912        )
33913      ] }) }),
33914      /* @__PURE__ */ e("div", { className: "min-h-[600px]", children: o() })
33915    ] }) }) }),
33916    /* @__PURE__ */ e("section", { className: "py-20 bg-[#003D7A]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center", children: [
33917      /* @__PURE__ */ e("h2", { className: "text-white mb-6 leading-tight font-bold text-[42px]", children: "Media Inquiries" }),
33918      /* @__PURE__ */ e("p", { className: "text-white/80 text-lg mb-8", children: "For press releases, media kits, or interview requests, please contact our PR team" }),
33919      /* @__PURE__ */ e(
33920        J,
33921        {
33922          className: "bg-white text-[#003D7A] hover:bg-slate-100 px-8 py-6 text-[16px] rounded-none border-0 h-auto",
33923          children: "Contact PR Team"
33924        }
33925      )
33926    ] }) }) })
33927  ] });
33928}
33929function Vc({ initialTab: t = "news" }) {
33930  const { t: i } = ne(), [n, r] = C(t), [s, l] = C("all"), [o, d] = C("all"), [c, p] = C("");
33931  R(() => {
33932    r(t);
33933  }, [t]);
33934  const h = [
33935    { label: "미디어" },
33936    { label: n === "news" ? "뉴스 & 이벤트" : "갤러리" }
33937  ], x = [
33938    {
33939      id: 1,
33940      title: `하이비젼시스템 인도 법인,
33941벵갈루루 생산 설비 대폭 확충`,
33942      date: "2026.02.10",
33943      category: "기업",
33944      excerpt: "하이비젼시스템 인도 법인이 지역 내 고정밀 비전 검사 시스템 수요 증가에 대응하기 위해 벵갈루루 시설의 대규모 확장을 발표했습니다.",
33945      image: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=800&q=80"
33946    },
33947    {
33948      id: 2,
33949      title: `EV 배터리 생산을 위한
33950새로운 AI 기반 검사 솔루션 출시`,
33951      date: "2026.01.25",
33952      category: "제품",
33953      excerpt: "전기차 배터리 셀 전용으로 설계된 최신 AI 기반 검사 시스템이 이제 글로벌 파트너들에게 제공됩니다.",
33954      image: "https://images.unsplash.com/photo-1565793298595-6a879b1d9492?w=800&q=80"
33955    },
33956    {
33957      id: 3,
33958      title: "테크 엑스포 2026에서 차세대 로보틱스 기술 선보일 예정",
33959      date: "2026.01.12",
33960      category: "이벤트",
33961      excerpt: "최신 3D 프린팅 및 로보틱스 통합 기술을 시연할 국제 테크 엑스포 현장에서 하이비젼시스템을 만나보세요.",
33962      image: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80"
33963    },
33964    {
33965      id: 4,
33966      title: "글로벌 주요 반도체 제조사와 파트너십 체결",
33967      date: "2025.12.15",
33968      category: "비즈니스",
33969      excerpt: "대량 반도체 생산 라인에 하이비젼의 웨이퍼 AOI 시스템을 통합하기 위한 전략적 파트너십이 형성되었습니다.",
33970      image: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=800&q=80"
33971    },
33972    {
33973      id: 5,
33974      title: `하이비젼시스템 인도 법인, 
33975'혁신 우수상' 수상`,
33976      date: "2025.11.30",
33977      category: "기업",
33978      excerpt: "현지 제조 생태계 기여와 기술 혁신에 대한 공로를 인정받아 수상을 영예를 안았습니다.",
33979      image: "https://images.unsplash.com/photo-1531482615713-2afd69097998?w=800&q=80"
33980    }
33981  ], b = [
33982    {
33983      id: 1,
33984      title: "벵갈루루 혁신 센터 - 전경",
33985      type: "사진",
33986      image: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800&q=80"
33987    },
33988    {
33989      id: 2,
33990      title: "첨단 제조 라인 시연",
33991      type: "영상",
33992      image: "https://images.unsplash.com/photo-1565793298595-6a879b1d9492?w=800&q=80",
33993      isVideo: !0
33994    },
33995    {
33996      id: 3,
33997      title: "팀 협업 및 기업 문화",
33998      type: "사진",
33999      image: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=800&q=80"
34000    },
34001    {
34002      id: 4,
34003      title: "2025 제품 쇼케이스",
34004      type: "사진",
34005      image: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=800&q=80"
34006    },
34007    {
34008      id: 5,
34009      title: "글로벌 리더십 서밋",
34010      type: "사진",
34011      image: "https://images.unsplash.com/photo-1590650153855-d9e808231d41?w=800&q=80"
34012    },
34013    {
34014      id: 6,
34015      title: "고객 지원 교육 세션",
34016      type: "영상",
34017      image: "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80",
34018      isVideo: !0
34019    }
34020  ], g = x.filter((u) => {
34021    const v = u.title.toLowerCase().includes(c.toLowerCase()) || u.excerpt.toLowerCase().includes(c.toLowerCase()), A = o === "all" ? !0 : o === "events" ? u.category === "이벤트" : u.category !== "이벤트";
34022    return v && A;
34023  }), w = b.filter((u) => {
34024    const v = u.title.toLowerCase().includes(c.toLowerCase()), A = s === "all" ? !0 : s === "photo" ? u.type === "사진" : u.type === "영상";
34025    return v && A;
34026  });
34027  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
34028    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
34029      /* @__PURE__ */ e(
34030        m.div,
34031        {
34032          initial: { opacity: 0, x: -60 },
34033          animate: { opacity: 1, x: 0 },
34034          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
34035          className: "pt-[11px]",
34036          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Media" })
34037        }
34038      ),
34039      /* @__PURE__ */ a(
34040        m.div,
34041        {
34042          initial: { opacity: 0, x: 60 },
34043          animate: { opacity: 1, x: 0 },
34044          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
34045          children: [
34046            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
34047              "Latest News &",
34048              /* @__PURE__ */ e("br", {}),
34049              "Media from HyVISION"
34050            ] }),
34051            /* @__PURE__ */ a("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: [
34052              "Stay up to date with the latest news and ",
34053              /* @__PURE__ */ e("br", {}),
34054              "behind the scenes moments from HyVISION System India."
34055            ] })
34056          ]
34057        }
34058      )
34059    ] }) }) }),
34060    /* @__PURE__ */ e("div", { className: "border-b border-slate-200 bg-white z-[100]", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 relative", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto flex flex-col items-center", children: [
34061      /* @__PURE__ */ a("div", { className: "w-full bg-[#00A9A4] rounded-2xl p-12 mb-8 relative overflow-hidden", children: [
34062        /* @__PURE__ */ e("div", { className: "absolute top-[-20px] left-[-20px] w-40 h-16 bg-white/10 rounded-full rotate-[-15deg]" }),
34063        /* @__PURE__ */ e("div", { className: "absolute top-10 left-[-40px] w-48 h-16 bg-white/10 rounded-full rotate-[-15deg]" }),
34064        /* @__PURE__ */ e("div", { className: "absolute top-[-30px] right-[-10px] w-40 h-16 bg-white/10 rounded-full rotate-[15deg]" }),
34065        /* @__PURE__ */ e("div", { className: "absolute top-0 right-[-50px] w-48 h-16 bg-white/10 rounded-full rotate-[15deg]" }),
34066        /* @__PURE__ */ e("div", { className: "absolute bottom-[-20px] left-10 w-40 h-16 bg-white/10 rounded-full rotate-[-5deg]" }),
34067        /* @__PURE__ */ a("div", { className: "relative z-10 flex flex-col items-center", children: [
34068          /* @__PURE__ */ a("div", { className: "w-full max-w-2xl relative mb-6", children: [
34069            /* @__PURE__ */ e(
34070              "input",
34071              {
34072                type: "text",
34073                placeholder: "키워드로 검색하세요!",
34074                value: c,
34075                onChange: (u) => p(u.target.value),
34076                className: "w-full bg-white text-slate-900 px-8 py-4 rounded-lg text-[18px] focus:outline-none shadow-lg placeholder:text-slate-300"
34077              }
34078            ),
34079            /* @__P
34079URE__ */ e("button", { className: "absolute right-2 top-1/2 -translate-y-1/2 bg-black text-white p-3 rounded-md hover:bg-slate-800 transition-colors", children: /* @__PURE__ */ e(qt, { size: 24 }) })
34080          ] }),
34081          /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-center gap-2 max-w-2xl", children: [
34082            { label: "#인도법인", active: !0 },
34083            { label: "#사내문화", active: !1 },
34084            { label: "#기술혁신", active: !1 },
34085            { label: "#채용", active: !1 }
34086          ].map((u, v) => /* @__PURE__ */ e(
34087            "button",
34088            {
34089              onClick: () => p(u.label.replace("#", "")),
34090              className: "px-4 py-1.5 rounded-full border border-white/40 text-white text-[14px] hover:bg-white/10 transition-colors flex items-center",
34091              children: u.label
34092            },
34093            v
34094          )) })
34095        ] })
34096      ] }),
34097      /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full relative", children: /* @__PURE__ */ a("div", { className: "flex items-center w-full h-16 relative mt-16 justify-center", children: [
34098        /* @__PURE__ */ e("div", { className: "absolute left-0 flex items-center h-full", children: /* @__PURE__ */ a("span", { className: "text-[14px] text-slate-500", children: [
34099          "전체 ",
34100          /* @__PURE__ */ e("span", { className: "text-black font-bold", children: n === "news" ? g.length : w.length }),
34101          "ê±´"
34102        ] }) }),
34103        /* @__PURE__ */ e("div", { className: "flex items-center space-x-12 md:space-x-20 mx-auto h-full", children: [
34104          { label: "All", value: "all", type: "news" },
34105          { label: "News", value: "news", type: "news" },
34106          { label: "Events", value: "events", type: "news" },
34107          { label: "Video", value: "video", type: "gallery" }
34108        ].map((u) => /* @__PURE__ */ e(
34109          "button",
34110          {
34111            onClick: () => {
34112              r(u.type), u.type === "news" ? d(u.value) : l("video");
34113            },
34114            className: `text-[16px] h-full transition-all relative flex items-center ${n === "news" && o === u.value || n === "gallery" && u.value === "video" ? "text-[#003D7A] font-bold" : "text-slate-400 hover:text-slate-600"}`,
34115            children: u.label
34116          },
34117          u.label
34118        )) })
34119      ] }) })
34120    ] }) }) }),
34121    /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4 mt-4", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto", children: /* @__PURE__ */ e(ea, { items: h }) }) }),
34122    /* @__PURE__ */ e("main", { className: "container mx-auto px-4 pb-24", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto", children: n === "news" ? /* @__P
34122URE__ */ a("div", { className: "space-y-12", children: [
34123      /* @__PURE__ */ e("div", { className: "pt-8 pb-4", children: /* @__PURE__ */ a("h2", { className: "font-bold text-slate-900 leading-[1.3] tracking-tight text-[30px]", children: [
34124        "미래를 보는 기술,",
34125        /* @__PURE__ */ e("br", {}),
34126        "세상을 바꾸는 하이비젼"
34127      ] }) }),
34128      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-12", children: g.map((u, v) => /* @__PURE__ */ a(
34129        "div",
34130        {
34131          className: "flex flex-col group cursor-pointer",
34132          children: [
34133            /* @__PURE__ */ a("div", { className: "relative w-full aspect-[16/10] overflow-hidden rounded-lg mb-4 bg-slate-100", children: [
34134              /* @__PURE__ */ e(
34135                S,
34136                {
34137                  src: u.image,
34138                  alt: u.title,
34139                  className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
34140                }
34141              ),
34142              /* @__PURE__ */ e("div", { className: "absolute top-3 left-3 bg-white text-black font-bold px-3 py-1 rounded-full text-[12px]", children: u.category === "이벤트" ? "Event" : "News" }),
34143              /* @__PURE__ */ e("div", { className: "absolute top-3 right-3 z-10", onClick: (A) => A.stopPropagation(), children: /* @__PURE__ */ a("details", { className: "relative", children: [
34144                /* @__PURE__ */ e("summary", { className: "list-none cursor-pointer w-[28px] h-[28px] bg-white rounded-full flex items-center justify-center text-black hover:bg-gray-100 transition-colors shadow-sm marker:hidden [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ e(yl, { size: 14 }) }),
34145                /* @__PURE__ */ e("div", { className: "absolute right-0 top-full mt-2 w-32 bg-white rounded-lg shadow-xl border border-slate-100 py-2 flex flex-col z-20", children: [
34146                  { name: "WhatsApp", url: `https://wa.me/?text=${encodeURIComponent(u.title)}` },
34147                  { name: "KakaoTalk", url: "#" },
34148                  { name: "LinkedIn", url: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(window.location.href)}` },
34149                  { name: "Facebook", url: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}` },
34150                  { name: "Instagram", url: "https://www.instagram.com" }
34151                ].map((A) => /* @__PURE__ */ e(
34152                  "a",
34153                  {
34154                    href: A.url,
34155                    target: "_blank",
34156                    rel: "noopener noreferrer",
34157                    className: "text-left px-3 py-2 text-[12px] hover:bg-slate-50 text-slate-700 transition-colors font-medium block no-underline",
34158                    onClick: (N) => {
34159                      N.stopPropagation(), A.name === "KakaoTalk" && (N.preventDefault(), alert("KakaoTalk sharing requires API key configuration."));
34160                    },
34161                    children: A.name
34162                  },
34163                  A.name
34164                )) })
34165              ] }) })
34166            ] }),
34167            /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
34168              /* @__PURE__ */ e("div", { className: "text-xs text-slate-500 mb-2", children: u.date }),
34169              /* @__PURE__ */ e("h3", { className: "text-lg font-bold text-slate-900 mb-2 line-clamp-2 transition-colors whitespace-pre-line", children: u.title }),
34170              /* @__PURE__ */ a("div", { className: "mt-auto pt-4 flex items-center text-slate-400 text-sm font-bold", children: [
34171                "Read More ",
34172                /* @__PURE__ */ e(Re, { size: 16, className: "ml-1" })
34173              ] })
34174            ] })
34175          ]
34176        },
34177        u.id
34178      )) })
34179    ] }) : /* @__PURE__ */ a("div", { className: "space-y-12", children: [
34180      /* @__PURE__ */ e("div", { className: "pt-8 pb-4", children: /* @__PURE__ */ e("h2", { className: "font-bold text-slate-900 leading-[1.3] tracking-tight text-[30px]", children: s === "video" ? "영상 갤러리" : "포토 갤러리" }) }),
34181      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: w.map((u) => /* @__PURE__ */ a("div", { className: "group cursor-pointer", children: [
34182        /* @__PURE__ */ a("div", { className: "relative aspect-video bg-slate-100 rounded-lg overflow-hidden mb-4", children: [
34183          /* @__PURE__ */ e(
34184            S,
34185            {
34186              src: u.image,
34187              alt: u.title,
34188              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
34189            }
34190          ),
34191          u.type === "영상" && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-white/90 flex items-center justify-center pl-1", children: /* @__PURE__ */ e($c, { size: 24, className: "text-[#00A9A4]", fill: "#00A9A4" }) }) }),
34192          /* @__PURE__ */ e("div", { className: "absolute top-3 left-3 bg-white text-black font-bold px-3 py-1 rounded-full text-[12px]", children: u.type === "영상" ? "Video" : "Photo" }),
34193          /* @__PURE__ */ e("div", { className: "absolute top-3 right-3 z-10", onClick: (v) => v.stopPropagation(), children: /* @__PURE__ */ a("details", { className: "relative", children: [
34194            /* @__PURE__ */ e("summary", { className: "list-none cursor-pointer w-[28px] h-[28px] bg-white rounded-full flex items-center justify-center text-black hover:bg-gray-100 transition-colors shadow-sm marker:hidden [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ e(yl, { size: 14 }) }),
34195            /* @__PURE__ */ e("div", { className: "absolute right-0 top-full mt-2 w-32 bg-white rounded-lg shadow-xl border border-slate-100 py-2 flex flex-col z-20", children: [
34196              { name: "WhatsApp", url: `https://wa.me/?text=${encodeURIComponent(u.title)}` },
34197              { name: "KakaoTalk", url: "#" },
34198              { name: "LinkedIn", url: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(window.location.href)}` },
34199              { name: "Facebook", url: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}` },
34200              { name: "Instagram", url: "https://www.instagram.com" }
34201            ].map((v) => /* @__PURE__ */ e(
34202              "a",
34203              {
34204                href: v.url,
34205                target: "_blank",
34206                rel: "noopener noreferrer",
34207                className: "text-left px-3 py-2 text-[12px] hover:bg-slate-50 text-slate-700 transition-colors font-medium block no-underline",
34208                onClick: (A) => {
34209                  A.stopPropagation(), v.name === "KakaoTalk" && (A.preventDefault(), alert("KakaoTalk sharing requires API key configuration."));
34210                },
34211                children: v.name
34212              },
34213              v.name
34214            )) })
34215          ] }) })
34216        ] }),
34217        /* @__PURE__ */ e("h3", { className: "text-lg font-bold text-slate-900 group-hover:text-[#00A9A4] transition-colors", children: u.title })
34218      ] }, u.id)) })
34219    ] }) }) })
34220  ] });
34221}
34222const E8 = globalThis.__GLOBALS__.getAssetURL("0ccd727b1041c8ed551aa0fe4607422d8d9707ae.png"), j8 = globalThis.__GLOBALS__.getAssetURL("632172dd4deeed7f4e87eeab80a8562fb611da8d.png"), R8 = globalThis.__GLOBALS__.getAssetURL("ea1d4529667b992efa2e0fc43317c1ddd8fdcc09.png"), F8 = globalThis.__GLOBALS__.getAssetURL("a3116a27ab34ab65c4a133c837c3eefd16f7ea51.png"), _8 = [
34223  {
34224    id: 1,
34225    name: "하이비젼시스템",
34226    nameEn: "HyVISION SYSTEM",
34227    description: "1960년대 창립한 국내 최초 검사기 제조 기업으로, 1995년 FTAX공장 및 AI연구소를 설립하며 혁신을 이끌어왔습니다.",
34228    established: "2002년",
34229    employees: "제품 생산 수량 약 50명의 직원",
34230    location: "제조 자동화 리더십",
34231    mainBusiness: "비전 검사·자동화",
34232    imageUrl: ri,
34233    iconType: "building",
34234    website: "https://hyvision.co.kr"
34235  },
34236  {
34237    id: 2,
34238    name: "퓨런티어",
34239    nameEn: "FURONTEER",
34240    description: "첨단 기술 기업으로 바이오 검사 시스템 및, 의료 기기 분야에서 혁신적인 솔루션을 제공하고 있습니다.",
34241    established: "2015년",
34242    employees: "약 30명의 전문 인력",
34243    location: "서울 본사 및 연구소",
34244    mainBusiness: "바이오 검사 장비, 의료 기기, 첨단 검사 솔루션",
34245    imageUrl: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbnRlcm5hdGlvbmFsJTIwYnVzaW5lc3MlMjB0ZWFtd29ya3xlbnwxfHx8fDE3Njc3NjY2NTF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
34246    iconType: "factory",
34247    website: "https://furonteer.com/"
34248  },
34249  {
34250    id: 3,
34251    name: "큐비콘",
34252    nameEn: "CUBICON",
34253    description: "3D 프린터 및 로보틱스 기술을 선도하는 기업으로, 교육 및 산업 분야에서 혁신적인 제품을 공급하고 있습니다.",
34254    established: "2017년",
34255    employees: "약 40명의 기술 인력",
34256    location: "경기 생산 기지",
34257    mainBusiness: "3D 프린터, 로보틱스, 교육용 솔루션, 산업용 자동화",
34258    imageUrl: "https://images.unsplash.com/photo-1565688527174-775059ac429c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtdWx0aWN1bHR1cmFsJTIwb2ZmaWNlJTIwcHJvZmVzc2lvbmFsc3xlbnwxfHx8fDE3Njc3NjY2NTJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
34259    iconType: "printer",
34260    website: "https://www.3dcubicon.com/"
34261  }
34262];
34263function W8({ onNavigate: t }) {
34264  const [i, n] = C(1.2), [r, s] = C(0), [l, o] = C(/* @__PURE__ */ new Set()), [d, c] = C(0), [p, h] = C(65), x = j(null), b = j(null), g = j(null);
34265  return R(() => {
34266    const w = () => {
34267      const u = window.scrollY, v = window.innerHeight, f = 1.2 - Math.min(u / 600, 1) * 0.2;
34268      n(f);
34269      const y = Math.min(u / 300, 1);
34270      if (s(y), b.current) {
34271        const D = b.current.getBoundingClientRect().top + u, k = -100 + Math.max(0, Math.min(1, (u - D + v) / v)) * 100;
34272        c(k);
34273      }
34274      if (g.current) {
34275        const I = g.current.getBoundingClientRect(), D = I.top + u, P = I.height, k = D - v, T = D + P / 2 - k, E = 65 + Math.min(Math.max((u - k) / T, 0), 1) * 35;
34276        h(E);
34277      }
34278    };
34279    return window.addEventListener("scroll", w), w(), () => {
34280      window.removeEventListener("scroll", w);
34281    };
34282  }, []), R(() => (x.current = new IntersectionObserver(
34283    (w) => {
34284      w.forEach((u) => {
34285        if (u.isIntersecting) {
34286          const v = parseInt(u.target.getAttribute("data-index") || "0");
34287          o((A) => /* @__PURE__ */ new Set([...A, v]));
34288        }
34289      });
34290    },
34291    { threshold: 0.2, rootMargin: "0px" }
34292  ), () => {
34293    x.current && x.current.disconnect();
34294  }), []), R(() => {
34295    const w = document.querySelectorAll(".subsidiary-card");
34296    return w.forEach((u) => {
34297      x.current && x.current.observe(u);
34298    }), () => {
34299      w.forEach((u) => {
34300        x.current && x.current.unobserve(u);
34301      });
34302    };
34303  }, []), /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
34304    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
34305      /* @__PURE__ */ e(
34306        m.div,
34307        {
34308          initial: { opacity: 0, x: -60 },
34309          animate: { opacity: 1, x: 0 },
34310          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
34311          className: "pt-[11px]",
34312          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Chairman 인사말" })
34313        }
34314      ),
34315      /* @__PURE__ */ a(
34316        m.div,
34317        {
34318          initial: { opacity: 0, x: 60 },
34319          animate: { opacity: 1, x: 0 },
34320          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
34321          children: [
34322            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
34323              "기술로 증명한 신뢰를 바탕으로,",
34324              /* @__PURE__ */ e("br", {}),
34325              "더 큰 내일의 기준을 만들어갑니다."
34326            ] }),
34327            /* @__PURE__ */ e("p", { className: "text-gray-600 leading-relaxed text-[19px]", children: "하이비젼시스템을 믿고 성원해주신 모든 분들께 감사드립니다." })
34328          ]
34329        }
34330      )
34331    ] }) }) }),
34332    /* @__PURE__ */ e("section", { className: "relative bg-white overflow-hidden pb-24", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-8 max-w-7xl", children: /* @__PURE__ */ e("div", { className: "pt-0 pb-16", children: /* @__PURE__ */ a(
34333      m.div,
34334      {
34335        className: "relative lg:ml-[264px]",
34336        initial: { opacity: 0, y: 40 },
34337        whileInView: { opacity: 1, y: 0 },
34338        viewport: { once: !0, margin: "-100px" },
34339        transition: { duration: 0.8, ease: "easeOut" },
34340        children: [
34341          /* @__PURE__ */ e(
34342            m.div,
34343            {
34344              className: "float-right ml-12 mb-8 w-[300px] md:w-[400px]",
34345              initial: { opacity: 0, x: 40 },
34346              whileInView: { opacity: 1, x: 0 },
34347              viewport: { once: !0, margin: "-100px" },
34348              transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
34349              children: /* @__PURE__ */ e(
34350                "img",
34351                {
34352                  src: j8,
34353                  alt: "CEO",
34354                  className: "w-[95%] h-auto object-cover ml-auto"
34355                }
34356              )
34357            }
34358          ),
34359          /* @__PURE__ */ a(
34360            m.div,
34361            {
34362              className: "mt-6 space-y-6 text-[#4A4A4A] leading-[1.3] text-justify",
34363              initial: "hidden",
34364              whileInView: "visible",
34365              viewport: { once: !0, margin: "-100px" },
34366              variants: {
34367                visible: {
34368                  opacity: 1,
34369                  transition: { staggerChildren: 0.1, delayChildren: 0.3 }
34370                },
34371                hidden: { opacity: 0 }
34372              },
34373              children: [
34374                /* @__PURE__ */ a(
34375                  m.p,
34376                  {
34377                    variants: { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } },
34378                    className: "text-[16px]",
34379                    children: [
34380                      "안녕하세요.",
34381                      /* @__PURE__ */ e("br", {}),
34382                      "하이비젼시스템 CEO 최두원입니다."
34383                    ]
34384                  }
34385                ),
34386                /* @__PURE__ */ e(
34387                  m.p,
34388                  {
34389                    variants: { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } },
34390                    className: "text-[16px]",
34391                    children: "저희 하이비젼시스템의 기업 이념은 창조, 도전, 공익 이 세 가지의 키워드로 정의할 수 있습니다."
34392                  }
34393                ),
34394                /* @__PURE__ */ e(
34395                  m.p,
34396                  {
34397                    variants: { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } },
34398                    className: "text-[16px] break-keep",
34399                    children: "기업이 발전하기 위해서는 새로운 것을 '창조' 해야 하고, 그 창조를 이뤄내기 위해서는 '도전' 정신이 필요합니다. 또한 사회에 빛과 소금의 역할을 하면서 '공익'을 실천하자는 기업 이념을 가지고 있습니다."
34400                  }
34401                ),
34402                /* @__PURE__ */ e(
34403                  m.p,
34404                  {
34405                    variants: { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } },
34406                    className: "text-[16px] break-keep",
34407                    children: "이를 바탕으로 하이비젼의 향후 10년 간 다음 세가지 목표를 중심으로 성장해 나갈 것입니다."
34408                  }
34409                ),
34410                /* @__PURE__ */ a(
34411                  m.ul,
34412                  {
34413                    variants: { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } },
34414                    className: "list-none text-[16px] space-y-2 leading-[1.6]",
34415                    children: [
34416                      /* @__PURE__ */ e("li", { children: "1. 산업용 기술 플랫폼 구축" }),
34417                      /* @__PURE__ */ e("li", { children: "2. 공익을 실현하는 미래 산업 분야 확장 (2차전지, 바이오, 반도체)" }),
34418                      /* @__PURE__ */ e("li", { children: "3. 내재화 기술(컴포넌트) 개발" })
34419                    ]
34420                  }
34421                ),
34422                /* @__PURE__ */ a(
34423                  m.p,
34424                  {
34425                    variants: { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } },
34426                    className: "text-[16px] break-keep text-left",
34427                    children: [
34428                      "앞으로도 그래왔듯이 변화와 도전을 두려워하지 않는 하이비젼이 되겠습니다.",
34429                      /* @__PURE__ */ e("br", {}),
34430                      "감사합니다."
34431                    ]
34432                  }
34433                )
34434              ]
34435            }
34436          ),
34437          /* @__PURE__ */ a(
34438            m.div,
34439            {
34440              className: "mt-8 clear-both",
34441              initial: { opacity: 0, y: 20 },
34442              whileInView: { opacity: 1, y: 0 },
34443              viewport: { once: !0, margin: "-100px" },
34444              transition: { duration: 0.8, delay: 1, ease: "easeOut" },
34445              children: [
34446                /* @__PURE__ */ e("div", { className: "text-slate-900 mb-2 text-[16px] font-bold", children: "(주)하이비젼시스템 대표이사" }),
34447                /* @__PURE__ */ e("div", { className: "text-slate-900 mb-12 text-[16px]", children: "최두원 올림" })
34448              ]
34449            }
34450          )
34451        ]
34452      }
34453    ) }) }) }),
34454    /* @__PURE__ */ a("div", { className: "relative overflow-hidden", children: [
34455      /* @__PURE__ */ e(
34456        "div",
34457        {
34458          className: "absolute inset-0 transition-transform duration-300 ease-out",
34459          style: {
34460            transform: `scale(${i})`
34461          },
34462          children: /* @__PURE__ */ e(
34463            S,
34464            {
34465              src: ri,
34466              alt: "HyVISION Group",
34467              className: "w-full h-full object-cover"
34468            }
34469          )
34470        }
34471      ),
34472      /* @__PURE__ */ a("section", { className: "relative h-[600px] overflow-hidden", children: [
34473        /* @__PURE__ */ e("div", { className: "relative h-full flex items-start justify-center pt-40", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-8 max-w-7xl", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-0 items-center", children: [
34474          /* @__PURE__ */ e(
34475            m.div,
34476            {
34477              initial: { opacity: 0, x: -100 },
34478              whileInView: { opacity: 1, x: 0 },
34479              viewport: { once: !0, amount: 0.2 },
34480              transition: { duration: 1.2, delay: 0.2, ease: [0.16, 1, 0.3, 1] },
34481              className: "text-left",
34482              children: /* @__PURE__ */ e("p", { className: "text-white text-[20px] md:text-[28px] lg:text-[32px] font-light tracking-wide leading-relaxed" })
34483            }
34484          ),
34485          /* @__PURE__ */ a(
34486            m.div,
34487            {
34488              initial: { opacity: 0, x: 100 },
34489              whileInView: { opacity: 1, x: 0 },
34490              viewport: { once: !0, amount: 0.2 },
34491              transition: { duration: 1.2, delay: 0.4, ease: [0.16, 1, 0.3, 1] },
34492              className: "text-left",
34493              children: [
34494                /* @__PURE__ */ e("h1", { className: "text-white text-[72px] md:text-[96px] lg:text-[120px] font-black tracking-tight leading-[0.9] mb-8" }),
34495                /* @__PURE__ */ a("div", { className: "space-y-2", children: [
34496                  /* @__PURE__ */ e("p", { className: "text-white text-[18px] md:text-[20px] lg:text-[22px] font-light tracking-wide" }),
34497                  /* @__PURE__ */ e("p", { className: "text-white text-[18px] md:text-[20px] lg:text-[22px] font-light tracking-wide" })
34498                ] })
34499              ]
34500            }
34501          )
34502        ] }) }) }),
34503        /* @__PURE__ */ e("div", { className: "absolute bottom-12 left-1/2 -translate-x-1/2 flex flex-col items-center gap-3 animate-bounce" })
34504      ] })
34505    ] }),
34506    /* @__PURE__ */ e("section", { ref: b, className: "bg-white py-24 overflow-hidden", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto", children: [
34507      /* @__PURE__ */ a("div", { className: "relative flex items-center justify-center mb-20", children: [
34508        /* @__PURE__ */ e(
34509          "div",
34510          {
34511            className: "absolute text-[50px] md:text-[70px] font-black text-black leading-none tracking-wider whitespace-nowrap transition-transform duration-300 ease-out",
34512            style: {
34513              transform: `translateX(${d * 1.5}%)`,
34514              left: "10%",
34515              bottom: "3%"
34516            },
34517            children: "SINCE"
34518          }
34519        ),
34520        /* @__PURE__ */ e(
34521          "div",
34522          {
34523            className: "text-[140px] md:text-[200px] lg:text-[260px] font-black leading-none tracking-tighter select-none",
34524            style: {
34525              backgroundImage: `url(${ri})`,
34526              backgroundSize: "cover",
34527              backgroundPosition: "center",
34528              backgroundClip: "text",
34529              WebkitBackgroundClip: "text",
34530              WebkitTextFillColor: "transparent",
34531              WebkitTextStroke: "3px rgba(0,61,122,0.2)",
34532              filter: "contrast(1.3) brightness(1.1)",
34533              fontFamily: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif'
34534            },
34535            children: "2002"
34536          }
34537        )
34538      ] }),
34539      /* @__PURE__ */ a(
34540        m.div,
34541        {
34542          initial: { opacity: 0, y: 40 },
34543          whileInView: { opacity: 1, y: 0 },
34544          viewport: { once: !0 },
34545          transition: { duration: 0.8, ease: "easeOut" },
34546          className: "max-w-4xl mx-auto space-y-6 mb-16",
34547          children: [
34548            /* @__PURE__ */ e("h3", { className: "text-gray-900 md:text-[48px] font-bold tracking-tight text-left text-[40px] mt-8", children: "비전 검사 기술의 글로벌 리더" }),
34549            /* @__PURE__ */ e("p", { className: "text-gray-600 leading-relaxed text-justify text-[18px]", children: "2002년 설립 이래 HyVISION 그룹은 영상처리, 신호처리, 모션제어 기술을 기반으로 검사·조립 자동화 솔루션의 혁신을 이끌어왔습니다. 카메라 모듈, 2차전지, 바이오, 디스플레이 등 다양한 산업 분야에서 최첨단 비전 검사 시스템을 제공하며, 글로벌 시장에서 기술력을 인정받고 있습니다." })
34550          ]
34551        }
34552      ),
34553      /* @__PURE__ */ a(
34554        m.div,
34555        {
34556          initial: { opacity: 0, y: 30 },
34557          whileInView: { opacity: 1, y: 0 },
34558          viewport: { once: !0 },
34559          transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
34560          className: "grid grid-cols-3 gap-8 max-w-3xl mx-auto",
34561          children: [
34562            /* @__PURE__ */ a("div", { className: "text-center", children: [
34563              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[56px] md:text-[72px] font-black mb-3", children: "20+" }),
34564              /* @__PURE__ */ e("div", { className: "text-gray-600 md:text-[18px] font-medium text-[20px]", children: "년 역사" })
34565            ] }),
34566            /* @__PURE__ */ a("div", { className: "text-center", children: [
34567              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[56px] md:text-[72px] font-black mb-3", children: "5" }),
34568              /* @__PURE__ */ e("div", { className: "text-gray-600 md:text-[18px] font-medium text-[20px]", children: "계열사" })
34569            ] }),
34570            /* @__PURE__ */ a("div", { className: "text-center", children: [
34571              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[56px] md:text-[72px] font-black mb-3", children: /* @__PURE__ */ e("span", { className: "text-[42px] md:text-[56px]", children: "Global" }) }),
34572              /* @__P
34572URE__ */ e("div", { className: "text-gray-600 md:text-[18px] font-medium text-[20px]", children: "네트워크" })
34573            ] })
34574          ]
34575        }
34576      )
34577    ] }) }) }),
34578    /* @__PURE__ */ e("section", { ref: g, className: "relative py-32 overflow-hidden", children: /* @__PURE__ */ e(
34579      "div",
34580      {
34581        className: "mx-auto transition-all duration-500 ease-out",
34582        style: {
34583          width: `${p}%`
34584        },
34585        children: /* @__PURE__ */ a("div", { className: "relative h-[600px] overflow-hidden", children: [
34586          /* @__PURE__ */ e(
34587            S,
34588            {
34589              src: E8,
34590              alt: "Brand Message",
34591              className: "w-full h-full object-cover"
34592            }
34593          ),
34594          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/30 via-black/20 to-black/40" }),
34595          /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-center px-8 max-w-4xl", children: /* @__PURE__ */ a(
34596            m.div,
34597            {
34598              initial: { opacity: 0, y: 40 },
34599              whileInView: { opacity: 1, y: 0 },
34600              viewport: { once: !0 },
34601              transition: { duration: 1, delay: 0.2, ease: "easeOut" },
34602              children: [
34603                /* @__PURE__ */ e("p", { className: "text-white text-[24px] md:text-[28px] font-bold leading-relaxed", children: "기술의 잠재력을 현실로 구현할수록," }),
34604                /* @__PURE__ */ e("p", { className: "text-white text-[24px] md:text-[28px] font-bold leading-relaxed mb-12", children: "제조 현장과 인류의 삶은 더 높은 가치를 갖게 됩니다." }),
34605                /* @__PURE__ */ a("p", { className: "text-white md:text-[24px] font-bold leading-[1.5] text-[23px]", children: [
34606                  "정밀 비전 검사와 자동화 기술로 안전하고 신뢰할 수 있는 미래가",
34607                  /* @__PURE__ */ e("br", {}),
34608                  "지속되도록 하이비젼시스템은 앞으로도 산업 현장과 함께하겠습니다."
34609                ] })
34610              ]
34611            }
34612          ) }) })
34613        ] })
34614      }
34615    ) }),
34616    /* @__PURE__ */ e("section", { className: "bg-white py-24", children: /* @__PURE__ */ a("div", { className: "max-w-[1600px] mx-auto px-8 lg:px-16", children: [
34617      /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
34618        /* @__PURE__ */ e(
34619          m.div,
34620          {
34621            initial: { opacity: 0, x: -60 },
34622            whileInView: { opacity: 1, x: 0 },
34623            viewport: { once: !0 },
34624            transition: { duration: 1, delay: 0.1, ease: "easeOut" },
34625            className: "pt-[11px]",
34626            children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "계열사 소개" })
34627          }
34628        ),
34629        /* @__PURE__ */ a(
34630          m.div,
34631          {
34632            initial: { opacity: 0, x: 60 },
34633            whileInView: { opacity: 1, x: 0 },
34634            viewport: { once: !0 },
34635            transition: { duration: 1, delay: 0.2, ease: "easeOut" },
34636            children: [
34637              /* @__PURE__ */ e("h2", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans whitespace-nowrap", children: "HyVISION 그룹의 혁신적인 기술 역량" }),
34638              /* @__PURE__ */ e("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: "비전 검사·자동화·3D 프린팅 기술로 산업 전반의 혁신을 주도하는 계열사" })
34639            ]
34640          }
34641        )
34642      ] }),
34643      /* @__PURE__ */ a("div", { className: "space-y-40 max-w-7xl mx-auto", children: [
34644        _8.map((w, u) => /* @__PURE__ */ e(
34645          "div",
34646          {
34647            "data-index": u,
34648            className: `subsidiary-card transition-all duration-1000 ${l.has(u) ? "opacity-100 translate-y-0" : "opacity-0 translate-y-16"}`,
34649            style: { transitionDelay: `${u * 150}ms` },
34650            children: /* @__PURE__ */ a("div", { className: `grid grid-cols-1 lg:grid-cols-2 gap-20 items-center mb-20 ${u % 2 === 1 ? "lg:flex-row-reverse" : ""}`, children: [
34651              /* @__PURE__ */ e("div", { className: `${u % 2 === 1 ? "lg:order-2" : ""}`, children: /* @__PURE__ */ a(
34652                m.div,
34653                {
34654                  initial: { opacity: 0, scale: 0.95 },
34655                  whileInView: { opacity: 1, scale: 1 },
34656                  viewport: { once: !0, amount: 0.3 },
34657                  transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
34658                  className: "relative h-[500px] rounded-none overflow-hidden group shadow-xl",
34659                  children: [
34660                    /* @__PURE__ */ e(
34661                      m.div,
34662                      {
34663                        initial: { scale: 1.15 },
34664                        whileInView: { scale: 1 },
34665                        viewport: { once: !0, amount: 0.3 },
34666                        transition: { duration: 1.2, delay: 0.4, ease: "easeOut" },
34667                        className: "w-full h-full",
34668                        children: /* @__PURE__ */ e(
34669                          S,
34670                          {
34671                            src: w.imageUrl,
34672                            alt: w.name,
34673                            className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
34674                          }
34675                        )
34676                      }
34677                    ),
34678                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/80 via-[#003D7A]/30 to-transparent", children: /* @__PURE__ */ e("div", { className: "absolute top-8 right-8" }) }),
34679                    /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-10", children: [
34680                      /* @__PURE__ */ e(
34681                        m.h3,
34682                        {
34683                          initial: { opacity: 0, y: 20 },
34684                          whileInView: { opacity: 1, y: 0 },
34685                          viewport: { once: !0, amount: 0.3 },
34686                          transition: { duration: 0.7, delay: 0.6, ease: "easeOut" },
34687                          className: "text-white text-[48px] font-black mb-2",
34688                          children: w.nameEn.split(" ").join(`
34689`)
34690                        }
34691                      ),
34692                      /* @__PURE__ */ e(
34693                        m.p,
34694                        {
34695                          initial: { opacity: 0, y: 15 },
34696                          whileInView: { opacity: 1, y: 0 },
34697                          viewport: { once: !0, amount: 0.3 },
34698                          transition: { duration: 0.7, delay: 0.7, ease: "easeOut" },
34699                          className: "text-white/90 text-[19px]",
34700                          children: w.name
34701                        }
34702                      )
34703                    ] })
34704                  ]
34705                }
34706              ) }),
34707              /* @__PURE__ */ e("div", { className: `${u % 2 === 1 ? "lg:order-1" : ""}`, children: /* @__PURE__ */ a("div", { className: "space-y-8", children: [
34708                /* @__PURE__ */ a(
34709                  m.div,
34710                  {
34711                    initial: { opacity: 0, y: -30 },
34712                    whileInView: { opacity: 1, y: 0 },
34713                    viewport: { once: !0 },
34714                    transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
34715                    children: [
34716                      /* @__PURE__ */ e("h3", { className: "text-gray-900 text-[24px] font-bold mb-3 leading-tight", children: u === 0 ? "글로벌 Top-tier 비전 검사·조립 전문 기업" : u === 1 ? "차량용 비전 기술의 완성" : "No.1 Total 3D printing 솔루션 공급 전문 업체" }),
34717                      /* @__PURE__ */ e("p", { className: "text-gray-600 text-[18px] leading-relaxed", children: u === 0 ? /* @__PURE__ */ a(V, { children: [
34718                        "영상처리·신호처리·모션제어 기술을 기반으로",
34719                        /* @__PURE__ */ e("br", {}),
34720                        "검사·조립 자동화 솔루션을 제공하는 글로벌 비전 시스템 기업"
34721                      ] }) : u === 1 ? /* @__PURE__ */ a(V, { children: [
34722                        "차량 카메라 모듈 검사 및 보정 기술에 특화된 고정밀 비전 솔루션으로",
34723                        /* @__PURE__ */ e("br", {}),
34724                        "미래 모빌리티의 안전을 구현합니다"
34725                      ] }) : /* @__PURE__ */ a(V, { children: [
34726                        "3D 프린팅과 로봇·제어 기술을 융합해 차세대 제조 혁신과",
34727                        /* @__PURE__ */ e("br", {}),
34728                        "맞춤형 생산 솔루션을 제공합니다"
34729                      ] }) })
34730                    ]
34731                  }
34732                ),
34733                /* @__PURE__ */ a(
34734                  m.div,
34735                  {
34736                    initial: { opacity: 0, y: -30 },
34737                    whileInView: { opacity: 1, y: 0 },
34738                    viewport: { once: !0 },
34739                    transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
34740                    className: "space-y-5 pt-6 border-t border-gray-200",
34741                    children: [
34742                      /* @__PURE__ */ a("div", { children: [
34743                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "설립일" }),
34744                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: w.established })
34745                      ] }),
34746                      /* @__PURE__ */ a("div", { children: [
34747                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "주요 사업" }),
34748                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px] leading-relaxed", children: u === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col", style: { lineHeight: "1.2" }, children: [
34749                          /* @__PURE__ */ e("div", { children: "정밀 비전 검사 시스템 · 스마트 디바이스 검사" }),
34750                          /* @__PURE__ */ e("div", { children: "산업용 비전 검사 · 2차전지 검사 및 자동화" })
34751                        ] }) : u === 1 ? /* @__PURE__ */ e(V, { children: "차량용 카메라 모듈 검사 및 보정 시스템 · ADAS / 자율주행용 비전 검사 솔루션" }) : /* @__PURE__ */ a(V, { children: [
34752                          "산업용 3D 프린터 · 3D 프린팅 출력 서비스",
34753                          /* @__PURE__ */ e("br", {}),
34754                          "로보틱스·자동화 기반 제조 솔루션"
34755                        ] }) })
34756                      ] }),
34757                      /* @__PURE__ */ a("div", { children: [
34758                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "특징" }),
34759                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: u === 0 ? "검사·조립·자동화를 아우르는 통합 솔루션 역량" : u === 1 ? "고정밀 보정·검사 기술 기반 미래 모빌리티 대응" : "시제품부터 양산 대응까지 가능한 제조 플랫폼" })
34760                      ] })
34761                    ]
34762                  }
34763                ),
34764                /* @__PURE__ */ a(
34765                  m.div,
34766                  {
34767                    initial: { opacity: 0, y: -20 },
34768                    whileInView: { opacity: 1, y: 0 },
34769                    viewport: { once: !0 },
34770                    transition: { duration: 0.6, delay: 0.4, ease: "easeOut" },
34771                    className: "flex gap-3 pt-2",
34772                    children: [
34773                      /* @__PURE__ */ a(
34774                        "a",
34775                        {
34776                          href: "#",
34777                          className: "flex-1 bg-white hover:bg-gray-50 text-slate-800 text-center text-[17px] font-medium py-3 px-6 transition-all flex items-center justify-center gap-2 rounded-full border border-gray-300",
34778                          children: [
34779                            /* @__PURE__ */ e(et, { size: 16, strokeWidth: 2 }),
34780                            "회사소개서"
34781                          ]
34782                        }
34783                      ),
34784                      /* @__PURE__ */ a(
34785                        "a",
34786                        {
34787                          href: w.website,
34788                          target: "_blank",
34789                          rel: "noopener noreferrer",
34790                          className: "flex-1 bg-white hover:bg-gray-50 text-slate-800 text-center text-[17px] font-medium py-3 px-6 transition-all flex items-center justify-center gap-2 rounded-full border border-gray-300",
34791                          children: [
34792                            /* @__PURE__ */ e(ji, { size: 16, strokeWidth: 2 }),
34793                            "기업 홈페이지"
34794                          ]
34795                        }
34796                      )
34797                    ]
34798                  }
34799                )
34800              ] }) })
34801            ] })
34802          },
34803          w.id
34804        )),
34805        /* @__PURE__ */ e(
34806          m.div,
34807          {
34808            initial: { opacity: 0, y: 50 },
34809            whileInView: { opacity: 1, y: 0 },
34810            viewport: { once: !0, margin: "-100px" },
34811            transition: { duration: 0.7, ease: "easeOut" },
34812            children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-20 items-center mb-20", children: [
34813              /* @__PURE__ */ e("div", { className: "lg:order-1", children: /* @__PURE__ */ a("div", { className: "space-y-8", children: [
34814                /* @__PURE__ */ a(
34815                  m.div,
34816                  {
34817                    initial: { opacity: 0, y: -30 },
34818                    whileInView: { opacity: 1, y: 0 },
34819                    viewport: { once: !0 },
34820                    transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
34821                    children: [
34822                      /* @__PURE__ */ e("h3", { className: "text-gray-900 text-[24px] font-bold mb-3 leading-tight", children: "설비 제작에 필요한 전 과정을 담당하는 핵심 제조 계열사" }),
34823                      /* @__PURE__ */ a("p", { className: "text-gray-600 text-[18px] leading-relaxed", children: [
34824                        "가공·조립·전장 전 공정을 내재화하여 설비 제작의",
34825                        /* @__PURE__ */ e("br", {}),
34826                        "완결성과 품질을 극대화하는 제조 전문 기업입니다."
34827                      ] })
34828                    ]
34829                  }
34830                ),
34831                /* @__PURE__ */ a(
34832                  m.div,
34833                  {
34834                    initial: { opacity: 0, y: -30 },
34835                    whileInView: { opacity: 1, y: 0 },
34836                    viewport: { once: !0 },
34837                    transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
34838                    className: "space-y-5 pt-6 border-t border-gray-200",
34839                    children: [
34840                      /* @__PURE__ */ a("div", { children: [
34841                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "설립일" }),
34842                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: "2013년 08월 01일" })
34843                      ] }),
34844                      /* @__PURE__ */ a("div", { children: [
34845                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "소재지" }),
34846                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: "경기 성남시 중원구 사기막골로 62번길 53, 준성하이테크 빌딩" })
34847                      ] }),
34848                      /* @__PURE__ */ a("div", { children: [
34849                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "주요 사업" }),
34850                        /* @__PURE__ */ a("div", { className: "text-gray-900 text-[17px] leading-relaxed", children: [
34851                          "배전반 및 전기 자동화 관련 제조업",
34852                          /* @__PURE__ */ e("br", {}),
34853                          "가공 · 조립 · 전장 일괄 설비 제작"
34854                        ] })
34855                      ] }),
34856                      /* @__PURE__ */ a("div", { children: [
34857                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "보유 생산 능력" }),
34858                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: "총 7,044㎡ (2,140평) — 가공 740평 · 조립전장 1,400평" })
34859                      ] })
34860                    ]
34861                  }
34862                ),
34863                /* @__PURE__ */ a(
34864                  m.div,
34865                  {
34866                    initial: { opacity: 0, y: -20 },
34867                    whileInView: { opacity: 1, y: 0 },
34868                    viewport: { once: !0 },
34869                    transition: { duration: 0.6, delay: 0.4, ease: "easeOut" },
34870                    className: "flex gap-3 pt-2",
34871                    children: [
34872                      /* @__PURE__ */ a(
34873                        "a",
34874                        {
34875                          href: "#",
34876                          className: "flex-1 bg-white hover:bg-gray-50 text-slate-800 text-center text-[17px] font-medium py-3 px-6 transition-all flex items-center justify-center gap-2 rounded-full border border-gray-300",
34877                          children: [
34878                            /* @__PURE__ */ e(et, { size: 16, strokeWidth: 2 }),
34879                            "회사소개서"
34880                          ]
34881                        }
34882                      ),
34883                      /* @__PURE__ */ a(
34884                        "a",
34885                        {
34886                          href: "#",
34887                          className: "flex-1 bg-white hover:bg-gray-50 text-slate-800 text-center text-[17px] font-medium py-3 px-6 transition-all flex items-center justify-center gap-2 rounded-full border border-gray-300",
34888                          children: [
34889                            /* @__PURE__ */ e(ji, { size: 16, strokeWidth: 2 }),
34890                            "기업 홈페이지"
34891                          ]
34892                        }
34893                      )
34894                    ]
34895                  }
34896                )
34897              ] }) }),
34898              /* @__PURE__ */ e("div", { className: "lg:order-2", children: /* @__PURE__ */ a(
34899                m.div,
34900                {
34901                  initial: { opacity: 0, scale: 0.95 },
34902                  whileInView: { opacity: 1, scale: 1 },
34903                  viewport: { once: !0, amount: 0.3 },
34904                  transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
34905                  className: "relative h-[500px] rounded-none overflow-hidden group shadow-xl",
34906                  children: [
34907                    /* @__PURE__ */ e(
34908                      m.div,
34909                      {
34910                        initial: { scale: 1.15 },
34911                        whileInView: { scale: 1 },
34912                        viewport: { once: !0, amount: 0.3 },
34913                        transition: { duration: 1.2, delay: 0.4, ease: "easeOut" },
34914                        className: "w-full h-full",
34915                        children: /* @__PURE__ */ e(
34916                          S,
34917                          {
34918                            src: R8,
34919                            alt: "준성하이테크",
34920                            className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
34921                          }
34922                        )
34923                      }
34924                    ),
34925                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/80 via-[#003D7A]/30 to-transparent" }),
34926                    /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-10", children: [
34927                      /* @__PURE__ */ a(
34928                        m.h3,
34929                        {
34930                          initial: { opacity: 0, y: 20 },
34931                          whileInView: { opacity: 1, y: 0 },
34932                          viewport: { once: !0, amount: 0.3 },
34933                          transition: { duration: 0.7, delay: 0.6, ease: "easeOut" },
34934                          className: "text-white text-[48px] font-black mb-2",
34935                          children: [
34936                            "JUNSUNG",
34937                            `
34938`,
34939                            "HIGHTECH"
34940                          ]
34941                        }
34942                      ),
34943                      /* @__PURE__ */ e(
34944                        m.p,
34945                        {
34946                          initial: { opacity: 0, y: 15 },
34947                          whileInView: { opacity: 1, y: 0 },
34948                          viewport: { once: !0, amount: 0.3 },
34949                          transition: { duration: 0.7, delay: 0.7, ease: "easeOut" },
34950                          className: "text-white/90 text-[19px]",
34951                          children: "준성하이테크"
34952                        }
34953                      )
34954                    ] })
34955                  ]
34956                }
34957              ) })
34958            ] })
34959          }
34960        ),
34961        /* @__PURE__ */ e(
34962          m.div,
34963          {
34964            initial: { opacity: 0, y: 50 },
34965            whileInView: { opacity: 1, y: 0 },
34966            viewport: { once: !0, margin: "-100px" },
34967            transition: { duration: 0.7, ease: "easeOut" },
34968            children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-20 items-center mb-20", children: [
34969              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a(
34970                m.div,
34971                {
34972                  initial: { opacity: 0, scale: 0.95 },
34973                  whileInView: { opacity: 1, scale: 1 },
34974                  viewport: { once: !0, amount: 0.3 },
34975                  transition: { duration: 0.8, delay: 0.2, ease: "easeOut" },
34976                  className: "relative h-[500px] rounded-none overflow-hidden group shadow-xl",
34977                  children: [
34978                    /* @__PURE__ */ e(
34979                      m.div,
34980                      {
34981                        initial: { scale: 1.15 },
34982                        whileInView: { scale: 1 },
34983                        viewport: { once: !0, amount: 0.3 },
34984                        transition: { duration: 1.2, delay: 0.4, ease: "easeOut" },
34985                        className: "w-full h-full",
34986                        children: /* @__PURE__ */ e(
34987                          S,
34988                          {
34989                            src: F8,
34990                            alt: "HyBOZHON",
34991                            className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
34992                          }
34993                        )
34994                      }
34995                    ),
34996                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/80 via-[#003D7A]/30 to-transparent" }),
34997                    /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 p-10", children: [
34998                      /* @__PURE__ */ e(
34999                        m.h3,
35000                        {
35001                          initial: { opacity: 0, y: 20 },
35002                          whileInView: { opacity: 1, y: 0 },
35003                          viewport: { once: !0, amount: 0.3 },
35004                          transition: { duration: 0.7, delay: 0.6, ease: "easeOut" },
35005                          className: "text-white text-[48px] font-black mb-2",
35006                          children: "HyBOZHON"
35007                        }
35008                      ),
35009                      /* @__PURE__ */ e(
35010                        m.p,
35011                        {
35012                          initial: { opacity: 0, y: 15 },
35013                          whileInView: { opacity: 1, y: 0 },
35014                          viewport: { once: !0, amount: 0.3 },
35015                          transition: { duration: 0.7, delay: 0.7, ease: "easeOut" },
35016                          className: "text-white/90 text-[19px]",
35017                          children: "하이보종"
35018                        }
35019                      )
35020                    ] })
35021                  ]
35022                }
35023              ) }),
35024              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("div", { className: "space-y-8", children: [
35025                /* @__PURE__ */ a(
35026                  m.div,
35027                  {
35028                    initial: { opacity: 0, y: -30 },
35029                    whileInView: { opacity: 1, y: 0 },
35030                    viewport: { once: !0 },
35031                    transition: { duration: 0.6, delay: 0.2, ease: "easeOut" },
35032                    children: [
35033                      /* @__PURE__ */ e("h3", { className: "text-gray-900 text-[24px] font-bold mb-3 leading-tight", children: "중국 내 설비 대응력 강화 및 영업 확장을 위한 합자회사" }),
35034                      /* @__PURE__ */ a("p", { className: "text-gray-600 text-[18px] leading-relaxed", children: [
35035                        "HyVISION SYSTEM & BOZHON의 전략적 파트너십으로",
35036                        /* @__PURE__ */ e("br", {}),
35037                        "중국 현지 시장 공략과 글로벌 경쟁력을 강화합니다."
35038                      ] })
35039                    ]
35040                  }
35041                ),
35042                /* @__PURE__ */ a(
35043                  m.div,
35044                  {
35045                    initial: { opacity: 0, y: -30 },
35046                    whileInView: { opacity: 1, y: 0 },
35047                    viewport: { once: !0 },
35048                    transition: { duration: 0.6, delay: 0.3, ease: "easeOut" },
35049                    className: "space-y-5 pt-6 border-t border-gray-200",
35050                    children: [
35051                      /* @__PURE__ */ a("div", { children: [
35052                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "설립일" }),
35053                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: "2021년 01월 18일" })
35054                      ] }),
35055                      /* @__PURE__ */ a("div", { children: [
35056                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "소재지" }),
35057                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px]", children: "No. 006, Huaxin West Road, Wujiang Economic Development Zone, Suzhou City, Jiangsu Province" })
35058                      ] }),
35059                      /* @__PURE__ */ a("div", { children: [
35060                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "주요 업무" }),
35061                        /* @__PURE__ */ e("div", { className: "text-gray-900 text-[17px] leading-relaxed", children: "솔루션 현지 생산 및 기술 지원 · Local CCM 시장 솔루션 개발 · 생산" })
35062                      ] }),
35063                      /* @__PURE__ */ a("div", { children: [
35064                        /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[19px] mb-1", children: "BOZHON 주요 정보" }),
35065                        /* @__PURE__ */ a("div", { className: "text-gray-900 text-[17px] leading-relaxed", children: [
35066                          "직원 6,339명 · 매출 약 9,500억 원 (24년 기준)",
35067                          /* @__PURE__ */ e("br", {}),
35068                          "주요 제품: Inline 자동화, AOI, 조립, Vision"
35069                        ] })
35070                      ] })
35071                    ]
35072                  }
35073                ),
35074                /* @__PURE__ */ a(
35075                  m.div,
35076                  {
35077                    initial: { opacity: 0, y: -20 },
35078                    whileInView: { opacity: 1, y: 0 },
35079                    viewport: { once: !0 },
35080                    transition: { duration: 0.6, delay: 0.4, ease: "easeOut" },
35081                    className: "flex gap-3 pt-2",
35082                    children: [
35083                      /* @__PURE__ */ a(
35084                        "a",
35085                        {
35086                          href: "#",
35087                          className: "flex-1 bg-white hover:bg-gray-50 text-slate-800 text-center text-[17px] font-medium py-3 px-6 transition-all flex items-center justify-center gap-2 rounded-full border border-gray-300",
35088                          children: [
35089                            /* @__PURE__ */ e(et, { size: 16, strokeWidth: 2 }),
35090                            "회사소개서"
35091                          ]
35092                        }
35093                      ),
35094                      /* @__PURE__ */ a(
35095                        "a",
35096                        {
35097                          href: "https://www.bozhon.com/",
35098                          target: "_blank",
35099                          rel: "noopener noreferrer",
35100                          className: "flex-1 bg-white hover:bg-gray-50 text-slate-800 text-center text-[17px] font-medium py-3 px-6 transition-all flex items-center justify-center gap-2 rounded-full border border-gray-300",
35101                          children: [
35102                            /* @__PURE__ */ e(ji, { size: 16, strokeWidth: 2 }),
35103                            "기업 홈페이지"
35104                          ]
35105                        }
35106                      )
35107                    ]
35108                  }
35109                )
35110              ] }) })
35111            ] })
35112          }
35113        )
35114      ] })
35115    ] }) })
35116  ] });
35117}
35118function z8() {
35119  const { t } = ne();
35120  return t.nav.company, /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
35121    /* @__PURE__ */ a("section", { className: "relative h-screen overflow-hidden", children: [
35122      /* @__PURE__ */ e(
35123        S,
35124        {
35125          src: "https://images.unsplash.com/photo-1598624443973-2aa79a646a1e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYW5nYWxvcmUlMjBpbmRpYSUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzYxODAxNjYzfDA&ixlib=rb-4.1.0&q=80&w=1080",
35126          alt: "HyVISION India Operations",
35127          className: "absolute inset-0 w-full h-full object-cover"
35128        }
35129      ),
35130      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70" }),
35131      /* @__PURE__ */ e("div", { className: "relative h-full flex items-center", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "max-w-4xl", children: [
35132        /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e("span", { className: "inline-block px-4 py-2 bg-[#FF9933]/20 border border-[#FF9933]/30 text-[#FF9933] text-sm font-bold tracking-wider uppercase backdrop-blur-sm", children: "Manufacturing Excellence in India" }) }),
35133        /* @__PURE__ */ a("h1", { className: "text-white text-[72px] leading-[1.1] tracking-tight mb-8", children: [
35134          "Precision Vision",
35135          /* @__PURE__ */ e("br", {}),
35136          "Systems for the World"
35137        ] }),
35138        /* @__PURE__ */ e("p", { className: "text-white/90 text-[20px] leading-relaxed mb-12 max-w-2xl", children: "From Bengaluru, we deliver world-class vision inspection technology that powers industries across the globe." }),
35139        /* @__PURE__ */ e("div", { className: "flex gap-4", children: /* @__PURE__ */ a(
35140          J,
35141          {
35142            className: "bg-[#003D7A] text-white px-8 h-14 text-[16px] font-bold hover:bg-[#002A5A] rounded-none border-0",
35143            onClick: () => window.location.hash = "/manufacturing",
35144            children: [
35145              "Explore Our Facility",
35146              /* @__PURE__ */ e(re, { className: "ml-2 w-5 h-5" })
35147            ]
35148          }
35149        ) })
35150      ] }) }) }),
35151      /* @__PURE__ */ e("div", { className: "absolute bottom-12 left-1/2 -translate-x-1/2 animate-bounce", children: /* @__PURE__ */ e("div", { className: "w-6 h-10 border-2 border-white/50 rounded-full flex justify-center pt-2", children: /* @__PURE__ */ e("div", { className: "w-1 h-3 bg-white/50 rounded-full" }) }) })
35152    ] }),
35153    /* @__PURE__ */ e("section", { className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "max-w-5xl mx-auto", children: [
35154      /* @__PURE__ */ a("h2", { className: "text-[52px] leading-[1.2] tracking-tight text-slate-950 mb-8", children: [
35155        "Our vision is to establish India as a",
35156        /* @__PURE__ */ e("span", { className: "text-[#FF9933]", children: " global hub " }),
35157        "for advanced vision inspection systems."
35158      ] }),
35159      /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-600 leading-relaxed", children: "At HyVISION India, we combine Korean technological excellence with Indian innovation to create cutting-edge solutions that meet the demands of tomorrow's manufacturing landscape." })
35160    ] }) }) }),
35161    /* @__PURE__ */ a("section", { className: "relative h-[80vh] overflow-hidden", children: [
35162      /* @__PURE__ */ e(
35163        S,
35164        {
35165          src: "https://images.unsplash.com/photo-1716543999896-e9c62aff2f29?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYW51ZmFjdHVyaW5nJTIwcGxhbnQlMjBmYWNpbGl0eXxlbnwxfHx8fDE3NjE4MjQ0NDd8MA&ixlib=rb-4.1.0&q=80&w=1080",
35166          alt: "Manufacturing Excellence",
35167          className: "w-full h-full object-cover"
35168        }
35169      ),
35170      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" }),
35171      /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 p-16", children: /* @__PURE__ */ e("div", { className: "container mx-auto", children: /* @__PURE__ */ a("div", { className: "max-w-2xl", children: [
35172        /* @__PURE__ */ a("h3", { className: "text-white text-[42px] leading-tight tracking-tight mb-4", children: [
35173          "State-of-the-Art",
35174          /* @__PURE__ */ e("br", {}),
35175          "Manufacturing Facility"
35176        ] }),
35177        /* @__PURE__ */ e("p", { className: "text-white/90 text-[18px]", children: "20,000㎡ of advanced production space in Bengaluru" })
35178      ] }) }) })
35179    ] }),
35180    /* @__PURE__ */ e("section", { className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ e("div", { className: "max-w-6xl mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-16", children: [
35181      /* @__PURE__ */ a("div", { className: "space-y-6", children: [
35182        /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-[#FF9933]/10 flex items-center justify-center", children: /* @__PURE__ */ e(Fa, { className: "w-8 h-8 text-[#FF9933]" }) }),
35183        /* @__PURE__ */ a("h3", { className: "text-[32px] text-slate-950 tracking-tight", children: [
35184          "Advanced",
35185          /* @__PURE__ */ e("br", {}),
35186          "Manufacturing"
35187        ] }),
35188        /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "ISO 9001 certified facility with cutting-edge automation and quality control systems." })
35189      ] }),
35190      /* @__PURE__ */ a("div", { className: "space-y-6", children: [
35191        /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-[#138808]/10 flex items-center justify-center", children: /* @__PURE__ */ e(Xa, { className: "w-8 h-8 text-[#138808]" }) }),
35192        /* @__PURE__ */ a("h3", { className: "text-[32px] text-slate-950 tracking-tight", children: [
35193          "Expert",
35194          /* @__PURE__ */ e("br", {}),
35195          "Team"
35196        ] }),
35197        /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "Highly skilled engineers and technicians driving innovation in vision inspection technology." })
35198      ] }),
35199      /* @__PURE__ */ a("div", { className: "space-y-6", children: [
35200        /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-[#003D7A]/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ya, { className: "w-8 h-8 text-[#003D7A]" }) }),
35201        /* @__PURE__ */ a("h3", { className: "text-[32px] text-slate-950 tracking-tight", children: [
35202          "Global",
35203          /* @__PURE__ */ e("br", {}),
35204          "Reach"
35205        ] }),
35206        /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "Serving customers worldwide from our strategic location in India's technology capital." })
35207      ] })
35208    ] }) }) }) }),
35209    /* @__PURE__ */ a("section", { className: "relative h-[80vh] overflow-hidden", children: [
35210      /* @__PURE__ */ e(
35211        S,
35212        {
35213          src: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx0ZWNobm9sb2d5JTIwaW5ub3ZhdGlvbiUyMGxhYnxlbnwxfHx8fDE3NjM1NDU3NDB8MA&ixlib=rb-4.1.0&q=80&w=1080",
35214          alt: "Innovation Center",
35215          className: "w-full h-full object-cover"
35216        }
35217      ),
35218      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" }),
35219      /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 p-16", children: /* @__PURE__ */ e("div", { className: "container mx-auto", children: /* @__PURE__ */ a("div", { className: "max-w-2xl", children: [
35220        /* @__PURE__ */ a("h3", { className: "text-white text-[42px] leading-tight tracking-tight mb-4", children: [
35221          "Innovation at",
35222          /* @__PURE__ */ e("br", {}),
35223          "Every Step"
35224        ] }),
35225        /* @__PURE__ */ e("p", { className: "text-white/90 text-[18px]", children: "R&D and testing facilities designed for breakthrough solutions" })
35226      ] }) }) })
35227    ] }),
35228    /* @__PURE__ */ e("section", { className: "py-32 bg-slate-950", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ e("div", { className: "max-w-6xl mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-12", children: [
35229      /* @__PURE__ */ a("div", { className: "text-center border-l border-white/10 pl-8", children: [
35230        /* @__PURE__ */ e("div", { className: "text-[64px] text-[#FF9933] font-bold mb-2", children: "20,000" }),
35231        /* @__PURE__ */ e("div", { className: "text-white/70 text-[16px]", children: "Square Meters" }),
35232        /* @__PURE__ */ e("div", { className: "text-white/50 text-[14px] mt-1", children: "Manufacturing Space" })
35233      ] }),
35234      /* @__PURE__ */ a("div", { className: "text-center border-l border-white/10 pl-8", children: [
35235        /* @__PURE__ */ e("div", { className: "text-[64px] text-[#138808] font-bold mb-2", children: "150+" }),
35236        /* @__PURE__ */ e("div", { className: "text-white/70 text-[16px]", children: "Employees" }),
35237        /* @__PURE__ */ e("div", { className: "text-white/50 text-[14px] mt-1", children: "Expert Team" })
35238      ] }),
35239      /* @__PURE__ */ a("div", { className: "text-center border-l border-white/10 pl-8", children: [
35240        /* @__PURE__ */ e("div", { className: "text-[64px] text-white font-bold mb-2", children: "ISO" }),
35241        /* @__PURE__ */ e("div", { className: "text-white/70 text-[16px]", children: "Certified" }),
35242        /* @__PURE__ */ e("div", { className: "text-white/50 text-[14px] mt-1", children: "Quality Standards" })
35243      ] }),
35244      /* @__PURE__ */ a("div", { className: "text-center border-l border-white/10 pl-8", children: [
35245        /* @__PURE__ */ e("div", { className: "text-[64px] text-[#003D7A] font-bold mb-2", children: "2024" }),
35246        /* @__PURE__ */ e("div", { className: "text-white/70 text-[16px]", children: "Established" }),
35247        /* @__PURE__ */ e("div", { className: "text-white/50 text-[14px] mt-1", children: "Year Founded" })
35248      ] })
35249    ] }) }) }) }),
35250    /* @__PURE__ */ e("section", { className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "max-w-6xl mx-auto", children: [
35251      /* @__PURE__ */ a("h2", { className: "text-[52px] leading-[1.2] tracking-tight text-slate-950 mb-20 max-w-3xl", children: [
35252        "Comprehensive capabilities from",
35253        /* @__PURE__ */ e("span", { className: "text-[#FF9933]", children: " design to delivery" })
35254      ] }),
35255      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-16 gap-y-12", children: [
35256        /* @__PURE__ */ a("div", { className: "flex gap-6", children: [
35257          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(me, { className: "w-6 h-6 text-[#003D7A]" }) }),
35258          /* @__PURE__ */ a("div", { children: [
35259            /* @__PURE__ */ e("h3", { className: "text-[24px] text-slate-950 mb-3", children: "Product Design & Engineering" }),
35260            /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "Complete design capabilities for custom vision inspection solutions" })
35261          ] })
35262        ] }),
35263        /* @__PURE__ */ a("div", { className: "flex gap-6", children: [
35264          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(me, { className: "w-6 h-6 text-[#003D7A]" }) }),
35265          /* @__PURE__ */ a("div", { children: [
35266            /* @__PURE__ */ e("h3", { className: "text-[24px] text-slate-950 mb-3", children: "Precision Manufacturing" }),
35267            /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "State-of-the-art production lines with automated quality control" })
35268          ] })
35269        ] }),
35270        /* @__PURE__ */ a("div", { className: "flex gap-6", children: [
35271          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(me, { className: "w-6 h-6 text-[#003D7A]" }) }),
35272          /* @__PURE__ */ a("div", { children: [
35273            /* @__PURE__ */ e("h3", { className: "text-[24px] text-slate-950 mb-3", children: "Quality Assurance" }),
35274            /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "Rigorous testing protocols ensuring world-class standards" })
35275          ] })
35276        ] }),
35277        /* @__PURE__ */ a("div", { className: "flex gap-6", children: [
35278          /* @__P
35278URE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(me, { className: "w-6 h-6 text-[#003D7A]" }) }),
35279          /* @__PURE__ */ a("div", { children: [
35280            /* @__PURE__ */ e("h3", { className: "text-[24px] text-slate-950 mb-3", children: "Technical Support" }),
35281            /* @__PURE__ */ e("p", { className: "text-[16px] text-gray-600 leading-relaxed", children: "Comprehensive after-sales service and customer support" })
35282          ] })
35283        ] })
35284      ] })
35285    ] }) }) }),
35286    /* @__PURE__ */ e("section", { id: "capacity", className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
35287      /* @__PURE__ */ a("div", { className: "mb-20", children: [
35288        /* @__PURE__ */ e(
35289          m.p,
35290          {
35291            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
35292            initial: { opacity: 0, y: 20 },
35293            whileInView: { opacity: 1, y: 0 },
35294            viewport: { once: !0 },
35295            transition: { duration: 0.6, delay: 0.1 },
35296            children: "Production Capacity"
35297          }
35298        ),
35299        /* @__PURE__ */ a(
35300          m.h2,
35301          {
35302            className: "text-slate-950 text-[44px] leading-tight",
35303            style: { fontWeight: 700 },
35304            initial: { opacity: 0, y: 30 },
35305            whileInView: { opacity: 1, y: 0 },
35306            viewport: { once: !0 },
35307            transition: { duration: 0.7, delay: 0.25 },
35308            children: [
35309              "글로벌 수준의 안정적이고",
35310              /* @__PURE__ */ e("br", {}),
35311              "유연한 제조 인프라"
35312            ]
35313          }
35314        )
35315      ] }),
35316      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-8", children: [
35317        {
35318          num: "01",
35319          title: "Assembly Capacity",
35320          subtitle: "대규모 생산을 위한 안정적인 조립 인프라",
35321          desc: `하이비젼시스템 인도 공장은 총 22,000㎡ 규모의 생산 시설을 기반으로 구축되어 있으며,
35322이 중 4,111㎡의 전용 조립 공간을 통해 대형 자동화 설비의 조립 및 생산을 안정적으로 수행합니다.
35323
35324체계적인 생산 레이아웃과 최적화된 작업 환경을 통해 고품질 장비 생산과 안정적인 납기 대응 체계를 확보하고 있습니다.`,
35325          image: "https://images.unsplash.com/photo-1768796372362-05c256e61d8c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljcyUyMGFzc2VtYmx5JTIwbGluZSUyMGZhY3Rvcnl8ZW58MXx8fHwxNzczNjQ2NjY0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
35326        },
35327        {
35328          num: "02",
35329          title: "CNC Capacity",
35330          subtitle: "자체 가공과 협력 네트워크 기반의 유연한 생산 대응",
35331          desc: `하이비젼시스템 인도 공장은 42대의 자체 CNC 장비를 통해 정밀 부품 가공을 수행하며,
35332또한 9개 협력사와 연계된 75대의 CNC 가공 네트워크를 통해 생산 수요 증가 시에도 안정적으로 대응할 수 있는 생산 구조를 갖추고 있습니다.
35333
35334이를 통해 대량 생산 환경에서도 안정적인 공급 능력과 유연한 생산 대응력을 확보하고 있습니다.`,
35335          image: "https://images.unsplash.com/photo-1742971366169-6efb57949d56?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjbmMlMjBtYWNoaW5lJTIwcHJlY2lzaW9uJTIwbWFudWZhY3R1cmluZ3xlbnwxfHx8fDE3NzM2NDY2NjN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
35336        },
35337        {
35338          num: "03",
35339          title: "TPU Molding Capacity",
35340          subtitle: "핵심 부품의 현지 생산 체계 구축",
35341          desc: `인도 공장에서는 TPU 몰딩 설비 6대를 구축하여 핵심 부품의 현지 생산 체계를 강화하고 있습니다.
35342
35343이를 통해 주요 부품의 공급 안정성을 확보하고 생산 리드타임 단축 및 원가 경쟁력 확보를 동시에 실현합니다.`,
35344          image: "https://images.unsplash.com/photo-1701448149957-b96dbd1926ff?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwbGFzdGljJTIwaW5qZWN0aW9uJTIwbW9sZGluZyUyMG1hY2hpbmUlMjBmYWN0b3J5fGVufDF8fHx8MTc3MzU1NDc2NXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
35345        },
35346        {
35347          num: "04",
35348          title: "Factory Compliance Status",
35349          subtitle: "글로벌 기준의 공장 운영 인허가 체계 구축",
35350          desc: `하이비젼시스템 인도 공장은 건축 승인(Building Plan Approval)을 완료하였으며,
35351현재 Fire NOC, CTO, Factory License 등 주요 공장 운영 인허가 절차를 진행 중입니다.
35352
35353모든 인허가 절차 완료 후 Occupancy Certificate(OC) 발급을 통해 공장의 공식 운영을 시작할 예정이며,
35354이를 기반으로 글로벌 기준에 부합하는 안정적인 생산 운영 체계를 구축하고 있습니다.`,
35355          image: "https://images.unsplash.com/photo-1771315043854-ab551cc09939?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwZmFjdG9yeSUyMGV4dGVyaW9yJTIwbW9kZXJufGVufDF8fHx8MTc3MzY0NjY2M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral"
35356        }
35357      ].map((i, n) => /* @__PURE__ */ a(
35358        m.div,
35359        {
35360          className: "group flex flex-col bg-white border border-gray-200/60 shadow-sm hover:shadow-xl transition-all duration-500 hover:-translate-y-1",
35361          initial: { opacity: 0, y: 30 },
35362          whileInView: { opacity: 1, y: 0 },
35363          viewport: { once: !0 },
35364          transition: { duration: 0.6, delay: n * 0.15 },
35365          children: [
35366            /* @__PURE__ */ a("div", { className: "relative h-64 overflow-hidden", children: [
35367              /* @__PURE__ */ e(
35368                S,
35369                {
35370                  src: i.image,
35371                  alt: i.title,
35372                  className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
35373                }
35374              ),
35375              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-60" }),
35376              /* @__PURE__ */ e("div", { className: "absolute bottom-6 left-6 text-white text-[48px] font-black leading-none drop-shadow-lg opacity-20 group-hover:opacity-40 transition-opacity", children: i.num })
35377            ] }),
35378            /* @__PURE__ */ a("div", { className: "p-10 flex flex-col flex-grow", children: [
35379              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[14px] font-bold tracking-wide uppercase mb-3 border-b border-[#003D7A]/10 pb-3 inline-block self-start", children: i.title }),
35380              /* @__PURE__ */ e("h3", { className: "text-slate-900 text-[20px] leading-[1.4] mb-5", style: { fontWeight: 700 }, children: i.subtitle }),
35381              /* @__PURE__ */ e("p", { className: "text-gray-500 text-[15px] leading-[1.8] whitespace-pre-line break-keep mt-auto", children: i.desc })
35382            ] })
35383          ]
35384        },
35385        n
35386      )) })
35387    ] }) }),
35388    /* @__PURE__ */ e("section", { className: "py-32 bg-gray-50", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ e("div", { className: "max-w-6xl mx-auto", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-16 items-center", children: [
35389      /* @__PURE__ */ a("div", { children: [
35390        /* @__PURE__ */ e("h2", { className: "text-[52px] leading-[1.2] tracking-tight text-slate-950 mb-8", children: "Strategic Location" }),
35391        /* @__PURE__ */ e("p", { className: "text-[18px] text-gray-600 leading-relaxed mb-8", children: "Located in Bengaluru's Devanahalli Industrial Area, our facility benefits from excellent infrastru
35391cture, skilled workforce, and proximity to major logistics hubs." }),
35392        /* @__PURE__ */ a("div", { className: "space-y-6", children: [
35393          /* @__PURE__ */ a("div", { className: "flex items-start gap-4", children: [
35394            /* @__PURE__ */ e(Ht, { className: "w-6 h-6 text-[#FF9933] flex-shrink-0 mt-1" }),
35395            /* @__PURE__ */ a("div", { children: [
35396              /* @__PURE__ */ e("div", { className: "text-[18px] text-slate-950 font-bold mb-1", children: "Address" }),
35397              /* @__PURE__ */ a("div", { className: "text-[16px] text-gray-600", children: [
35398                "Devanahalli Industrial Area",
35399                /* @__PURE__ */ e("br", {}),
35400                "Bengaluru, Karnataka 562110",
35401                /* @__PURE__ */ e("br", {}),
35402                "India"
35403              ] })
35404            ] })
35405          ] }),
35406          /* @__PURE__ */ a("div", { className: "flex items-start gap-4", children: [
35407            /* @__PURE__ */ e(pn, { className: "w-6 h-6 text-[#138808] flex-shrink-0 mt-1" }),
35408            /* @__PURE__ */ a("div", { children: [
35409              /* @__PURE__ */ e("div", { className: "text-[18px] text-slate-950 font-bold mb-1", children: "Accessibility" }),
35410              /* @__PURE__ */ a("div", { className: "text-[16px] text-gray-600", children: [
35411                "15 minutes from Kempegowda International Airport",
35412                /* @__PURE__ */ e("br", {}),
35413                "Direct highway access to major industrial zones"
35414              ] })
35415            ] })
35416          ] })
35417        ] })
35418      ] }),
35419      /* @__PURE__ */ e("div", { className: "relative h-[500px] overflow-hidden", children: /* @__PURE__ */ e(
35420        S,
35421        {
35422          src: "https://images.unsplash.com/photo-1590069261209-f8e9b8642343?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYW5nYWxvcmUlMjBjaXR5JTIwYWVyaWFsfGVufDF8fHx8MTc2MzU0NTc0MHww&ixlib=rb-4.1.0&q=80&w=1080",
35423          alt: "Bengaluru Location",
35424          className: "w-full h-full object-cover"
35425        }
35426      ) })
35427    ] }) }) }) }),
35428    /* @__PURE__ */ e("section", { className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "max-w-4xl mx-auto text-center", children: [
35429      /* @__PURE__ */ e("h2", { className: "text-[52px] leading-[1.2] tracking-tight text-slate-950 mb-8", children: "Partner with HyVISION India" }),
35430      /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-600 leading-relaxed mb-12", children: "Experience the perfect blend of Korean technology and Indian innovation. Let's build the future of manufacturing together." }),
35431      /* @__PURE__ */ a("div", { className: "flex gap-4 justify-center", children: [
35432        /* @__PURE__ */ a(
35433          J,
35434          {
35435            className: "bg-[#003D7A] text-white px-8 h-14 text-[16px] font-bold hover:bg-[#002A5A] rounded-none border-0",
35436            onClick: () => window.location.hash = "/contact",
35437            children: [
35438              "Contact Us",
35439              /* @__PURE__ */ e(re, { className: "ml-2 w-5 h-5" })
35440            ]
35441          }
35442        ),
35443        /* @__PURE__ */ e(
35444          J,
35445          {
35446            className: "bg-white text-[#003D7A] border-2 border-[#003D7A] px-8 h-14 text-[16px] font-bold hover:bg-gray-50 rounded-none",
35447            onClick: () => window.location.hash = "/careers",
35448            children: "Join Our Team"
35449          }
35450        )
35451      ] })
35452    ] }) }) })
35453  ] });
35454}
35455function B8() {
35456  const { t } = ne();
35457  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
35458    /* @__PURE__ */ a("section", { className: "relative h-[450px] overflow-hidden", children: [
35459      /* @__PURE__ */ e(
35460        S,
35461        {
35462          src: "https://images.unsplash.com/photo-1577495508326-19a1b3cf65b7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYW5nYWxvcmUlMjBjaXR5JTIwYXJjaGl0ZWN0dXJlfGVufDF8fHx8MTc2MzM1NTgzNnww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
35463          alt: "Bangalore Location",
35464          className: "absolute inset-0 w-full h-full object-cover"
35465        }
35466      ),
35467      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-br from-[#003D7A]/90 via-[#003D7A]/75 to-slate-950/80" }),
35468      /* @__PURE__ */ e("div", { className: "relative h-full flex items-center", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-4xl pt-20", children: [
35469        /* @__PURE__ */ e("h1", { className: "text-white mb-6 font-bold text-[64px] tracking-tight", children: "위치 및 문의" }),
35470        /* @__PURE__ */ e("p", { className: "text-white/90 text-[20px] max-w-2xl leading-relaxed", children: "HyVISION INDIA PRIVATE LIMITED" })
35471      ] }) }) })
35472    ] }),
35473    /* @__PURE__ */ e("div", { className: "bg-[#F5F5F5] border-b border-slate-200", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ e(ea, { items: [
35474      { label: "인도법인 소개", path: "/company" },
35475      { label: "위치 및 문의" }
35476    ], onNavigate: (s) => {
35477      window.location.hash = s, window.scrollTo({ top: 0, behavior: "smooth" });
35478    } }) }) }),
35479    /* @__PURE__ */ e("section", { className: "py-24", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto", children: [
35480      /* @__PURE__ */ a("div", { className: "text-center mb-16", children: [
35481        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-slate-950 mb-6 font-bold", children: "Contact Information" }),
35482        /* @__PURE__ */ e("p", { className: "text-gray-600 text-[16px] max-w-2xl mx-auto", children: "벵갈루루 공장으로 문의하시거나 방문해 주시기 바랍니다." })
35483      ] }),
35484      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 gap-8 mb-16", children: [
35485        {
35486          icon: Ht,
35487          title: "주소",
35488          content: "Plot No. 92, Phase II, Peenya Industrial Area, Bangalore - 560058, Karnataka, India",
35489          color: "#FF9933"
35490        },
35491        {
35492          icon: Zr,
35493          title: "전화",
35494          content: "+91 80 2839 5678",
35495          link: "tel:+918028395678",
35496          color: "#003D7A"
35497        },
35498        {
35499          icon: ci,
35500          title: "이메일",
35501          content: "[email protected]",
35502          link: "mailto:[email protected]",
35503          color: "#138808"
35504        },
35505        {
35506          icon: qa,
35507          title: "영업시간",
35508          content: `월-금: 09:00 - 18:00 (IST)
35509토-일: 휴무`,
35510          color: "#FF9933"
35511        }
35512      ].map((s, l) => {
35513        const o = s.icon;
35514        return /* @__PURE__ */ a(
35515          "div",
35516          {
35517            className: "bg-white border-2 border-slate-200 rounded-lg p-8 hover:shadow-xl transition-all group",
35518            children: [
35519              /* @__PURE__ */ e(
35520                "div",
35521                {
35522                  className: "w-16 h-16 rounded-full flex items-center justify-center mb-6 transition-all",
35523                  style: { backgroundColor: `${s.color}15` },
35524                  children: /* @__PURE__ */ e(
35525                    o,
35526                    {
35527                      className: "w-8 h-8 transition-all",
35528                      style: { color: s.color },
35529                      strokeWidth: 1.5
35530                    }
35531                  )
35532                }
35533              ),
35534              /* @__PURE__ */ e("h3", { className: "text-xl font-bold text-slate-950 mb-3", children: s.title }),
35535              s.link ? /* @__PURE__ */ e(
35536                "a",
35537                {
35538                  href: s.link,
35539                  className: "text-gray-700 text-[16px] leading-relaxed hover:text-[#003D7A] transition-colors inline-block",
35540                  children: s.content
35541                }
35542              ) : /* @__PURE__ */ e("p", { className: "text-gray-700 text-[16px] leading-relaxed whitespace-pre-line", children: s.content })
35543            ]
35544          },
35545          l
35546        );
35547      }) }),
35548      /* @__PURE__ */ a("div", { className: "rounded-lg overflow-hidden shadow-2xl border-2 border-slate-200", children: [
35549        /* @__PURE__ */ a("div", { className: "bg-slate-100 p-6 border-b-2 border-slate-200", children: [
35550          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
35551            /* @__PURE__ */ e(Tt, { className: "w-6 h-6 text-[#003D7A]", strokeWidth: 1.5 }),
35552            /* @__PURE__ */ e("h3", { className: "text-2xl font-bold text-slate-950", children: "HyVISION INDIA Bangalore Plant" })
35553          ] }),
35554          /* @__PURE__ */ e("p", { className: "text-gray-600 mt-2 text-[15px]", children: "Plot No. 92, Phase II, Peenya Industrial Area, Bangalore - 560058, Karnataka, India" })
35555        ] }),
35556        /* @__PURE__ */ e("div", { className: "relative h-[500px] bg-slate-200", children: /* @__PURE__ */ e(
35557          "iframe",
35558          {
35559            src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3886.9618469821856!2d77.51654931482162!3d13.03586989079707!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae3d8f0f0f0f0f%3A0x0!2sPeenya%20Industrial%20Area!5e0!3m2!1sen!2sin!4v1234567890",
35560            width: "100%",
35561            height: "100%",
35562            style: { border: 0 },
35563            allowFullScreen: !0,
35564            loading: "lazy",
35565            referrerPolicy: "no-referrer-when-downgrade",
35566            title: "HyVISION INDIA Location",
35567            className: "absolute inset-0"
35568          }
35569        ) }),
35570        /* @__PURE__ */ a("div", { className: "bg-white p-6 flex items-center justify-between border-t-2 border-slate-200", children: [
35571          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-slate-600", children: [
35572            /* @__PURE__ */ e(lx, { className: "w-5 h-5", strokeWidth: 1.5 }),
35573            /* @__PURE__ */ e("span", { className: "text-[15px]", children: "길 안내가 필요하신가요?" })
35574          ] }),
35575          /* @__PURE__ */ e(
35576            "a",
35577            {
35578              href: "https://www.google.com/maps/dir//Peenya+Industrial+Area,+Bangalore",
35579              target: "_blank",
35580              rel: "noopener noreferrer",
35581              children: /* @__PURE__ */ e(J, { className: "bg-[#003D7A] hover:bg-[#002855] text-white rounded-none border-0 h-12", children: "Google Maps로 보기" })
35582            }
35583          )
35584        ] })
35585      ] })
35586    ] }) }) }),
35587    /* @__PURE__ */ e("section", { className: "py-24 bg-gradient-to-br from-[#003D7A] to-slate-900", children: /* @__PURE__ */ e("div", { className: "container mx-auto px-4", children: /* @__PURE__ */ a("div", { className: "max-w-[1152px] mx-auto text-center", children: [
35588      /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl text-white mb-6 font-bold", children: "Ready to Connect?" }),
35589      /* @__PURE__ */ e("p", { className: "text-white/80 text-[18px] mb-10 max-w-2xl mx-auto leading-relaxed", children: "비즈니스 문의, 기술 지원, 또는 방문 예약을 원하시면 언제든지 연락 주시기 바랍니다." }),
35590      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4 justify-center", children: [
35591        /* @__PURE__ */ e("a", { href: "mailto:[email protected]", children: /* @__PURE__ */ e(J, { className: "bg-[#FF9933] hover:bg-[#E68A2E] text-white rounded-none border-0 h-14 px-8 text-[16px]", children: "이메일 문의하기" }) }),
35592        /* @__PURE__ */ e("a", { href: "tel:+918028395678", children: /* @__PURE__ */ e(J, { className: "bg-white hover:bg-slate-100 text-[#003D7A] rounded-none border-0 h-14 px-8 text-[16px]", children: "전화 문의하기" }) })
35593      ] })
35594    ] }) }) })
35595  ] });
35596}
35597const G8 = globalThis.__GLOBALS__.getAssetURL("14cd7fa841d122f599742f05539d5cef075a2b04.png");
35598function U8() {
35599  const [t, i] = C(1.1), [n, r] = C(50), s = j(null);
35600  return R(() => {
35601    const l = () => {
35602      const o = window.scrollY, d = s.current;
35603      if (d) {
35604        const c = d.offsetTop, p = window.innerHeight, h = c - p, b = c + 200 - h, g = Math.min(Math.max((o - h) / b, 0), 1);
35605        i(1.1 + g * 0.1), r(50 + g * 50);
35606      }
35607    };
35608    return window.addEventListener("scroll", l), l(), () => window.removeEventListener("scroll", l);
35609  }
35609, []), /* @__PURE__ */ a("section", { ref: s, className: "relative mt-24 mb-32 w-full", children: [
35610    /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 mb-20", children: /* @__PURE__ */ a(
35611      m.div,
35612      {
35613        initial: { opacity: 0, y: 30 },
35614        whileInView: { opacity: 1, y: 0 },
35615        viewport: { once: !0 },
35616        transition: { duration: 0.8, ease: "easeOut" },
35617        className: "flex flex-col items-center text-center w-full",
35618        children: [
35619          /* @__PURE__ */ a("div", { className: "relative mb-8 inline-block", children: [
35620            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold text-[32px] tracking-tight", children: "Corporate Culture" }),
35621            /* @__PURE__ */ e("div", { className: "absolute top-1 -right-4 w-[6px] h-[6px] rounded-full bg-[#003D7A]" })
35622          ] }),
35623          /* @__PURE__ */ a("p", { className: "text-[22px] max-w-5xl leading-relaxed font-medium text-slate-800 -mt-3", children: [
35624            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "신뢰와 존중을 바탕으로," }),
35625            " 하이비젼시스템만의 ",
35626            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "행복한 조직 문화를 함께 만들어갑니다." })
35627          ] })
35628        ]
35629      }
35630    ) }),
35631    /* @__PURE__ */ e("div", { className: "relative w-full overflow-hidden", style: { height: "340px" }, children: /* @__PURE__ */ e(
35632      "div",
35633      {
35634        className: "absolute left-0 top-0 h-full bg-slate-100 transition-all duration-700 ease-out overflow-hidden",
35635        style: { width: `${n}%` },
35636        children: /* @__PURE__ */ a(
35637          "div",
35638          {
35639            className: "w-full h-full transition-transform duration-300 ease-out origin-left",
35640            style: { transform: `scale(${t})` },
35641            children: [
35642              /* @__PURE__ */ e(
35643                S,
35644                {
35645                  src: G8,
35646                  alt: "Corporate Culture at Hyvision",
35647                  className: "w-full h-full object-cover"
35648                }
35649              ),
35650              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/20" })
35651            ]
35652          }
35653        )
35654      }
35655    ) }),
35656    /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 mt-40", children: /* @__PURE__ */ a("div", { className: "space-y-32", children: [
35657      /* @__PURE__ */ a(
35658        m.div,
35659        {
35660          initial: { opacity: 0, y: 20 },
35661          whileInView: { opacity: 1, y: 0 },
35662          viewport: { once: !0 },
35663          transition: { duration: 0.6 },
35664          className: "space-y-12",
35665          children: [
35666            /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e("h2", { className: "text-[28px] font-bold text-slate-950 tracking-tight", children: "우리는 이런 가치를 지향합니다" }) }),
35667            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-8", children: [
35668              /* @__PURE__ */ a(
35669                m.div,
35670                {
35671                  whileHover: { y: -5 },
35672                  initial: { opacity: 0, y: 20 },
35673                  whileInView: { opacity: 1, y: 0 },
35674                  viewport: { once: !0 },
35675                  transition: { duration: 0.6, delay: 0.1 },
35676                  className: "bg-slate-50 p-10 rounded-sm border border-slate-100 flex flex-col items-center text-center",
35677                  children: [
35678                    /* @__PURE__ */ a("div", { className: "w-32 h-32 mb-8 bg-white rounded-full shadow-inner flex items-center justify-center relative overflow-hidden", children: [
35679                      /* @__PURE__ */ e(fl, { className: "w-12 h-12 text-[#003D7A] opacity-20 absolute" }),
35680                      /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-[#003D7A]/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e(dr, { className: "w-8 h-8 text-[#003D7A]" }) })
35681                    ] }),
35682                    /* @__PURE__ */ e("h3", { className: "text-[22px] font-bold text-slate-950 mb-4", children: "이타적 전문성" }),
35683                    /* @__PURE__ */ a("p", { className: "text-gray-500 leading-relaxed text-[15px]", children: [
35684                      "개인의 성장이 동료와 회사의 발전으로 이어지는",
35685                      /* @__PURE__ */ e("br", {}),
35686                      "하이비젼만의 공유와 협력의 기술 문화를 지향합니다."
35687                    ] })
35688                  ]
35689                }
35690              ),
35691              /* @__PURE__ */ a(
35692                m.div,
35693                {
35694                  whileHover: { y: -5 },
35695                  initial: { opacity: 0, y: 20 },
35696                  whileInView: { opacity: 1, y: 0 },
35697                  viewport: { once: !0 },
35698                  transition: { duration: 0.6, delay: 0.2 },
35699                  className: "bg-slate-50 p-10 rounded-sm border border-slate-100 flex flex-col items-center text-center",
35700                  children: [
35701                    /* @__PURE__ */ a("div", { className: "w-32 h-32 mb-8 bg-white rounded-full shadow-inner flex items-center justify-center relative overflow-hidden", children: [
35702                      /* @__PURE__ */ e(Ya, { className: "w-12 h-12 text-[#003D7A] opacity-20 absolute" }),
35703                      /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-[#003D7A]/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e(fl, { className: "w-8 h-8 text-[#003D7A]" }) })
35704                    ] }),
35705                    /* @__PURE__ */ e("h3", { className: "text-[22px] font-bold text-slate-950 mb-4", children: "창조적 도전" }),
35706                    /* @__PURE__ */ a("p", { className: "text-gray-500 leading-relaxed text-[15px]", children: [
35707                      "실패를 두려워하지 않고 새로운 가치를 창출하기 위해",
35708                      /* @__PURE__ */ e("br", {}),
35709                      "끊임없이 질문하고 혁신적인 해답을 찾아 나갑니다."
35710                    ] })
35711                  ]
35712                }
35713              )
35714            ] })
35715          ]
35716        }
35717      ),
35718      /* @__PURE__ */ a("div", { className: "space-y-24", children: [
35719        /* @__PURE__ */ e(
35720          m.div,
35721          {
35722            initial: { opacity: 0, x: -20 },
35723            whileInView: { opacity: 1, x: 0 },
35724            viewport: { once: !0 },
35725            className: "mb-12",
35726            children: /* @__PURE__ */ e("h2", { className: "text-[28px] font-bold text-slate-950 tracking-tight", children: "구성원의 성장과 소통을 지원합니다" })
35727          }
35728        ),
35729        /* @__PURE__ */ a(
35730          m.div,
35731          {
35732            initial: { opacity: 0, y: 30 },
35733            whileInView: { opacity: 1, y: 0 },
35734            viewport: { once: !0 },
35735            transition: { duration: 0.6 },
35736            className: "grid lg:grid-cols-[160px_1fr] gap-12 pb-20 border-b border-slate-100",
35737            children: [
35738              /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[20px] pt-1 uppercase tracking-tight", children: "업무" }),
35739              /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 lg:grid-cols-2 gap-x-16 gap-y-16", children: [
35740                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35741                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Ya, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35742                  /* @__PURE__ */ a("div", { children: [
35743                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "외국어 교육 지원" }),
35744                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35745                      "영어·중국어 화상 교육을 지원하여 임직원의",
35746                      /* @__PURE__ */ e("br", {}),
35747                      "글로벌 커뮤니케이션 역량을 체계적으로 향상시킵니다."
35748                    ] })
35749                  ] })
35750                ] }),
35751                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35752                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Bu, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35753                  /* @__PURE__ */ a("div", { children: [
35754                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "최신 IT 인프라 제공" }),
35755                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35756                      "입사와 동시에 최고 사양의 노트북과",
35757                      /* @__PURE__ */ e("br", {}),
35758                      "듀얼 모니터 등 고사양 장비를 지원합니다."
35759                    ] })
35760                  ] })
35761                ] }),
35762                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35763                  /* @__P
35763URE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Tu, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35764                  /* @__PURE__ */ a("div", { children: [
35765                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "교육비 지원" }),
35766                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35767                      "직무 연관 교육, 컨퍼런스 참여는 물론",
35768                      /* @__PURE__ */ e("br", {}),
35769                      "역량 강화를 위한 도서 및 어학 교육도 지원합니다."
35770                    ] })
35771                  ] })
35772                ] }),
35773                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35774                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(hl, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35775                  /* @__PURE__ */ a("div", { children: [
35776                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "커피/음료 무제한 제공" }),
35777                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35778                      "맛있는 에스프레소 머신부터 다양한 음료가 구비된",
35779                      /* @__PURE__ */ e("br", {}),
35780                      "전용 냉장고를 언제든 이용할 수 있습니다."
35781                    ] })
35782                  ] })
35783                ] }),
35784                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35785                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Tt, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35786                  /* @__PURE__ */ a("div", { children: [
35787                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "쾌적한 근무환경" }),
35788                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35789                      "공장동과 사무 공간이 효율적으로 분리되어 있으며,",
35790                      /* @__PURE__ */ e("br", {}),
35791                      "업무에 몰입할 수 있는 쾌적한 환경을 제공합니다."
35792                    ] })
35793                  ] })
35794                ] })
35795              ] })
35796            ]
35797          }
35798        ),
35799        /* @__PURE__ */ a(
35800          m.div,
35801          {
35802            initial: { opacity: 0, y: 30 },
35803            whileInView: { opacity: 1, y: 0 },
35804            viewport: { once: !0 },
35805            transition: { duration: 0.6 },
35806            className: "grid lg:grid-cols-[160px_1fr] gap-12 pb-20 border-b border-slate-100",
35807            children: [
35808              /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[20px] pt-1 uppercase tracking-tight", children: "생활" }),
35809              /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-x-16 gap-y-16", children: [
35810                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35811                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Vu, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35812                  /* @__PURE__ */ a("div", { children: [
35813                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "건강검진 & 의료비" }),
35814                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35815                      "임직원 및 배우자 종합검진 시행과 본인 및 가족 의료비 지원으로",
35816                      /* @__PURE__ */ e("br", {}),
35817                      "건강한 삶을 돕습니다."
35818                    ] })
35819                  ] })
35820                ] }),
35821                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35822                  /* @__P
35822URE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(_u, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35823                  /* @__PURE__ */ a("div", { children: [
35824                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "가족 친화 제도" }),
35825                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35826                      "자녀 학자금 지원 및 각종 경조사 시",
35827                      /* @__PURE__ */ e("br", {}),
35828                      "경조금과 유급 휴가를 통해 가족의 행복을 함께합니다."
35829                    ] })
35830                  ] })
35831                ] }),
35832                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35833                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Mu, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35834                  /* @__PURE__ */ a("div", { children: [
35835                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "명절 & 생일 축하" }),
35836                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35837                      "명절 및 생일에 선물을 지급하여 임직원들에게",
35838                      /* @__PURE__ */ e("br", {}),
35839                      "감사의 마음을 전달합니다."
35840                    ] })
35841                  ] })
35842                ] }),
35843                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35844                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Ex, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35845                  /* @__PURE__ */ a("div", { children: [
35846                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "사내 동호회 지원" }),
35847                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35848                      "취미와 관심사, 지식과 경험을 함께 공유하고 자기계발을 할 수 있는",
35849                      /* @__PURE__ */ e("br", {}),
35850                      "다양한 사내 동호회를 운영하고 있습니다."
35851                    ] })
35852                  ] })
35853                ] })
35854              ] })
35855            ]
35856          }
35857        ),
35858        /* @__PURE__ */ a(
35859          m.div,
35860          {
35861            initial: { opacity: 0, y: 30 },
35862            whileInView: { opacity: 1, y: 0 },
35863            viewport: { once: !0 },
35864            transition: { duration: 0.6 },
35865            className: "grid lg:grid-cols-[160px_1fr] gap-12",
35866            children: [
35867              /* @__PURE__ */ e("div", { className: "text-[#003D7A] font-bold text-[20px] pt-1 uppercase tracking-tight", children: "휴식" }),
35868              /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-x-16 gap-y-16", children: [
35869                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35870                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Hx, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35871                  /* @__PURE__ */ a("div", { children: [
35872                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "장기근속 리프레시" }),
35873                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35874                      "일정 기간 근속 시마다 유급 휴가와 포상금을 지급하여",
35875                      /* @__PURE__ */ e("br", {}),
35876                      "재충전의 기회를 제공합니다."
35877                    ] })
35878                  ] })
35879                ] }),
35880                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35881                  /* @__P
35881URE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(Ru, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35882                  /* @__PURE__ */ a("div", { children: [
35883                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "제휴 휴양시설" }),
35884                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35885                      "전국 유명 콘도 및 호텔을",
35886                      /* @__PURE__ */ e("br", {}),
35887                      "임직원 전용 할인가로 이용할 수 있도록 지원합니다."
35888                    ] })
35889                  ] })
35890                ] }),
35891                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35892                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(hl, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35893                  /* @__PURE__ */ a("div", { children: [
35894                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "전용 휴게실 운영" }),
35895                    /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35896                      "점심 시간과 휴식 시간을 활용해 편안하게 쉴 수 있는",
35897                      /* @__PURE__ */ e("br", {}),
35898                      "임직원 전용 휴게 공간을 자유롭게 이용할 수 있습니다."
35899                    ] })
35900                  ] })
35901                ] }),
35902                /* @__PURE__ */ a(m.div, { whileHover: { x: 5 }, className: "space-y-5", children: [
35903                  /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ e(zh, { className: "w-8 h-8 text-[#003D7A]", strokeWidth: 1.5 }) }),
35904                  /* @__PURE__ */ a("div", { children: [
35905                    /* @__PURE__ */ e("h4", { className: "text-slate-950 font-bold text-[18px] mb-3", children: "샌드위치 데이 휴무" }),
35906                    /* @__PURE__ */ a("div", { className: "space-y-3", children: [
35907                      /* @__PURE__ */ a("p", { className: "text-gray-500 text-[15px] leading-relaxed", children: [
35908                        "권장 휴가일 운영을 통해 임직원들이 부담 없이",
35909                        /* @__PURE__ */ e("br", {}),
35910                        "휴식을 취할 수 있는 조직 문화를 만들어갑니다."
35911                      ] }),
35912                      /* @__PURE__ */ e("p", { className: "text-gray-400 text-[12px] leading-tight", children: "단, 세부 일정은 회사 내부상황에 따라 변경될 수 있습니다." })
35913                    ] })
35914                  ] })
35915                ] }),
35916                /* @__PURE__ */ a(
35917                  m.a,
35918                  {
35919                    href: "https://hyvision.recruiter.co.kr/career/home",
35920                    target: "_blank",
35921                    rel: "noopener noreferrer",
35922                    whileHover: { y: -5 },
35923                    className: "md:col-span-2 flex flex-col items-center justify-center space-y-4 group cursor-pointer pt-8",
35924                    children: [
35925                      /* @__PURE__ */ e("div", { className: "w-14 h-14 bg-slate-50 rounded-full flex items-center justify-center border border-slate-100 group-hover:border-[#003D7A]/20 transition-all duration-300", children: /* @__PURE__ */ e("svg", { className: "w-6 h-6 text-gray-400 group-hover:text-[#003D7A]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }) }),
35926                      /* @__PURE__ */ e("span", { className: "text-gray-400 font-medium text-[15px] group-hover:text-[#003D7A] transition-colors", children: "더보기" })
35927                    ]
35928                  }
35929                )
35930              ] })
35931            ]
35932          }
35933        )
35934      ] })
35935    ] }) })
35936  ] });
35937}
35938function q8() {
35939  return /* @__PURE__ */ e("div", { className: "min-h-screen bg-white relative", children: /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e(U8, {}) }) });
35940}
35941const Y8 = globalThis.__GLOBALS__.getAssetURL("c39d6d551608049900f2bbf40d005c3c66a9ac6f.png"), X8 = globalThis.__GLOBALS__.getAssetURL("9aa9d040accc92cd0f9ed648981146cfbc389433.png"), J8 = [
35942  {
35943    question: "전형별 결과는 어떻게 확인할 수 있나요?",
35944    answer: [
35945      "각 전형 종료 후 카카오톡/이메일을 활용하여 결과 발표 드리고 있습니다. 코딩테스트 및 면접 전형은 개별 연락드려 일정 수립하여 진행하고 있습니다.",
35946      "*개발 직무는 코딩테스트가 진행될 수 있으며, 서류 전형 결과 발표와 함께 안내 드릴 예정입니다.",
35947      "채용 포지션에 따라 3번 이상의 인터뷰를 제안할 수 있습니다."
35948    ]
35949  },
35950  {
35951    question: "최종 제출 완료 후 지원서 수정할 수는 없나요?",
35952    answer: [
35953      "최종 제출하신 후에는 지원서 수정이 불가능합니다. 최종 제출하시기 전, 지원서를 포함한 모든 내용을 확인하고 제출해주시기를 바랍니다.",
35954      "지원정보에 오류가 있으실 경우에는 채용 안내 메일 및 카카오톡 안내 메세지에 '문의하기' 활용하여 연락주시면, 담당 리쿠르터가 데이터 수정 또는 지원 이력 삭제 등 조치 가이드 드릴 예정입니다.",
35955      "※ 지원정보가 사실과 다를 경우 채용이 취소될 수 있습니다."
35956    ]
35957  },
35958  {
35959    question: "인터뷰는 어떤 형식으로 진행되며, 누가 참석하나요?",
35960    answer: [
35961      "기본 인터뷰는 대면 방식으로 진행됩니다. 다만, 지원자 규모 및 포지션 상황에 따라 화상 인터뷰로 진행될 수 있습니다.",
35962      "인터뷰 일정은 개별적으로 메일 또는 카카오톡을 통해 안내드리며, 안내된 일정 중 가능한 시간을 선택하여 회신해주시면 최종 일정이 확정됩니다.",
35963      "인터뷰는 단순히 후보자님을 평가하는 자리가 아닌, 회사와 후보자님이 서로를 이해하고 알아가는 시간입니다. 편안한 분위기 속에서 진솔한 대화를 나눌 수 있도록 진행하고 있습니다.",
35964      "1차(실무) 면접은 해당 직무의 실무진 및 리더가 면접위원으로 참여하며, 직무 역량과 경험을 중심으로 인터뷰가 진행됩니다.",
35965      "2차(임원) 면접은 주요 경영진이 참여하여 다양한 질문을 통해 조직 적합성과 가치관을 확인합니다.",
35966      "※ 면접 과정 및 질문 방식은 지원 포지션과 면접 결과에 따라 일부 조정될 수 있습니다."
35967    ]
35968  },
35969  {
35970    question: "보내주신 면접 일정 중에 가능한 일정이 없을 때는 어떻게 해야 할까요?",
35971    answer: [
35972      "메일, 카카오톡 메시지 활용하시어 담당 리쿠르터에게 일정 변경 요청을 해주시면 연결 가능한 추천 일정을 재전달해 드리도록 하겠습니다."
35973    ]
35974  },
35975  {
35976    question: "최종 제출 후 '문의하기' 내용을 남겼는데 답변이 오지 않습니다.",
35977    answer: [
35978      "포지션별 담당 리쿠르터가 배정되어 있어 '문의하기'에 남겨주신 사항 확인 후 리쿠르터 근무 시간(09시~18시) 중에 답변드릴 예정입니다.",
35979      "문의사항에 따라 내부 조직 내 확인이 필요한 부분이 있어 다소 답변이 늦어질 수 있습니다."
35980    ]
35981  },
35982  {
35983    question: "최종 제출 전에는 채용에 대한 궁금사항이 있을 때는 어떻게 해야 할까요?",
35984    answer: [
35985      "[email protected] 로 문의주시면 담당 리쿠르터 배정 후 별도로 연락 드리고 있습니다."
35986    ]
35987  },
35988  {
35989    question: "재지원, 중복지원이 가능한가요?",
35990    answer: [
35991      "재지원은 이전 불합격 기록이 있다면, 유사한 포지션에 재지원은 6개월 후에 지원하시기를 추천해 드립니다.",
35992      "유사 포지션 재지원인 경우 최초 지원 이후 어떤 부분이 변하
35992였는지 중점적으로 기재 부탁드립니다.",
35993      "여러 포지션에 중복 지원은 가능하나, 각 포지션별로 별도 채용 프로세스가 진행됩니다.",
35994      "2개 이상의 포지션에서 최종합격 되기 전 최종 입사 의향이 있으신 포지션을 확인하고 있습니다."
35995    ]
35996  },
35997  {
35998    question: "어떠한 경로로 지원해야 하나요?",
35999    answer: [
36000      "현재 채용 지원은 이메일 접수로 진행하고 있습니다.",
36001      "지원서를 포함한 이력서 및 관련 서류를 [email protected] 로 제출해주시기 바랍니다.",
36002      "메일 제목에는 지원 분야와 성함을 함께 기재해주시면 원활한 검토에 도움이 됩니다.",
36003      "서류 검토 후 개별적으로 연락드릴 예정입니다."
36004    ]
36005  },
36006  {
36007    question: "면접 시 복장, 증빙 서류 등 준비해야할 사항이 있나요?",
36008    answer: [
36009      "면접 복장은 특별한 규정은 없으나, 면접이라는 상황에 맞게 최대한 깔끔하게 본인을 표현할 수 있는 복장을 추천해 드립니다.",
36010      "포지션 수행에 필수적인 자격증은 면접 전후 담당 리쿠르터가 카카오톡 또는 이메일로 사전 증빙 요청드릴 예정입니다."
36011    ]
36012  },
36013  {
36014    question: "면접 참석 확인서를 발급 받을 수 있을까요?",
36015    answer: [
36016      "면접 종료 후 이름/연락처/이메일주소/면접일시/지원포지션을 작성하여 [email protected]로 보내주시면 확인 후 별도로 회신 드리고 있습니다."
36017    ]
36018  }
36019], Z8 = [
36020  {
36021    id: 1,
36022    title: "기획이 현실이 되는 순간",
36023    image: "https://images.unsplash.com/photo-1676511594858-1b75b7eee5bb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxrb3JlYW4lMjBtYWxlJTIwb2ZmaWNlJTIwd29ya2VyJTIwbGFwdG9wfGVufDF8fHx8MTc3MDg3MjQxMnww&ixlib=rb-4.1.0&q=80&w=1080",
36024    tag: "New Story",
36025    subtag: "from Hyvision HQ"
36026  },
36027  {
36028    id: 2,
36029    title: "움직임이 만든 성장",
36030    image: "https://images.unsplash.com/photo-1758876202877-30b2c505ad9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxnbG9iYWwlMjBidXNpbmVzcyUyMHRlYW0lMjBvZmZpY2UlMjBjb2xsYWJvcmF0aW9ufGVufDF8fHx8MTc3MDg3MjQxMnww&ixlib=rb-4.1.0&q=80&w=1080"
36031  },
36032  {
36033    id: 3,
36034    title: "가능성으로 채워지는 시작",
36035    image: "https://images.unsplash.com/photo-1766857454509-3ee243001fd0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmRpYW4lMjBmZW1iguWJvcmVzc2lvbmFsJTIwb2ZmaWNlJTIwc21pbGluZ3xlbnwxfHx8fDE3NzA4NzI0MTJ8MA&ixlib=rb-4.1.0&q=80&w=1080"
36036  },
36037  {
36038    id: 4,
36039    title: "라틴아메리카는 가능성의 땅",
36040    image: "https://images.unsplash.com/photo-1758876204244-930299843f07?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMG1hbiUyMGdsYXNzZXMlMjBwcm9mZXNzaW9uYWwlMjBvZmZpY2V8ZW58MXx8fHwxNzcwODcyNDEyfDA&ixlib=rb-4.1.0&q=80&w=1080"
36041  }
36042];
36043function $8({ question: t, answer: i, delay: n = 0 }) {
36044  return /* @__PURE__ */ e(
36045    m.div,
36046    {
36047      initial: { opacity: 0, y: 20 },
36048      whileInView: { opacity: 1, y: 0 },
36049      viewport: { once: !0 },
36050      transition: { duration: 0.5, delay: n },
36051      className: "group",
36052      children: /* @__PURE__ */ a("div", { className: "flex gap-6 pb-8 border-b border-slate-100 group-last:border-0", children: [
36053        /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-[#003D7A] font-bold text-[22px] leading-none pt-1", children: "Q." }),
36054        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
36055          /* @__PURE__ */ e("h3", { className: "text-slate-950 font-bold text-[18px] leading-snug group-hover:text-[#003D7A] transition-colors", children: t }),
36056          /* @__PURE__ */ e("div", { className: "space-y-3", children: t === "인터뷰는 어떤 형식으로 진행되며, 누가 참석하나요?" ? /* @__PURE__ */ a("div", { className: "space-y-6", children: [
36057            /* @__PURE__ */ a("div", { className: "text-gray-600 text-[15px] leading-relaxed", children: [
36058              "기본 인터뷰는 대면 방식으로 진행됩니다.",
36059              /* @__PURE__ */ e("br", {}),
36060              "다만, 지원자 규모 및 포지션 상황에 따라 화상 인터뷰로 진행될 수 있습니다."
36061            ] }),
36062            /* @__PURE__ */ a("div", { className: "text-gray-600 text-[15px] leading-relaxed", children: [
36063              "인터뷰 일정은 개별적으로 메일 또는 카카오톡을 통해 안내드리며,",
36064              /* @__PURE__ */ e("br", {}),
36065              "안내된 일정 중 가능한 시간을 선택하여 회신해주시면 최종 일정이 확정됩니다."
36066            ] }),
36067            /* @__PURE__ */ a("div", { className: "text-gray-600 text-[15px] leading-relaxed", children: [
36068              "1차(실무) 면접은 해당 직무의 실무진 및 리더가 면접위원으로 참여하며, 직무 역량과 경험을 중심으로 인터뷰가 진행됩니다.",
36069              /* @__PURE__ */ e("br", {}),
36070              "2차(임원) 면접은 주요 경영진이 참여하여 다양한 질문을 통해 조직 적합성과 가치관을 확인합니다."
36071            ] }),
36072            /* @__PURE__ */ e("div", { className: "text-slate-400 text-[14px] leading-relaxed pt-1 italic", children: "※ 면접 과정 및 질문 방식은 지원 포지션과 면접 결과에 따라 일부 조정될 수 있습니다." })
36073          ] }) : t === "최종 제출 완료 후 지원서 수정할 수는 없나요?" ? /* @__PURE__ */ a("div", { className: "space-y-6", children: [
36074            /* @__PURE__ */ a("div", { className: "text-gray-600 text-[15px] leading-relaxed", children: [
36075              "최종 제출 이후에는 지원서 수정이 불가능합니다.",
36076              /* @__PURE__ */ e("br", {}),
36077              "제출 전, 지원서를 포함한 모든 내용을 반드시 확인하신 후 제출해주시기 바랍니다."
36078            ] }),
36079            /* @__PURE__ */ a("div", { className: "text-gray-600 text-[15px] leading-relaxed", children: [
36080              "지원 정보에 오류가 있는 경우, 채용 안내 메일을 통해 안내받은",
36081              /* @__PURE__ */ e("br", {}),
36082              "담당 리쿠르터에게 문의해 주시면 데이터 수정 또는 지원 이력 삭제 등 관련 절차를 안내해 드립니다."
36083            ] }),
36084            /* @__PURE__ */ e("div", { className: "text-slate-400 text-[14px] leading-relaxed pt-1 italic", children: "※ 제출한 지원 정보가 사실과 다를 경우, 채용이 취소될 수 있습니다." })
36085          ] }) : t === "보내주신 면접 일정 중에 가능한 일정이 없을 때는 어떻게 해야 할까요?" ? /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ a("div", { className: "text-gray-600 text-[15px] leading-relaxed", children: [
36086            "메일을 활용하시어 담당 리쿠르터에게 일정 변경 요청을 해주시면",
36087            /* @__PURE__ */ e("br", {}),
36088            "연결 가능한 추천 일정을 재전달해 드리도록 하겠습니다."
36089          ] }) }) : i.map((r, s) => /* @__PURE__ */ e("div", { className: "text-gray-500 text-[15px] leading-relaxed", children: typeof r == "string" ? r.split(`
36090`).map((l, o) => /* @__PURE__ */ a("span", { children: [
36091            l,
36092            o < r.split(`
36093`).length - 1 && /* @__PURE__ */ e("br", {})
36094          ] }, o)) : r }, s)) })
36095        ] })
36096      ] })
36097    }
36098  );
36099}
36100function K8() {
36101  const [t, i] = C(1.1), [n, r] = C(50), [s, l] = C(""), o = j(null), d = J8.filter(
36102    (c) => c.question.toLowerCase().includes(s.toLowerCase()) || c.answer.some((p) => typeof p == "string" && p.toLowerCase().includes(s.toLowerCase()))
36103  );
36104  return R(() => {
36105    const c = () => {
36106      const p = window.scrollY, h = o.current;
36107      if (h) {
36108        const x = h.offsetTop, b = window.innerHeight, g = x - b, u = x + 200 - g, v = Math.min(Math.max((p - g) / u, 0), 1);
36109        i(1.1 + v * 0.1), r(50 + v * 50);
36110      }
36111    };
36112    return window.addEventListener("scroll", c), c(), () => window.removeEventListener("scroll", c);
36113  }
36113, []), /* @__PURE__ */ a("section", { ref: o, className: "relative mt-24 mb-16 w-full", children: [
36114    /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 mb-20", children: /* @__PURE__ */ a(
36115      m.div,
36116      {
36117        initial: { opacity: 0, y: 30 },
36118        whileInView: { opacity: 1, y: 0 },
36119        viewport: { once: !0 },
36120        transition: { duration: 0.8, ease: "easeOut" },
36121        className: "flex flex-col items-center text-center w-full",
36122        children: [
36123          /* @__PURE__ */ a("div", { className: "relative mb-8 inline-block", children: [
36124            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold text-[32px] tracking-tight", children: "Recruitment Guide" }),
36125            /* @__PURE__ */ e("div", { className: "absolute top-1 -right-4 w-[6px] h-[6px] rounded-full bg-[#003D7A]" })
36126          ] }),
36127          /* @__PURE__ */ a("p", { className: "text-[22px] max-w-5xl leading-relaxed font-medium text-slate-800 -mt-3", children: [
36128            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "우리의 일상을 담아내는," }),
36129            " 하이비젼시스템의 ",
36130            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "또 다른 이야기입니다." })
36131          ] })
36132        ]
36133      }
36134    ) }),
36135    /* @__PURE__ */ e("div", { className: "relative w-full overflow-hidden", style: { height: "340px" }, children: /* @__PURE__ */ e(
36136      "div",
36137      {
36138        className: "absolute left-0 top-0 h-full transition-all duration-700 ease-out overflow-hidden",
36139        style: { width: `${n}%` },
36140        children: /* @__PURE__ */ a(
36141          "div",
36142          {
36143            className: "w-full h-full transition-transform duration-300 ease-out origin-left",
36144            style: { transform: `scale(${t})` },
36145            children: [
36146              /* @__PURE__ */ e(
36147                "img",
36148                {
36149                  src: X8,
36150                  alt: "Corporate Life at Hyvision",
36151                  className: "w-full h-full object-cover object-[center_20%]"
36152                }
36153              ),
36154              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/20" })
36155            ]
36156          }
36157        )
36158      }
36159    ) }),
36160    /* @__PURE__ */ a("div", { className: "max-w-7xl mx-auto px-6 mt-20 pb-20", children: [
36161      /* @__PURE__ */ e("div", { className: "w-full max-w-2xl mx-auto px-4 mb-20", children: /* @__PURE__ */ a("div", { className: "relative group", children: [
36162        /* @__PURE__ */ e("div", { className: "absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-[#003D7A] transition-colors", children: /* @__PURE__ */ e(qt, { className: "w-5 h-5" }) }),
36163        /* @__PURE__ */ e(
36164          "input",
36165          {
36166            type: "text",
36167            value: s,
36168            onChange: (c) => l(c.target.value),
36169            placeholder: "궁금한 채용 전형이나 키워드를 검색해보세요.",
36170            className: "w-full h-14 pl-14 pr-6 rounded-2xl border border-slate-200 bg-slate-50/50 focus:bg-white focus:border-[#003D7A] focus:ring-4 focus:ring-[#003D7A]/5 outline-none transition-all text-[15px] shadow-sm"
36171          }
36172        ),
36173        s && /* @__PURE__ */ e(
36174          "button",
36175          {
36176            onClick: () => l(""),
36177            className: "absolute right-5 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 p-1",
36178            children: /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
36179          }
36180        )
36181      ] }) }),
36182      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ a("div", { className: "space-y-12", children: [
36183        /* @__PURE__ */ a("div", { className: "border-b border-slate-200 pb-8", children: [
36184          /* @__PURE__ */ a("h2", { className: "text-[24px] font-bold text-slate-900 tracking-tight flex items-center gap-3", children: [
36185            /* @__PURE__ */ e("span", { className: "text-[#003D7A]", children: "Q." }),
36186            " 채용 절차는 어떻게 진행되나요?"
36187          ] }),
36188          /* @__PURE__ */ a("div", { className: "text-gray-500 text-[14px] mt-4 space-y-1.5 leading-relaxed", children: [
36189            /* @__PURE__ */ e("p", { children: "서류 전형 → 1차 면접 → 2차 면접 → 최종 합격 및 처우 협의의 순으로 진행됩니다." }),
36190            /* @__PURE__ */ e("p", { children: "각 전형 단계의 소요 기간은 평균 1~3주이며, 모집 직무 및 내부 일정에 따라 변동될 수 있습니다." }),
36191            /* @__PURE__ */ a("div", { className: "pt-2 text-[13px] opacity-90", children: [
36192              /* @__PURE__ */ e("p", { children: "* 일부 직무의 경우 추가 면접 또는 과제 전형이 진행될 수 있습니다." }),
36193              /* @__PURE__ */ e("p", { children: "* 포지션별 사외 인력 모수 및 내부 사정에 따라 일정이 변경될 수 있습니다." })
36194            ] })
36195          ] })
36196        ] }),
36197        /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full", children: /* @__PURE__ */ e("div", { className: "py-16 px-4 bg-white -mt-16 w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap lg:flex-nowrap items-center justify-center gap-2 lg:gap-4 w-full", children: [
36198          { label: "지원서 접수", icon: /* @__PURE__ */ e(yu, { className: "w-10 h-10" }) },
36199          { label: "서류전형", icon: /* @__PURE__ */ e(fu, { className: "w-10 h-10" }) },
36200          { label: `AI 역량검사
36201(일부 직무에 한해 진행)`, icon: /* @__PURE__ */ e(Eh, { className: "w-10 h-10" }) },
36202          { label: `면접전형
36203(실무/임원)`, icon: /* @__PURE__ */ e(_x, { className: "w-10 h-10" }) },
36204          { label: "건강검진", icon: /* @__PURE__ */ e(Tx, { className: "w-10 h-10" }) },
36205          { label: "최종합격", icon: /* @__PURE__ */ e(Nu, { className: "w-10 h-10" }) }
36206        ].map((c, p, h) => /* @__PURE__ */ a("div", { className: "flex items-center", children: [
36207          /* @__PURE__ */ a(
36208            m.div,
36209            {
36210              initial: { opacity: 0, y: 20 },
36211              whileInView: { opacity: 1, y: 0 },
36212              viewport: { once: !0 },
36213              transition: { duration: 0.5, delay: p * 0.1 },
36214              className: "flex flex-col items-center group w-[140px]",
36215              children: [
36216                /* @__PURE__ */ e("div", { className: "w-[110px] h-[110px] rounded-full border border-slate-200 flex items-center justify-center mb-6 bg-white transition-all duration-300 group-hover:border-[#003D7A] group-hover:shadow-md", children: /* @__PURE__ */ e("div", { className: "text-slate-400 group-hover:text-[#003D7A] transition-colors duration-300", children: oe.cloneElement(c.icon, {
36217                  className: `w-10 h-10 stroke-[1.2px] ${p === 3 || p === 1 ? "text-[#003D7A]" : ""}`
36218                }) }) }),
36219                /* @__PURE__ */ e("span", { className: "text-[15px] font-bold text-slate-900 whitespace-pre text-center leading-tight block", children: c.label })
36220              ]
36221            }
36222          ),
36223          p < h.length - 1 && /* @__PURE__ */ e("div", { className: "hidden lg:flex items-center justify-center mb-10 ml-2 lg:ml-4", children: /* @__PURE__ */ e(fe, { className: "w-6 h-6 text-[#003D7A] stroke-[3px]" }) })
36224        ] }, p)) }) }) }),
36225        /* @__PURE__ */ e("div", { className: "space-y-16", children: d.length > 0 ? d.map((c, p) => /* @__PURE__ */ e(
36226          $8,
36227          {
36228            question: c.question,
36229            answer: c.answer,
36230            delay: 0.1 + p % 5 * 0.1
36231          },
36232          p
36233        )) : /* @__PURE__ */ a(
36234          m.div,
36235          {
36236            initial: { opacity: 0 },
36237            animate: { opacity: 1 },
36238            className: "py-20 text-center",
36239            children: [
36240              /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-slate-50 mb-4", children: /* @__PURE__ */ e(qt, { className: "w-6 h-6 text-slate-300" }) }),
36241              /* @__PURE__ */ e("p", { className: "text-slate-500 font-medium", children: "검색 결과가 없습니다." }),
36242              /* @__PURE__ */ e(
36243                "button",
36244                {
36245                  onClick: () => l(""),
36246                  className: "mt-4 text-[#003D7A] font-bold text-[14px] hover:underline",
36247                  children: "검색 초기화"
36248                }
36249              )
36250            ]
36251          }
36252        ) }),
36253        /* @__PURE__ */ a(
36254          m.div,
36255          {
36256            initial: { opacity: 0, y: 30 },
36257            whileInView: { opacity: 1, y: 0 },
36258            viewport: { once: !0 },
36259            transition: { duration: 0.8, delay: 0.2 },
36260            className: "mt-20 relative w-full h-[160px] lg:h-[140px] overflow-hidden group",
36261            children: [
36262              /* @__PURE__ */ e(
36263                S,
36264                {
36265                  src: Y8,
36266                  alt: "Contact Us Banner",
36267                  className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-[1.01]"
36268                }
36269              ),
36270              /* @__PURE__ */ e(
36271                "a",
36272                {
36273                  href: "#/contact",
36274                  className: "absolute inset-0 z-20 cursor-pointer",
36275                  "aria-label": "문의하기",
36276                  children: /* @__PURE__ */ e("span", { className: "sr-only", children: "문의하기" })
36277                }
36278              )
36279            ]
36280          }
36281        )
36282      ] }) }),
36283      /* @__PURE__ */ a("div", { className: "mt-24 pt-24 border-t border-slate-100", children: [
36284        /* @__PURE__ */ a("div", { className: "flex justify-between items-end mb-10", children: [
36285          /* @__PURE__ */ e("h3", { className: "text-[36px] font-bold text-slate-900 tracking-tight", children: "People & Our Stories" }),
36286          /* @__PURE__ */ a(
36287            "a",
36288            {
36289              href: "https://hyvision.recruiter.co.kr/career/interview",
36290              target: "_blank",
36291              rel: "noopener noreferrer",
36292              className: "flex items-center gap-2 text-[14px] text-slate-600 hover:text-slate-900 transition-colors px-4 py-2 rounded-md border border-slate-200 bg-[#f8fafc00]",
36293              children: [
36294                /* @__PURE__ */ e("span", { children: "더 알아보기" }),
36295                /* @__PURE__ */ e(fe, { size: 16 })
36296              ]
36297            }
36298          )
36299        ] }),
36300        /* @__PURE__ */ a("div", { className: "relative group", children: [
36301          /* @__PURE__ */ e("div", { className: "flex gap-6 overflow-x-auto pb-6 scrollbar-hide snap-x", children: Z8.map((c) => /* @__PURE__ */ a(
36302            m.div,
36303            {
36304              initial: { opacity: 0, y: 20 },
36305              whileInView: { opacity: 1, y: 0 },
36306              viewport: { once: !0 },
36307              transition: { duration: 0.5, delay: c.id * 0.1 },
36308              className: "flex-shrink-0 w-[420px] snap-start",
36309              children: [
36310                /* @__PURE__ */ a("div", { className: "relative aspect-[4/5] rounded-xl overflow-hidden mb-6 group/card cursor-pointer shadow-sm hover:shadow-xl transition-all duration-500", children: [
36311                  /* @__PURE__ */ e(
36312                    S,
36313                    {
36314                      src: c.image,
36315                      alt: c.title,
36316                      className: "w-full h-full object-cover transition-transform duration-700 group-hover/card:scale-110"
36317                    }
36318                  ),
36319                  /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/5 group-hover/card:bg-black/20 transition-colors" }),
36320                  c.tag && /* @__PURE__ */ a("div", { className: "absolute top-6 left-6 bg-white/95 backdrop-blur-sm px-4 py-3 rounded-lg shadow-lg border border-slate-100", children: [
36321                    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
36322                      /* @__PURE__ */ e("span", { className: "text-[#003D7A] font-bold text-[15px]", children: c.tag }),
36323                      /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full bg-[#003D7A]" })
36324                    ] }),
36325                    /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-500 mt-0.5 leading-none", children: c.subtag })
36326                  ] }),
36327                  /* @__PURE__ */ e("div", { className: "absolute bottom-6 right-6 w-12 h-12 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 transform translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-300", children: /* @__PURE__ */ e(re, { className: "text-[#003D7A]", size: 24 }) })
36328                ] }),
36329                /* @__PURE__ */ e("h4", { className: "text-[20px] font-bold text-slate-900 tracking-tight pl-2", children: c.title })
36330              ]
36331            },
36332            c.id
36333          )) }),
36334          /* @__PURE__ */ e("div", { className: "absolute top-1/2 -translate-y-1/2 right-4 z-10 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ e(
36335            "button",
36336            {
36337              onClick: (c) => {
36338                const p = c.currentTarget.closest(".group")?.querySelector(".overflow-x-auto");
36339                p && p.scrollBy({ left: 444, behavior: "smooth" });
36340              },
36341              className: "w-12 h-12 rounded-full bg-white shadow-xl flex items-center justify-center hover:bg-slate-50 border border-slate-100",
36342              children: /* @__PURE__ */ e(fe, { size: 24, className: "text-slate-900" })
36343            }
36344          ) })
36345        ] })
36346      ] })
36347    ] })
36348  ] });
36349}
36350function Q8() {
36351  return /* @__PURE__ */ e("div", { className: "min-h-screen bg-white relative", children: /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8", children: /* @__PURE__ */ e(K8, {}) }) });
36352}
36353const e6 = "https://images.unsplash.com/photo-1763372278600-fd0b0997a7b8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY29tcG9uZW50cyUyMG1hbnVmYWN0dXJpbmclMjBwcmVjaXNpb24lMjBwYXJ0c3xlbnwxfHx8fDE3NzI2OTQ5MTZ8MA&ixlib=rb-4.1.0&q=80&w=1080", Fp = "https://images.unsplash.com/photo-1627915589334-14a3c3e3a741?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwcGFydHMlMjBpbnZlbnRvcnklMjBsb2dpc3RpY3MlMjBzdXBwbHl8ZW58MXx8fHwxNzcyNjk0OTI4fDA&ixlib=rb-4.1.0&q=80&w=1080", _p = "https://images.unsplash.com/photo-1721314787850-5745fdfb06b4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwY2hpcCUyMHN1cHBseSUyMGNoYWluJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NzI2OTQ5MTh8MA&ixlib=rb-4.1.0&q=80&w=1080", Wp = "https://images.unsplash.com/photo-1764185800646-f75f7e16e465?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwYXV0b21hdGlvbiUyMHNtYXJ0JTIwZmFjdG9yeSUyMGFzc2VtYmx5JTIwbGluZXxlbnwxfHx8fDE3NzI2OTQ5MjB8MA&ixlib=rb-4.1.0&q=80&w=1080", t6 = "https://images.unsplash.com/photo-1754572861240-5b3f5a5959ea?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbGVjdHJvbmljJTIwY2lyY3VpdCUyMGJvYXJkJTIwcGNiJTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NzI2OTQ5MjN8MA&ixlib=rb-4.1.0&q=80&w=1080", el = "https://images.unsplash.com/photo-1679496125315-3206c6e50d47?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwaW5zcGVjdGlvbiUyMHF1YWxpdHklMjBjb250cm9sJTIwbWFudWZhY3R1cmluZ3xlbnwxfHx8fDE3NzI2OTQ5MzB8MA&ixlib=rb-4.1.0&q=80&w=1080", zp = "https://images.unsplash.com/photo-1761195689615-9469b65dac01?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxnbG9iYWwlMjBidXNpbmVzcyUyMHBhcnRuZXJzaGlwJTIwdHJhZGUlMjBuZXR3b3JrfGVufDF8fHx8MTc3MjY5NDkzM3ww&ixlib=rb-4.1.0&q=80&w=1080", Bp = "https://images.unsplash.com/photo-1493599398321-988db97c9591?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcHRpY2FsJTIwbGVucyUyMGNhbWVyYSUyMG1vZHVsZSUyMHByZWNpc2lvbiUyMGVxdWlwbWVudHxlbnwxfHx8fDE3NzI2OTQ5MjZ8MA&ixlib=rb-4.1.0&q=80&w=1080", a6 = [
36354  {
36355    title: "Camera & Optical Modules",
36356    subtitle: "카메라 · 광학 모듈",
36357    desc: "스마트폰, 차량, AR/VR 등 다양한 기기에 탑재되는 고성능 카메라 모듈 및 광학 부품을 공급합니다. 렌즈, 액추에이터, CMOS 센서까지 전 품목 취급.",
36358    image: Bp,
36359    tags: ["CMOS Sensor", "Lens Assembly", "Actuator"]
36360  },
36361  {
36362    title: "Semiconductor Components",
36363    subtitle: "반도체 부품",
36364    desc: "DRAM, NAND, SoC 등 핵심 반도체 부품의 안정적인 공급망을 구축하여 글로벌 제조사들의 생산 연속성을 보장합니다.",
36365    image: _p,
36366    tags: ["DRAM", "NAND Flash", "SoC"]
36367  },
36368  {
36369    title: "PCB & Electronic Parts",
36370    subtitle: "PCB · 전자 부품",
36371    desc: "고다층 PCB, FPCB 및 각종 전자 부품의 안정적인 조달 서비스를 제공합니다. 소량 시제품부터 대량 양산까지 유연하게 대응합니다.",
36372    image: t6,
36373    tags: ["Multi-layer PCB", "FPCB", "SMD Components"]
36374  },
36375  {
36376    title: "Automation Parts",
36377    subtitle: "자동화 설비 부품",
36378    desc: "생산 자동화 설비에 필요한 모션 컨트롤, 센서, 액추에이터 등의 부품을 신속하게 ê
36378³µê¸‰í•©ë‹ˆë‹¤. 설비 유지보수 최적화를 지원합니다.",
36379    image: Wp,
36380    tags: ["Motion Control", "Servo Motor", "PLC Module"]
36381  },
36382  {
36383    title: "Inspection Equipment Parts",
36384    subtitle: "검사 장비 부품",
36385    desc: "기계 비전, AOI, 광학 검사 장비에 필요한 카메라, 조명, 렌즈 등의 핵심 부품을 공급합니다. 국내외 주요 브랜드 제품 취급.",
36386    image: el,
36387    tags: ["Vision Camera", "LED Lighting", "Frame Grabber"]
36388  },
36389  {
36390    title: "Global Supply Chain",
36391    subtitle: "글로벌 공급망 관리",
36392    desc: "인도·한국·동남아시아를 잇는 글로벌 공급망을 통해 고객의 조달 리스크를 최소화합니다. 단납기 대응 및 안정적인 재고 관리를 제공합니다.",
36393    image: zp,
36394    tags: ["India", "Korea", "Southeast Asia"]
36395  }
36396], i6 = [
36397  {
36398    id: 0,
36399    label: "Quality Verification",
36400    shortDesc: "입고 전 품질 검증 시스템",
36401    image: el,
36402    detail: "납품 전 전수 검사 체계를 운영합니다. 광학 검사, 전기적 특성 테스트, 환경 신뢰성 검증을 통해 불량 부품이 고객사로 유입되는 것을 원천 차단합니다."
36403  },
36404  {
36405    id: 1,
36406    label: "Inventory Management",
36407    shortDesc: "실시간 재고 관리 시스템",
36408    image: Fp,
36409    detail: "ERP 기반 실시간 재고 관리 시스템으로 고객사의 생산 계획에 맞춘 적시 공급을 보장합니다. 안전 재고 설정과 수요 예측으로 공급 공백을 최소화합니다."
36410  },
36411  {
36412    id: 2,
36413    label: "Counterfeit Prevention",
36414    subtitle: "위조부품 방지 체계",
36415    shortDesc: "정품 부품 인증 및 추적 관리",
36416    image: _p,
36417    detail: "공인 대리점 및 인증된 공급업체 네트워크만을 통해 부품을 조달합니다. 부품별 고유 추적 코드와 이력 관리를 통해 위조 부품 유통을 완전히 차단합니다."
36418  },
36419  {
36420    id: 3,
36421    label: "Technical Consulting",
36422    shortDesc: "부품 선정 및 기술 컨설팅",
36423    image: Bp,
36424    detail: "고객사의 제품 스펙과 생산 환경을 분석하여 최적의 부품을 추천합니다. 부품 단종(EOL) 대응, 대체 부품 선정, 원가 절감 방안까지 종합적인 기술 컨설팅을 제공합니다."
36425  }
36426];
36427function n6() {
36428  const [t, i] = C(-1), [n, r] = C(0), [s, l] = C(""), [o, d] = C(""), [c, p] = C(!1), [h, x] = C(null), [b, g] = C(!1), w = j(null);
36429  R(() => {
36430    g(!0);
36431  }, []);
36432  const { scrollYProgress: u } = ut({
36433    target: b ? w : void 0,
36434    offset: ["start start", "end start"]
36435  }), v = we(u, [0, 1], [1, 1.12]), A = we(u, [0, 0.7], [1, 0]);
36436  R(() => {
36437    if (c) return;
36438    const f = setInterval(() => {
36439      r((y) => y === 2 ? 0 : y + 1);
36440    }, 8e3);
36441    return () => clearInterval(f);
36442  }, [c]);
36443  const N = (f) => {
36444    const y = document.getElementById(f);
36445    if (y) {
36446      const D = y.getBoundingClientRect().top + window.pageYOffset - 144;
36447      window.scrollTo({ top: D, behavior: "smooth" });
36448    }
36449  };
36450  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
36451    /* @__PURE__ */ a("section", { ref: w, className: "relative h-screen min-h-[700px] overflow-hidden", children: [
36452      /* @__PURE__ */ a(
36453        m.div,
36454        {
36455          className: "absolute inset-0",
36456          style: { scale: v },
36457          children: [
36458            /* @__PURE__ */ e(
36459              S,
36460              {
36461                src: e6,
36462                alt: "Component Sales",
36463                className: "w-full h-full object-cover"
36464              }
36465            ),
36466            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-black/20" })
36467          ]
36468        }
36469      ),
36470      /* @__PURE__ */ a(
36471        m.div,
36472        {
36473          className: "relative h-full flex flex-col justify-end pb-24 px-6 max-w-[1600px] mx-auto",
36474          style: { opacity: A },
36475          children: [
36476            /* @__PURE__ */ e(
36477              m.div,
36478              {
36479                className: "mb-5",
36480                initial: { opacity: 0, y: 20 },
36481                animate: { opacity: 1, y: 0 },
36482                transition: { duration: 0.8, delay: 0.1 },
36483                children: /* @__PURE__ */ e("span", { className: "inline-block bg-[#003D7A] text-white text-[13px] tracking-wide px-3 py-1.5", style: { fontWeight: 600 }, children: "Global Supply Chain Solutions" })
36484              }
36485            ),
36486            /* @__PURE__ */ e(
36487              m.h1,
36488              {
36489                className: "text-white leading-[1.05] mb-7 max-w-4xl text-[64px]",
36490                style: { fontWeight: 700 },
36491                initial: { opacity: 0, y: 30 },
36492                animate: { opacity: 1, y: 0 },
36493                transition: { duration: 0.9, delay: 0.25 },
36494                children: "Core Component Supply Solutions"
36495              }
36496            ),
36497            /* @__PURE__ */ e(
36498              m.div,
36499              {
36500                className: "mb-10 max-w-xl",
36501                initial: { opacity: 0, y: 30 },
36502                animate: { opacity: 1, y: 0 },
36503                transition: { duration: 0.9, delay: 0.4 },
36504                children: /* @__PURE__ */ e("p", { className: "text-white/80 leading-relaxed text-[15px]", children: "HyVision System provides reliable, high-quality core component supply solutions — connecting global manufacturers with precision-engineered parts for next-generation systems." })
36505              }
36506            ),
36507            /* @__PURE__ */ e(
36508              m.div,
36509              {
36510                className: "flex gap-4 flex-wrap",
36511                initial: { opacity: 0, y: 30 },
36512                animate: { opacity: 1, y: 0 },
36513                transition: { duration: 0.9, delay: 0.55 },
36514                children: /* @__PURE__ */ a(
36515                  "button",
36516                  {
36517                    onClick: () => N("contact-form"),
36518                    className: "bg-[#F5C518] hover:bg-[#e0b400] text-black px-8 py-3.5 text-[15px] transition-all duration-300 flex items-center gap-2",
36519                    style: { fontWeight: 700 },
36520                    children: [
36521                      "Contact Us ",
36522                      /* @__PURE__ */ e(re, { size: 16 })
36523                    ]
36524                  }
36525                )
36526              }
36527            )
36528          ]
36529        }
36530      ),
36531      /* @__PURE__ */ a("div", { className: "absolute bottom-8 right-12 flex items-center gap-2 text-white/40 text-[12px] tracking-widest", children: [
36532        /* @__P
36532URE__ */ e("span", { className: "uppercase", children: "Scroll" }),
36533        /* @__PURE__ */ e("div", { className: "w-8 h-[1px] bg-white/30" })
36534      ] })
36535    ] }),
36536    /* @__PURE__ */ e("section", { id: "overview", className: "py-32 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-[1400px] mx-auto px-10", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-2 gap-20 items-center", children: [
36537      /* @__PURE__ */ a("div", { children: [
36538        /* @__PURE__ */ e(
36539          m.p,
36540          {
36541            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-6",
36542            initial: { opacity: 0, y: 20 },
36543            whileInView: { opacity: 1, y: 0 },
36544            viewport: { once: !0 },
36545            transition: { duration: 0.6, delay: 0.1 },
36546            children: "Overview"
36547          }
36548        ),
36549        /* @__PURE__ */ a(
36550          m.h2,
36551          {
36552            className: "text-slate-950 text-[44px] leading-[1.2] mb-8",
36553            style: { fontWeight: 700 },
36554            initial: { opacity: 0, y: 30 },
36555            whileInView: { opacity: 1, y: 0 },
36556            viewport: { once: !0 },
36557            transition: { duration: 0.7, delay: 0.25 },
36558            children: [
36559              "신뢰할 수 있는",
36560              /* @__PURE__ */ e("br", {}),
36561              "부품 공급망으로",
36562              /* @__PURE__ */ e("br", {}),
36563              "생산 연속성을 보장합니다"
36564            ]
36565          }
36566        ),
36567        /* @__PURE__ */ e(
36568          m.p,
36569          {
36570            className: "text-gray-500 text-[18px] leading-[1.9] mb-8",
36571            initial: { opacity: 0, y: 30 },
36572            whileInView: { opacity: 1, y: 0 },
36573            viewport: { once: !0 },
36574            transition: { duration: 0.7, delay: 0.4 },
36575            children: "광학 모듈, 반도체, PCB, 자동화 부품 등 다양한 핵심 산업 부품을 글로벌 제조사에 안정적으로 공급합니다. 인도, 한국, 동남아시아를 연결하는 글로벌 파트너 네트워크와 체계적인 품질 관리 시스템을 기반으로 고객의 생산 라인이 중단 없이 운영될 수 있도록 신뢰할 수 있는 공급망을 제공합니다."
36576          }
36577        ),
36578        /* @__PURE__ */ e(
36579          m.div,
36580          {
36581            className: "space-y-4",
36582            initial: { opacity: 0, y: 30 },
36583            whileInView: { opacity: 1, y: 0 },
36584            viewport: { once: !0 },
36585            transition: { duration: 0.7, delay: 0.55 },
36586            children: [
36587              "500개 이상의 다양한 부품 SKU 보유",
36588              "글로벌 공인 공급업체 네트워크",
36589              "입고 전 전수 품질 검증 시스템 운영",
36590              "99.8% 이상의 납기 준수율 달성"
36591            ].map((f, y) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
36592              /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-[#003D7A] flex items-center justify-center mt-0.5 shrink-0", children: /* @__PURE__ */ e(Pt, { size: 11, className: "text-white", strokeWidth: 3 }) }),
36593              /* @__PURE__ */ e("span", { className: "text-gray-700 text-[16px]", children: f })
36594            ] }, y))
36595          }
36596        )
36597      ] }),
36598      /* @__PURE__ */ a(
36599        m.div,
36600        {
36601          className: "relative",
36602          initial: { opacity: 0, x: 40 },
36603          whileInView: { opacity: 1, x: 0 },
36604          viewport: { once: !0 },
36605          transition: { duration: 0.9, delay: 0.2 },
36606          children: [
36607            /* @__PURE__ */ a("div", { className: "relative overflow-hidden h-[600px]", children: [
36608              /* @__PURE__ */ e(
36609                S,
36610                {
36611                  src: Fp,
36612                  alt: "HyVISION Component Sales",
36613                  className: "w-full h-full object-cover"
36614                }
36615              ),
36616              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-[#003D7A]/30 to-transparent" })
36617            ] }),
36618            /* @__PURE__ */ a("div", { className: "absolute -bottom-6 -left-6 bg-white shadow-2xl p-6 w-56", children: [
36619              /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[36px] mb-1", style: { fontWeight: 700 }, children: "No.1" }),
36620              /* @__PURE__ */ a("div", { className: "text-gray-500 text-[13px] leading-snug", children: [
36621                "인도 부품 공급",
36622                /* @__PURE__ */ e("br", {}),
36623                "솔루션 파트너"
36624              ] })
36625            ] })
36626          ]
36627        }
36628      )
36629    ] }) }) }),
36630    /* @__PURE__ */ e("section", { id: "strengths", className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
36631      /* @__PURE__ */ a("div", { className: "mb-20", children: [
36632        /* @__PURE__ */ e(
36633          m.p,
36634          {
36635            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
36636            initial: { opacity: 0, y: 20 },
36637            whileInView: { opacity: 1, y: 0 },
36638            viewport: { once: !0 },
36639            transition: { duration: 0.6, delay: 0.1 },
36640            children: "Why HyVISION"
36641          }
36642        ),
36643        /* @__PURE__ */ e(
36644          m.h2,
36645          {
36646            className: "text-slate-950 text-[44px] leading-tight",
36647            style: { fontWeight: 700 },
36648            initial: { opacity: 0, y: 30 },
36649            whileInView: { opacity: 1, y: 0 },
36650            viewport: { once: !0 },
36651            transition: { duration: 0.7, delay: 0.25 },
36652            children: "HyVISION이 선택받는 이유"
36653          }
36654        )
36655      ] }),
36656      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-0", children: [
36657        {
36658          num: "01",
36659          title: "검증된 글로벌 공급망",
36660          desc: "인도·한국·동남아시아를 연결하는 검증된 공급업체 네트워크를 기반으로 안정적인 부품 공급을 제공합니다. 수요 변화에도 유연하게 대응하며 고객의 생산 연속성을 보장합니다.",
36661          image: zp
36662        },
36663        {
36664          num: "02",
36665          title: "철저한 품질 보증 시스템",
36666          desc: "입고 전 전수 품질 검사 체계와 위조 부품 방지 시스템을 운영하여 제품 신뢰성을 확보합니다. 부품 이력 추적과 인증 관리로 품질 리스크를 최소화합니다.",
36667          image: el
36668        },
36669        {
36670          num: "03",
36671          title: "전문 기술 컨설팅 지원",
36672          desc: "부품 선정부터 단종(EOL) 대응, 대체 부품 개발까지 전문 엔지니어가 기술 컨설팅을 제공합니다. 고객의 원가 절감과 제품 품질 향상을 동시에 지원합니다.",
36673          image: Wp
36674        }
36675      ].map((f, y) => /* @__PURE__ */ e(
36676        m.div,
36677        {
36678          className: "group relative overflow-hidden",
36679          initial: { opacity: 0, y: 40 },
36680          whileInView: { opacity: 1, y: 0 },
36681          viewport: { once: !0 },
36682          transition: { duration: 0.6, delay: y * 0.15 },
36683          children: /* @__PURE__ */ a("div", { className: "relative h-[420px] overflow-hidden", children: [
36684            /* @__PURE__ */ e(
36685              S,
36686              {
36687                src: f.image,
36688                alt: f.title,
36689                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
36690              }
36691            ),
36692            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-black/10" }),
36693            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-8 flex flex-col justify-end", children: [
36694              /* @__PURE__ */ e("div", { className: "text-white/30 text-[64px] leading-none mb-2", style: { fontWeight: 700 }, children: f.num }),
36695              /* @__PURE__ */ e("h3", { className: "text-white text-[24px] mb-3", style: { fontWeight: 700 }, children: f.title }),
36696              /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed", children: f.desc })
36697            ] })
36698          ] })
36699        },
36700        y
36701      )) })
36702    ] }) }),
36703    /* @__PURE__ */ e("section", { id: "applications", className: "py-32 bg-[#0f1923]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
36704      /* @__PURE__ */ a("div", { className: "flex items-end justify-between mb-20", children: [
36705        /* @__PURE__ */ a("div", { children: [
36706          /* @__PURE__ */ e(
36707            m.p,
36708            {
36709              className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4",
36710              initial: { opacity: 0, y: 20 },
36711              whileInView: { opacity: 1, y: 0 },
36712              viewport: { once: !0 },
36713              transition: { duration: 0.6, delay: 0.1 },
36714              children: "Product Lines"
36715            }
36716          ),
36717          /* @__PURE__ */ a(
36718            m.h2,
36719            {
36720              className: "text-white text-[44px] leading-tight",
36721              style: { fontWeight: 700 },
36722              initial: { opacity: 0, y: 30 },
36723              whileInView: { opacity: 1, y: 0 },
36724              viewport: { once: !0 },
36725              transition: { duration: 0.7, delay: 0.25 },
36726              children: [
36727                "모든 산업 분야에",
36728                /* @__PURE__ */ e("br", {}),
36729                "최적화된 부품 공급"
36730              ]
36731            }
36732          )
36733        ] }),
36734        /* @__PURE__ */ e(
36735          m.p,
36736          {
36737            className: "text-white/40 text-[15px] max-w-xs text-right hidden lg:block",
36738            initial: { opacity: 0 },
36739            whileInView: { opacity: 1 },
36740            viewport: { once: !0 },
36741            transition: { duration: 0.7, delay: 0.4 },
36742            children: "카드를 클릭하면 상세 내용을 확인할 수 있습니다"
36743          }
36744        )
36745      ] }),
36746      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-1", children: a6.map((f, y) => /* @__PURE__ */ a(
36747        m.div,
36748        {
36749          className: "relative overflow-hidden cursor-pointer group",
36750          style: { height: h === y ? 420 : 340 },
36751          initial: { opacity: 0, y: 40 },
36752          whileInView: { opacity: 1, y: 0 },
36753          viewport: { once: !0 },
36754          transition: { duration: 0.6, delay: y * 0.1 },
36755          onClick: () => x(h === y ? null : y),
36756          children: [
36757            /* @__PURE__ */ e(
36758              S,
36759              {
36760                src: f.image,
36761                alt: f.title,
36762                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
36763              }
36764            ),
36765            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/40 to-black/10 transition-all duration-300" }),
36766            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-7 flex flex-col justify-end", children: [
36767              /* @__PURE__ */ e("div", { className: "text-[#5B9BD5] text-[11px] uppercase tracking-widest mb-2", children: f.subtitle }),
36768              /* @__PURE__ */ e("h3", { className: "text-white text-[22px] mb-3", style: { fontWeight: 700 }, children: f.title }),
36769              /* @__PURE__ */ e(ue, { children: h === y && /* @__PURE__ */ a(
36770                m.div,
36771                {
36772                  initial: { opacity: 0, height: 0 },
36773                  animate: { opacity: 1, height: "auto" },
36774                  exit: { opacity: 0, height: 0 },
36775                  transition: { duration: 0.4 },
36776                  className: "overflow-hidden",
36777                  children: [
36778                    /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed mb-4", children: f.desc }),
36779                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.tags.map((I, D) => /* @__PURE__ */ e("span", { className: "bg-white/15 border border-white/20 text-white/80 text-[11px] px-3 py-1", children: I }, D)) })
36780                  ]
36781                }
36782              ) }),
36783              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-3", children: [
36784                /* @__PURE__ */ e("div", { className: `w-6 h-6 rounded-full flex items-center justify-center border border-white/40 transition-all duration-300 ${h === y ? "bg-[#003D7A] border-[#003D7A]" : "bg-transparent"}`, children: h === y ? /* @__PURE__ */ e(Lt, { size: 12, className: "text-white" }) : /* @__PURE__ */ e(Re, { size: 12, className: "text-white" }) }),
36785                /* @__PURE__ */ e("span", { className: "text-white/50 text-[12px]", children: h === y ? "닫기" : "자세히 보기" })
36786              ] })
36787            ] })
36788          ]
36789        },
36790        y
36791      )) })
36792    ] }) }),
36793    /* @__PURE__ */ e("section", { id: "technology", className: "py-32 bg-white", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
36794      /* @__PURE__ */ a("div", { className: "mb-20", children: [
36795        /* @__PURE__ */ e(
36796          m.p,
36797          {
36798            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
36799            initial: { opacity: 0, y: 20 },
36800            whileInView: { opacity: 1, y: 0 },
36801            viewport: { once: !0 },
36802            transition: { duration: 0.6, delay: 0.1 },
36803            children: "Core Competency"
36804          }
36805        ),
36806        /* @__PURE__ */ a(
36807          m.h2,
36808          {
36809            className: "text-slate-950 text-[44px] leading-tight",
36810            style: { fontWeight: 700 },
36811            initial: { opacity: 0, y: 30 },
36812            whileInView: { opacity: 1, y: 0 },
36813            viewport: { once: !0 },
36814            transition: { duration: 0.7, delay: 0.25 },
36815            children: [
36816              "차별화된 부품 공급",
36817              /* @__PURE__ */ e("br", {}),
36818              "핵심 역량"
36819            ]
36820          }
36821        )
36822      ] }),
36823      /* @__PURE__ */ e("div", { className: "space-y-0 border-t border-gray-200", children: i6.map((f, y) => /* @__PURE__ */ a(
36824        m.div,
36825        {
36826          className: "border-b border-gray-200 overflow-hidden",
36827          initial: { opacity: 0, y: 20 },
36828          whileInView: { opacity: 1, y: 0 },
36829          viewport: { once: !0 },
36830          transition: { duration: 0.5, delay: y * 0.1 },
36831          children: [
36832            /* @__PURE__ */ a(
36833              "button",
36834              {
36835                onClick: () => i(t === f.id ? -1 : f.id),
36836                className: "w-full flex items-center justify-between py-8 px-2 group text-left",
36837                children: [
36838                  /* @__PURE__ */ a("div", { className: "flex items-center gap-8", children: [
36839                    /* @__PURE__ */ a("span", { className: "text-gray-300 text-[13px] w-8", style: { fontWeight: 700 }, children: [
36840                      "0",
36841                      y + 1
36842                    ] }),
36843                    /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[24px]", style: { fontWeight: 700 }, children: f.label }),
36844                    /* @__PURE__ */ e("span", { className: "text-gray-400 text-[15px] hidden md:block", children: f.shortDesc })
36845                  ] }),
36846                  /* @__PURE__ */ e("div", { className: `w-8 h-8 border border-gray-300 flex items-center justify-center transition-all duration-300 ${t === f.id ? "bg-[#003D7A] border-[#003D7A]" : "group-hover:border-[#003D7A]"}`, children: /* @__PURE__ */ e(Re, { size: 14, className: t === f.id ? "text-white" : "text-gray-500" }) })
36847                ]
36848              }
36849            ),
36850            /* @__PURE__ */ e(ue, { children: t === f.id && /* @__PURE__ */ e(
36851              m.div,
36852              {
36853                initial: { opacity: 0, height: 0 },
36854                animate: { opacity: 1, height: "auto" },
36855                exit: { opacity: 0, height: 0 },
36856                transition: { duration: 0.45, ease: "easeOut" },
36857                className: "overflow-hidden",
36858                children: /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-0 mb-10", children: [
36859                  /* @__PURE__ */ a("div", { className: "relative h-[320px] overflow-hidden", children: [
36860                    /* @__PURE__ */ e(
36861                      S,
36862                      {
36863                        src: f.image,
36864                        alt: f.label,
36865                        className: "w-full h-full object-cover"
36866                      }
36867                    ),
36868                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[#003D7A]/20" })
36869                  ] }),
36870                  /* @__PURE__ */ a("div", { className: "bg-[#f5f7fa] p-12 flex flex-col justify-center", children: [
36871                    /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[11px] tracking-[0.2em] uppercase mb-4", children: f.label }),
36872                    /* @__PURE__ */ e("p", { className: "text-slate-950 text-[18px] leading-[1.85]", children: f.detail }),
36873                    /* @__PURE__ */ a(
36874                      "button",
36875                      {
36876                        onClick: () => N("contact-form"),
36877                        className: "mt-8 inline-flex items-center gap-2 text-[#003D7A] text-[14px] hover:gap-4 transition-all duration-300",
36878                        style: { fontWeight: 700 },
36879                        children: [
36880                          "도입 문의하기 ",
36881                          /* @__PURE__ */ e(re, { size: 15 })
36882                        ]
36883                      }
36884                    )
36885                  ] })
36886                ] })
36887              }
36888            ) })
36889          ]
36890        },
36891        f.id
36892      )) })
36893    ] }) }),
36894    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-[#0f1923] text-white py-28 px-6", children: /* @__PURE__ */ a("div", { className: "max-w-[900px] mx-auto", children: [
36895      /* @__PURE__ */ a(
36896        m.div,
36897        {
36898          className: "mb-16",
36899          initial: { opacity: 0, y: 30 },
36900          whileInView: { opacity: 1, y: 0 },
36901          viewport: { once: !0 },
36902          transition: { duration: 0.7 },
36903          children: [
36904            /* @__PURE__ */ e("p", { className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4", children: "Contact Us" }),
36905            /* @__PURE__ */ e("h2", { className: "text-white text-[44px] leading-tight mb-4", style: { fontWeight: 700 }, children: "부품 공급 문의" }),
36906            /* @__PURE__ */ e("p", { className: "text-white/50 text-[17px]", children: "필요한 부품 정보를 남겨주시면 빠르게 답변드리겠습니다" })
36907          ]
36908        }
36909      ),
36910      /* @__PURE__ */ a(
36911        m.form,
36912        {
36913          className: "space-y-6",
36914          initial: { opacity: 0, y: 40 },
36915          whileInView: { opacity: 1, y: 0 },
36916          viewport: { once: !0 },
36917          transition: { duration: 0.7, delay: 0.2 },
36918          children: [
36919            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
36920              /* @__PURE__ */ a("div", { children: [
36921                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
36922                  "Name ",
36923                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
36924                ] }),
36925                /* @__PURE__ */ e("input", { type: "text", placeholder: "Your Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
36926              ] }),
36927              /* @__PURE__ */ a("div", { children: [
36928                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
36929                  "Company ",
36930                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
36931                ] }),
36932                /* @__P
36932URE__ */ e("input", { type: "text", placeholder: "Company Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
36933              ] })
36934            ] }),
36935            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
36936              /* @__PURE__ */ a("div", { children: [
36937                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
36938                  "Email ",
36939                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
36940                ] }),
36941                /* @__PURE__ */ e("input", { type: "email", placeholder: "[email protected]", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
36942              ] }),
36943              /* @__PURE__ */ a("div", { children: [
36944                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
36945                  "Phone ",
36946                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
36947                ] }),
36948                /* @__PURE__ */ e("input", { type: "tel", placeholder: "+91 XXX XXX XXXX", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
36949              ] })
36950            ] }),
36951            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
36952              /* @__PURE__ */ a("div", { children: [
36953                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
36954                  "Inquiry Area ",
36955                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
36956                ] }),
36957                /* @__PURE__ */ a(
36958                  "select",
36959                  {
36960                    value: s,
36961                    onChange: (f) => l(f.target.value),
36962                    className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors appearance-none cursor-pointer",
36963                    required: !0,
36964                    children: [
36965                      /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-[#0f1923]", children: "Select Area" }),
36966                      /* @__PURE__ */ e("option", { value: "optical", className: "bg-[#0f1923]", children: "Camera & Optical Modules" }),
36967                      /* @__PURE__ */ e("option", { value: "semiconductor", className: "bg-[#0f1923]", children: "Semiconductor Components" }),
36968                      /* @__PURE__ */ e("option", { value: "pcb", className: "bg-[#0f1923]", children: "PCB & Electronic Parts" }),
36969                      /* @__PURE__ */ e("option", { value: "automation", className: "bg-[#0f1923]", children: "Automation Parts" }),
36970                      /* @__PURE__ */ e("option", { value: "vision", className: "bg-[#0f1923]", children: "Inspection Equipment Parts" }),
36971                      /* @__PURE__ */ e("option", { value: "supply", className: "bg-[#0f1923]", children: "Global Supply Chain" }),
36972                      /* @__PURE__ */ e("option", { value: "others", className: "bg-[#0f1923]", children: "Others" })
36973                    ]
36974                  }
36975                ),
36976                s === "others" && /* @__PURE__ */ e(
36977                  m.div,
36978                  {
36979                    initial: { opacity: 0, height: 0 },
36980                    animate: { opacity: 1, height: "auto" },
36981                    className: "mt-4",
36982                    children: /* @__PURE__ */ e(
36983                      "input",
36984                      {
36985                        type: "text",
36986                        value: o,
36987                        onChange: (f) => d(f.target.value),
36988                        className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors",
36989                        placeholder: "Please specify",
36990                        required: !0
36991                      }
36992                    )
36993                  }
36994                )
36995              ] }),
36996              /* @__PURE__ */ a("div", { children: [
36997                /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Attachment (Optional)" }),
36998                /* @__PURE__ */ a("div", { className: "relative h-14 bg-white/5 border border-white/10 flex items-center px-5 overflow-hidden", children: [
36999                  /* @__PURE__ */ e("input", { type: "file", className: "absolute inset-0 opacity-0 cursor-pointer z-10" }),
37000                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-white/30", children: [
37001                    /* @__PURE__ */ e(Re, { size: 16 }),
37002                    /* @__PURE__ */ e("span", { className: "text-[14px]", children: "Upload BOM or RFQ" })
37003                  ] })
37004                ] })
37005              ] })
37006            ] }),
37007            /* @__PURE__ */ a("div", { children: [
37008              /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Message" }),
37009              /* @__PURE__ */ e(
37010                "textarea",
37011                {
37012                  rows: 5,
37013                  placeholder: "필요한 부품 스펙, 수량, 납기 요구사항을 자유롭게 작성해 주세요...",
37014                  className: "w-full p-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors resize-none"
37015                }
37016              )
37017            ] }),
37018            /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ e(
37019              "button",
37020              {
37021                type: "submit",
37022                className: "w-full h-14 bg-[#003D7A] hover:bg-[#002a54] text-white text-[15px] transition-all duration-300 flex items-center justify-center gap-2",
37023                style: { fontWeight: 700 },
37024                children: "문의 보내기"
37025              }
37026            ) })
37027          ]
37028        }
37029      )
37030    ] }) })
37031  ] });
37032}
37033const r6 = "https://images.unsplash.com/photo-1653213096280-57d895842861?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcGVuJTIwc291cmNlJTIwc29mdHdhcmUlMjBkZXZlbG9wbWVudCUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzcyNjk1OTY5fDA&ixlib=rb-4.1.0&q=80&w=1080", tl = "https://images.unsplash.com/photo-1762340915700-356b34475448?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzb2Z0d2FyZSUyMG1haW50ZW5hbmNlJTIwdXBkYXRlJTIwc3lzdGVtJTIwbW9uaXRvcmluZ3xlbnwxfHx8fDE3NzI2OTU5NzJ8MA&ixlib=rb-4.1.0&q=80&w=1080", Gp = "https://images.unsplash.com/photo-1742967416909-ffbceccbf4da?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtYWNoaW5lJTIwdmlzaW9uJTIwaW5zcGVjdGlvbiUyMGVxdWlwbWVudCUyMGZhY3RvcnklMjBmbG9vcnxlbnwxfHx8fDE3NzI2OTU5NzV8MA&ixlib=rb-4.1.0&q=80&w=1080", Up = "https://images.unsplash.com/photo-1624154670578-42532d763bd3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxlbmdpbmVlciUyMHJlbW90ZSUyMHRlY2huaWNhbCUyMHN1cHBvcnQlMjBsYXB0b3AlMjBzY3JlZW58ZW58MXx8fHwxNzcyNjk1OTc3fDA&ixlib=rb-4.1.0&q=80&w=1080", s6 = "https://images.unsplash.com/photo-1744302570694-3f8949445c2b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwZXF1aXBtZW50JTIwcmVwYWlyJTIwbWFpbnRlbmFuY2UlMjB0ZWNobmljaWFufGVufDF8fHx8MTc3MjY5NTk3OXww&ixlib=rb-4.1.0&q=80&w=1080", qp = "https://images.unsplash.com/photo-1551288049-bebda4e38f71?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkYXRhJTIwYW5hbHl0aWNzJTIwZGFzaGJvYXJkJTIwcGVyZm9ybWFuY2UlMjBtb25pdG9yaW5nfGVufDF8fHx8MTc3MjY5NTk4MXww&ixlib=rb-4.1.0&q=80&w=1080", Yp = "https://images.unsplash.com/photo-1755548413928-4aaeba7c740e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx0cmFpbmluZyUyMGVkdWNhdGlvbiUyMHdvcmtzaG9wJTIwcHJvZmVzc2lvbmFsJTIwdXBza2lsbGluZ3xlbnwxfHx8fDE3NzI2OTU5ODN8MA&ixlib=rb-4.1.0&q=80&w=1080", l6 = "https://images.unsplash.com/photo-1564069970419-0bc8e7b487da?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxnbG9iYWwlMjBuZXR3b3JrJTIwY29ubmVjdGl2aXR5JTIwcGFydG5lcnNoaXAlMjBoYW5kc2hha2V8ZW58MXx8fHwxNzcyNjk1OTg2fDA&ixlib=rb-4.1.0&q=80&w=1080", o6 = [
37034  {
37035    title: "Help Desk Support",
37036    subtitle: "헬프데스크 지원",
37037    desc: "전화, 이메일, 원격 접속을 통한 즉각적인 기술 지원 서비스. 전담 엔지니어가 장비 운용 중 발생하는 모든 소프트웨어 이슈를 신속히 해결합니다.",
37038    image: Up,
37039    tags: ["Phone Support", "Email Ticket", "Remote Access"]
37040  },
37041  {
37042    title: "Software Update & Patch",
37043    subtitle: "소프트웨어 업데이트 · 패치",
37044    desc: "비전 검사 알고리즘, OS, 드라이버, 펌웨어에 대한 정기 업데이트 및 긴급 패치를 제공합니다. 보안 취약점과 성능 개선 사항을 즉시 반영합니다.",
37045    image: tl,
37046    tags: ["OS Patch", "Algorithm Update", "Firmware"]
37047  },
37048  {
37049    title: "On-site Maintenance",
37050    subtitle: "현장 유지보수 서비스",
37051    desc: "정기 PM(예방 정비)부터 긴급 현장 출동까지. 장비 캘리브레이션, 광학계 청소, 소모품 교체를 포함한 종합 유지보수 서비스를 제공합니다.",
37052    image: s6,
37053    tags: ["Preventive Maintenance", "Emergency Dispatch", "Calibration"]
37054  },
37055  {
37056    title: "Performance Monitoring",
37057    subtitle: "성능 모니터링 · 분석",
37058    desc: "장비 가동률, 검사 정확도, 불량 검출률 등의 핵심 지표를 실시간으로 수집·분석합니다. 데이터 기반의 예측 정비로 비계획 다운타임을 최소화합니다.",
37059    image: qp,
37060    tags: ["OEE Monitoring", "Predictive Maintenance", "KPI Dashboard"]
37061  },
37062  {
37063    title: "Training & Education",
37064    subtitle: "운용자 교육 · 트레이닝",
37065    desc: "장비 운용자를 위한 현장 교육, 온라인 교육 과정, 기술 세미나를 제공합니다. 초보자부터 고급 사용자까지 수준별 커리큘럼으로 운용 역량을 높입니다.",
37066    image: Yp,
37067    tags: ["On-site Training", "Online Course", "Certification"]
37068  },
37069  {
37070    title: "Warranty & Spare Parts",
37071    subtitle: "보증 · 예비 부품 관리",
37072    desc: "장비 보증 기간 연장 프로그램과 핵심 예비 부품의 안정적인 재고 관리를 제공합니다. 긴급 부품 교체 시 당일 배송 서비스를 지원합니다.",
37073    image: Gp,
37074    tags: ["Extended Warranty", "Spare Parts", "Same-day Delivery"]
37075  }
37076], c6 = [
37077  {
37078    num: "01",
37079    title: "접수",
37080    desc: "전화, 이메일 또는 티켓 시스템을 통해 지원 요청을 접수합니다. 기술 지원팀이 요청 내용을 검토하고 문제를 파악한 후, 신속한 대응을 위해 적합한 엔지니어링 리소스를 배정합니다."
37081  },
37082  {
37083    num: "02",
37084    title: "원격 진단",
37085    desc: "엔지니어가 시스템 로그, 장비 상태, 소프트웨어 설정을 원격으로 분석합니다. 소프트웨어 설정, 시스템 파라미터, 비전 알고리즘 관련 문제는 대부분 원격 지원을 통해 신속하게 해결됩니다."
37086  },
37087  {
37088    num: "03",
37089    title: "현장 지원",
37090    desc: "원격으로 해결이 어려운 경우, 현장 엔지니어가 직접 방문합니다. 엔지니어링팀은 현장 점검, 문제 해결 및 필요 시 부품 교체까지 현장에서 직접 지원합니다."
37091  },
37092  {
37093    num: "04",
37094    title: "해결 및 보고",
37095    desc: "문제 해결 후 상세한 근본 원인 분석(RCA) 보고서를 제공합니다. 향후 다운타임을 최소화하기 위한 예방 권고사항 및 시스템 개선 가이드도 함께 전달합니다."
37096  }
37097], d6 = [
37098  {
37099    id: 0,
37100    label: "Remote Diagnosis & Access",
37101    shortDesc: "원격 진단 및 접속 지원",
37102    image: Up,
37103    detail: "보안 채널을 통한 원격 접속으로 전 세계 어디서나 장비 상태를 실시간 진단합니다. 소프트웨어 로그 분석, 알고리즘 파라미터 조정, 원격 재시작 등 다양한 조치가 가능합니다."
37104  },
37105  {
37106    id: 1,
37107    label: "Predictive Maintenance",
37108    shortDesc: "데이터 기반 예측 정비",
37109    image: qp,
37110    detail: "장비 센서 데이터와 운용 이력을 AI로 분석하여 고장 발생 전 이상 징후를 사전 감지합니다. 비계획 다운타임을 최대 70% 감소시키는 예측 정비 체계를 구축합니다."
37111  },
37112  {
37113    id: 2,
37114    label: "Software Lifecycle Management",
37115    shortDesc: "소프트웨어 전주기 관리",
37116    image: tl,
37117    detail: "비전 검사 소프트웨어의 버전 관리, 패치 배포, 롤백 관리를 체계적으로 수행합니다. 신규 알고리즘 적용 시 성능 검증ê¹
37117Œì§€ 책임지는 풀스택 소프트웨어 관리 서비스입니다."
37118  },
37119  {
37120    id: 3,
37121    label: "Training & Certification",
37122    shortDesc: "전문 교육 및 인증 프로그램",
37123    image: Yp,
37124    detail: "장비 운용자부터 유지보수 엔지니어까지 수준별 교육 과정을 운영합니다. 수료 후 HyVISION 공식 인증서를 발급하며, 지속적인 역량 개발을 위한 온라인 플랫폼을 제공합니다."
37125  }
37126];
37127function m6() {
37128  const [t, i] = C(-1), [n, r] = C(null), [s, l] = C(!1), [o, d] = C(""), [c, p] = C(""), h = j(null);
37129  R(() => {
37130    l(!0);
37131  }, []);
37132  const { scrollYProgress: x } = ut({
37133    target: s ? h : void 0,
37134    offset: ["start start", "end start"]
37135  }), b = we(x, [0, 1], [1, 1.12]), g = we(x, [0, 0.7], [1, 0]), w = (u) => {
37136    const v = document.getElementById(u);
37137    if (v) {
37138      const N = v.getBoundingClientRect().top + window.pageYOffset - 144;
37139      window.scrollTo({ top: N, behavior: "smooth" });
37140    }
37141  };
37142  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
37143    /* @__PURE__ */ a("section", { ref: h, className: "relative h-screen min-h-[700px] overflow-hidden", children: [
37144      /* @__PURE__ */ a(m.div, { className: "absolute inset-0", style: { scale: b }, children: [
37145        /* @__PURE__ */ e(
37146          S,
37147          {
37148            src: r6,
37149            alt: "OSS Support",
37150            className: "w-full h-full object-cover"
37151          }
37152        ),
37153        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/85 via-black/55 to-black/20" })
37154      ] }),
37155      /* @__PURE__ */ a(
37156        m.div,
37157        {
37158          className: "relative h-full flex flex-col justify-end pb-24 px-6 max-w-[1600px] mx-auto",
37159          style: { opacity: g },
37160          children: [
37161            /* @__PURE__ */ e(
37162              m.div,
37163              {
37164                className: "mb-5",
37165                initial: { opacity: 0, y: 20 },
37166                animate: { opacity: 1, y: 0 },
37167                transition: { duration: 0.8, delay: 0.1 },
37168                children: /* @__PURE__ */ e("span", { className: "inline-block bg-[#003D7A] text-white text-[13px] tracking-wide px-3 py-1.5", style: { fontWeight: 600 }, children: "OSS Support (One-Stop Service Solutions)" })
37169              }
37170            ),
37171            /* @__PURE__ */ e(
37172              m.h1,
37173              {
37174                className: "text-white leading-[1.05] mb-7 max-w-4xl text-[64px]",
37175                style: { fontWeight: 700 },
37176                initial: { opacity: 0, y: 30 },
37177                animate: { opacity: 1, y: 0 },
37178                transition: { duration: 0.9, delay: 0.25 },
37179                children: "Global OSS Support Network"
37180              }
37181            ),
37182            /* @__PURE__ */ e(
37183              m.div,
37184              {
37185                className: "mb-10 max-w-xl",
37186                initial: { opacity: 0, y: 30 },
37187                animate: { opacity: 1, y: 0 },
37188                transition: { duration: 0.9, delay: 0.4 },
37189                children: /* @__PURE__ */ a("p", { className: "text-white/80 leading-relaxed text-[15px] md:whitespace-nowrap", children: [
37190                  "HyVision System provides end to end support from installation and training to maintenance",
37191                  /* @__PURE__ */ e("br", {}),
37192                  "and upgrades ensuring your systems perform at their best, long after delivery."
37193                ] })
37194              }
37195            ),
37196            /* @__PURE__ */ e(
37197              m.div,
37198              {
37199                className: "flex gap-4 flex-wrap",
37200                initial: { opacity: 0, y: 30 },
37201                animate: { opacity: 1, y: 0 },
37202                transition: { duration: 0.9, delay: 0.55 },
37203                children: /* @__PURE__ */ a(
37204                  "button",
37205                  {
37206                    onClick: () => w("contact-form"),
37207                    className: "bg-[#F5C518] hover:bg-[#e0b400] text-black px-8 py-3.5 text-[15px] transition-all duration-300 flex items-center gap-2",
37208                    style: { fontWeight: 700 },
37209                    children: [
37210                      "Contact Us ",
37211                      /* @__PURE__ */ e(re, { size: 16 })
37212                    ]
37213                  }
37214                )
37215              }
37216            )
37217          ]
37218        }
37219      ),
37220      /* @__PURE__ */ a("div", { className: "absolute bottom-8 right-12 flex items-center gap-2 text-white/40 text-[12px] tracking-widest", children: [
37221        /* @__P
37221URE__ */ e("span", { className: "uppercase", children: "Scroll" }),
37222        /* @__PURE__ */ e("div", { className: "w-8 h-[1px] bg-white/30" })
37223      ] })
37224    ] }),
37225    /* @__PURE__ */ e("section", { id: "services", className: "py-32 bg-[#0f1923]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
37226      /* @__PURE__ */ a("div", { className: "flex items-end justify-between mb-20", children: [
37227        /* @__PURE__ */ a("div", { children: [
37228          /* @__PURE__ */ e(
37229            m.p,
37230            {
37231              className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4",
37232              initial: { opacity: 0, y: 20 },
37233              whileInView: { opacity: 1, y: 0 },
37234              viewport: { once: !0 },
37235              transition: { duration: 0.6, delay: 0.1 },
37236              children: "Service Menu"
37237            }
37238          ),
37239          /* @__PURE__ */ a(
37240            m.h2,
37241            {
37242              className: "text-white text-[44px] leading-tight",
37243              style: { fontWeight: 700 },
37244              initial: { opacity: 0, y: 30 },
37245              whileInView: { opacity: 1, y: 0 },
37246              viewport: { once: !0 },
37247              transition: { duration: 0.7, delay: 0.25 },
37248              children: [
37249                "필요한 지원을",
37250                /* @__PURE__ */ e("br", {}),
37251                "모두 제공합니다"
37252              ]
37253            }
37254          )
37255        ] }),
37256        /* @__PURE__ */ e(
37257          m.p,
37258          {
37259            className: "text-white/40 text-[15px] max-w-xs text-right hidden lg:block",
37260            initial: { opacity: 0 },
37261            whileInView: { opacity: 1 },
37262            viewport: { once: !0 },
37263            transition: { duration: 0.7, delay: 0.4 },
37264            children: "카드를 클릭하면 상세 내용을 확인할 수 있습니다"
37265          }
37266        )
37267      ] }),
37268      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-1", children: o6.map((u, v) => /* @__PURE__ */ a(
37269        m.div,
37270        {
37271          className: "relative overflow-hidden cursor-pointer group",
37272          style: { height: n === v ? 420 : 340 },
37273          initial: { opacity: 0, y: 40 },
37274          whileInView: { opacity: 1, y: 0 },
37275          viewport: { once: !0 },
37276          transition: { duration: 0.6, delay: v * 0.1 },
37277          onClick: () => r(n === v ? null : v),
37278          children: [
37279            /* @__PURE__ */ e(
37280              S,
37281              {
37282                src: u.image,
37283                alt: u.title,
37284                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
37285              }
37286            ),
37287            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-black/10" }),
37288            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-7 flex flex-col justify-end", children: [
37289              /* @__PURE__ */ e("div", { className: "text-[#5B9BD5] text-[11px] uppercase tracking-widest mb-2", children: u.subtitle }),
37290              /* @__PURE__ */ e("h3", { className: "text-white text-[22px] mb-3", style: { fontWeight: 700 }, children: u.title }),
37291              /* @__PURE__ */ e(ue, { children: n === v && /* @__PURE__ */ a(
37292                m.div,
37293                {
37294                  initial: { opacity: 0, height: 0 },
37295                  animate: { opacity: 1, height: "auto" },
37296                  exit: { opacity: 0, height: 0 },
37297                  transition: { duration: 0.4 },
37298                  className: "overflow-hidden",
37299                  children: [
37300                    /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed mb-4", children: u.desc }),
37301                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: u.tags.map((A, N) => /* @__PURE__ */ e("span", { className: "bg-white/15 border border-white/20 text-white/80 text-[11px] px-3 py-1", children: A }, N)) })
37302                  ]
37303                }
37304              ) }),
37305              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-3", children: [
37306                /* @__PURE__ */ e("div", { className: `w-6 h-6 rounded-full flex items-center justify-center border border-white/40 transition-all duration-300 ${n === v ? "bg-[#003D7A] border-[#003D7A]" : "bg-transparent"}`, children: n === v ? /* @__PURE__ */ e(Lt, { size: 12, className: "text-white" }) : /* @__PURE__ */ e(Re, { size: 12, className: "text-white" }) }),
37307                /* @__PURE__ */ e("span", { className: "text-white/50 text-[12px]", children: n === v ? "닫기" : "자세히 보기" })
37308              ] })
37309            ] })
37310          ]
37311        },
37312        v
37313      )) })
37314    ] }) }),
37315    /* @__PURE__ */ e("section", { id: "process", className: "py-32 bg-white", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
37316      /* @__PURE__ */ a("div", { className: "mb-20", children: [
37317        /* @__PURE__ */ e(
37318          m.p,
37319          {
37320            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
37321            initial: { opacity: 0, y: 20 },
37322            whileInView: { opacity: 1, y: 0 },
37323            viewport: { once: !0 },
37324            transition: { duration: 0.6, delay: 0.1 },
37325            children: "Support Process"
37326          }
37327        ),
37328        /* @__PURE__ */ a(
37329          m.h2,
37330          {
37331            className: "text-slate-950 text-[44px] leading-tight",
37332            style: { fontWeight: 700 },
37333            initial: { opacity: 0, y: 30 },
37334            whileInView: { opacity: 1, y: 0 },
37335            viewport: { once: !0 },
37336            transition: { duration: 0.7, delay: 0.25 },
37337            children: [
37338              "접수부터 해결까지",
37339              /* @__PURE__ */ e("br", {}),
37340              "체계적인 지원 프로세스"
37341            ]
37342          }
37343        )
37344      ] }),
37345      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-4 gap-0", children: c6.map((u, v) => /* @__PURE__ */ a(
37346        m.div,
37347        {
37348          className: "relative px-8 pb-8 pt-2",
37349          initial: { opacity: 0, y: 30 },
37350          whileInView: { opacity: 1, y: 0 },
37351          viewport: { once: !0 },
37352          transition: { duration: 0.6, delay: v * 0.15 },
37353          children: [
37354            /* @__PURE__ */ e("div", { className: "text-gray-200 text-[48px] leading-none mb-4", style: { fontWeight: 700 }, children: u.num }),
37355            /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[20px] mb-3", style: { fontWeight: 700 }, children: u.title }),
37356            /* @__PURE__ */ e("p", { className: "text-gray-500 text-[14px] leading-[1.8] text-left", children: u.desc })
37357          ]
37358        },
37359        v
37360      )) })
37361    ] }) }),
37362    /* @__PURE__ */ e("section", { className: "py-32 bg-[#f5f7fa]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
37363      /* @__PURE__ */ a("div", { className: "mb-20", children: [
37364        /* @__PURE__ */ e(
37365          m.p,
37366          {
37367            className: "text-[#003D7A] text-[13px] tracking-[0.2em] uppercase mb-4",
37368            initial: { opacity: 0, y: 20 },
37369            whileInView: { opacity: 1, y: 0 },
37370            viewport: { once: !0 },
37371            transition: { duration: 0.6, delay: 0.1 },
37372            children: "Core Capability"
37373          }
37374        ),
37375        /* @__PURE__ */ a(
37376          m.h2,
37377          {
37378            className: "text-slate-950 text-[44px] leading-tight",
37379            style: { fontWeight: 700 },
37380            initial: { opacity: 0, y: 30 },
37381            whileInView: { opacity: 1, y: 0 },
37382            viewport: { once: !0 },
37383            transition: { duration: 0.7, delay: 0.25 },
37384            children: [
37385              "탁월한 서비스를 만드는",
37386              /* @__PURE__ */ e("br", {}),
37387              "핵심 역량"
37388            ]
37389          }
37390        )
37391      ] }),
37392      /* @__PURE__ */ e("div", { className: "space-y-0 border-t border-gray-200", children: d6.map((u, v) => /* @__PURE__ */ a(
37393        m.div,
37394        {
37395          className: "border-b border-gray-200 overflow-hidden",
37396          initial: { opacity: 0, y: 20 },
37397          whileInView: { opacity: 1, y: 0 },
37398          viewport: { once: !0 },
37399          transition: { duration: 0.5, delay: v * 0.1 },
37400          children: [
37401            /* @__PURE__ */ a(
37402              "button",
37403              {
37404                onClick: () => i(t === u.id ? -1 : u.id),
37405                className: "w-full flex items-center justify-between py-8 px-2 group text-left",
37406                children: [
37407                  /* @__PURE__ */ a("div", { className: "flex items-center gap-8", children: [
37408                    /* @__PURE__ */ a("span", { className: "text-gray-300 text-[13px] w-8", style: { fontWeight: 700 }, children: [
37409                      "0",
37410                      v + 1
37411                    ] }),
37412                    /* @__PURE__ */ e("h3", { className: "text-slate-950 text-[24px]", style: { fontWeight: 700 }, children: u.label }),
37413                    /* @__PURE__ */ e("span", { className: "text-gray-400 text-[15px] hidden md:block", children: u.shortDesc })
37414                  ] }),
37415                  /* @__PURE__ */ e("div", { className: `w-8 h-8 border border-gray-300 flex items-center justify-center transition-all duration-300 ${t === u.id ? "bg-[#003D7A] border-[#003D7A]" : "group-hover:border-[#003D7A]"}`, children: /* @__PURE__ */ e(Re, { size: 14, className: t === u.id ? "text-white" : "text-gray-500" }) })
37416                ]
37417              }
37418            ),
37419            /* @__PURE__ */ e(ue, { children: t === u.id && /* @__PURE__ */ e(
37420              m.div,
37421              {
37422                initial: { opacity: 0, height: 0 },
37423                animate: { opacity: 1, height: "auto" },
37424                exit: { opacity: 0, height: 0 },
37425                transition: { duration: 0.45, ease: "easeOut" },
37426                className: "overflow-hidden",
37427                children: /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-0 mb-10", children: [
37428                  /* @__PURE__ */ a("div", { className: "relative h-[320px] overflow-hidden", children: [
37429                    /* @__PURE__ */ e(
37430                      S,
37431                      {
37432                        src: u.image,
37433                        alt: u.label,
37434                        className: "w-full h-full object-cover"
37435                      }
37436                    ),
37437                    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[#003D7A]/20" })
37438                  ] }),
37439                  /* @__PURE__ */ a("div", { className: "bg-white p-12 flex flex-col justify-center", children: [
37440                    /* @__PURE__ */ e("div", { className: "text-[#003D7A] text-[11px] tracking-[0.2em] uppercase mb-4", children: u.label }),
37441                    /* @__PURE__ */ e("p", { className: "text-slate-950 text-[18px] leading-[1.85]", children: u.detail }),
37442                    /* @__PURE__ */ a(
37443                      "button",
37444                      {
37445                        onClick: () => w("contact-form"),
37446                        className: "mt-8 inline-flex items-center gap-2 text-[#003D7A] text-[14px] hover:gap-4 transition-all duration-300",
37447                        style: { fontWeight: 700 },
37448                        children: [
37449                          "서비스 문의하기 ",
37450                          /* @__PURE__ */ e(re, { size: 15 })
37451                        ]
37452                      }
37453                    )
37454                  ] })
37455                ] })
37456              }
37457            ) })
37458          ]
37459        },
37460        u.id
37461      )) })
37462    ] }) }),
37463    /* @__PURE__ */ e("section", { className: "py-32 bg-[#1a1a2e]", children: /* @__PURE__ */ a("div", { className: "max-w-[1400px] mx-auto px-10", children: [
37464      /* @__PURE__ */ a("div", { className: "mb-20", children: [
37465        /* @__PURE__ */ e(
37466          m.p,
37467          {
37468            className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4",
37469            initial: { opacity: 0, y: 20 },
37470            whileInView: { opacity: 1, y: 0 },
37471            viewport: { once: !0 },
37472            transition: { duration: 0.6, delay: 0.1 },
37473            children: "Why HyVISION OSS"
37474          }
37475        ),
37476        /* @__PURE__ */ a(
37477          m.h2,
37478          {
37479            className: "text-white text-[44px] leading-tight",
37480            style: { fontWeight: 700 },
37481            initial: { opacity: 0, y: 30 },
37482            whileInView: { opacity: 1, y: 0 },
37483            viewport: { once: !0 },
37484            transition: { duration: 0.7, delay: 0.25 },
37485            children: [
37486              "HyVISION OSS가",
37487              /* @__PURE__ */ e("br", {}),
37488              "선택받는 이유"
37489            ]
37490          }
37491        )
37492      ] }),
37493      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-3 gap-0", children: [
37494        {
37495          num: "01",
37496          title: "장비 제조사 직접 지원",
37497          desc: "장비를 직접 설계·제조한 HyVISION 엔지니어가 지원합니다. 서드파티 서비스 업체와 달리, 장비의 내부 구조와 알고리즘을 완전히 이해한 전문가가 가장 빠르고 정확한 해결책을 제시합니다.",
37498          image: Gp
37499        },
37500        {
37501          num: "02",
37502          title: "소프트웨어 + 하드웨어 통합",
37503          desc: "비전 소프트웨어 업데이트, 알고리즘 최적화부터 기계 부품 교체, 광학계 캘리브레이션까지. 단일 계약으로 소프트웨어와 하드웨어 모두를 커버하는 완전한 서비스를 제공합니다.",
37504          image: tl
37505        },
37506        {
37507          num: "03",
37508          title: "인도 현지 신속 대응",
37509          desc: "벵갈루루 서비스 센터를 거점으로 인도 전역에 신속 출동합니다. 현지 재고 부품과 숙련된 현장 엔지니어 네트워크로 최단 시간 내 정상화를 보장합니다.",
37510          image: l6
37511        }
37512      ].map((u, v) => /* @__PURE__ */ e(
37513        m.div,
37514        {
37515          className: "group relative overflow-hidden",
37516          initial: { opacity: 0, y: 40 },
37517          whileInView: { opacity: 1, y: 0 },
37518          viewport: { once: !0 },
37519          transition: { duration: 0.6, delay: v * 0.15 },
37520          children: /* @__PURE__ */ a("div", { className: "relative h-[420px] overflow-hidden", children: [
37521            /* @__PURE__ */ e(
37522              S,
37523              {
37524                src: u.image,
37525                alt: u.title,
37526                className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
37527              }
37528            ),
37529            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/40 to-black/10" }),
37530            /* @__PURE__ */ a("div", { className: "absolute inset-0 p-8 flex flex-col justify-end", children: [
37531              /* @__PURE__ */ e("div", { className: "text-white/30 text-[64px] leading-none mb-2", style: { fontWeight: 700 }, children: u.num }),
37532              /* @__PURE__ */ e("h3", { className: "text-white text-[24px] mb-3", style: { fontWeight: 700 }, children: u.title }),
37533              /* @__PURE__ */ e("p", { className: "text-white/70 text-[14px] leading-relaxed", children: u.desc })
37534            ] })
37535          ] })
37536        },
37537        v
37538      )) })
37539    ] }) }),
37540    /* @__PURE__ */ e("section", { id: "contact-form", className: "bg-[#0f1923] text-white py-28 px-6", children: /* @__PURE__ */ a("div", { className: "max-w-[900px] mx-auto", children: [
37541      /* @__PURE__ */ a(
37542        m.div,
37543        {
37544          className: "mb-16",
37545          initial: { opacity: 0, y: 30 },
37546          whileInView: { opacity: 1, y: 0 },
37547          viewport: { once: !0 },
37548          transition: { duration: 0.7 },
37549          children: [
37550            /* @__PURE__ */ e("p", { className: "text-[#5B9BD5] text-[13px] tracking-[0.2em] uppercase mb-4", children: "Contact Us" }),
37551            /* @__PURE__ */ e("h2", { className: "text-white text-[44px] leading-tight mb-4", style: { fontWeight: 700 }, children: "OSS 지원 문의" }),
37552            /* @__PURE__ */ e("p", { className: "text-white/50 text-[17px]", children: "장비 이슈 또는 서비스 플랜 도입에 대해 문의해 주세요" })
37553          ]
37554        }
37555      ),
37556      /* @__PURE__ */ a(
37557        m.form,
37558        {
37559          className: "space-y-6",
37560          initial: { opacity: 0, y: 40 },
37561          whileInView: { opacity: 1, y: 0 },
37562          viewport: { once: !0 },
37563          transition: { duration: 0.7, delay: 0.2 },
37564          children: [
37565            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
37566              /* @__PURE__ */ a("div", { children: [
37567                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
37568                  "Name ",
37569                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
37570                ] }),
37571                /* @__PURE__ */ e("input", { type: "text", placeholder: "Your Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
37572              ] }),
37573              /* @__PURE__ */ a("div", { children: [
37574                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
37575                  "Company ",
37576                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
37577                ] }),
37578                /* @__P
37578URE__ */ e("input", { type: "text", placeholder: "Company Name", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
37579              ] })
37580            ] }),
37581            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
37582              /* @__PURE__ */ a("div", { children: [
37583                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
37584                  "Email ",
37585                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
37586                ] }),
37587                /* @__PURE__ */ e("input", { type: "email", placeholder: "[email protected]", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
37588              ] }),
37589              /* @__PURE__ */ a("div", { children: [
37590                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
37591                  "Phone ",
37592                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
37593                ] }),
37594                /* @__PURE__ */ e("input", { type: "tel", placeholder: "+91 XXX XXX XXXX", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors", required: !0 })
37595              ] })
37596            ] }),
37597            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
37598              /* @__PURE__ */ a("div", { children: [
37599                /* @__PURE__ */ a("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: [
37600                  "Inquiry Type ",
37601                  /* @__PURE__ */ e("span", { className: "text-red-400", children: "*" })
37602                ] }),
37603                /* @__PURE__ */ a(
37604                  "select",
37605                  {
37606                    value: o,
37607                    onChange: (u) => d(u.target.value),
37608                    className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors appearance-none cursor-pointer",
37609                    required: !0,
37610                    children: [
37611                      /* @__PURE__ */ e("option", { value: "", disabled: !0, className: "bg-[#0f1923]", children: "Select Type" }),
37612                      /* @__PURE__ */ e("option", { value: "helpdesk", className: "bg-[#0f1923]", children: "Help Desk Support" }),
37613                      /* @__PURE__ */ e("option", { value: "update", className: "bg-[#0f1923]", children: "Software Update & Patch" }),
37614                      /* @__PURE__ */ e("option", { value: "onsite", className: "bg-[#0f1923]", children: "On-site Maintenance" }),
37615                      /* @__PURE__ */ e("option", { value: "monitor", className: "bg-[#0f1923]", children: "Performance Monitoring" }),
37616                      /* @__PURE__ */ e("option", { value: "training", className: "bg-[#0f1923]", children: "Training & Education" }),
37617                      /* @__PURE__ */ e("option", { value: "warranty", className: "bg-[#0f1923]", children: "Warranty & Spare Parts" }),
37618                      /* @__PURE__ */ e("option", { value: "plan", className: "bg-[#0f1923]", children: "Support Plan Inquiry" }),
37619                      /* @__PURE__ */ e("option", { value: "others", className: "bg-[#0f1923]", children: "Others" })
37620                    ]
37621                  }
37622                ),
37623                /* @__PURE__ */ e(ue, { children: o === "others" && /* @__PURE__ */ e(
37624                  m.div,
37625                  {
37626                    initial: { opacity: 0, height: 0 },
37627                    animate: { opacity: 1, height: "auto" },
37628                    exit: { opacity: 0, height: 0 },
37629                    className: "mt-4 overflow-hidden",
37630                    children: /* @__PURE__ */ e(
37631                      "input",
37632                      {
37633                        type: "text",
37634                        value: c,
37635                        onChange: (u) => p(u.target.value),
37636                        className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white focus:outline-none focus:border-[#5B9BD5] transition-colors",
37637                        placeholder: "Please specify"
37638                      }
37639                    )
37640                  }
37641                ) })
37642              ] }),
37643              /* @__PURE__ */ a("div", { children: [
37644                /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Equipment Model" }),
37645                /* @__PURE__ */ e("input", { type: "text", placeholder: "e.g. DA-500, V6, AOI-500", className: "w-full h-14 px-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors" })
37646              ] })
37647            ] }),
37648            /* @__PURE__ */ a("div", { children: [
37649              /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Message" }),
37650              /* @__PURE__ */ e(
37651                "textarea",
37652                {
37653                  rows: 5,
37654                  placeholder: "발생한 이슈, 오류 증상, 또는 서비스 도입 관련 문의 사항을 자유롭게 작성해 주세요...",
37655                  className: "w-full p-5 bg-white/5 border border-white/10 text-white placeholder-white/25 focus:outline-none focus:border-[#5B9BD5] transition-colors resize-none"
37656                }
37657              )
37658            ] }),
37659            /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 gap-6", children: [
37660              /* @__PURE__ */ a("div", { children: [
37661                /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Urgency Level" }),
37662                /* @__PURE__ */ e("div", { className: "flex gap-3", children: ["Low", "Medium", "High", "Critical"].map((u) => /* @__PURE__ */ e(
37663                  "button",
37664                  {
37665                    type: "button",
37666                    className: `flex-1 h-12 text-[12px] border transition-all duration-200 ${u === "Critical" ? "border-red-500/40 text-red-400 hover:bg-red-500/10" : u === "High" ? "border-orange-500/40 text-orange-400 hover:bg-orange-500/10" : "border-white/10 text-white/40 hover:border-white/30 hover:text-white/70"}`,
37667                    style: { fontWeight: 700 },
37668                    children: u
37669                  },
37670                  u
37671                )) })
37672              ] }),
37673              /* @__PURE__ */ a("div", { children: [
37674                /* @__PURE__ */ e("label", { className: "block text-[13px] text-white/50 uppercase tracking-widest mb-3", children: "Attachment (Optional)" }),
37675                /* @__PURE__ */ a("div", { className: "relative h-12 bg-white/5 border border-white/10 flex items-center px-5 overflow-hidden", children: [
37676                  /* @__PURE__ */ e("input", { type: "file", className: "absolute inset-0 opacity-0 cursor-pointer z-10" }),
37677                  /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-white/30", children: [
37678                    /* @__PURE__ */ e(Re, { size: 16 }),
37679                    /* @__PURE__ */ e("span", { className: "text-[14px]", children: "Error log or screenshot" })
37680                  ] })
37681                ] })
37682              ] })
37683            ] }),
37684            /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ e(
37685              "button",
37686              {
37687                type: "submit",
37688                className: "w-full h-14 bg-[#003D7A] hover:bg-[#002a54] text-white text-[15px] transition-all duration-300 flex items-center justify-center gap-2",
37689                style: { fontWeight: 700 },
37690                children: "문의 보내기"
37691              }
37692            ) })
37693          ]
37694        }
37695      )
37696    ] }) })
37697  ] });
37698}
37699const p6 = globalThis.__GLOBALS__.getAssetURL("2eb1cfe9c4bb12522e24af431e37c70d78d066ec.png"), h6 = globalThis.__GLOBALS__.getAssetURL("900ee2e51221233c3d715694e08b3b4756218eee.png");
37700function u6() {
37701  const t = (p) => {
37702    window.location.hash = p, window.scrollTo({ top: 0, behavior: "smooth" });
37703  }, [i, n] = oe.useState(0), [r, s] = oe.useState(1.1), [l, o] = oe.useState(65);
37704  oe.useEffect(() => {
37705    const p = () => {
37706      const h = window.scrollY, x = document.querySelector(".products-hero-section");
37707      if (x) {
37708        const b = x.offsetTop, g = x.offsetHeight, w = window.innerHeight, u = b - w, A = b - w / 2 + g / 2 - u, N = Math.min(Math.max((h - u) / A, 0), 1), f = 1.1 + N * 0.2;
37709        s(f);
37710        const y = 65 + N * 35;
37711        o(y);
37712      }
37713    };
37714    return window.addEventListener("scroll", p), p(), () => {
37715      window.removeEventListener("scroll", p);
37716    };
37717  }, []), oe.useEffect(() => {
37718    const p = [];
37719    return document.querySelectorAll("[data-product-section]").forEach((x, b) => {
37720      const g = new IntersectionObserver(
37721        (w) => {
37722          w.forEach((u) => {
37723            u.isIntersecting && n(b);
37724          });
37725        },
37726        { threshold: 0.5 }
37727      );
37728      g.observe(x), p.push(g);
37729    }), () => {
37730      p.forEach((x) => x.disconnect());
37731    };
37732  }, []);
37733  const d = (p) => {
37734    const h = document.querySelector(`[data-product-section="${p}"]`);
37735    h && h.scrollIntoView({ behavior: "smooth", block: "center" });
37736  }, c = [
37737    {
37738      id: "ccm",
37739      title: "Smart Phone & CCM",
37740      subtitle: "Camera Module Excellence",
37741      description: "High-precision inspection for smartphone and automotive camera modules",
37742      image: jp,
37743      path: "/ccm"
37744    },
37745    {
37746      id: "battery",
37747      title: "Battery / ESS",
37748      subtitle: "Power Quality Assurance",
37749      description: "Real-time quality management for EV batteries and Energy Storage Systems",
37750      image: Rp,
37751      path: "/rechargeable-battery"
37752    },
37753    {
37754      id: "bio",
37755      title: "Bio / Pharmaceutical",
37756      subtitle: "Healthcare Standards",
37757      description: "FDA-compliant automated inspection for pharmaceutical and medical devices",
37758      image: h6,
37759      path: "/bio-inspection"
37760    },
37761    {
37762      id: "wafer-aoi",
37763      title: "Semiconductor",
37764      subtitle: "Semiconductor Precision",
37765      description: "Nano-level defect detection for semiconductor wafers",
37766      image: "https://images.unsplash.com/photo-1672307613484-3254a04651fd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXJ8ZW58MXx8fHwxNzY4MzU2NzQzfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
37767      path: "/wafer-aoi"
37768    },
37769    {
37770      id: "smart-components",
37771      title: "Smart Components",
37772      subtitle: "Intelligence in Components",
37773      description: "Next-gen smart sensors for automotive and industrial applications",
37774      image: "https://images.unsplash.com/photo-1753039495488-434a2fe53e41?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydCUyMHNlbnNvciUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzY4MzU2NzM4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
37775      path: "/smart-components"
37776    },
37777    {
37778      id: "3d-printer",
37779      title: "3D Printer & AI Robotics",
37780      subtitle: "Innovation in Automation",
37781      description: "3D printing and robotic automation for industrial manufacturing",
37782      image: "https://images.unsplash.com/photo-1760894942780-2b4b82a42ac3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHwzZCUyMHByaW50ZXIlMjByb2JvdGljc3xlbnwxfHx8fDE3NjgzNTY3NDB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
37783      path: "/3d-printer-robotics"
37784    }
37785  ];
37786  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
37787    /* @__PURE__ */ e("section", { className: "relative bg-white pt-40 pb-8 products-hero-section", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-[200px_1fr] gap-16 items-start max-w-5xl my-12", children: [
37788      /* @__PURE__ */ e(
37789        m.div,
37790        {
37791          initial: { opacity: 0, x: -60 },
37792          animate: { opacity: 1, x: 0 },
37793          transition: { duration: 1, delay: 0.1, ease: "easeOut" },
37794          className: "pt-[11px]",
37795          children: /* @__PURE__ */ e("p", { className: "text-slate-950 text-[20px] font-bold font-sans", children: "Products" })
37796        }
37797      ),
37798      /* @__PURE__ */ a(
37799        m.div,
37800        {
37801          initial: { opacity: 0, x: 60 },
37802          animate: { opacity: 1, x: 0 },
37803          transition: { duration: 1, delay: 0.2, ease: "easeOut" },
37804          children: [
37805            /* @__PURE__ */ a("h1", { className: "text-slate-950 font-bold text-[48px] leading-[1.4] mb-6 tracking-tight font-sans", children: [
37806              "Innovative Solutions for",
37807              /* @__PURE__ */ e("br", {}),
37808              "Manufacturing Excellence"
37809            ] }),
37810            /* @__PURE__ */ e("p", { className: "text-gray-600 text-[19px] leading-relaxed", children: "HyVISION SYSTEM delivers cutting-edge vision inspection and automation solutions across various industries." })
37811          ]
37812        }
37813      )
37814    ] }) }) }),
37815    /* @__PURE__ */ a("section", { className: "relative pb-32 pt-0 overflow-hidden", children: [
37816      /* @__PURE__ */ e(
37817        "div",
37818        {
37819          className: "mx-auto transition-all duration-500 ease-out overflow-hidden",
37820          style: {
37821            width: `${l}%`
37822          },
37823          children: /* @__PURE__ */ a(
37824            "div",
37825            {
37826              className: "relative h-full transition-transform duration-300 ease-out",
37827              style: {
37828                transform: `scale(${r})`
37829              },
37830              children: [
37831                /* @__PURE__ */ e(
37832                  S,
37833                  {
37834                    src: p6,
37835                    alt: "Industrial Technology",
37836                    className: "w-full h-[800px] object-cover"
37837                  }
37838                ),
37839                /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/40 via-black/35 to-black/45" })
37840              ]
37841            }
37842          )
37843        }
37844      ),
37845      /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "relative max-w-7xl mx-auto px-6 w-full", children: [
37846        /* @__PURE__ */ a(
37847          m.div,
37848          {
37849            className: "text-center mb-12",
37850            initial: { opacity: 0, y: 40 },
37851            whileInView: { opacity: 1, y: 0 },
37852            viewport: { once: !0 },
37853            transition: { duration: 0.8, ease: "easeOut" },
37854            children: [
37855              /* @__PURE__ */ a("h2", { className: "text-white text-[43px] font-bold leading-[1.4] max-w-5xl mx-auto mb-12 -mt-24 font-[Alfa_Slab_One]", children: [
37856                "From Components to Full Automation,",
37857                /* @__PURE__ */ e("br", {}),
37858                "Integrated Vision Solutions"
37859              ] }),
37860              /* @__PURE__ */ e("div", { className: "w-full max-w-5xl mx-auto h-px bg-white/30 mb-16" })
37861            ]
37862          }
37863        ),
37864        /* @__PURE__ */ a("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 max-w-5xl mx-auto mt-8", children: [
37865          /* @__PURE__ */ a(
37866            m.div,
37867            {
37868              className: "flex flex-col items-center group cursor-pointer",
37869              onClick: () => t("/smart-components"),
37870              whileHover: { scale: 1.05 },
37871              children: [
37872                /* @__PURE__ */ e(mn, { className: "w-16 h-16 text-white mb-4", strokeWidth: 1 }),
37873                /* @__PURE__ */ e("h3", { className: "text-white text-[17px] font-bold text-center whitespace-nowrap", children: "Smart Components" })
37874              ]
37875            }
37876          ),
37877          /* @__PURE__ */ a(
37878            m.div,
37879            {
37880              className: "flex flex-col items-center group cursor-pointer",
37881              onClick: () => t("/ccm"),
37882              whileHover: { scale: 1.05 },
37883              children: [
37884                /* @__PURE__ */ e(Kr, { className: "w-16 h-16 text-white mb-4", strokeWidth: 1 }),
37885                /* @__PURE__ */ e("h3", { className: "text-white text-[17px] font-bold text-center whitespace-nowrap", children: "Smart Phone & CCM" })
37886              ]
37887            }
37888          ),
37889          /* @__PURE__ */ a(
37890            m.div,
37891            {
37892              className: "flex flex-col items-center group cursor-pointer",
37893              onClick: () => t("/rechargeable-battery"),
37894              whileHover: { scale: 1.05 },
37895              children: [
37896                /* @__PURE__ */ e(Yr, { className: "w-16 h-16 text-white mb-4", strokeWidth: 1 }),
37897                /* @__PURE__ */ e("h3", { className: "text-white text-[17px] font-bold text-center whitespace-nowrap", children: "Battery / ESS" })
37898              ]
37899            }
37900          ),
37901          /* @__PURE__ */ a(
37902            m.div,
37903            {
37904              className: "flex flex-col items-center group cursor-pointer",
37905              onClick: () => t("/bio-inspection"),
37906              whileHover: { scale: 1.05 },
37907              children: [
37908                /* @__PURE__ */ e(di, { className: "w-16 h-16 text-white mb-4", strokeWidth: 1 }),
37909                /* @__PURE__ */ e("h3", { className: "text-white text-[17px] font-bold text-center whitespace-nowrap", children: "Bio / Pharmaceutical" })
37910              ]
37911            }
37912          ),
37913          /* @__PURE__ */ a(
37914            m.div,
37915            {
37916              className: "flex flex-col items-center group cursor-pointer",
37917              onClick: () => t("/wafer-aoi"),
37918              whileHover: { scale: 1.05 },
37919              children: [
37920                /* @__PURE__ */ e(at, { className: "w-16 h-16 text-white mb-4", strokeWidth: 1 }),
37921                /* @__PURE__ */ e("h3", { className: "text-white text-[17px] font-bold text-center whitespace-nowrap", children: "Semiconductor" })
37922              ]
37923            }
37924          ),
37925          /* @__PURE__ */ a(
37926            m.div,
37927            {
37928              className: "flex flex-col items-center group cursor-pointer",
37929              onClick: () => t("/3d-printer-robotics"),
37930              whileHover: { scale: 1.05 },
37931              children: [
37932                /* @__PURE__ */ e(Zi, { className: "w-16 h-16 text-white mb-4", strokeWidth: 1 }),
37933                /* @__PURE__ */ e("h3", { className: "text-white text-[17px] font-bold text-center whitespace-nowrap", children: "3D Printer & AI Robotics" })
37934              ]
37935            }
37936          )
37937        ] })
37938      ] }) })
37939    ] }),
37940    /* @__PURE__ */ e("section", { className: "py-16 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ a("div", { className: "grid lg:grid-cols-[280px_1fr] gap-16", children: [
37941      /* @__PURE__ */ e(
37942        m.div,
37943        {
37944          className: "lg:sticky lg:top-40 lg:self-start",
37945          initial: { opacity: 0, x: -40 },
37946          whileInView: { opacity: 1, x: 0 },
37947          viewport: { once: !0 },
37948          transition: { duration: 0.8, ease: "easeOut" },
37949          children: /* @__PURE__ */ a("div", { className: "space-y-1 relative", children: [
37950            /* @__PURE__ */ e("div", { className: "absolute left-0 top-[6px] bottom-[6px] w-[2px] bg-slate-300" }),
37951            c.map((p, h) => /* @__PURE__ */ a(
37952              "button",
37953              {
37954                onClick: () => d(h),
37955                className: `w-full text-left py-1.5 pl-4 transition-all duration-300 relative ${i === h ? "text-black font-bold" : "text-slate-400 hover:text-black"}`,
37956                children: [
37957                  i === h && /* @__PURE__ */ e("div", { className: "absolute left-0 top-[6px] bottom-[6px] w-[2px] bg-emerald-400" }),
37958                  /* @__PURE__ */ e("span", { className: "text-[17px] font-bold font-[Lato]", children: p.title })
37959                ]
37960              },
37961              p.id
37962            ))
37963          ] })
37964        }
37965      ),
37966      /* @__PURE__ */ e("div", { className: "space-y-40 pr-0", children: c.map((p, h) => /* @__PURE__ */ a(
37967        m.div,
37968        {
37969          "data-product-section": h,
37970          className: "pt-[6px] pb-24",
37971          initial: { opacity: 0, y: 50 },
37972          whileInView: { opacity: 1, y: 0 },
37973          viewport: { once: !0, margin: "-100px" },
37974          transition: { duration: 0.7, ease: "easeOut" },
37975          children: [
37976            /* @__PURE__ */ e("h2", { className: "text-slate-950 font-bold text-[48px] leading-none mb-7 mt-0 tracking-tight font-[Lato]", children: p.title }),
37977            /* @__PURE__ */ a(
37978              "div",
37979              {
37980                className: "relative aspect-[16/5] overflow-hidden group cursor-pointer",
37981                onClick: () => t(p.path),
37982                children: [
37983                  /* @__PURE__ */ e(
37984                    S,
37985                    {
37986                      src: p.image,
37987                      alt: p.title,
37988                      className: "w-full h-full object-contain p-4"
37989                    }
37990                  ),
37991                  /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/60 via-black/35 to-transparent" }),
37992                  /* @__PURE__ */ a("div", { className: "absolute top-0 left-0 right-0 p-12 pt-10 text-white", children: [
37993                    /* @__PURE__ */ e("h3", { className: "text-[28px] font-bold leading-[1.3] mb-4", children: p.description }),
37994                    /* @__PURE__ */ e("div", { className: "flex items-center transition-all duration-300 group-hover:translate-x-1", children: /* @__PURE__ */ e(re, { className: "w-5 h-5 text-white" }) })
37995                  ] })
37996                ]
37997              }
37998            )
37999          ]
38000        },
38001        p.id
38002      )) })
38003    ] }) }) })
38004  ] });
38005}
38006const x6 = globalThis.__GLOBALS__.getAssetURL("9851f142bf06a81f20011f7c4c3ff526a6c0fd45.png"), g6 = globalThis.__GLOBALS__.getAssetURL("a5aa6a6468d4dcbf48eba32b8ad098f4c5eda687.png"), Ec = globalThis.__GLOBALS__.getAssetURL("c38950451182f02a5a6a8797ab477fbb9ce8a520.png"), jc = globalThis.__GLOBALS__.getAssetURL("f297e7d1bacbd7801b1978ae881ec540ba9848a2.png"), Rc = globalThis.__GLOBALS__.getAssetURL("e897a8dee314b982fd4a05ebe0cfe1e7125399e8.png"), Fc = globalThis.__GLOBALS__.getAssetURL("750d6f4c0318c277a8c86ea926c42fd72a8a44c5.png"), _c = globalThis.__GLOBALS__.getAssetURL("2940c9acc54e286529d17db95e1bcf78077967a2.png"), Wc = globalThis.__GLOBALS__.getAssetURL("892bbff743ab0efe9e0207065c85b91b2c1b5045.png"), zc = globalThis.__GLOBALS__.getAssetURL("9f20719b0baca677128d802dfda9e9a98da16697.png"), Bc = globalThis.__GLOBALS__.getAssetURL("798382eca41795f70ad8244bb124aa67f2e7ea74.png"), Gc = globalThis.__GLOBALS__.getAssetURL("30ba02ac3760aa459a30335cc9c8f7f029b3895c.png"), Uc = globalThis.__GLOBALS__.getAssetURL("72cbc09ef449a477ed2ea939b1527dce141f7cc6.png");
38007function f6() {
38008  const [t, i] = C("ALL"), [n, r] = C(""), [s, l] = C("추천순"), [o, d] = C(!1), [c, p] = C(null), [h, x] = C(/* @__PURE__ */ new Set()), b = [
38009    {
38010      id: "ar-vr-active-align",
38011      title: "AR/VR Glass Active Align 설비",
38012      subtitle: "Dual/Triple Active Align",
38013      category: "Dual/Triple Active Align",
38014      image: "https://images.unsplash.com/photo-1682324272219-c935abbcaf95?auto=format&fit=crop&q=80&w=1080",
38015      description: "High-precision active alignment system for AR/VR glass modules, enabling real-time optical axis correction for superior waveguide bonding quality."
38016    },
38017    {
38018      id: "lidar-aa-1",
38019      title: "LiDAR AA System",
38020      subtitle: "Dual/Triple Active Align",
38021      category: "Dual/Triple Active Align",
38022      image: "https://furonteer.com/v1/data/files/products/f4d006ea1f57568f430456c65641b07anyCTJ.jpg",
38023      description: "차량용 LiDAR 모듈의 광축을 자동 정렬하는 고정밀 액티브 얼라인먼트 시스템입니다."
38024    },
38025    {
38026      id: "da500",
38027      title: "DA500",
38028      subtitle: "Dual/Triple Active Align",
38029      category: "Dual/Triple Active Align",
38030      image: "https://images.unsplash.com/photo-1735494033794-b82c88743a16?auto=format&fit=crop&q=80&w=1080",
38031      description: "Real-time 6-axis alignment between lens and sensor to ensure superior optical performance."
38032    },
38033    {
38034      id: "da100",
38035      title: "DA100",
38036      subtitle: "Dual/Triple Active Align",
38037      category: "Dual/Triple Active Align",
38038      image: "https://images.unsplash.com/photo-1647427060118-4911c9821b82?auto=format&fit=crop&q=80&w=1080",
38039      description: "High-precision dual active alignment solution for compact camera module production."
38040    },
38041    {
38042      id: "a1000",
38043      title: "A1000",
38044      subtitle: "Dual/Triple Active Align",
38045      category: "Dual/Triple Active Align",
38046      image: "https://images.unsplash.com/photo-1627704671340-0969d7dbac25?auto=format&fit=crop&q=80&w=1080",
38047      description: "Advanced alignment platform for multi-lens camera module assembly with high throughput."
38048    },
38049    {
38050      id: "a800",
38051      title: "A800",
38052      subtitle: "Dual/Triple Active Align",
38053      category: "Dual/Triple Active Align",
38054      image: "https://images.unsplash.com/photo-1615468925629-fad99acae50c?auto=format&fit=crop&q=80&w=1080",
38055      description: "Mid-range active alignment system optimized for dual-lens smartphone camera modules."
38056    },
38057    {
38058      id: "a700",
38059      title: "A700",
38060      subtitle: "Dual/Triple Active Align",
38061      category: "Dual/Triple Active Align",
38062      image: "https://images.unsplash.com/photo-1558530755-e4785fddbe89?auto=format&fit=crop&q=80&w=1080",
38063      description: "Compact active alignment unit delivering reliable precision for entry-level module assembly lines."
38064    },
38065    {
38066      id: "final-test",
38067      title: "FINAL TEST",
38068      subtitle: "Module Final Test",
38069      category: "Final Image Test",
38070      image: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?auto=format&fit=crop&q=80&w=1080",
38071      description: "Comprehensive functional inspection for assembled camera modules, checking image quality and defects."
38072    },
38073    {
38074      id: "307at2v",
38075      title: "307AT2-V",
38076      subtitle: "Final Image Test",
38077      category: "Final Image Test",
38078      image: Ec,
38079      description: "2-axis automated final image test system with high-speed inspection capability for mass production."
38080    },
38081    {
38082      id: "305at4r20s",
38083      title: "305AT4R20S",
38084      subtitle: "Final Image Test",
38085      category: "Final Image Test",
38086      image: jc,
38087      description: "4-axis rotary final image test station supporting 20-socket simultaneous inspection for maximum throughput."
38088    },
38089    {
38090      id: "t200v",
38091      title: "T200V",
38092      subtitle: "Final Image Test",
38093      category: "Final Image Test",
38094      image: Rc,
38095      description: "Compact final image test unit with vision-based auto inspection for mid-volume production lines."
38096    },
38097    {
38098      id: "t300v",
38099      title: "T300V",
38100      subtitle: "Final Image Test",
38101      category: "Final Image Test",
38102      image: Fc,
38103      description: "Advanced vision-based final image tester with multi-point MTF analysis and automated defect detection."
38104    },
38105    {
38106      id: "t300",
38107      title: "T300",
38108      subtitle: "Final Image Test",
38109      category: "Final Image Test",
38110      image: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?auto=format&fit=crop&q=80&w=1080",
38111      description: "Standard final image test platform for comprehensive optical quality verification of assembled modules."
38112    },
38113    {
38114      id: "calibration",
38115      title: "CALIBRATION",
38116      subtitle: "Image Calibration",
38117      category: "Calibration",
38118      image: "https://images.unsplash.com/photo-1627704671340-0969d7dbac25?auto=format&fit=crop&q=80&w=1080",
38119      description: "Standardizing image uniformity by correcting lens distortion, white balance, and shading."
38120    },
38121    {
38122      id: "sensing",
38123      title: "SENSING",
38124      subtitle: "ToF / LiDAR Test",
38125      category: "통합 검사 설비",
38126      image: "https://images.unsplash.com/photo-1615468925629-fad99acae50c?auto=format&fit=crop&q=80&w=1080",
38127      description: "Precise measurement of depth accuracy and sensitivity for 3D sensing modules used in AR/VR and ADAS."
38128    },
38129    {
38130      id: "automotive",
38131      title: "AUTOMOTIVE",
38132      subtitle: "Automotive Camera",
38133      category: "통합 검사 설비",
38134      image: "https://images.unsplash.com/photo-1558530755-e4785fddbe89?auto=format&fit=crop&q=80&w=1080",
38135      description: "Reliability testing for vehicle cameras ensuring performance under harsh environmental conditions."
38136    },
38137    {
38138      id: "f300",
38139      title: "F300",
38140      subtitle: "Focusing & Curing",
38141      category: "Focusing",
38142      image: "https://images.unsplash.com/photo-1647427060118-4911c9821b82?auto=format&fit=crop&q=80&w=1080",
38143      description: "High-speed focusing and UV curing system for mass production camera module assembly lines."
38144    },
38145    {
38146      id: "f150",
38147      title: "F150",
38148      subtitle: "Focusing & Curing",
38149      category: "Focusing",
38150      image: Uc,
38151      description: "Compact focusing system optimized for mid-range camera module production environments."
38152    },
38153    {
38154      id: "at200",
38155      title: "AT200",
38156      subtitle: "Focusing & Curing",
38157      category: "Focusing",
38158      image: "https://images.unsplash.com/photo-1647427060118-4911c9821b82?auto=format&fit=crop&q=80&w=1080",
38159      description: "Automated focusing unit with integrated tilt correction for precise optical axis alignment."
38160    },
38161    {
38162      id: "rt300",
38163      title: "RT300",
38164      subtitle: "Focusing & Curing",
38165      category: "Focusing",
38166      image: "https://images.unsplash.com/photo-1647427060118-4911c9821b82?auto=format&fit=crop&q=80&w=1080",
38167      description: "Rotary-type focusing system enabling high-throughput continuous UV curing process."
38168    },
38169    {
38170      id: "dc200",
38171      title: "DC200",
38172      subtitle: "Image Calibration",
38173      category: "Calibration",
38174      image: _c,
38175      description: "Dual-camera calibration system for precise geometric correction and color uniformity."
38176    },
38177    {
38178      id: "c500v",
38179      title: "C500V",
38180      subtitle: "Image Calibration",
38181      category: "Calibration",
38182      image: Wc,
38183      description: "High-resolution vision-based calibration platform supporting wide-angle and telephoto modules."
38184    },
38185    {
38186      id: "dc300",
38187      title: "DC300",
38188      subtitle: "Image Calibration",
38189      category: "Calibration",
38190      image: zc,
38191      description: "Advanced dual-camera calibration unit with automated shading and distortion correction."
38192    },
38193    {
38194      id: "mc300",
38195      title: "MC300",
38196      subtitle: "Image Calibration",
38197      category: "Calibration",
38198      image: Bc,
38199      description: "Multi-camera simultaneous calibration system for high-volume smartphone module production."
38200    },
38201    {
38202      id: "c170v",
38203      title: "C170V",
38204      subtitle: "Image Calibration",
38205      category: "Calibration",
38206      image: "https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1080",
38207      description: "Compact vision calibration unit optimized for entry-level and mid-range camera modules."
38208    },
38209    {
38210      id: "v5utc",
38211      title: "V5UTC",
38212      subtitle: "Final Image Test",
38213      category: "Calibration",
38214      image: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?auto=format&fit=crop&q=80&w=1080",
38215      description: "Universal test chamber for comprehensive final image quality verification of assembled modules."
38216    },
38217    {
38218      id: "o300",
38219      title: "O300",
38220      subtitle: "OIS / Optical Test",
38221      category: "Calibration",
38222      image: Gc,
38223      description: "Optical performance testing system for OIS-integrated camera modules with precision measurement."
38224    }
38225  ], g = ["ALL", "Dual/Triple Active Align", "통합 검사 설비", "Focusing", "Calibration", "Final Image Test"], w = (t === "ALL" ? b : b.filter((u) => u.category === t)).filter(
38226    (u) => h.size === 0 || h.has(u.id)
38227  );
38228  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
38229    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
38230      m.div,
38231      {
38232        initial: { opacity: 0, y: 30 },
38233        animate: { opacity: 1, y: 0 },
38234        transition: { duration: 0.6 },
38235        className: "flex flex-col gap-8",
38236        children: [
38237          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
38238            /* @__PURE__ */ e("span", { children: "Home" }),
38239            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
38240            /* @__PURE__ */ e("span", { children: "Products" }),
38241            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
38242            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "EMS Tester" })
38243          ] }),
38244          /* @__PURE__ */ a("div", { children: [
38245            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "EMS Tester" }),
38246            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Total Vision Solutions for Camera Module Assembly" })
38247          ] }),
38248          /* @__PURE__ */ e(
38249            m.div,
38250            {
38251              initial: { opacity: 0, scale: 0.95 },
38252              animate: { opacity: 1, scale: 1 },
38253              transition: { duration: 0.8, delay: 0.2 },
38254              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
38255              children: /* @__PURE__ */ e(
38256                S,
38257                {
38258                  src: x6,
38259                  alt: "CCM Technology",
38260                  className: "w-full h-full object-cover"
38261                }
38262              )
38263            }
38264          )
38265        ]
38266      }
38267    ) }),
38268    /* @__PURE__ */ a("section", { className: "py-10 px-6 max-w-7xl mx-auto", children: [
38269      /* @__PURE__ */ e(
38270        m.div,
38271        {
38272          initial: { opacity: 0, y: 20 },
38273          whileInView: { opacity: 1, y: 0 },
38274          viewport: { once: !0 },
38275          transition: { duration: 0.6 },
38276          className: "flex flex-col gap-10 mb-16 pb-10",
38277          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
38278            /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-4", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }) }),
38279            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
38280            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
38281              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: g.map((u) => {
38282                const v = b.filter((f) => f.category === u), A = t === u, N = c === u;
38283                return /* @__PURE__ */ a("div", { className: "relative", children: [
38284                  /* @__PURE__ */ a(
38285                    "button",
38286                    {
38287                      onClick: () => {
38288                        i(u), x(/* @__PURE__ */ new Set()), u === "ALL" ? (p(null), window.scrollTo({ top: 0, behavior: "smooth" })) : (p(N ? null : u), setTimeout(() => {
38289                          const f = document.getElementById(u);
38290                          if (f) {
38291                            const y = f.getBoundingClientRect().top + window.scrollY - 150;
38292                            window.scrollTo({ top: y, behavior: "smooth" });
38293                          }
38294                        }, 50));
38295                      },
38296                      className: `whitespace-nowrap px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${A ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
38297                      children: [
38298                        u === "ALL" ? "All Products" : u === "통합 검사 설비" ? "Integrated Inspection" : u === "Dual/Triple Active Align" ? "Active Align (Dual/Triple)" : u,
38299                        u !== "ALL" && /* @__PURE__ */ e(
38300                          "svg",
38301                          {
38302                            className: `w-3 h-3 transition-transform duration-200 ${N ? "rotate-180" : ""}`,
38303                            fill: "none",
38304                            stroke: "currentColor",
38305                            viewBox: "0 0 24 24",
38306                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
38307                          }
38308                        )
38309                      ]
38310                    }
38311                  ),
38312                  u !== "ALL" && N && /* @__PURE__ */ a(
38313                    m.div,
38314                    {
38315                      initial: { opacity: 0, y: -6, scale: 0.97 },
38316                      animate: { opacity: 1, y: 0, scale: 1 },
38317                      exit: { opacity: 0, y: -6, scale: 0.97 },
38318                      transition: { duration: 0.15, ease: "easeOut" },
38319                      className: "absolute left-0 top-full mt-2 bg-white border border-slate-200 rounded-2xl shadow-xl py-2 z-50 min-w-[180px]",
38320                      children: [
38321                        /* @__PURE__ */ a("label", { className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors group", children: [
38322                          /* @__PURE__ */ e(
38323                            "input",
38324                            {
38325                              type: "checkbox",
38326                              checked: h.size === 0,
38327                              onChange: () => x(/* @__PURE__ */ new Set()),
38328                              className: "hidden"
38329                            }
38330                          ),
38331                          /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${h.size === 0 ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: h.size === 0 && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
38332                          /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${h.size === 0 ? "text-slate-950" : "text-gray-500"}`, children: "전체" })
38333                        ] }),
38334                        /* @__PURE__ */ e("div", { className: "border-t border-slate-100 my-1" }),
38335                        v.filter((f) => f.id !== "calibration" && f.id !== "final-test" && f.id !== "automotive").map((f) => {
38336                          const y = h.has(f.id);
38337                          return /* @__PURE__ */ a(
38338                            "label",
38339                            {
38340                              className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors",
38341                              children: [
38342                                /* @__PURE__ */ e(
38343                                  "input",
38344                                  {
38345                                    type: "checkbox",
38346                                    checked: y,
38347                                    onChange: () => {
38348                                      x((I) => {
38349                                        const D = new Set(I);
38350                                        return y ? D.delete(f.id) : D.add(f.id), D;
38351                                      });
38352                                    },
38353                                    className: "hidden"
38354                                  }
38355                                ),
38356                                /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${y ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: y && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
38357                                /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${y ? "text-slate-950" : "text-gray-500"}`, children: f.id === "305at4r20s" ? "305AT4R2-S" : f.id === "sensing" ? "통합 검사 설비" : f.id === "o300" ? "O300" : f.title === "AR/VR Glass Active Align 설비" ? "AR/VR Glass Active Align" : f.title })
38358                              ]
38359                            },
38360                            f.id
38361                          );
38362                        })
38363                      ]
38364                    }
38365                  )
38366                ] }, u);
38367              }) }),
38368              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
38369                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: w.length }),
38370                /* @__PURE__ */ e("span", { children: "개 결과" }),
38371                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
38372                /* @__PURE__ */ a("div", { className: "relative", children: [
38373                  /* @__PURE__ */ a(
38374                    "button",
38375                    {
38376                      onClick: () => d((u) => !u),
38377                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
38378                      children: [
38379                        s,
38380                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${o ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
38381                      ]
38382                    }
38383                  ),
38384                  o && /* @__PURE__ */ e(
38385                    m.div,
38386                    {
38387                      initial: { opacity: 0, y: -6, scale: 0.97 },
38388                      animate: { opacity: 1, y: 0, scale: 1 },
38389                      exit: { opacity: 0, y: -6, scale: 0.97 },
38390                      transition: { duration: 0.15, ease: "easeOut" },
38391                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
38392                      children: ["추천순", "최신순"].map((u) => /* @__PURE__ */ e(
38393                        "button",
38394                        {
38395                          onClick: () => {
38396                            l(u), d(!1);
38397                          },
38398                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${s === u ? "text-slate-950 font-bold" : "text-gray-500"}`,
38399                          children: u
38400                        },
38401                        u
38402                      ))
38403                    }
38404                  )
38405                ] })
38406              ] })
38407            ] })
38408          ] })
38409        }
38410      ),
38411      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(
38412        m.div,
38413        {
38414          initial: { opacity: 0, y: 20 },
38415          animate: { opacity: 1, y: 0 },
38416          transition: { duration: 0.3 },
38417          className: "space-y-24",
38418          children: (() => {
38419            const u = {
38420              "lidar-aa-1": {
38421                image: "https://furonteer.com/v1/data/files/products/f4d006ea1f57568f430456c65641b07anyCTJ.jpg",
38422                imageClass: "w-full h-full object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-105"
38423              },
38424              da500: {
38425                image: "https://cdn.imweb.me/thumbnail/20230427/d442aeb637022.png",
38426                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38427              },
38428              da100: {
38429                image: "https://cdn.imweb.me/thumbnail/20230427/0109b4b938b5e.png",
38430                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38431              },
38432              a1000: {
38433                image: "https://cdn.imweb.me/thumbnail/20230427/ab9a96e1a7491.png",
38434                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38435              },
38436              a800: {
38437                image: "https://cdn.imweb.me/thumbnail/20230426/fe262368a107c.png",
38438                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38439              },
38440              a700: {
38441                image: "https://cdn.imweb.me/thumbnail/20230426/eaaeabf367647.png",
38442                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38443              },
38444              f300: {
38445                image: "https://cdn.imweb.me/thumbnail/20230427/93ef7d9037e85.png",
38446                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38447              },
38448              f150: {
38449                image: Uc,
38450                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38451              },
38452              at200: {
38453                image: "https://cdn.imweb.me/thumbnail/20230515/bb6c69f882dad.png",
38454                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38455              },
38456              rt300: {
38457                image: "https://cdn.imweb.me/thumbnail/20230426/700beefbb7c57.png",
38458                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38459              },
38460              dc200: {
38461                image: _c,
38462                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38463              },
38464              c500v: {
38465                image: Wc,
38466                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38467              },
38468              dc300: {
38469                image: zc,
38470                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38471              },
38472              mc300: {
38473                image: Bc,
38474                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38475              },
38476              c170v: {
38477                image: "https://cdn.imweb.me/thumbnail/20230427/8c73eea308961.png",
38478                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38479              },
38480              "305at4r20s": {
38481                image: jc,
38482                displayTitle: "305AT4R2-S",
38483                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38484              },
38485              "307at2v": {
38486                image: Ec,
38487                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38488              },
38489              t200v: {
38490                image: Rc,
38491                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38492              },
38493              t300v: {
38494                image: Fc,
38495                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38496              },
38497              t300: {
38498                image: "https://cdn.imweb.me/thumbnail/20230427/c1b7739427685.png",
38499                imageClass: "w-full h-full object-contain rounded-[20px] p-4"
38500              },
38501              sensing: {
38502                image: g6,
38503                displayTitle: "통합 검사 설비",
38504                imageClass: "w-full h-full object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-105"
38505              },
38506              o300: {
38507                image: Gc,
38508                imageClass: "w-full h-full object-contain p-4"
38509              }
38510            }, A = ["Dual/Triple Active Align", "통합 검사 설비", "Focusing", "Calibration", "Final Image Test"].map((N, f) => {
38511              const y = w.filter((I) => I.category === N);
38512              return { id: f + 1, title: N, products: y };
38513            }).filter((N) => N.products.length > 0);
38514            return A.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px]", children: "검색 결과가 없습니다." }) }) : A.map((N) => /* @__PURE__ */ a("div", { id: N.title, className: "scroll-mt-32 -mt-10", children: [
38515              /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-sans", children: N.title === "통합 검사 설비" ? "Integrated Inspection" : N.title === "Dual/Triple Active Align" ? "Active Align (Dual/Triple)" : N.title }) }),
38516              /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: (N.title === "통합 검사 설비" ? N.products.filter((f) => f.id === "sensing") : N.products).map((f) => f.id === "calibration" || f.id === "final-test" ? null : (() => {
38517                const y = u[f.id], I = y?.image ?? f.image, D = y?.displayTitle ?? f.title, P = y?.imageClass ?? "w-full h-full object-contain rounded-[20px] p-4";
38518                return /* @__PURE__ */ a(
38519                  m.div,
38520                  {
38521                    initial: { opacity: 0, scale: 0.95 },
38522                    whileInView: { opacity: 1, scale: 1 },
38523                    viewport: { once: !0 },
38524                    transition: { duration: 0.4 },
38525                    onClick: () => {
38526                      window.location.hash = f.id === "lidar-aa-1" ? "/product/lidar-aa-1" : f.id === "ar-vr-active-align" ? "/products/ccm/active-align" : "/products/ccm/" + f.id, window.scrollTo({ top: 0, behavior: "smooth" });
38527                    },
38528                    className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
38529                    children: [
38530                      /* @__PURE__ */ e("div", { className: "h-[216px] flex items-center justify-center mb-6 bg-white rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
38531                        S,
38532                        {
38533                          src: f.id === "v5utc" ? "https://cdn.imweb.me/thumbnail/20230427/f51b50dc19b32.png" : I,
38534                          alt: D,
38535                          className: P
38536                        }
38537                      ) }),
38538                      /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
38539                        /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-900 leading-tight mb-4 font-sans mt-2", children: D === "AR/VR Glass Active Align 설비" ? "AR/VR Glass Active Align" : D }),
38540                        /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
38541                          "button",
38542                          {
38543                            onClick: (k) => {
38544                              k.stopPropagation(), window.location.hash = f.id === "lidar-aa-1" ? "/product/lidar-aa-1" : f.id === "ar-vr-active-align" ? "/products/ccm/active-align" : "/products/ccm/" + f.id, window.scrollTo({ top: 0, behavior: "smooth" });
38545                            },
38546                            className: "px-6 py-2.5 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors shadow-sm",
38547                            children: /* @__PURE__ */ e("span", { className: "text-[13px]", children: "자세히 보기" })
38548                          }
38549                        ) })
38550                      ] })
38551                    ]
38552                  },
38553                  f.id
38554                );
38555              })()) })
38556            ] }, N.title));
38557          })()
38558        },
38559        t
38560      ) })
38561    ] })
38562  ] });
38563}
38564const b6 = globalThis.__GLOBALS__.getAssetURL("a528507a05660ad5178079782cebd5e0bcedebdf.png");
38565function y6() {
38566  const [t, i] = C("all"), [n, r] = C(null), [s, l] = C(/* @__PURE__ */ new Set()), [o, d] = C(!1), [c, p] = C("추천순"), h = [
38567    {
38568      id: "hbsi-130",
38569      title: "HBSI-130",
38570      subtitle: "Syringe Inspection",
38571      category: "Inspection",
38572      image: "https://images.unsplash.com/photo-1752842350772-2921657e50d7?auto=format&fit=crop&q=80&w=1080",
38573      description: "AI-based inspection for syringe defects including particles, leaks, and cosmetic flaws to ensure 0% defect rate."
38574    },
38575    {
38576      id: "hbsi-50",
38577      title: "HBSI-50",
38578      subtitle: "Vial Inspection",
38579      category: "Inspection",
38580      image: "https://images.unsplash.com/photo-1766297246929-3b69ca8b175c?auto=format&fit=crop&q=80&w=1080",
38581      description: "High-speed vision inspection for vials containing vaccines and liquid medicines, ensuring seal integrity and purity."
38582    },
38583    {
38584      id: "frcs500",
38585      title: "FrCS500",
38586      subtitle: "Diagnostic Kit Assembly",
38587      category: "Inspection",
38588      image: "https://images.unsplash.com/photo-1576669801838-1b1c52121e6a?auto=format&fit=crop&q=80&w=1080",
38589      description: "Automated assembly and inspection for rapid antigen test kits, verifying precise component placement."
38590    },
38591    {
38592      id: "wafer-aoi",
38593      title: "AOI500",
38594      subtitle: "Semiconductor Inspection",
38595      category: "Wafer Inspection",
38596      image: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
38597      description: "웨이퍼 패턴 결함 및 미세 이물을 초정밀 광학 시스템으로 전수 검사하는 반도체용 AOI 솔루션입니다.",
38598      path: "/products/aoi-500"
38599    }
38600  ], x = (t === "all" ? h : h.filter((g) => g.category === t)).filter((g) => s.size === 0 || s.has(g.id)), b = ["all", "Wafer Inspection", "Inspection", "Assembly"];
38601  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
38602    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
38603      m.div,
38604      {
38605        initial: { opacity: 0, y: 30 },
38606        animate: { opacity: 1, y: 0 },
38607        transition: { duration: 0.6 },
38608        className: "flex flex-col gap-8",
38609        children: [
38610          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
38611            /* @__PURE__ */ e("span", { children: "Home" }),
38612            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
38613            /* @__PURE__ */ e("span", { children: "Products" }),
38614            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
38615            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "Automated Optical Inspection" })
38616          ] }),
38617          /* @__PURE__ */ a("div", { children: [
38618            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "Automated Optical Inspection" }),
38619            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Precision Inspection Solutions for Patient Safety" })
38620          ] }),
38621          /* @__PURE__ */ e(
38622            m.div,
38623            {
38624              initial: { opacity: 0, scale: 0.95 },
38625              animate: { opacity: 1, scale: 1 },
38626              transition: { duration: 0.8, delay: 0.2 },
38627              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
38628              children: /* @__PURE__ */ e(
38629                S,
38630                {
38631                  src: b6,
38632                  alt: "Bio Pharmaceutical Technology",
38633                  className: "w-full h-full object-cover"
38634                }
38635              )
38636            }
38637          )
38638        ]
38639      }
38640    ) }),
38641    /* @__PURE__ */ a("section", { className: "py-10 px-6 max-w-7xl mx-auto", children: [
38642      /* @__PURE__ */ e(
38643        m.div,
38644        {
38645          initial: { opacity: 0, y: 20 },
38646          whileInView: { opacity: 1, y: 0 },
38647          viewport: { once: !0 },
38648          transition: { duration: 0.6 },
38649          className: "flex flex-col gap-10 mb-16 pb-10",
38650          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
38651            /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }),
38652            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
38653            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
38654              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: b.map((g) => {
38655                const w = h.filter((A) => A.category === g), u = t === g, v = n === g;
38656                return /* @__PURE__ */ a("div", { className: "relative", children: [
38657                  /* @__PURE__ */ a(
38658                    "button",
38659                    {
38660                      onClick: () => {
38661                        i(g), l(/* @__PURE__ */ new Set()), r(g === "all" || v ? null : g);
38662                      },
38663                      className: `px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${u ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
38664                      children: [
38665                        g === "all" ? "All Products" : g === "Inspection" ? "Syringe Inspection" : g === "Assembly" ? "Vial Inspection" : g,
38666                        g !== "all" && /* @__PURE__ */ e(
38667                          "svg",
38668                          {
38669                            className: `w-3 h-3 transition-transform duration-200 ${v ? "rotate-180" : ""}`,
38670                            fill: "none",
38671                            stroke: "currentColor",
38672                            viewBox: "0 0 24 24",
38673                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
38674                          }
38675                        )
38676                      ]
38677                    }
38678                  ),
38679                  g !== "all" && v && w.length > 0 && /* @__PURE__ */ a(
38680                    m.div,
38681                    {
38682                      initial: { opacity: 0, y: -6, scale: 0.97 },
38683                      animate: { opacity: 1, y: 0, scale: 1 },
38684                      exit: { opacity: 0, y: -6, scale: 0.97 },
38685                      transition: { duration: 0.15, ease: "easeOut" },
38686                      className: "absolute left-0 top-full mt-2 bg-white border border-slate-200 rounded-2xl shadow-xl py-2 z-50 min-w-[180px]",
38687                      children: [
38688                        /* @__PURE__ */ a("label", { className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors group", children: [
38689                          /* @__PURE__ */ e(
38690                            "input",
38691                            {
38692                              type: "checkbox",
38693                              checked: s.size === 0,
38694                              onChange: () => l(/* @__PURE__ */ new Set()),
38695                              className: "hidden"
38696                            }
38697                          ),
38698                          /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${s.size === 0 ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: s.size === 0 && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
38699                          /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${s.size === 0 ? "text-slate-950" : "text-gray-500"}`, children: "전체" })
38700                        ] }),
38701                        /* @__PURE__ */ e("div", { className: "border-t border-slate-100 my-1" }),
38702                        w.map((A) => {
38703                          const N = s.has(A.id);
38704                          return /* @__PURE__ */ a(
38705                            "label",
38706                            {
38707                              className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors",
38708                              children: [
38709                                /* @__PURE__ */ e(
38710                                  "input",
38711                                  {
38712                                    type: "checkbox",
38713                                    checked: N,
38714                                    onChange: () => {
38715                                      l((f) => {
38716                                        const y = new Set(f);
38717                                        return N ? y.delete(A.id) : y.add(A.id), y;
38718                                      });
38719                                    },
38720                                    className: "hidden"
38721                                  }
38722                                ),
38723                                /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${N ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: N && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
38724                                /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${N ? "text-slate-950" : "text-gray-500"}`, children: A.title })
38725                              ]
38726                            },
38727                            A.id
38728                          );
38729                        })
38730                      ]
38731                    }
38732                  )
38733                ] }, g);
38734              }) }),
38735              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
38736                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: x.length }),
38737                /* @__PURE__ */ e("span", { children: "개 결과" }),
38738                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
38739                /* @__PURE__ */ a("div", { className: "relative", children: [
38740                  /* @__PURE__ */ a(
38741                    "button",
38742                    {
38743                      onClick: () => d((g) => !g),
38744                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
38745                      children: [
38746                        c,
38747                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${o ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
38748                      ]
38749                    }
38750                  ),
38751                  o && /* @__PURE__ */ e(
38752                    m.div,
38753                    {
38754                      initial: { opacity: 0, y: -6, scale: 0.97 },
38755                      animate: { opacity: 1, y: 0, scale: 1 },
38756                      exit: { opacity: 0, y: -6, scale: 0.97 },
38757                      transition: { duration: 0.15, ease: "easeOut" },
38758                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
38759                      children: ["추천순", "최신순"].map((g) => /* @__PURE__ */ e(
38760                        "button",
38761                        {
38762                          onClick: () => {
38763                            p(g), d(!1);
38764                          },
38765                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${c === g ? "text-slate-950 font-bold" : "text-gray-500"}`,
38766                          children: g
38767                        },
38768                        g
38769                      ))
38770                    }
38771                  )
38772                ] })
38773              ] })
38774            ] })
38775          ] })
38776        }
38777      ),
38778      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(
38779        m.div,
38780        {
38781          initial: { opacity: 0, y: 20 },
38782          animate: { opacity: 1, y: 0 },
38783          transition: { duration: 0.3 },
38784          className: "space-y-24",
38785          children: (() => {
38786            const w = ["Wafer Inspection", "Inspection", "Assembly"].map((u, v) => {
38787              const A = x.filter((N) => N.category === u);
38788              return { id: v + 1, title: u, products: A };
38789            }).filter((u) => u.products.length > 0);
38790            return w.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px] font-bold", children: "To Be Updated" }) }) : w.map((u) => /* @__PURE__ */ a("div", { className: "scroll-mt-32", children: [
38791              /* @__PURE__ */ e("div", { className: "flex items-end gap-6 mb-10 border-b border-gray-100 pb-6", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-[Aoboshi_One]", children: u.title === "Inspection" ? "Syringe Inspection" : u.title === "Assembly" ? "Vial Inspection" : u.title === "Wafer Inspection" ? "Wafer Inspection" : u.title }) }),
38792              /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: u.products.map((v) => /* @__PURE__ */ a(
38793                m.div,
38794                {
38795                  onClick: () => {
38796                    if (v.id === "wafer-aoi") {
38797                      window.location.hash = v.path || "/products/aoi-500";
38798                      return;
38799                    }
38800                    switch (v.id) {
38801                      case "hbsi-130":
38802                        window.location.hash = "/product/hbsi130";
38803                        break;
38804                      case "hbsi-50":
38805                        window.location.hash = "/product/hbsi-50";
38806                        break;
38807                      case "frcs500":
38808                        window.location.hash = "/product/frcs500";
38809                        break;
38810                    }
38811                  },
38812                  initial: { opacity: 0, scale: 0.95 },
38813                  whileInView: { opacity: 1, scale: 1 },
38814                  viewport: { once: !0 },
38815                  transition: { duration: 0.4 },
38816                  className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
38817                  children: [
38818                    /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-gray-50 rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
38819                      S,
38820                      {
38821                        src: v.id === "wafer-aoi" ? Da : v.title === "FrCS500" ? "https://cdn.imweb.me/thumbnail/20250217/1bbfed85841bc.jpg" : v.title === "HBSI-50" ? "https://cdn.imweb.me/thumbnail/20260128/481d8f4865570.jpg" : v.title === "HBSI-130" ? "https://cdn.imweb.me/thumbnail/20250923/f150b0e43ebe7.jpg" : v.image,
38822                        alt: v.title,
38823                        className: "w-full h-full object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-105"
38824                      }
38825                    ) }),
38826                    /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
38827                      /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight mb-4 font-sans text-[20px] mt-2", children: v.title }),
38828                      /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
38829                        "button",
38830                        {
38831                          onClick: (A) => {
38832                            if (A.stopPropagation(), v.id === "wafer-aoi") {
38833                              window.location.hash = v.path || "/products/aoi-500";
38834                              return;
38835                            }
38836                            switch (v.id) {
38837                              case "hbsi-130":
38838                                window.location.hash = "/products/hbsi-130";
38839                                break;
38840                              case "hbsi-50":
38841                                window.location.hash = "/products/hbsi-50";
38842                                break;
38843                              case "frcs500":
38844                                window.location.hash = "/products/frcs-500";
38845                                break;
38846                            }
38847                          },
38848                          className: "px-6 py-2.5 rounded-full text-white flex items-center justify-center transition-colors shadow-sm bg-[#000000] hover:bg-gray-800",
38849                          children: /* @__PURE__ */ e("span", { className: "text-[12px] font-bold", children: "자세히 보기" })
38850                        }
38851                      ) })
38852                    ] })
38853                  ]
38854                },
38855                v.id
38856              )) })
38857            ] }, u.title));
38858          })()
38859        },
38860        t
38861      ) })
38862    ] })
38863  ] });
38864}
38865function w6() {
38866  const [t, i] = C("all"), n = [
38867    {
38868      id: "frontend",
38869      title: "FRONT-END",
38870      subtitle: "Wafer Pattern Inspection",
38871      category: "Front-End",
38872      image: "https://images.unsplash.com/photo-1693932038683-7c35401f5307?auto=format&fit=crop&q=80&w=1080",
38873      description: "Nano-level inspection for circuit patterns, detecting micro-cracks and particles during wafer fabrication."
38874    },
38875    {
38876      id: "backend",
38877      title: "BACK-END",
38878      subtitle: "Packaging Inspection",
38879      category: "Back-End",
38880      image: "https://images.unsplash.com/photo-1616837607830-712b0bd32523?auto=format&fit=crop&q=80&w=1080",
38881      description: "High-speed verification of die placement, bump integrity, and wire bonding in semiconductor packaging."
38882    },
38883    {
38884      id: "cis",
38885      title: "CIS",
38886      subtitle: "Image Sensor Inspection",
38887      category: "Front-End",
38888      image: "https://images.unsplash.com/photo-1662776704670-ba57453dfb47?auto=format&fit=crop&q=80&w=1080",
38889      description: "Specialized optical analysis for CMOS Image Sensors, identifying pixel defects and subsurface particles."
38890    },
38891    {
38892      id: "power",
38893      title: "POWER SEMI",
38894      subtitle: "SiC / GaN Inspection",
38895      category: "Front-End",
38896      image: "https://images.unsplash.com/photo-1652724933904-37f1fc1170ad?auto=format&fit=crop&q=80&w=1080",
38897      description: "AI-driven defect detection for next-gen power semiconductors like SiC and GaN wafers."
38898    },
38899    {
38900      id: "memory",
38901      title: "MEMORY",
38902      subtitle: "DRAM & NAND Flash",
38903      category: "Front-End",
38904      image: "https://images.unsplash.com/photo-1686195165991-74af7c2918d5?auto=format&fit=crop&q=80&w=1080",
38905      description: "Yield monitoring for high-density memory chips through precise pattern measurement."
38906    },
38907    {
38908      id: "ddi",
38909      title: "DDI",
38910      subtitle: "Display Driver IC",
38911      category: "Back-End",
38912      image: "https://images.unsplash.com/photo-1627694743581-f31765d5c631?auto=format&fit=crop&q=80&w=1080",
38913      description: "Integrity inspection for display driver ICs to ensure perfect screen performance for mobile and TV."
38914    }
38915  ], r = t === "all" ? n : n.filter((l) => l.category === t), s = ["all", "Front-End", "Back-End"];
38916  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
38917    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
38918      m.div,
38919      {
38920        initial: { opacity: 0, y: 30 },
38921        animate: { opacity: 1, y: 0 },
38922        transition: { duration: 0.6 },
38923        className: "flex flex-col gap-8",
38924        children: [
38925          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
38926            /* @__PURE__ */ e("span", { children: "Home" }),
38927            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
38928            /* @__PURE__ */ e("span", { children: "Products" }),
38929            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
38930            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "Semiconductor" })
38931          ] }),
38932          /* @__PURE__ */ a("div", { children: [
38933            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "SEMICONDUCTOR" }),
38934            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Wafer AOI Inspection Solutions for Zero Defects" })
38935          ] }),
38936          /* @__PURE__ */ e(
38937            m.div,
38938            {
38939              initial: { opacity: 0, scale: 0.95 },
38940              animate: { opacity: 1, scale: 1 },
38941              transition: { duration: 0.8, delay: 0.2 },
38942              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
38943              children: /* @__PURE__ */ e(
38944                S,
38945                {
38946                  src: Sp,
38947                  alt: "Wafer AOI Technology",
38948                  className: "w-full h-full object-cover"
38949                }
38950              )
38951            }
38952          )
38953        ]
38954      }
38955    ) }),
38956    /* @__PURE__ */ a("section", { className: "py-24 px-6 max-w-7xl mx-auto", children: [
38957      /* @__PURE__ */ e(
38958        m.div,
38959        {
38960          initial: { opacity: 0, y: 20 },
38961          whileInView: { opacity: 1, y: 0 },
38962          viewport: { once: !0 },
38963          transition: { duration: 0.6 },
38964          className: "flex flex-col gap-10 mb-16 border-b border-gray-200 pb-10",
38965          children: /* @__PURE__ */ a("div", { className: "flex flex-col lg:flex-row lg:items-end justify-between gap-8", children: [
38966            /* @__PURE__ */ a("div", { children: [
38967              /* @__PURE__ */ e("h2", { className: "text-[40px] font-bold text-slate-950 font-sans mb-6", children: "Key Products" }),
38968              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 mt-12", children: s.map((l) => /* @__PURE__ */ e(
38969                "button",
38970                {
38971                  onClick: () => i(l),
38972                  className: `px-8 py-3 rounded-full text-[14px] font-bold transition-all ${t === l ? "bg-slate-950 text-white shadow-md" : "bg-gray-100 text-gray-600 hover:bg-gray-200"} ${l === "Back-End" ? "hidden" : ""}`,
38973                  children: l === "all" ? "All Products" : l
38974                },
38975                l
38976              )) })
38977            ] }),
38978            /* @__PURE__ */ a("div", { className: "text-gray-500 text-[16px] font-medium font-sans text-right mb-3", children: [
38979              "Total ",
38980              /* @__PURE__ */ e("span", { className: "text-[#003D7A] font-bold ml-1", children: r.length }),
38981              " items"
38982            ] })
38983          ] })
38984        }
38985      ),
38986      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(
38987        m.div,
38988        {
38989          initial: { opacity: 0, y: 20 },
38990          animate: { opacity: 1, y: 0 },
38991          transition: { duration: 0.3 },
38992          className: "space-y-24",
38993          children: (() => {
38994            const o = ["Front-End", "Back-End"].map((d, c) => {
38995              const p = r.filter((h) => h.category === d);
38996              return { id: c + 1, title: d, products: p };
38997            }).filter((d) => d.products.length > 0);
38998            return o.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px]", children: "검색 결과가 없습니다." }) }) : o.map((d) => /* @__PURE__ */ e("div", { className: "scroll-mt-32", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: d.products.filter((c) => c.id === "frontend").map((c) => /* @__PURE__ */ a(
38999              m.div,
39000              {
39001                initial: { opacity: 0, scale: 0.95 },
39002                whileInView: { opacity: 1, scale: 1 },
39003                viewport: { once: !0 },
39004                transition: { duration: 0.4 },
39005                className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
39006                children: [
39007                  /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-white rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
39008                    S,
39009                    {
39010                      src: c.id === "frontend" ? Da : c.image,
39011                      alt: c.title,
39012                      className: "w-full h-full object-contain p-4 transition-transform duration-500 group-hover:scale-105"
39013                    }
39014                  ) }),
39015                  /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
39016                    /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-900 leading-tight mb-4 font-sans mt-2", children: c.id === "frontend" ? "AOI500" : c.title }),
39017                    /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
39018                      "button",
39019                      {
39020                        onClick: (p) => {
39021                          p.stopPropagation(), window.location.hash = "/products/aoi-500";
39022                        },
39023                        className: "px-6 py-2.5 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors shadow-sm",
39024                        children: /* @__PURE__ */ e("span", { className: "text-[13px] font-bold", children: "자세히 보기" })
39025                      }
39026                    ) })
39027                  ] })
39028                ]
39029              },
39030              c.id
39031            )) }) }, d.title));
39032          })()
39033        },
39034        t
39035      ) })
39036    ] })
39037  ] });
39038}
39039const v6 = globalThis.__GLOBALS__.getAssetURL("fd40600893f76bd4277f23429c352570da88fc91.png");
39040function N6() {
39041  const t = v6, i = [
39042    {
39043      title: "파우치 성형",
39044      description: "고정밀 금형을 이용한 파우치 외장 성형 기술",
39045      icon: De
39046    },
39047    {
39048      title: "실링 기술",
39049      description: "진공 상태에서의 완벽한 전해액 주입 및 실링",
39050      icon: yt
39051    },
39052    {
39053      title: "Tab 용접",
39054      description: "초음파 용접을 통한 리드 탭(Lead Tab) 접합",
39055      icon: de
39056    }
39057  ], n = [
39058    "전기 자동차 (EV)",
39059    "에너지 저장 시스템 (ESS)",
39060    "그 외 소형 전자기기, 전동 공구, 로봇 시스템 등",
39061    "전기적 성능 테스트, 충방전, 열관리 테스트 등"
39062  ];
39063  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
39064    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
39065      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
39066        /* @__PURE__ */ e(
39067          S,
39068          {
39069            src: t,
39070            alt: "Pouch Module & Pack Assembly Line",
39071            className: "w-full h-full object-cover"
39072          }
39073        ),
39074        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
39075      ] }),
39076      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
39077        m.div,
39078        {
39079          initial: { opacity: 0, x: -30 },
39080          animate: { opacity: 1, x: 0 },
39081          transition: { duration: 0.6 },
39082          children: [
39083            /* @__PURE__ */ a(
39084              m.h1,
39085              {
39086                className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]",
39087                initial: { opacity: 0, y: 20 },
39088                animate: { opacity: 1, y: 0 },
39089                transition: { duration: 0.6, delay: 0.1 },
39090                children: [
39091                  "파우치형 Module & Pack",
39092                  /* @__PURE__ */ e("br", {}),
39093                  "조립, 검사 라인"
39094                ]
39095              }
39096            ),
39097            /* @__PURE__ */ e(
39098              m.p,
39099              {
39100                className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans",
39101                initial: { opacity: 0, y: 20 },
39102                animate: { opacity: 1, y: 0 },
39103                transition: { duration: 0.6, delay: 0.25 },
39104                children: "Pouch Type Module & Pack Assembly Line"
39105              }
39106            ),
39107            /* @__PURE__ */ e("div", { className: "h-0 overflow-hidden invisible", children: i.map((r, s) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 min-w-[100px]", children: [
39108              /* @__PURE__ */ e("div", { className: "p-0 text-blue-300", children: /* @__PURE__ */ e(r.icon, { className: "w-8 h-8", strokeWidth: 1.5 }) }),
39109              /* @__PURE__ */ a("div", { children: [
39110                /* @__PURE__ */ e("h3", { className: "font-bold text-white text-[15px] mb-1", children: r.title }),
39111                /* @__PURE__ */ a("p", { className: "text-[13px] text-white/60 leading-tight", children: [
39112                  r.description.split(" ").slice(0, 3).join(" "),
39113                  "..."
39114                ] })
39115              ] })
39116            ] }, s)) }),
39117            /* @__PURE__ */ a(
39118              m.p,
39119              {
39120                className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]",
39121                initial: { opacity: 0, y: 20 },
39122                animate: { opacity: 1, y: 0 },
39123                transition: { duration: 0.6, delay: 0.4 },
39124                children: [
39125                  "HyVISION의 파우치형 배터리 솔루션은 셀 적층부터 모듈 조립, 팩 패키징까지",
39126                  /* @__PURE__ */ e("br", {}),
39127                  "전 공정에 걸친 자동화 시스템을 제공합니다."
39128                ]
39129              }
39130            ),
39131            /* @__PURE__ */ e(
39132              m.div,
39133              {
39134                className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]",
39135                initial: { opacity: 0, y: 20 },
39136                animate: { opacity: 1, y: 0 },
39137                transition: { duration: 0.6, delay: 0.55 },
39138                children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
39139                  /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
39140                  /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
39141                ] })
39142              }
39143            )
39144          ]
39145        }
39146      ) }) })
39147    ] }),
39148    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
39149      m.div,
39150      {
39151        initial: { opacity: 0, y: 30 },
39152        whileInView: { opacity: 1, y: 0 },
39153        viewport: { once: !0, margin: "-100px" },
39154        transition: { duration: 0.6 },
39155        children: [
39156          /* @__PURE__ */ e(
39157            m.h2,
39158            {
39159              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
39160              initial: { opacity: 0, x: -24 },
39161              whileInView: { opacity: 1, x: 0 },
39162              viewport: { once: !0, margin: "-80px" },
39163              transition: { duration: 0.5, delay: 0.1 },
39164              children: "제품 사양"
39165            }
39166          ),
39167          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
39168            /* @__PURE__ */ a(
39169              m.div,
39170              {
39171                initial: { opacity: 0, y: 24 },
39172                whileInView: { opacity: 1, y: 0 },
39173                viewport: { once: !0, margin: "-80px" },
39174                transition: { duration: 0.5, delay: 0.1 },
39175                children: [
39176                  /* @__PURE__ */ a(
39177                    m.h3,
39178                    {
39179                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
39180                      style: { fontWeight: 700 },
39181                      initial: { opacity: 0, y: 10 },
39182                      whileInView: { opacity: 1, y: 0 },
39183                      viewport: { once: !0 },
39184                      transition: { duration: 0.4, delay: 0.1 },
39185                      children: [
39186                        "주요 특징 ",
39187                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
39188                      ]
39189                    }
39190                  ),
39191                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
39192                    /* @__PURE__ */ e(
39193                      m.p,
39194                      {
39195                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px]",
39196                        initial: { opacity: 0, y: 12 },
39197                        whileInView: { opacity: 1, y: 0 },
39198                        viewport: { once: !0 },
39199                        transition: { duration: 0.5, delay: 0.4 },
39200                        children: "셀 적층부터 팩 패키징까지 전 공정 자동화 솔루션"
39201                      }
39202                    ),
39203                    /* @__PURE__ */ e(
39204                      m.p,
39205                      {
39206                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans",
39207                        initial: { opacity: 0, y: 12 },
39208                        whileInView: { opacity: 1, y: 0 },
39209                        viewport: { once: !0 },
39210                        transition: { duration: 0.5, delay: 0.55 },
39211                        children: "HyVISION의 파우치형 배터리 솔루션은 셀 적층부터 모듈 조립, 팩 패키징까지 전 공정에 걸친 자동화 시스템을 제공합니다."
39212                      }
39213                    )
39214                  ] }),
39215                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
39216                    { title: "모듈 적층 및 핫 멜트 도포", description: "모듈 적층 및 핫 멜트 도포 공정 기술" },
39217                    { title: "용접 기술", description: "레이저 용접 및 용접 검사 내재화 기술" },
39218                    { title: "모듈 조립 검사", description: "모듈 조립 검사 (전 공정 자체 개발)" }
39219                  ].map((r, s) => /* @__PURE__ */ a(
39220                    m.div,
39221                    {
39222                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
39223                      initial: { opacity: 0, y: 16 },
39224                      whileInView: { opacity: 1, y: 0 },
39225                      viewport: { once: !0 },
39226                      transition: { duration: 0.4, delay: 0.1 + s * 0.07 },
39227                      children: [
39228                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
39229                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
39230                            s + 1,
39231                            "."
39232                          ] }),
39233                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: r.title })
39234                        ] }),
39235                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: r.description })
39236                      ]
39237                    },
39238                    s
39239                  )) }) })
39240                ]
39241              }
39242            ),
39243            /* @__PURE__ */ a(
39244              m.div,
39245              {
39246                initial: { opacity: 0, y: 24 },
39247                whileInView: { opacity: 1, y: 0 },
39248                viewport: { once: !0, margin: "-80px" },
39249                transition: { duration: 0.5, delay: 0.1 },
39250                children: [
39251                  /* @__PURE__ */ e(
39252                    m.h3,
39253                    {
39254                      className: "text-[18px] font-bold text-slate-950 mb-4",
39255                      initial: { opacity: 0, x: -16 },
39256                      whileInView: { opacity: 1, x: 0 },
39257                      viewport: { once: !0, margin: "-60px" },
39258                      transition: { duration: 0.4, delay: 0.15 },
39259                      children: "검사 항목 (Inspection Item)"
39260                    }
39261                  ),
39262                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
39263                    {
39264                      group: "공정 1",
39265                      items: ["Cell 검사", "Cell Stacking", "Busbar 조립", "Top Cover 조립"]
39266                    },
39267                    {
39268                      group: "공정 2",
39269                      items: ["리드 밴딩", "리드 용접", "볼트 체결", "외관 검사"]
39270                    },
39271                    {
39272                      group: "공정 3",
39273                      items: ["내전압 검사", "절연저항 검사", "EOL 검사", "제품 포장"]
39274                    }
39275                  ].map((r, s) => /* @__PURE__ */ e(
39276                    m.div,
39277                    {
39278                      initial: { opacity: 0, y: 16 },
39279                      whileInView: { opacity: 1, y: 0 },
39280                      viewport: { once: !0, margin: "-60px" },
39281                      transition: { duration: 0.45, delay: 0.15 + s * 0.1 },
39282                      className: "flex flex-col gap-2",
39283                      children: r.items.map((l, o) => /* @__PURE__ */ a(
39284                        m.div,
39285                        {
39286                          className: "flex items-center gap-3 text-gray-700 text-[15px]",
39287                          initial: { opacity: 0, x: -12 },
39288                          whileInView: { opacity: 1, x: 0 },
39289                          viewport: { once: !0, margin: "-40px" },
39290                          transition: { duration: 0.4, delay: 0.1 + s * 0.1 + o * 0.06 },
39291                          children: [
39292                            /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
39293                            l
39294                          ]
39295                        },
39296                        o
39297                      ))
39298                    },
39299                    s
39300                  )) }) })
39301                ]
39302              }
39303            ),
39304            /* @__PURE__ */ a(
39305              m.div,
39306              {
39307                initial: { opacity: 0, y: 24 },
39308                whileInView: { opacity: 1, y: 0 },
39309                viewport: { once: !0, margin: "-80px" },
39310                transition: { duration: 0.5, delay: 0.1 },
39311                children: [
39312                  /* @__PURE__ */ e(
39313                    m.h3,
39314                    {
39315                      className: "text-[18px] font-bold text-slate-950 mb-4",
39316                      initial: { opacity: 0, x: -16 },
39317                      whileInView: { opacity: 1, x: 0 },
39318                      viewport: { once: !0, margin: "-60px" },
39319                      transition: { duration: 0.4, delay: 0.15 },
39320                      children: "제품 규격 (Dimension)"
39321                    }
39322                  ),
39323                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ a(
39324                    m.div,
39325                    {
39326                      className: "space-y-3",
39327                      initial: { opacity: 0, y: 12 },
39328                      whileInView: { opacity: 1, y: 0 },
39329                      viewport: { once: !0, margin: "-40px" },
39330                      transition: { duration: 0.4, delay: 0.2 },
39331                      children: [
39332                        /* @__PURE__ */ a("div", { className: "flex justify-between items-center border-b border-gray-100 pb-3", children: [
39333                          /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium", children: "Module Assembly" }),
39334                          /* @__PURE__ */ e("span", { className: "font-mono font-bold text-slate-900 ml-auto", children: "73m x 10m x 2.2m" })
39335                        ] }),
39336                        /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 mt-2", children: "* 고객 요구 사항에 따라 변경 가능" })
39337                      ]
39338                    }
39339                  ) })
39340                ]
39341              }
39342            ),
39343            /* @__PURE__ */ a(
39344              m.div,
39345              {
39346                initial: { opacity: 0, y: 24 },
39347                whileInView: { opacity: 1, y: 0 },
39348                viewport: { once: !0, margin: "-80px" },
39349                transition: { duration: 0.5, delay: 0.1 },
39350                children: [
39351                  /* @__PURE__ */ e(
39352                    m.h3,
39353                    {
39354                      className: "text-[18px] font-bold text-slate-950 mb-4",
39355                      initial: { opacity: 0, x: -16 },
39356                      whileInView: { opacity: 1, x: 0 },
39357                      viewport: { once: !0, margin: "-60px" },
39358                      transition: { duration: 0.4, delay: 0.15 },
39359                      children: "적용 분야 (Application)"
39360                    }
39361                  ),
39362                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: n.map((r, s) => {
39363                    const l = (d) => {
39364                      const c = d.toLowerCase();
39365                      return c.includes("전기 자동차") || c.includes("ev") || c.includes("자동차") ? "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80" : c.includes("ess") || c.includes("에너지 저장") || c.includes("energy storage") ? "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?w=600&q=80" : c.includes("태양광") || c.includes("solar") || c.includes("풍력") || c.includes("신재생") ? "https://images.unsplash.com/photo-1764719396584-a53dbeac7db0?w=600&q=80" : c.includes("전동") || c.includes("로봇") || c.includes("robot") || c.includes("산업") ? "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80" : "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80";
39366                    }, o = (d) => {
39367                      const c = d.toLowerCase();
39368                      return c.includes("전기 자동차") || c.includes("ev") || c.includes("자동차") ? "Electric Vehicle Battery" : c.includes("ess") || c.includes("에너지 저장") || c.includes("energy storage") ? "Energy Storage System" : c.includes("태양광") || c.includes("solar") || c.includes("풍력") || c.includes("신재생") ? "Renewable Energy" : c.includes("전동") || c.includes("로봇") || c.includes("robot") || c.includes("산업") ? "Industrial Automation" : "Battery Application";
39369                    };
39370                    return /* @__PURE__ */ a(
39371                      m.div,
39372                      {
39373                        className: "group overflow-hidden",
39374                        initial: { opacity: 0, y: 16 },
39375                        whileInView: { opacity: 1, y: 0 },
39376                        viewport: { once: !0 },
39377                        transition: { duration: 0.4, delay: 0.1 + s * 0.07 },
39378                        children: [
39379                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
39380                            S,
39381                            {
39382                              src: l(r),
39383                              alt: r,
39384                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
39385                            }
39386                          ) }),
39387                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: r }),
39388                          /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: o(r) })
39389                        ]
39390                      },
39391                      s
39392                    );
39393                  }) }) })
39394                ]
39395              }
39396            ),
39397            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
39398              "button",
39399              {
39400                onClick: () => window.history.back(),
39401                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
39402                children: "목록으로"
39403              }
39404            ) })
39405          ] })
39406        ]
39407      }
39408    ) }) }) })
39409  ] });
39410}
39411const A6 = globalThis.__GLOBALS__.getAssetURL("59fe4d9dc8187eff0906b5a919caca7ab063f2ea.png");
39412function I6() {
39413  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
39414    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
39415      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
39416        /* @__PURE__ */ e(
39417          S,
39418          {
39419            src: A6,
39420            alt: "ESS Mega Pack Assembly Line",
39421            className: "w-full h-full object-cover"
39422          }
39423        ),
39424        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
39425      ] }),
39426      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
39427        m.div,
39428        {
39429          initial: { opacity: 0, x: -30 },
39430          animate: { opacity: 1, x: 0 },
39431          transition: { duration: 0.6 },
39432          children: [
39433            /* @__PURE__ */ a("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: [
39434              "ESS Mega Pack",
39435              /* @__PURE__ */ e("br", {}),
39436              "조립 라인"
39437            ] }),
39438            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "ESS Mega Pack Assembly Line" }),
39439            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
39440              "HyVISION의 ESS Mega Pack 솔루션은 대규모 에너지 저장 장치의 조립부터",
39441              /* @__PURE__ */ e("br", {}),
39442              "통합 테스트까지 완벽한 턴키 솔루션을 제공합니다."
39443            ] }),
39444            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
39445              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
39446              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
39447            ] }) })
39448          ]
39449        }
39450      ) }) })
39451    ] }),
39452    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
39453      m.div,
39454      {
39455        initial: { opacity: 0, y: 30 },
39456        whileInView: { opacity: 1, y: 0 },
39457        viewport: { once: !0, margin: "-100px" },
39458        transition: { duration: 0.6 },
39459        children: [
39460          /* @__PURE__ */ e(
39461            m.h2,
39462            {
39463              initial: { opacity: 0, y: 20 },
39464              whileInView: { opacity: 1, y: 0 },
39465              viewport: { once: !0, margin: "-100px" },
39466              transition: { duration: 0.5, delay: 0.1 },
39467              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
39468              children: "제품 사양"
39469            }
39470          ),
39471          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
39472            /* @__PURE__ */ a(
39473              m.div,
39474              {
39475                initial: { opacity: 0, y: 20 },
39476                whileInView: { opacity: 1, y: 0 },
39477                viewport: { once: !0, margin: "-100px" },
39478                transition: { duration: 0.5, delay: 0.15 },
39479                children: [
39480                  /* @__PURE__ */ a(
39481                    m.h3,
39482                    {
39483                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
39484                      style: { fontWeight: 700 },
39485                      initial: { opacity: 0, y: 10 },
39486                      whileInView: { opacity: 1, y: 0 },
39487                      viewport: { once: !0 },
39488                      transition: { duration: 0.4, delay: 0.1 },
39489                      children: [
39490                        "주요 특징 ",
39491                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
39492                      ]
39493                    }
39494                  ),
39495                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
39496                    /* @__PURE__ */ e(
39497                      m.p,
39498                      {
39499                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
39500                        initial: { opacity: 0, y: 12 },
39501                        whileInView: { opacity: 1, y: 0 },
39502                        viewport: { once: !0 },
39503                        transition: { duration: 0.5, delay: 0.4 },
39504                        children: "대규모 에너지 저장 장치의 완벽한 턴키 솔루션"
39505                      }
39506                    ),
39507                    /* @__PURE__ */ a(
39508                      m.p,
39509                      {
39510                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans",
39511                        initial: { opacity: 0, y: 12 },
39512                        whileInView: { opacity: 1, y: 0 },
39513                        viewport: { once: !0 },
39514                        transition: { duration: 0.5, delay: 0.55 },
39515                        children: [
39516                          "리튬인산철 배터리 셀 기반 산업용 ESS 모듈을 자동으로 조립하는 통합 생산 라인입니다.",
39517                          /* @__PURE__ */ e("br", {}),
39518                          "셀 검사부터 자동 적층, 용접, 부품 조립, 최종 성능 검사까지 전 공정을 자동화합니다."
39519                        ]
39520                      }
39521                    )
39522                  ] }),
39523                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-12 px-10", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
39524                    { title: "하부 체결 기반 모듈 고정 공정", description: `Bottom Bolting 구조를 적용하여 배터리 모듈을 하부에서 
39525정밀하게 체결하며 조립 안정성과 구조적 강성을 향상시킵니다.`, bullets: [] },
39526                    { title: "차세대 세로형 적층 기술", description: `Spread Stacking 기반 세로형 셀 적층 구조로
39527공간 활용도를 높이고 에너지 밀도를 극대화합니다.`, bullets: ["· 고정밀 적층 : △1.2mm 이내", "· 초고속 스태킹 : 2 sec / Cell"] },
39528                    { title: "SKID (Precision Cam Press System)", description: `기계식 캠 구조 기반의 정밀 가압 기술을
39529적용하여 안정적인 조립 공정을 구현합니다.`, bullets: ["· 정밀 가압 메커니즘 적용", "· 최대 가압력 : 400 kgf"] },
39530                    { title: "Precision Cell Handling (Vacuum Gripper)", description: `배터리 셀을 안정적으로 흡착·이송하고
39531정밀한 위치 정렬을 구현합니다.`, bullets: [] }
39532                  ].map((i, n) => /* @__PURE__ */ a(
39533                    m.div,
39534                    {
39535                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
39536                      initial: { opacity: 0, y: 16 },
39537                      whileInView: { opacity: 1, y: 0 },
39538                      viewport: { once: !0 },
39539                      transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
39540                      children: [
39541                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
39542                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
39543                            n + 1,
39544                            "."
39545                          ] }),
39546                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: i.title })
39547                        ] }),
39548                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line", children: i.description }),
39549                        i.bullets.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-1 pl-11", children: i.bullets.map((r, s) => /* @__PURE__ */ e("span", { className: "text-gray-500 text-[13px] font-sans", children: r }, s)) })
39550                      ]
39551                    },
39552                    n
39553                  )) }) })
39554                ]
39555              }
39556            ),
39557            /* @__PURE__ */ a(
39558              m.div,
39559              {
39560                initial: { opacity: 0, y: 20 },
39561                whileInView: { opacity: 1, y: 0 },
39562                viewport: { once: !0, margin: "-100px" },
39563                transition: { duration: 0.5, delay: 0.1 },
39564                children: [
39565                  /* @__PURE__ */ e(
39566                    m.h3,
39567                    {
39568                      className: "text-[18px] font-bold text-slate-900 mb-4",
39569                      initial: { opacity: 0, x: -16 },
39570                      whileInView: { opacity: 1, x: 0 },
39571                      viewport: { once: !0, margin: "-60px" },
39572                      transition: { duration: 0.4, delay: 0.15 },
39573                      children: "검사 항목 (Inspection Item)"
39574                    }
39575                  ),
39576                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: [
39577                    "충방전 검사 (Cycler)",
39578                    "비젼 검사 : 외관, 이물, 찍힘",
39579                    "그 외 각종 성능 검사 : 저전압, 저항 등"
39580                  ].map((i, n) => /* @__PURE__ */ a(
39581                    m.div,
39582                    {
39583                      initial: { opacity: 0, x: -12 },
39584                      whileInView: { opacity: 1, x: 0 },
39585                      viewport: { once: !0, margin: "-80px" },
39586                      transition: { duration: 0.4, delay: 0.15 + n * 0.08 },
39587                      className: "flex items-center gap-3 text-gray-700 text-[15px]",
39588                      children: [
39589                        /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
39590                        i
39591                      ]
39592                    },
39593                    n
39594                  )) }) })
39595                ]
39596              }
39597            ),
39598            /* @__PURE__ */ a(
39599              m.div,
39600              {
39601                initial: { opacity: 0, y: 20 },
39602                whileInView: { opacity: 1, y: 0 },
39603                viewport: { once: !0, margin: "-100px" },
39604                transition: { duration: 0.5, delay: 0.1 },
39605                children: [
39606                  /* @__PURE__ */ e(
39607                    m.h3,
39608                    {
39609                      className: "text-[18px] font-bold text-slate-900 mb-4",
39610                      initial: { opacity: 0, x: -16 },
39611                      whileInView: { opacity: 1, x: 0 },
39612                      viewport: { once: !0, margin: "-60px" },
39613                      transition: { duration: 0.4, delay: 0.15 },
39614                      children: "제품 규격 (Dimension)"
39615                    }
39616                  ),
39617                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ a("div", { className: "space-y-3 w-full", children: [
39618                    [
39619                      { label: "CMA Ass'y Line", value: "80m (26-공정)" },
39620                      { label: "BMA Ass'y Line", value: "70m (19-공정)" },
39621                      { label: "총 길이", value: "150m" }
39622                    ].map((i, n) => /* @__PURE__ */ a(
39623                      m.div,
39624                      {
39625                        initial: { opacity: 0, x: -12 },
39626                        whileInView: { opacity: 1, x: 0 },
39627                        viewport: { once: !0, margin: "-80px" },
39628                        transition: { duration: 0.4, delay: 0.15 + n * 0.1 },
39629                        className: "flex justify-between items-center border-b border-gray-100 pb-3 last:border-0",
39630                        children: [
39631                          /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium text-[14px]", children: i.label }),
39632                          /* @__PURE__ */ e("span", { className: "font-bold text-slate-900 font-[Aoboshi_One] text-[14px] ml-auto", children: i.value })
39633                        ]
39634                      },
39635                      n
39636                    )),
39637                    /* @__PURE__ */ e(
39638                      m.p,
39639                      {
39640                        initial: { opacity: 0 },
39641                        whileInView: { opacity: 1 },
39642                        viewport: { once: !0 },
39643                        transition: { duration: 0.4, delay: 0.35 },
39644                        className: "text-sm text-gray-500 mt-2",
39645                        children: "* 고객 요구 사항에 따라 변경 가능"
39646                      }
39647                    )
39648                  ] }) })
39649                ]
39650              }
39651            ),
39652            /* @__PURE__ */ a(
39653              m.div,
39654              {
39655                initial: { opacity: 0, y: 20 },
39656                whileInView: { opacity: 1, y: 0 },
39657                viewport: { once: !0, margin: "-100px" },
39658                transition: { duration: 0.5, delay: 0.1 },
39659                children: [
39660                  /* @__PURE__ */ e(
39661                    m.h3,
39662                    {
39663                      className: "text-[18px] font-bold text-slate-900 mb-4",
39664                      initial: { opacity: 0, x: -16 },
39665                      whileInView: { opacity: 1, x: 0 },
39666                      viewport: { once: !0, margin: "-60px" },
39667                      transition: { duration: 0.4, delay: 0.15 },
39668                      children: "적용 분야 (Application)"
39669                    }
39670                  ),
39671                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [
39672                    "에너지 저장 시스템 (ESS)",
39673                    "산업 및 산업용 에너지 저장",
39674                    "전력 및 전력망",
39675                    "전기차 및 EV 충전소",
39676                    "재생 가능 에너지 (태양광, 풍력 등)",
39677                    "전기적 성능 테스트, 충방전, 열관리 테스트 등"
39678                  ].map((i, n) => {
39679                    const r = (l) => {
39680                      const o = l.toLowerCase();
39681                      return o.includes("태양광") || o.includes("solar") || o.includes("풍력") || o.includes("신재생") || o.includes("재생 가능") ? "https://images.unsplash.com/photo-1764719396584-a53dbeac7db0?w=600&q=80" : o.includes("ev") || o.includes("전기차") || o.includes("충전소") ? "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80" : o.includes("전력망") || o.includes("산업") ? "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80" : o.includes("테스트") || o.includes("충방전") ? "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80" : "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?w=600&q=80";
39682                    }, s = (l) => {
39683                      const o = l.toLowerCase();
39684                      return o.includes("태양광") || o.includes("solar") || o.includes("풍력") || o.includes("신재생") || o.includes("재생 가능") ? "Renewable Energy Storage" : o.includes("ev") || o.includes("전기차") || o.includes("충전소") ? "EV Charging Infrastructure" : o.includes("전력망") || o.includes("산업") ? "Grid & Industrial Power" : o.includes("테스트") || o.includes("충방전") ? "Battery Testing & QC" : "Energy Storage System";
39685                    };
39686                    return /* @__PURE__ */ a(
39687                      m.div,
39688                      {
39689                        className: "group overflow-hidden",
39690                        initial: { opacity: 0, y: 16 },
39691                        whileInView: { opacity: 1, y: 0 },
39692                        viewport: { once: !0 },
39693                        transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
39694                        children: [
39695                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
39696                            S,
39697                            {
39698                              src: r(i),
39699                              alt: i,
39700                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
39701                            }
39702                          ) }),
39703                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: i }),
39704                          /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: s(i) })
39705                        ]
39706                      },
39707                      n
39708                    );
39709                  }) }) })
39710                ]
39711              }
39712            ),
39713            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
39714              "button",
39715              {
39716                onClick: () => window.history.back(),
39717                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
39718                children: "목록으로"
39719              }
39720            ) })
39721          ] })
39722        ]
39723      }
39724    ) }) }) })
39725  ] });
39726}
39727const S6 = globalThis.__GLOBALS__.getAssetURL("950dc71fab9763087ff1af89a8f384157f1a712c.png");
39728function C6() {
39729  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
39730    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
39731      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
39732        /* @__PURE__ */ e(
39733          S,
39734          {
39735            src: S6,
39736            alt: "Battery Cell Inspection System",
39737            className: "w-full h-full object-cover"
39738          }
39739        ),
39740        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
39741      ] }),
39742      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
39743        m.div,
39744        {
39745          initial: { opacity: 0, x: -30 },
39746          animate: { opacity: 1, x: 0 },
39747          transition: { duration: 0.6 },
39748          children: [
39749            /* @__PURE__ */ a("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: [
39750              "2D/3D",
39751              /* @__PURE__ */ e("br", {}),
39752              "Cell 검사 설비"
39753            ] }),
39754            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Battery Cell Visual Inspection System" }),
39755            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
39756              "HyVISION의 셀 검사 시스템은 독자적인 광학 설계와 AI 알고리즘을 결합하여,",
39757              /* @__PURE__ */ e("br", {}),
39758              "육안으로 식별하기 어려운 미세 결함까지 완벽하게 잡아냅니다."
39759            ] }),
39760            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
39761              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
39762              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
39763            ] }) })
39764          ]
39765        }
39766      ) }) })
39767    ] }),
39768    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
39769      m.div,
39770      {
39771        initial: { opacity: 0, y: 30 },
39772        whileInView: { opacity: 1, y: 0 },
39773        viewport: { once: !0, margin: "-100px" },
39774        transition: { duration: 0.6 },
39775        children: [
39776          /* @__PURE__ */ e(
39777            m.h2,
39778            {
39779              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
39780              initial: { opacity: 0, x: -16 },
39781              whileInView: { opacity: 1, x: 0 },
39782              viewport: { once: !0, margin: "-60px" },
39783              transition: { duration: 0.4, delay: 0.1 },
39784              children: "제품 사양"
39785            }
39786          ),
39787          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
39788            /* @__PURE__ */ a(
39789              m.div,
39790              {
39791                initial: { opacity: 0, y: 20 },
39792                whileInView: { opacity: 1, y: 0 },
39793                viewport: { once: !0, margin: "-100px" },
39794                transition: { duration: 0.5, delay: 0.1 },
39795                children: [
39796                  /* @__PURE__ */ a(
39797                    m.h3,
39798                    {
39799                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
39800                      style: { fontWeight: 700 },
39801                      initial: { opacity: 0, y: 10 },
39802                      whileInView: { opacity: 1, y: 0 },
39803                      viewport: { once: !0 },
39804                      transition: { duration: 0.4, delay: 0.1 },
39805                      children: [
39806                        "주요 특징 ",
39807                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
39808                      ]
39809                    }
39810                  ),
39811                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
39812                    /* @__PURE__ */ e(
39813                      m.p,
39814                      {
39815                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
39816                        initial: { opacity: 0, y: 12 },
39817                        whileInView: { opacity: 1, y: 0 },
39818                        viewport: { once: !0 },
39819                        transition: { duration: 0.5, delay: 0.4 },
39820                        children: "광학 설계와 AI의 융합으로 미세 결함까지 완벽 검출"
39821                      }
39822                    ),
39823                    /* @__PURE__ */ a(
39824                      m.p,
39825                      {
39826                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans",
39827                        initial: { opacity: 0, y: 12 },
39828                        whileInView: { opacity: 1, y: 0 },
39829                        viewport: { once: !0 },
39830                        transition: { duration: 0.5, delay: 0.55 },
39831                        children: [
39832                          "HyVISION의 셀 검사 시스템은 독자적인 광학 설계와 AI 알고리즘을 결합하여,",
39833                          /* @__PURE__ */ e("br", {}),
39834                          "육안으로 식별하기 어려운 미세 결함까지 완벽하게 잡아냅니다."
39835                        ]
39836                      }
39837                    )
39838                  ] }),
39839                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
39840                    { title: "CT 촬영 자세", description: "45° 각도로 360° 회전 촬영" },
39841                    { title: "자동 불량 판별", description: "전지 대각선 두 코너를 CT 영상 처리 후 불량 여부 자동 판별" },
39842                    { title: "영상 밝기 차이 검사", description: "영상 밝기 차이 인식 후 제품 검사 (150kV 튜브, FPD 2824)" },
39843                    { title: "영상 분석 및 검사", description: "영상 처리 알고리즘 S/W, AI 딥 러닝 기반 분석" },
39844                    { title: "커스터마이징 설계", description: "고객의 니즈에 맞춘 커스터마이징 설계 가능" }
39845                  ].map((i, n) => /* @__PURE__ */ a(
39846                    m.div,
39847                    {
39848                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
39849                      initial: { opacity: 0, y: 16 },
39850                      whileInView: { opacity: 1, y: 0 },
39851                      viewport: { once: !0 },
39852                      transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
39853                      children: [
39854                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
39855                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
39856                            n + 1,
39857                            "."
39858                          ] }),
39859                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: i.title })
39860                        ] }),
39861                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: n === 1 ? /* @__PURE__ */ a(V, { children: [
39862                          "전지 대각선 두 코너를 CT 영상 처리 후",
39863                          /* @__PURE__ */ e("br", {}),
39864                          "불량 여부 자동 판별"
39865                        ] }) : n === 2 ? /* @__PURE__ */ a(V, { children: [
39866                          "영상 밝기 차이 인식 후 제품 검사",
39867                          /* @__PURE__ */ e("br", {}),
39868                          "(150kV 튜브, FPD 2824)"
39869                        ] }) : i.description })
39870                      ]
39871                    },
39872                    n
39873                  )) }) })
39874                ]
39875              }
39876            ),
39877            /* @__PURE__ */ a(
39878              m.div,
39879              {
39880                initial: { opacity: 0, y: 20 },
39881                whileInView: { opacity: 1, y: 0 },
39882                viewport: { once: !0, margin: "-100px" },
39883                transition: { duration: 0.5, delay: 0.1 },
39884                children: [
39885                  /* @__PURE__ */ e(
39886                    m.h3,
39887                    {
39888                      className: "text-[18px] font-bold text-slate-950 mb-4",
39889                      initial: { opacity: 0, x: -16 },
39890                      whileInView: { opacity: 1, x: 0 },
39891                      viewport: { once: !0, margin: "-60px" },
39892                      transition: { duration: 0.4, delay: 0.15 },
39893                      children: "검사 항목 (Inspection Item)"
39894                    }
39895                  ),
39896                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-3", children: [
39897                    "Anode, Cathode, Anode 거리, 기준면 검사",
39898                    "Cathode 눌림, 꺾임 등 단락 검사",
39899                    "제조 공정 내 극판 정렬 상태, 수량 및 결함 검사",
39900                    "2D/3D CT 화상처리 후 전지 불량품 판별",
39901                    "안전 관리 시스템 : 발목 감지 센서, 지역 감시기"
39902                  ].map((i, n) => /* @__PURE__ */ a(
39903                    m.div,
39904                    {
39905                      initial: { opacity: 0, x: -12 },
39906                      whileInView: { opacity: 1, x: 0 },
39907                      viewport: { once: !0, margin: "-80px" },
39908                      transition: { duration: 0.4, delay: 0.15 + n * 0.08 },
39909                      className: "flex items-center gap-3 text-gray-700 text-[15px]",
39910                      children: [
39911                        /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
39912                        i
39913                      ]
39914                    },
39915                    n
39916                  )) }) })
39917                ]
39918              }
39919            ),
39920            /* @__PURE__ */ a(
39921              m.div,
39922              {
39923                initial: { opacity: 0, y: 20 },
39924                whileInView: { opacity: 1, y: 0 },
39925                viewport: { once: !0, margin: "-100px" },
39926                transition: { duration: 0.5, delay: 0.1 },
39927                children: [
39928                  /* @__PURE__ */ e(
39929                    m.h3,
39930                    {
39931                      className: "text-[18px] font-bold text-slate-950 mb-4",
39932                      initial: { opacity: 0, x: -16 },
39933                      whileInView: { opacity: 1, x: 0 },
39934                      viewport: { once: !0, margin: "-60px" },
39935                      transition: { duration: 0.4, delay: 0.15 },
39936                      children: "제품 규격 (Dimension)"
39937                    }
39938                  ),
39939                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "space-y-3 w-full", children: [
39940                    { label: "전체 라인", value: "3.2m x 1.8m x 2.3m (Pass Line: 900mm)" },
39941                    { label: "X-Ray Spec", value: "150kV / Detector Spec. : 2824HR" },
39942                    { label: "Cell Dimension", value: "400 x 130 x 50 (Customize 가능)" }
39943                  ].map((i, n) => /* @__PURE__ */ a(
39944                    m.div,
39945                    {
39946                      initial: { opacity: 0, x: -12 },
39947                      whileInView: { opacity: 1, x: 0 },
39948                      viewport: { once: !0, margin: "-80px" },
39949                      transition: { duration: 0.4, delay: 0.15 + n * 0.1 },
39950                      className: "flex items-center border-b border-gray-100 pb-3 last:border-0",
39951                      children: [
39952                        /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium w-40 shrink-0 text-[14px]", children: i.label === "전체 라인" ? "Total Line" : i.label }),
39953                        /* @__PURE__ */ e("span", { className: "font-bold text-slate-900 ml-auto text-right flex-1 flex justify-end font-[Aoboshi_One] text-[14px]", children: i.value })
39954                      ]
39955                    },
39956                    n
39957                  )) }) })
39958                ]
39959              }
39960            ),
39961            /* @__PURE__ */ a(
39962              m.div,
39963              {
39964                initial: { opacity: 0, y: 20 },
39965                whileInView: { opacity: 1, y: 0 },
39966                viewport: { once: !0, margin: "-100px" },
39967                transition: { duration: 0.5, delay: 0.1 },
39968                children: [
39969                  /* @__PURE__ */ e(
39970                    m.h3,
39971                    {
39972                      className: "text-[18px] font-bold text-slate-950 mb-4",
39973                      initial: { opacity: 0, x: -16 },
39974                      whileInView: { opacity: 1, x: 0 },
39975                      viewport: { once: !0, margin: "-60px" },
39976                      transition: { duration: 0.4, delay: 0.15 },
39977                      children: "적용 분야 (Application)"
39978                    }
39979                  ),
39980                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [
39981                    "전기 자동차 (EV)",
39982                    "에너지 저장 시스템 (ESS)",
39983                    "그 외 소형 전자기기, 전동 공구, 로봇 시스템 등",
39984                    "전기적 성능 테스트, 충방전, 열관리 테스트 등"
39985                  ].map((i, n) => {
39986                    const r = [
39987                      "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80",
39988                      "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?w=600&q=80",
39989                      "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80",
39990                      "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80"
39991                    ];
39992                    return /* @__PURE__ */ a(
39993                      m.div,
39994                      {
39995                        className: "group overflow-hidden",
39996                        initial: { opacity: 0, y: 16 },
39997                        whileInView: { opacity: 1, y: 0 },
39998                        viewport: { once: !0 },
39999                        transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
40000                        children: [
40001                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
40002                            S,
40003                            {
40004                              src: r[n] || r[0],
40005                              alt: i,
40006                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
40007                            }
40008                          ) }),
40009                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: i })
40010                        ]
40011                      },
40012                      n
40013                    );
40014                  }) }) })
40015                ]
40016              }
40017            ),
40018            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
40019              "button",
40020              {
40021                onClick: () => window.history.back(),
40022                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
40023                children: "목록으로"
40024              }
40025            ) })
40026          ] })
40027        ]
40028      }
40029    ) }) }) })
40030  ] });
40031}
40032const M6 = globalThis.__GLOBALS__.getAssetURL("6018ee0b4d4c9b039b77865c1c2ec8e59e245e7e.png");
40033function D6() {
40034  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
40035    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
40036      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
40037        /* @__PURE__ */ e(
40038          S,
40039          {
40040            src: M6,
40041            alt: "Electrode Vision Inspection",
40042            className: "w-full h-full object-cover"
40043          }
40044        ),
40045        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
40046      ] }),
40047      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
40048        m.div,
40049        {
40050          initial: { opacity: 0, x: -30 },
40051          animate: { opacity: 1, x: 0 },
40052          transition: { duration: 0.6 },
40053          children: [
40054            /* @__PURE__ */ a("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: [
40055              "극판 Vision",
40056              /* @__PURE__ */ e("br", {}),
40057              "검사 설비"
40058            ] }),
40059            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Electrode Vision Inspection System" }),
40060            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
40061              "HyVISION의 전극 비전 검사기는 롤투롤(Roll-to-Roll) 공정에 최적화된 고속 라인 스캔 기술을 제공합니다.",
40062              /* @__PURE__ */ e("br", {}),
40063              "실시간으로 전극의 품질을 모니터링하고 불량을 마킹하여 수율을 극대화합니다."
40064            ] }),
40065            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
40066              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
40067              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
40068            ] }) })
40069          ]
40070        }
40071      ) }) })
40072    ] }),
40073    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ a(
40074      m.div,
40075      {
40076        initial: { opacity: 0, y: 30 },
40077        whileInView: { opacity: 1, y: 0 },
40078        viewport: { once: !0, margin: "-100px" },
40079        transition: { duration: 0.6 },
40080        children: [
40081          /* @__PURE__ */ e(
40082            m.h2,
40083            {
40084              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
40085              initial: { opacity: 0, x: -16 },
40086              whileInView: { opacity: 1, x: 0 },
40087              viewport: { once: !0, margin: "-60px" },
40088              transition: { duration: 0.4, delay: 0.1 },
40089              children: "제품 사양"
40090            }
40091          ),
40092          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
40093            /* @__PURE__ */ a(
40094              m.div,
40095              {
40096                initial: { opacity: 0, y: 20 },
40097                whileInView: { opacity: 1, y: 0 },
40098                viewport: { once: !0, margin: "-100px" },
40099                transition: { duration: 0.5, delay: 0.1 },
40100                children: [
40101                  /* @__PURE__ */ a(
40102                    m.h3,
40103                    {
40104                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
40105                      style: { fontWeight: 700 },
40106                      initial: { opacity: 0, y: 10 },
40107                      whileInView: { opacity: 1, y: 0 },
40108                      viewport: { once: !0 },
40109                      transition: { duration: 0.4, delay: 0.1 },
40110                      children: [
40111                        "주요 특징 ",
40112                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
40113                      ]
40114                    }
40115                  ),
40116                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
40117                    /* @__PURE__ */ e(
40118                      m.p,
40119                      {
40120                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
40121                        initial: { opacity: 0, y: 12 },
40122                        whileInView: { opacity: 1, y: 0 },
40123                        viewport: { once: !0 },
40124                        transition: { duration: 0.5, delay: 0.4 },
40125                        children: "롤투롤 공정 최적화 고속 라인 스캔 기술"
40126                      }
40127                    ),
40128                    /* @__PURE__ */ a(
40129                      m.p,
40130                      {
40131                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[780px] mx-auto font-sans",
40132                        initial: { opacity: 0, y: 12 },
40133                        whileInView: { opacity: 1, y: 0 },
40134                        viewport: { once: !0 },
40135                        transition: { duration: 0.5, delay: 0.55 },
40136                        children: [
40137                          "HyVISION의 전극 비전 검사기는 롤투롤(Roll-to-Roll) 공정에 최적화된 고속 라인 스캔 기술을 제공합니다.",
40138                          /* @__PURE__ */ e("br", {}),
40139                          "실시간으로 전극의 품질을 모니터링하고 불량을 마킹하여 수율을 극대화합니다."
40140                        ]
40141                      }
40142                    )
40143                  ] }),
40144                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
40145                    { title: "16K Vision Z-axis Stroke", description: "고해상도 Z축 스트로크로 정밀한 초점 제어" },
40146                    { title: "± 15° (FOV 630 ~ 640 조정 범위)", description: "광각 틸트 조정으로 다양한 검사 각도 지원" },
40147                    { title: "조도 조절 및 광원 수명 관리", description: "자동 조도 최적화 및 광원 수명 모니터링" },
40148                    { title: "원거리 이미지 전송용 Repeater 기능", description: "장거리 라인에서도 안정적인 데이터 전송" },
40149                    { title: "실시간 검사 통합 관리·MED 연동", description: "MED 시스템 연동으로 생산 데이터 통합 관리" },
40150                    { title: "AI ASIC 기반 NPU 적용 (Deep Learning)", description: "딥러닝 기반 AI 추론 엔진으로 불량 자동 분류" },
40151                    { title: "도플러 센서 기반 Slip 오차 최소화", description: "기재 슬립 실시간 보정으로 검사 정밀도 향상" }
40152                  ].map((i, n) => /* @__PURE__ */ a(
40153                    m.div,
40154                    {
40155                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
40156                      initial: { opacity: 0, y: 16 },
40157                      whileInView: { opacity: 1, y: 0 },
40158                      viewport: { once: !0 },
40159                      transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
40160                      children: [
40161                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
40162                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
40163                            n + 1,
40164                            "."
40165                          ] }),
40166                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: i.title })
40167                        ] }),
40168                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: i.description })
40169                      ]
40170                    },
40171                    n
40172                  )) }) })
40173                ]
40174              }
40175            ),
40176            /* @__PURE__ */ a(
40177              m.div,
40178              {
40179                initial: { opacity: 0, y: 20 },
40180                whileInView: { opacity: 1, y: 0 },
40181                viewport: { once: !0, margin: "-100px" },
40182                transition: { duration: 0.5, delay: 0.1 },
40183                children: [
40184                  /* @__PURE__ */ e(
40185                    m.h3,
40186                    {
40187                      className: "text-[18px] font-bold text-slate-950 mb-4",
40188                      initial: { opacity: 0, x: -16 },
40189                      whileInView: { opacity: 1, x: 0 },
40190                      viewport: { once: !0, margin: "-60px" },
40191                      transition: { duration: 0.4, delay: 0.15 },
40192                      children: "검사 항목 (Inspection Item)"
40193                    }
40194                  ),
40195                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3", children: [
40196                    "극판 코팅 품질 검사 (이물질, 찍힘 등)",
40197                    "일반 패턴, 더블 코팅, Stripe 기종, 절연막 코팅 기재 검사",
40198                    "상/하부 길이 단차 및 폭 단차 측정",
40199                    "코팅부/무지부 및 절연막 결함 검사 (핀홀, 흑점/백점 등)",
40200                    "코터 상/하부 비전 검사 (16K 카메라 적용, 최대 65m/min)"
40201                  ].map((i, n) => /* @__PURE__ */ a(
40202                    m.div,
40203                    {
40204                      initial: { opacity: 0, x: -12 },
40205                      whileInView: { opacity: 1, x: 0 },
40206                      viewport: { once: !0, margin: "-80px" },
40207                      transition: { duration: 0.4, delay: 0.15 + n * 0.08 },
40208                      className: "flex items-start gap-3 text-gray-700 text-[15px]",
40209                      children: [
40210                        /* @__PURE__ */ e("span", { className: "mt-[7px] w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
40211                        i
40212                      ]
40213                    },
40214                    n
40215                  )) }) })
40216                ]
40217              }
40218            ),
40219            /* @__PURE__ */ a(
40220              m.div,
40221              {
40222                initial: { opacity: 0, y: 20 },
40223                whileInView: { opacity: 1, y: 0 },
40224                viewport: { once: !0, margin: "-100px" },
40225                transition: { duration: 0.5, delay: 0.1 },
40226                children: [
40227                  /* @__PURE__ */ e(
40228                    m.h3,
40229                    {
40230                      className: "text-[18px] font-bold text-slate-950 mb-4",
40231                      initial: { opacity: 0, x: -16 },
40232                      whileInView: { opacity: 1, x: 0 },
40233                      viewport: { once: !0, margin: "-60px" },
40234                      transition: { duration: 0.4, delay: 0.15 },
40235                      children: "제품 규격 (Dimension)"
40236                    }
40237                  ),
40238                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ a("div", { className: "w-full", children: [
40239                    /* @__PURE__ */ a(
40240                      m.div,
40241                      {
40242                        initial: { opacity: 0, x: -12 },
40243                        whileInView: { opacity: 1, x: 0 },
40244                        viewport: { once: !0, margin: "-80px" },
40245                        transition: { duration: 0.4, delay: 0.2 },
40246                        className: "flex justify-between items-start border-b border-gray-100 pb-4",
40247                        children: [
40248                          /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium shrink-0 text-[14px]", children: "MTO (Option에 따라 상이)" }),
40249                          /* @__PURE__ */ a("div", { className: "text-right font-mono font-bold text-slate-900 text-[14px] leading-relaxed ml-8", children: [
40250                            /* @__PURE__ */ a("div", { className: "font-[Aoboshi_One]", children: [
40251                              "Min. 305 X 270 X 135 mm ",
40252                              /* @__PURE__ */ e("span", { className: "text-gray-400 font-normal text-[13px]", children: "(1 Camera, No stage)" })
40253                            ] }),
40254                            /* @__PURE__ */ a("div", { className: "font-[Aoboshi_One]", children: [
40255                              "Max. 926 X 350 X 325 mm ",
40256                              /* @__PURE__ */ e("span", { className: "text-gray-400 font-normal text-[13px]", children: "(2 Camera, 6Axis Stage Type)" })
40257                            ] })
40258                          ] })
40259                        ]
40260                      }
40261                    ),
40262                    /* @__PURE__ */ a(
40263                      m.div,
40264                      {
40265                        initial: { opacity: 0, x: -12 },
40266                        whileInView: { opacity: 1, x: 0 },
40267                        viewport: { once: !0, margin: "-80px" },
40268                        transition: { duration: 0.4, delay: 0.26 },
40269                        className: "flex justify-between items-start border-b border-gray-100 pb-4 pt-4",
40270                        children: [
40271                          /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium shrink-0 text-[14px]", children: "검사 속도" }),
40272                          /* @__PURE__ */ a("div", { className: "text-right font-bold text-slate-900 text-[14px] leading-relaxed ml-8", children: [
40273                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One]", children: "Pattern 상용 40~50m/min, Stripe 70m/min" }),
40274                            /* @__PURE__ */ e("div", { className: "text-gray-400 font-normal text-[13px] font-sans", children: "(Max 150m/min - Line Rate, 소폭 압연)" })
40275                          ] })
40276                        ]
40277                      }
40278                    ),
40279                    /* @__PURE__ */ a(
40280                      m.div,
40281                      {
40282                        initial: { opacity: 0, x: -12 },
40283                        whileInView: { opacity: 1, x: 0 },
40284                        viewport: { once: !0, margin: "-80px" },
40285                        transition: { duration: 0.4, delay: 0.32 },
40286                        className: "flex justify-between items-start border-b border-gray-100 pb-4 pt-4",
40287                        children: [
40288                          /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium shrink-0 text-[14px]", children: "검사 정확도" }),
40289                          /* @__PURE__ */ a("div", { className: "text-right font-bold text-slate-900 text-[14px] leading-relaxed ml-8", children: [
40290                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One]", children: "결함검사기 → 수직 100, 수평 50μm 이내" }),
40291                            /* @__PURE__ */ e("div", { className: "text-gray-400 font-normal text-[13px] font-sans mb-1", children: "(결함 최소 SIZE : 0.5mm 이상 관리)" }),
40292                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One]", children: "폭 & 단차 검사기 → ±0.1mm, ±0.5mm" })
40293                          ] })
40294                        ]
40295                      }
40296                    ),
40297                    /* @__PURE__ */ a(
40298                      m.div,
40299                      {
40300                        initial: { opacity: 0, x: -12 },
40301                        whileInView: { opacity: 1, x: 0 },
40302                        viewport: { once: !0, margin: "-80px" },
40303                        transition: { duration: 0.4, delay: 0.38 },
40304                        className: "flex justify-between items-start pt-4",
40305                        children: [
40306                          /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium shrink-0 text-[14px]", children: "결함 검출 유형" }),
40307                          /* @__PURE__ */ a("div", { className: "text-right font-bold text-slate-900 text-[14px] leading-relaxed ml-8", children: [
40308                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One] mb-1", children: "줄무늬 (2mm×0.5mm 이상), Pinhole (2mm×0.5mm 이상)" }),
40309                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One] mb-1", children: "극판 얼룩 (5.0mm 이상), 끌림 (3.0mm 이상)" }),
40310                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One] mb-1", children: "무지부 오염 (2.0mm 이상), Ceramic (±0.5mm 이상)" }),
40311                            /* @__PURE__ */ e("div", { className: "font-[Aoboshi_One]", children: "Overlap 검출" })
40312                          ] })
40313                        ]
40314                      }
40315                    )
40316                  ] }) })
40317                ]
40318              }
40319            ),
40320            /* @__PURE__ */ a(
40321              m.div,
40322              {
40323                initial: { opacity: 0, y: 20 },
40324                whileInView: { opacity: 1, y: 0 },
40325                viewport: { once: !0, margin: "-100px" },
40326                transition: { duration: 0.5, delay: 0.1 },
40327                children: [
40328                  /* @__PURE__ */ e(
40329                    m.h3,
40330                    {
40331                      className: "text-[18px] font-bold text-slate-950 mb-4",
40332                      initial: { opacity: 0, x: -16 },
40333                      whileInView: { opacity: 1, x: 0 },
40334                      viewport: { once: !0, margin: "-60px" },
40335                      transition: { duration: 0.4, delay: 0.15 },
40336                      children: "적용 분야 (Application)"
40337                    }
40338                  ),
40339                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [
40340                    "전기 자동차 (EV)",
40341                    "에너지 저장 시스템 (ESS)",
40342                    "그 외 소형 전자기기, 전동 공구, 로봇 시스템 등",
40343                    "전기적 성능 테스트, 충방전, 열관리 테스트 등"
40344                  ].map((i, n) => {
40345                    const r = [
40346                      "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80",
40347                      "https://images.unsplash.com/photo-1591964006776-90b32e88f5ec?w=600&q=80",
40348                      "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80",
40349                      "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80"
40350                    ];
40351                    return /* @__PURE__ */ a(
40352                      m.div,
40353                      {
40354                        className: "group overflow-hidden",
40355                        initial: { opacity: 0, y: 16 },
40356                        whileInView: { opacity: 1, y: 0 },
40357                        viewport: { once: !0 },
40358                        transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
40359                        children: [
40360                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
40361                            S,
40362                            {
40363                              src: r[n] || r[0],
40364                              alt: i,
40365                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
40366                            }
40367                          ) }),
40368                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: i })
40369                        ]
40370                      },
40371                      n
40372                    );
40373                  }) }) })
40374                ]
40375              }
40376            ),
40377            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
40378              "button",
40379              {
40380                onClick: () => window.history.back(),
40381                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
40382                children: "목록으로"
40383              }
40384            ) })
40385          ] })
40386        ]
40387      }
40388    ) }) })
40389  ] });
40390}
40391const k6 = globalThis.__GLOBALS__.getAssetURL("35c3cbd28dd4d6f883ae1a2455910f9b05283334.png");
40392function T6() {
40393  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
40394    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
40395      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
40396        /* @__PURE__ */ e(
40397          S,
40398          {
40399            src: k6,
40400            alt: "Welding Inspection System",
40401            className: "w-full h-full object-cover"
40402          }
40403        ),
40404        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
40405      ] }),
40406      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
40407        m.div,
40408        {
40409          initial: { opacity: 0, x: -30 },
40410          animate: { opacity: 1, x: 0 },
40411          transition: { duration: 0.6 },
40412          children: [
40413            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: "용접 검사 설비" }),
40414            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Welding Inspection System" }),
40415            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
40416              "HyVISION의 용접 검사 시스템은 2D 및 3D 비전 기술을 융합하여 용접 품질을 완벽하게 보증합니다.",
40417              /* @__PURE__ */ e("br", {}),
40418              "배터리의 전기적 성능과 안전성에 직결되는 용접 부위를 빈틈없이 검사합니다."
40419            ] }),
40420            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
40421              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
40422              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
40423            ] }) })
40424          ]
40425        }
40426      ) }) })
40427    ] }),
40428    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
40429      m.div,
40430      {
40431        initial: { opacity: 0, y: 30 },
40432        whileInView: { opacity: 1, y: 0 },
40433        viewport: { once: !0, margin: "-100px" },
40434        transition: { duration: 0.6 },
40435        children: [
40436          /* @__PURE__ */ e(
40437            m.h2,
40438            {
40439              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
40440              initial: { opacity: 0, x: -16 },
40441              whileInView: { opacity: 1, x: 0 },
40442              viewport: { once: !0, margin: "-60px" },
40443              transition: { duration: 0.4, delay: 0.1 },
40444              children: "제품 사양"
40445            }
40446          ),
40447          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
40448            /* @__PURE__ */ a(
40449              m.div,
40450              {
40451                initial: { opacity: 0, y: 20 },
40452                whileInView: { opacity: 1, y: 0 },
40453                viewport: { once: !0, margin: "-100px" },
40454                transition: { duration: 0.5, delay: 0.1 },
40455                children: [
40456                  /* @__PURE__ */ a(
40457                    m.h3,
40458                    {
40459                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
40460                      style: { fontWeight: 700 },
40461                      initial: { opacity: 0, y: 10 },
40462                      whileInView: { opacity: 1, y: 0 },
40463                      viewport: { once: !0 },
40464                      transition: { duration: 0.4, delay: 0.1 },
40465                      children: [
40466                        "주요 특징 ",
40467                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
40468                      ]
40469                    }
40470                  ),
40471                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
40472                    /* @__PURE__ */ e(
40473                      m.p,
40474                      {
40475                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
40476                        initial: { opacity: 0, y: 12 },
40477                        whileInView: { opacity: 1, y: 0 },
40478                        viewport: { once: !0 },
40479                        transition: { duration: 0.5, delay: 0.4 },
40480                        children: "2D·3D 비전 융합으로 용접 품질을 완벽하게 보증"
40481                      }
40482                    ),
40483                    /* @__PURE__ */ a(
40484                      m.p,
40485                      {
40486                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[1000px] mx-auto font-sans",
40487                        initial: { opacity: 0, y: 12 },
40488                        whileInView: { opacity: 1, y: 0 },
40489                        viewport: { once: !0 },
40490                        transition: { duration: 0.5, delay: 0.55 },
40491                        children: [
40492                          "배터리 제조 및 조립 공정에서 양·음극 탭, 캔, 캡 등 주요 용접 부ì
40492œ„의 품질을 비파괴 방식으로 검사하는 자동화 검사 설비입니다.",
40493                          /* @__PURE__ */ e("br", {}),
40494                          "머신비전 기반의 2D·3D 비전 검사 기술을 적용하여 용접 형상, 단차, 결함 상태를 정밀 분석하고",
40495                          /* @__PURE__ */ e("br", {}),
40496                          "실시간 불량 검출을 통해 생산 효율과 배터리 안전성을 동시에 확보합니다."
40497                        ]
40498                      }
40499                    )
40500                  ] }),
40501                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
40502                    {
40503                      title: "AI-based Defect Analysis",
40504                      description: "AI 기반 영상 분석 기술을 통해 용접 결함을 정밀하게 분석하고 미세 불량까지 정확하게 검출합니다."
40505                    },
40506                    {
40507                      title: "Deep Learning Defect Classification",
40508                      description: "딥러닝 알고리즘을 활용하여 다양한 용접 결함을 자동 분류하고 불량 유형을 정확하게 식별합니다."
40509                    },
40510                    {
40511                      title: "Automated Hole Inspection Support",
40512                      description: "비전 알고리즘 기반으로 Hole 검사 기능을 지원하여 정밀한 형상 및 결함 검사를 수행합니다."
40513                    },
40514                    {
40515                      title: "Integrated Data Management",
40516                      description: "VisionHub Program을 통해 검사 데이터를 통합 관리하고 생산 품질 이력을 체계적으로 추적할 수 있습니다."
40517                    },
40518                    {
40519                      title: "AI-powered Image Analysis",
40520                      description: "AI 기반 이미지 분석 기능을 통해 복잡한 검사 환경에서도 안정적인 결함 검출 성능을 제공합니다."
40521                    },
40522                    {
40523                      title: "Automated Image Processing Workflow",
40524                      description: "이미지 Crop부터 용접부 이진화까지 전처리 과정을 자동화하여 검사 공정의 효율성과 정확도를 향상시킵니다."
40525                    }
40526                  ].map((i, n) => /* @__PURE__ */ a(
40527                    m.div,
40528                    {
40529                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
40530                      initial: { opacity: 0, y: 16 },
40531                      whileInView: { opacity: 1, y: 0 },
40532                      viewport: { once: !0 },
40533                      transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
40534                      children: [
40535                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
40536                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
40537                            n + 1,
40538                            "."
40539                          ] }),
40540                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: i.title })
40541                        ] }),
40542                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: n === 1 ? /* @__PURE__ */ a(V, { children: [
40543                          "딥러닝 알고리즘을 활용하여 다양한 용접 결함을",
40544                          /* @__PURE__ */ e("br", {}),
40545                          "자동 분류하고 불량 유형을 정확하게 식별합니다."
40546                        ] }) : n === 2 ? /* @__PURE__ */ a(V, { children: [
40547                          "비전 알고리즘 기반으로 Hole 검사 기능을",
40548                          /* @__PURE__ */ e("br", {}),
40549                          "지원하여 정밀한 형상 및 결함 검사를 수행합니다."
40550                        ] }) : n === 5 ? /* @__PURE__ */ a(V, { children: [
40551                          "이미지 Crop부터 용접부 이진화까지 전처리 과정을",
40552                          /* @__PURE__ */ e("br", {}),
40553                          "자동화하여 검사 공정의 효율성과 정확도를 향상시킵니다."
40554                        ] }) : i.description })
40555                      ]
40556                    },
40557                    n
40558                  )) }) })
40559                ]
40560              }
40561            ),
40562            /* @__PURE__ */ a(
40563              m.div,
40564              {
40565                initial: { opacity: 0, y: 20 },
40566                whileInView: { opacity: 1, y: 0 },
40567                viewport: { once: !0, margin: "-100px" },
40568                transition: { duration: 0.5, delay: 0.1 },
40569                children: [
40570                  /* @__PURE__ */ e(
40571                    m.h3,
40572                    {
40573                      className: "text-[18px] font-bold text-slate-950 mb-4",
40574                      initial: { opacity: 0, x: -16 },
40575                      whileInView: { opacity: 1, x: 0 },
40576                      viewport: { once: !0, margin: "-60px" },
40577                      transition: { duration: 0.4, delay: 0.15 },
40578                      children: "검사 항목 (Inspection Item)"
40579                    }
40580                  ),
40581                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-3", children: [
40582                    "형상 및 치수 검사",
40583                    "탄흔(Spatter) 검사",
40584                    "위치 정밀도 검사",
40585                    "용접부 파손(Crack/Fracture) 검사"
40586                  ].map((i, n) => /* @__PURE__ */ a(
40587                    m.div,
40588                    {
40589                      initial: { opacity: 0, x: -12 },
40590                      whileInView: { opacity: 1, x: 0 },
40591                      viewport: { once: !0, margin: "-80px" },
40592                      transition: { duration: 0.4, delay: 0.15 + n * 0.08 },
40593                      className: "flex items-center gap-3 text-gray-700 text-[15px]",
40594                      children: [
40595                        /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
40596                        i
40597                      ]
40598                    },
40599                    n
40600                  )) }) })
40601                ]
40602              }
40603            ),
40604            /* @__PURE__ */ a(
40605              m.div,
40606              {
40607                initial: { opacity: 0, y: 20 },
40608                whileInView: { opacity: 1, y: 0 },
40609                viewport: { once: !0, margin: "-100px" },
40610                transition: { duration: 0.5, delay: 0.1 },
40611                children: [
40612                  /* @__PURE__ */ e(
40613                    m.h3,
40614                    {
40615                      className: "text-[18px] font-bold text-slate-950 mb-4",
40616                      initial: { opacity: 0, x: -16 },
40617                      whileInView: { opacity: 1, x: 0 },
40618                      viewport: { once: !0, margin: "-60px" },
40619                      transition: { duration: 0.4, delay: 0.15 },
40620                      children: "제품 규격 (Dimension)"
40621                    }
40622                  ),
40623                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "space-y-3 w-full", children: [
40624                    { label: "Overall Line", value: "1.65m x 2.5m x 2.2m" }
40625                  ].map((i, n) => /* @__PURE__ */ a(
40626                    m.div,
40627                    {
40628                      initial: { opacity: 0, x: -12 },
40629                      whileInView: { opacity: 1, x: 0 },
40630                      viewport: { once: !0, margin: "-80px" },
40631                      transition: { duration: 0.4, delay: 0.2 },
40632                      className: "flex justify-between items-center border-b border-gray-100 pb-3 last:border-0",
40633                      children: [
40634                        /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium", children: i.label }),
40635                        /* @__PURE__ */ e("span", { className: "font-mono font-bold text-slate-900 text-right ml-auto", children: i.value })
40636                      ]
40637                    },
40638                    n
40639                  )) }) })
40640                ]
40641              }
40642            ),
40643            /* @__PURE__ */ a(
40644              m.div,
40645              {
40646                initial: { opacity: 0, y: 20 },
40647                whileInView: { opacity: 1, y: 0 },
40648                viewport: { once: !0, margin: "-100px" },
40649                transition: { duration: 0.5, delay: 0.1 },
40650                children: [
40651                  /* @__PURE__ */ e(
40652                    m.h3,
40653                    {
40654                      className: "text-[18px] font-bold text-slate-950 mb-4",
40655                      initial: { opacity: 0, x: -16 },
40656                      whileInView: { opacity: 1, x: 0 },
40657                      viewport: { once: !0, margin: "-60px" },
40658                      transition: { duration: 0.4, delay: 0.15 },
40659                      children: "적용 분야 (Application)"
40660                    }
40661                  ),
40662                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [
40663                    "반도체 생산라인 (패키징, 반도체 장비 조립 공정 등)",
40664                    "자동차 배터리 생산라인 (용접 공정)"
40665                  ].map((i, n) => {
40666                    const r = [
40667                      "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80",
40668                      "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80"
40669                    ];
40670                    return /* @__PURE__ */ a(
40671                      m.div,
40672                      {
40673                        className: "group overflow-hidden",
40674                        initial: { opacity: 0, y: 16 },
40675                        whileInView: { opacity: 1, y: 0 },
40676                        viewport: { once: !0 },
40677                        transition: { duration: 0.4, delay: 0.1 + n * 0.07 },
40678                        children: [
40679                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
40680                            S,
40681                            {
40682                              src: r[n] || r[0],
40683                              alt: i,
40684                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
40685                            }
40686                          ) }),
40687                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: i })
40688                        ]
40689                      },
40690                      n
40691                    );
40692                  }) }) })
40693                ]
40694              }
40695            ),
40696            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
40697              "button",
40698              {
40699                onClick: () => window.history.back(),
40700                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
40701                children: "목록으로"
40702              }
40703            ) })
40704          ] })
40705        ]
40706      }
40707    ) }) }) })
40708  ] });
40709}
40710function P6() {
40711  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
40712    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
40713      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
40714        /* @__PURE__ */ e(
40715          S,
40716          {
40717            src: "https://images.unsplash.com/photo-1720036236694-d0a231c52563?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwZmxpcCUyMGluc3BlY3Rpb24lMjBhdXRvbWF0ZWQlMjBtYW51ZmFjdHVyaW5nfGVufDF8fHx8MTc3MzIwODcyNXww&ixlib=rb-4.1.0&q=80&w=1080",
40718            alt: "Auto Flip Inspection System",
40719            className: "w-full h-full object-cover"
40720          }
40721        ),
40722        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/55" })
40723      ] }),
40724      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
40725        m.div,
40726        {
40727          initial: { opacity: 0, x: -30 },
40728          animate: { opacity: 1, x: 0 },
40729          transition: { duration: 0.6 },
40730          children: [
40731            /* @__PURE__ */ e("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: "자동 플립 검사 설비" }),
40732            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Auto Flip Inspection System" }),
40733            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
40734              "자동 플립 메커니즘을 통해 제품 양면을 연속으로 검사하는 자동화 검사 설비입니다.",
40735              /* @__PURE__ */ e("br", {}),
40736              "배터리 셀 및 부품의 상·하면을 한 공정에서 완전 검사하여 검사 효율을 극대화합니다."
40737            ] }),
40738            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
40739              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
40740              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
40741            ] }) })
40742          ]
40743        }
40744      ) }) })
40745    ] }),
40746    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
40747      m.div,
40748      {
40749        initial: { opacity: 0, y: 30 },
40750        whileInView: { opacity: 1, y: 0 },
40751        viewport: { once: !0, margin: "-100px" },
40752        transition: { duration: 0.6 },
40753        children: [
40754          /* @__PURE__ */ e(
40755            m.h2,
40756            {
40757              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
40758              initial: { opacity: 0, x: -16 },
40759              whileInView: { opacity: 1, x: 0 },
40760              viewport: { once: !0, margin: "-60px" },
40761              transition: { duration: 0.4, delay: 0.1 },
40762              children: "제품 사양"
40763            }
40764          ),
40765          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
40766            /* @__PURE__ */ a(
40767              m.div,
40768              {
40769                initial: { opacity: 0, y: 20 },
40770                whileInView: { opacity: 1, y: 0 },
40771                viewport: { once: !0, margin: "-100px" },
40772                transition: { duration: 0.5, delay: 0.1 },
40773                children: [
40774                  /* @__PURE__ */ a(
40775                    m.h3,
40776                    {
40777                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
40778                      style: { fontWeight: 700 },
40779                      initial: { opacity: 0, y: 10 },
40780                      whileInView: { opacity: 1, y: 0 },
40781                      viewport: { once: !0 },
40782                      transition: { duration: 0.4, delay: 0.1 },
40783                      children: [
40784                        "주요 특징 ",
40785                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
40786                      ]
40787                    }
40788                  ),
40789                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
40790                    /* @__PURE__ */ e(
40791                      m.p,
40792                      {
40793                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
40794                        initial: { opacity: 0, y: 12 },
40795                        whileInView: { opacity: 1, y: 0 },
40796                        viewport: { once: !0 },
40797                        transition: { duration: 0.5, delay: 0.4 },
40798                        children: "자동 플립으로 양면 검사를 한 번에, 공정 효율을 극대화"
40799                      }
40800                    ),
40801                    /* @__PURE__ */ a(
40802                      m.p,
40803                      {
40804                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[1000px] mx-auto font-sans",
40805                        initial: { opacity: 0, y: 12 },
40806                        whileInView: { opacity: 1, y: 0 },
40807                        viewport: { once: !0 },
40808                        transition: { duration: 0.5, delay: 0.55 },
40809                        children: [
40810                          "자동 플립 검사 설비는 제품을 자동으로 뒤집어 상·하면을 연속 검사하는 자동화 시스템입니다.",
40811                          /* @__PURE__ */ e("br", {}),
40812                          "머신비전 기반의 2D·3D 검사 기술을 적용하여 양면의 형상, 결함, 치수를 정밀 분석하고",
40813                          /* @__PURE__ */ e("br", {}),
40814                          "실시간 불량 검출을 통해 생산 효율과 제품 안전성을 동시에 확보합니다."
40815                        ]
40816                      }
40817                    )
40818                  ] }),
40819                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
40820                    {
40821                      title: "Actuator + Loadcell 기반 정밀 하중 제어",
40822                      description: "Actuator와 Loadcell을 활용하여 Push/Pull 하중을 실시간 측정하고 토크 기반으로 정밀 제어하여 안정적인 검사 공정을 구현합니다."
40823                    },
40824                    {
40825                      title: "Servo Press 기반 고정밀 Flip 검사",
40826                      description: "Servo Press를 적용한 Flip 검사 방식으로 부품의 뒤집힘(Flip) 상태에서 하중 데이터를 정밀 측정하여 검사 정확도를 향상합니다."
40827                    },
40828                    {
40829                      title: "실시간 하중 데이터 기반 검사",
40830                      description: "Loadcell을 통해 Flip 과정의 하중 데이터를 수치화하여 검사 결과를 정량적으로 관리할 수 있습니다."
40831                    },
40832                    {
40833                      title: "양산 라인 호환 자동 검사 시스템",
40834                      description: "기존 생산 라인 구조(Skid, Conveyor, Roller 등)와 동일한 환경에서 적용 가능하여 양산 공정에 쉽게 통합됩니다."
40835                    },
40836                    {
40837                      title: "토크 기반 Servo 제어 기술",
40838                      description: "Y-Axis Servo 토크 제어 방식을 적용하여 안정적인 Flip 동작과 정밀한 검사 동작을 동시에 구현합니다."
40839                    }
40840                  ].map((t, i) => /* @__PURE__ */ a(
40841                    m.div,
40842                    {
40843                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
40844                      initial: { opacity: 0, y: 16 },
40845                      whileInView: { opacity: 1, y: 0 },
40846                      viewport: { once: !0 },
40847                      transition: { duration: 0.4, delay: 0.1 + i * 0.07 },
40848                      children: [
40849                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
40850                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
40851                            i + 1,
40852                            "."
40853                          ] }),
40854                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: t.title })
40855                        ] }),
40856                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: t.description })
40857                      ]
40858                    },
40859                    i
40860                  )) }) })
40861                ]
40862              }
40863            ),
40864            /* @__PURE__ */ a(
40865              m.div,
40866              {
40867                initial: { opacity: 0, y: 20 },
40868                whileInView: { opacity: 1, y: 0 },
40869                viewport: { once: !0, margin: "-100px" },
40870                transition: { duration: 0.5, delay: 0.1 },
40871                children: [
40872                  /* @__PURE__ */ e(
40873                    m.h3,
40874                    {
40875                      className: "text-[18px] font-bold text-slate-950 mb-4",
40876                      initial: { opacity: 0, x: -16 },
40877                      whileInView: { opacity: 1, x: 0 },
40878                      viewport: { once: !0, margin: "-60px" },
40879                      transition: { duration: 0.4, delay: 0.15 },
40880                      children: "검사 항목 (Inspection Item)"
40881                    }
40882                  ),
40883                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-3", children: [
40884                    "Flip 공정 하중 검사 (Push / Pull Load)",
40885                    "체결 및 가압 하중 이상 여부 검사",
40886                    "Flip 동작 시 하중 값 측정 및 비교 검사",
40887                    "장비 마찰 증가 및 체결 불량 감지",
40888                    "공정 중 하중 편차 및 이상 상태 모니터링"
40889                  ].map((t, i) => /* @__PURE__ */ a(
40890                    m.div,
40891                    {
40892                      initial: { opacity: 0, x: -12 },
40893                      whileInView: { opacity: 1, x: 0 },
40894                      viewport: { once: !0, margin: "-80px" },
40895                      transition: { duration: 0.4, delay: 0.15 + i * 0.08 },
40896                      className: "flex items-center gap-3 text-gray-700 text-[15px]",
40897                      children: [
40898                        /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
40899                        t
40900                      ]
40901                    },
40902                    i
40903                  )) }) })
40904                ]
40905              }
40906            ),
40907            /* @__PURE__ */ a(
40908              m.div,
40909              {
40910                initial: { opacity: 0, y: 20 },
40911                whileInView: { opacity: 1, y: 0 },
40912                viewport: { once: !0, margin: "-100px" },
40913                transition: { duration: 0.5, delay: 0.1 },
40914                children: [
40915                  /* @__PURE__ */ e(
40916                    m.h3,
40917                    {
40918                      className: "text-[18px] font-bold text-slate-950 mb-4",
40919                      initial: { opacity: 0, x: -16 },
40920                      whileInView: { opacity: 1, x: 0 },
40921                      viewport: { once: !0, margin: "-60px" },
40922                      transition: { duration: 0.4, delay: 0.15 },
40923                      children: "제품 규격 (Dimension)"
40924                    }
40925                  ),
40926                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "space-y-3 w-full", children: [
40927                    { label: "최대 하중", value: "60 kgf (Push / Pull)" },
40928                    { label: "Servo Press Flip Tool 설정", value: "약 40 kgf" },
40929                    { label: "Loadcell 측정 범위", value: "최대 약 100 kgf" },
40930                    { label: "Actuator 적용", value: "라인당 4EA 적용" },
40931                    { label: "검사 방식", value: "Z-Axis Flip 검사 방식" },
40932                    { label: "제어 방식", value: "PC 기반 제어 시스템" }
40933                  ].map((t, i) => /* @__PURE__ */ a(
40934                    m.div,
40935                    {
40936                      initial: { opacity: 0, x: -12 },
40937                      whileInView: { opacity: 1, x: 0 },
40938                      viewport: { once: !0, margin: "-80px" },
40939                      transition: { duration: 0.4, delay: 0.2 + i * 0.06 },
40940                      className: "flex justify-between items-center border-b border-gray-100 pb-3 last:border-0",
40941                      children: [
40942                        /* @__PURE__ */ e("span", { className: "text-slate-700 font-medium", children: t.label }),
40943                        /* @__PURE__ */ e("span", { className: "font-bold text-slate-900 text-right ml-auto font-[Aoboshi_One]", children: t.value })
40944                      ]
40945                    },
40946                    i
40947                  )) }) })
40948                ]
40949              }
40950            ),
40951            /* @__PURE__ */ a(
40952              m.div,
40953              {
40954                initial: { opacity: 0, y: 20 },
40955                whileInView: { opacity: 1, y: 0 },
40956                viewport: { once: !0, margin: "-100px" },
40957                transition: { duration: 0.5, delay: 0.1 },
40958                children: [
40959                  /* @__PURE__ */ e(
40960                    m.h3,
40961                    {
40962                      className: "text-[18px] font-bold text-slate-950 mb-4",
40963                      initial: { opacity: 0, x: -16 },
40964                      whileInView: { opacity: 1, x: 0 },
40965                      viewport: { once: !0, margin: "-60px" },
40966                      transition: { duration: 0.4, delay: 0.15 },
40967                      children: "적용 분야 (Application)"
40968                    }
40969                  ),
40970                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [
40971                    "배터리 셀 양면 검사 공정",
40972                    "자동차 배터리 생산라인 (조립·검사 공정)"
40973                  ].map((t, i) => {
40974                    const n = [
40975                      "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80",
40976                      "https://images.unsplash.com/photo-1622333847289-41e8172e650a?w=600&q=80"
40977                    ];
40978                    return /* @__PURE__ */ a(
40979                      m.div,
40980                      {
40981                        className: "group overflow-hidden",
40982                        initial: { opacity: 0, y: 16 },
40983                        whileInView: { opacity: 1, y: 0 },
40984                        viewport: { once: !0 },
40985                        transition: { duration: 0.4, delay: 0.1 + i * 0.07 },
40986                        children: [
40987                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
40988                            S,
40989                            {
40990                              src: n[i] || n[0],
40991                              alt: t,
40992                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
40993                            }
40994                          ) }),
40995                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: t })
40996                        ]
40997                      },
40998                      i
40999                    );
41000                  }) }) })
41001                ]
41002              }
41003            ),
41004            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
41005              "button",
41006              {
41007                onClick: () => window.history.back(),
41008                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
41009                children: "목록으로"
41010              }
41011            ) })
41012          ] })
41013        ]
41014      }
41015    ) }) }) })
41016  ] });
41017}
41018function L6() {
41019  const t = Da, i = [
41020    {
41021      title: "Ultra-Fine Defect Detection",
41022      description: "0.5μm 수준의 미세 결함 및 외부 이물 정밀 검출",
41023      icon: di
41024    },
41025    {
41026      title: "Non-Periodic Scan Technology (HyVISION Only)",
41027      description: "비주기 스캔 방식으로 전체 영역을 한 번에 검사하는 고속 검사 기술",
41028      icon: vx
41029    },
41030    {
41031      title: "Automated Wafer Vision Teaching",
41032      description: "Wafer 및 Vision Teaching 일부 자동화 구현으로 검사 준비 시간 단축",
41033      icon: Be
41034    },
41035    {
41036      title: "Real-Time Processing Architecture",
41037      description: "Distributed / Multi-Processing / Multi-Thread 기반 실시간 검사 시스템",
41038      icon: at
41039    },
41040    {
41041      title: "High-Resolution Telecentric Illumination",
41042      description: "텔레센트릭 조명 기반의 균일하고 선명한 고해상도 검사 환경",
41043      icon: de
41044    },
41045    {
41046      title: "High-Performance LED Lighting",
41047      description: "실시간 밝기 제어 가능한 고성능 LED 조명으로 고속 결함 검출",
41048      icon: De
41049    },
41050    {
41051      title: "Hybrid Inspection Algorithm",
41052      description: "Rule-Based Algorithm과 AI Deep Learning을 결합한 고정밀 결함 검사",
41053      icon: Xe
41054    },
41055    {
41056      title: "AI-Based Defect Detection & Classification",
41057      description: "딥러닝 기반 결함 검출 및 유형 자동 분류",
41058      icon: yt
41059    }
41060  ], n = [
41061    "Logic & Memory Wafers (DRAM, NAND)",
41062    "Power Semiconductors (SiC, GaN)",
41063    "CMOS Image Sensors (CIS)",
41064    "Advanced Packaging (TSV, RDL)",
41065    "MEMS Devices"
41066  ];
41067  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
41068    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
41069      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
41070        /* @__PURE__ */ e(
41071          S,
41072          {
41073            src: t,
41074            alt: "AOI500 Wafer Inspection System",
41075            className: "w-full h-full object-cover"
41076          }
41077        ),
41078        /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
41079          /* @__PURE__ */ e(
41080            "img",
41081            {
41082              src: "https://images.unsplash.com/photo-1569852741721-ee5a94bf719e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW1pY29uZHVjdG9yJTIwd2FmZXIlMjBtYWNoaW5lfGVufDF8fHx8MTc3Mzc5NzEzOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral",
41083              alt: "AOI Semiconductor Equipment",
41084              className: "absolute inset-0 w-full h-full object-cover"
41085            }
41086          ),
41087          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/35" })
41088        ] })
41089      ] }),
41090      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-32", children: /* @__PURE__ */ a(
41091        m.div,
41092        {
41093          initial: { opacity: 0, x: -30 },
41094          animate: { opacity: 1, x: 0 },
41095          transition: { duration: 0.6 },
41096          children: [
41097            /* @__PURE__ */ a("h1", { className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 mt-6 tracking-tight font-[Aoboshi_One]", children: [
41098              "AOI500",
41099              /* @__PURE__ */ e("br", {}),
41100              "Wafer Inspection"
41101            ] }),
41102            /* @__PURE__ */ e("p", { className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans", children: "Advanced Optical Inspection System for Semiconductor Wafers" }),
41103            /* @__PURE__ */ a("p", { className: "text-white/75 leading-relaxed mb-10 text-[16px] text-[#ffffff]", children: [
41104              "AOI500은 반도체 전공정 및 후공정에서 발생하는 다양한 결함을",
41105              /* @__PURE__ */ e("br", {}),
41106              "고해상도 광학계와 독자적인 AI 알고리즘으로 검출합니다.",
41107              /* @__PURE__ */ e("br", {}),
41108              "수율 향상을 위한 최고의 솔루션을 제공합니다."
41109            ] }),
41110            /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row gap-4 w-fit", children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors font-bold text-[15px]", children: [
41111              /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
41112              /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
41113            ] }) })
41114          ]
41115        }
41116      ) }) })
41117    ] }),
41118    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
41119      m.div,
41120      {
41121        initial: { opacity: 0, y: 30 },
41122        whileInView: { opacity: 1, y: 0 },
41123        viewport: { once: !0, margin: "-100px" },
41124        transition: { duration: 0.6 },
41125        children: [
41126          /* @__PURE__ */ e(
41127            m.h2,
41128            {
41129              className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10",
41130              initial: { opacity: 0, x: -24 },
41131              whileInView: { opacity: 1, x: 0 },
41132              viewport: { once: !0, margin: "-80px" },
41133              transition: { duration: 0.5, delay: 0.1 },
41134              children: "제품 사양"
41135            }
41136          ),
41137          /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
41138            /* @__PURE__ */ a(
41139              m.div,
41140              {
41141                initial: { opacity: 0, y: 20 },
41142                whileInView: { opacity: 1, y: 0 },
41143                viewport: { once: !0, margin: "-60px" },
41144                transition: { duration: 0.5, delay: 0.1 },
41145                children: [
41146                  /* @__PURE__ */ a(
41147                    m.h3,
41148                    {
41149                      className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
41150                      style: { fontWeight: 700 },
41151                      initial: { opacity: 0, y: 10 },
41152                      whileInView: { opacity: 1, y: 0 },
41153                      viewport: { once: !0 },
41154                      transition: { duration: 0.4, delay: 0.1 },
41155                      children: [
41156                        "주요 특징 ",
41157                        /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
41158                      ]
41159                    }
41160                  ),
41161                  /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
41162                    /* @__PURE__ */ e(
41163                      m.p,
41164                      {
41165                        className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
41166                        initial: { opacity: 0, y: 12 },
41167                        whileInView: { opacity: 1, y: 0 },
41168                        viewport: { once: !0 },
41169                        transition: { duration: 0.5, delay: 0.4 },
41170                        children: "0.5μm 미세 결함도 잡아내는 반도체 고정밀 광학 검사"
41171                      }
41172                    ),
41173                    /* @__PURE__ */ a(
41174                      m.p,
41175                      {
41176                        className: "text-slate-500 text-[15px] leading-relaxed max-w-[960px] mx-auto font-sans",
41177                        initial: { opacity: 0, y: 12 },
41178                        whileInView: { opacity: 1, y: 0 },
41179                        viewport: { once: !0 },
41180                        transition: { duration: 0.5, delay: 0.55 },
41181                        children: [
41182                          "반도체 전·후공정에서 발생하는 다양한 결함을 고해상도 광학계와 독자적인 AI 기반 알고리즘으로 정밀하게 검출합니다.",
41183                          /* @__PURE__ */ e("br", { className: "hidden md:block" }),
41184                          "미세 패턴 및 표면 결함을 고속으로 분석하고, 데이터 기반 결함 분류와 공정 피드백을 통해 수율 향상을 극대화하는 검사 솔루션을 제공합니다."
41185                        ]
41186                      }
41187                    )
41188                  ] }),
41189                  /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: i.map((r, s) => s === 6 ? null : /* @__PURE__ */ a(
41190                    m.div,
41191                    {
41192                      className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
41193                      initial: { opacity: 0, y: 16 },
41194                      whileInView: { opacity: 1, y: 0 },
41195                      viewport: { once: !0 },
41196                      transition: { duration: 0.4, delay: 0.1 + (s > 6 ? s - 1 : s) * 0.07 },
41197                      children: [
41198                        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
41199                          /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
41200                            s > 6 ? s : s + 1,
41201                            "."
41202                          ] }),
41203                          /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: r.title })
41204                        ] }),
41205                        /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans", children: s === 0 ? /* @__PURE__ */ a(V, { children: [
41206                          "0.5μm 수준의 초미세 결함과 외부 이물을",
41207                          /* @__PURE__ */ e("br", {}),
41208                          "정밀하게 검출하는 고해상도 검사 기술을 제공합니다."
41209                        ] }) : s === 1 ? /* @__PURE__ */ a(V, { children: [
41210                          "주기 / 비주기 Scan 방식을 모두 지원해 다양한 검사 조건에 유연하게",
41211                          /* @__PURE__ */ e("br", {}),
41212                          "대응하고 정형화된 패턴뿐 아니라 불규칙한 환경에서도 검사 가능합니다."
41213                        ] }) : s === 2 ? /* @__PURE__ */ a(V, { children: [
41214                          "Wafer / Vision Teaching 자동화를 통해",
41215                          /* @__PURE__ */ e("br", {}),
41216                          "작업자 의존도를 줄이고 셋업 시간을 단축합니다."
41217                        ] }) : s === 4 ? /* @__PURE__ */ a(V, { children: [
41218                          "텔레센트릭 조명을 적용해 균일한 광 분포와 왜곡 없는",
41219                          /* @__PURE__ */ e("br", {}),
41220                          "고해상도 이미지를 확보하여 정밀한 검사 환경을 제공합니다."
41221                        ] }) : s === 5 ? /* @__PURE__ */ a(V, { children: [
41222                          "밝기 편차 ±2%와 최대 20,000시간 수명의 LED를 적용해 영상 품질의 일관성과",
41223                          /* @__PURE__ */ e("br", {}),
41224                          "유지보수 효율을 높이며 자체 광원 기술로 최적의 검사 환경을 구현합니다."
41225                        ] }) : s === 7 ? /* @__PURE__ */ a(V, { children: [
41226                          "Rule-Based와 AI 딥러닝 결합으로",
41227                          /* @__PURE__ */ e("br", {}),
41228                          "검사 정확도와 확장성을 동시에 향상시킵니다."
41229                        ] }) : r.description })
41230                      ]
41231                    },
41232                    s
41233                  )) }) })
41234                ]
41235              }
41236            ),
41237            /* @__PURE__ */ a(
41238              m.div,
41239              {
41240                initial: { opacity: 0, y: 20 },
41241                whileInView: { opacity: 1, y: 0 },
41242                viewport: { once: !0, margin: "-60px" },
41243                transition: { duration: 0.5, delay: 0.1 },
41244                children: [
41245                  /* @__PURE__ */ e(
41246                    m.h3,
41247                    {
41248                      className: "text-[18px] font-bold text-slate-950 mb-4",
41249                      initial: { opacity: 0, x: -16 },
41250                      whileInView: { opacity: 1, x: 0 },
41251                      viewport: { once: !0, margin: "-60px" },
41252                      transition: { duration: 0.4, delay: 0.15 },
41253                      children: "검사 항목 (Inspection Item)"
41254                    }
41255                  ),
41256                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
41257                    {
41258                      label: "Wafer Inspection",
41259                      desc: "웨이퍼 전 공정에서 발생할 수 있는 다양한 결함을 정밀하게 검출합니다.",
41260                      bullets: [
41261                        "DIE 패턴 결함",
41262                        "웨이퍼 표면 결함",
41263                        "DIE 정렬 상태 검사",
41264                        "웨이퍼 다이싱 결함"
41265                      ]
41266                    },
41267                    {
41268                      label: "Display Inspection",
41269                      desc: "디스플레이 품질을 결정짓는 핵심 요소를 고정밀로 검사합니다.",
41270                      bullets: [
41271                        "Display 표면 결함 검사",
41272                        "광학 불량 검출"
41273                      ]
41274                    },
41275                    {
41276                      label: "Cover Glass Inspection",
41277                      desc: "커버 글래스의 미세 결함까지 정밀하게 검출하여 제품 완성도를 향상시킵니다.",
41278                      bullets: [
41279                        "표면 스크래치 및 이물",
41280                        "광학 품질 검사"
41281                      ]
41282                    }
41283                  ].map((r, s) => /* @__PURE__ */ e(
41284                    m.div,
41285                    {
41286                      className: "bg-white border border-gray-200 rounded-2xl p-5 hover:border-[#003D7A]/40 hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300 group",
41287                      initial: { opacity: 0, y: 15 },
41288                      whileInView: { opacity: 1, y: 0 },
41289                      viewport: { once: !0, margin: "-40px" },
41290                      transition: { duration: 0.4, delay: 0.1 + 0.1 * s },
41291                      children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
41292                        /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5", children: [
41293                          /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full bg-[#003D7A] group-hover:scale-150 transition-transform" }),
41294                          /* @__PURE__ */ e("h4", { className: "font-bold text-[16px] text-slate-900 tracking-tight", children: r.label })
41295                        ] }),
41296                        /* @__PURE__ */ e("p", { className: "text-gray-600 text-[14px] leading-relaxed pl-4", children: r.desc }),
41297                        r.bullets && r.bullets.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 pl-4 mt-2", children: r.bullets.map((l, o) => /* @__PURE__ */ e(
41298                          "span",
41299                          {
41300                            className: "inline-flex items-center text-[12.5px] font-medium text-slate-700 bg-slate-50 border border-slate-200/80 px-3 py-1.5 rounded-md",
41301                            children: l
41302                          },
41303                          o
41304                        )) })
41305                      ] })
41306                    },
41307                    s
41308                  )) }) })
41309                ]
41310              }
41311            ),
41312            /* @__PURE__ */ a(
41313              m.div,
41314              {
41315                initial: { opacity: 0, y: 20 },
41316                whileInView: { opacity: 1, y: 0 },
41317                viewport: { once: !0, margin: "-60px" },
41318                transition: { duration: 0.5, delay: 0.1 },
41319                children: [
41320                  /* @__PURE__ */ e(
41321                    m.h3,
41322                    {
41323                      className: "text-[18px] font-bold text-slate-950 mb-4",
41324                      initial: { opacity: 0, x: -16 },
41325                      whileInView: { opacity: 1, x: 0 },
41326                      viewport: { once: !0, margin: "-60px" },
41327                      transition: { duration: 0.4, delay: 0.15 },
41328                      children: "제품 규격 (Dimension)"
41329                    }
41330                  ),
41331                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e(
41332                    m.div,
41333                    {
41334                      className: "w-full mt-6",
41335                      initial: { opacity: 0, y: 12 },
41336                      whileInView: { opacity: 1, y: 0 },
41337                      viewport: { once: !0, margin: "-40px" },
41338                      transition: { duration: 0.4, delay: 0.2 },
41339                      children: /* @__PURE__ */ e("div", { className: "w-full border border-gray-200 overflow-hidden bg-white", children: /* @__PURE__ */ a("table", { className: "w-full text-left border-collapse text-[13px]", children: [
41340                        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-[#f0f0f0]", children: [
41341                          /* @__PURE__ */ e("th", { className: "p-4 border-b border-gray-200 border-r text-center text-slate-700 font-bold whitespace-nowrap", children: "Item" }),
41342                          /* @__PURE__ */ e("th", { className: "p-4 border-b border-gray-200 border-r text-center text-slate-700 font-bold", children: "Specification" }),
41343                          /* @__PURE__ */ e("th", { className: "p-4 border-b border-gray-200 text-center text-slate-700 font-bold", children: "Description" })
41344                        ] }) }),
41345                        /* @__PURE__ */ a("tbody", { children: [
41346                          /* @__PURE__ */ a("tr", { children: [
41347                            /* @__PURE__ */ e("td", { className: "p-4 border-b border-gray-200 border-r text-slate-800 font-bold text-center align-middle whitespace-nowrap", children: "Objective FOV @ Magnification" }),
41348                            /* @__P
41348URE__ */ a("td", { className: "p-4 border-b border-gray-200 border-r text-slate-800 font-bold text-center align-middle leading-snug", children: [
41349                              "11.0mm @ X2",
41350                              /* @__PURE__ */ e("br", {}),
41351                              "4.40mm @ X5",
41352                              /* @__PURE__ */ e("br", {}),
41353                              "2.93mm @ X7.5",
41354                              /* @__PURE__ */ e("br", {}),
41355                              "2.20mm @ X10",
41356                              /* @__PURE__ */ e("br", {}),
41357                              "1.10mm @ X20"
41358                            ] }),
41359                            /* @__PURE__ */ a("td", { className: "p-4 border-b border-gray-200 text-slate-800 font-bold align-middle text-center row-span-2", rowSpan: 2, children: [
41360                              "Supports up to optical changeable",
41361                              /* @__PURE__ */ e("br", {}),
41362                              "magnifications with an automated turret"
41363                            ] })
41364                          ] }),
41365                          /* @__PURE__ */ a("tr", { children: [
41366                            /* @__PURE__ */ e("td", { className: "p-4 border-b border-gray-200 border-r text-slate-800 font-bold text-center align-middle whitespace-nowrap", children: "Resolution @ Magnification" }),
41367                            /* @__PURE__ */ a("td", { className: "p-4 border-b border-gray-200 border-r text-slate-800 font-bold text-center align-middle leading-snug", children: [
41368                              "2.75um @ X2",
41369                              /* @__PURE__ */ e("br", {}),
41370                              "1.10um @ X5",
41371                              /* @__PURE__ */ e("br", {}),
41372                              "0.73um @ X7.5",
41373                              /* @__PURE__ */ e("br", {}),
41374                              "0.55um @ X10",
41375                              /* @__PURE__ */ e("br", {}),
41376                              "0.27um @ X20"
41377                            ] })
41378                          ] }),
41379                          /* @__PURE__ */ a("tr", { children: [
41380                            /* @__PURE__ */ e("td", { className: "p-4 border-b border-gray-200 border-r text-slate-800 font-bold text-center align-middle whitespace-nowrap", children: "Illumination Type" }),
41381                            /* @__PURE__ */ e("td", { className: "p-4 border-b border-gray-200 border-r text-slate-800 font-bold text-center align-middle", children: "Bright Field & Dark Filed" }),
41382                            /* @__PURE__ */ e("td", { className: "p-4 border-b border-gray-200 text-slate-800 font-bold text-center align-middle", children: "Wide & Narrow Angle @ Dark Filed" })
41383                          ] }),
41384                          /* @__PURE__ */ a("tr", { children: [
41385                            /* @__PURE__ */ e("td", { className: "p-4 border-r border-gray-200 text-slate-800 font-bold text-center align-middle whitespace-nowrap", children: "Illumination Source" }),
41386                            /* @__PURE__ */ e("td", { className: "p-4 border-r border-gray-200 text-slate-800 font-bold text-center align-middle", children: "LED" }),
41387                            /* @__PURE__ */ e("td", { className: "p-4 text-slate-800 font-bold text-center align-middle", children: "Life Time (Max 20,000 hours)" })
41388                          ] })
41389                        ] })
41390                      ] }) })
41391                    }
41392                  ) })
41393                ]
41394              }
41395            ),
41396            /* @__PURE__ */ a(
41397              m.div,
41398              {
41399                initial: { opacity: 0, y: 20 },
41400                whileInView: { opacity: 1, y: 0 },
41401                viewport: { once: !0, margin: "-60px" },
41402                transition: { duration: 0.5, delay: 0.1 },
41403                children: [
41404                  /* @__PURE__ */ e(
41405                    m.h3,
41406                    {
41407                      className: "text-[18px] font-bold text-slate-950 mb-4",
41408                      initial: { opacity: 0, x: -16 },
41409                      whileInView: { opacity: 1, x: 0 },
41410                      viewport: { once: !0, margin: "-60px" },
41411                      transition: { duration: 0.4, delay: 0.15 },
41412                      children: "적용 분야 (Application)"
41413                    }
41414                  ),
41415                  /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: n.map((r, s) => {
41416                    const l = (d) => {
41417                      const c = d.toLowerCase();
41418                      return c.includes("logic") || c.includes("memory") || c.includes("dram") || c.includes("nand") || c.includes("반도체") || c.includes("wafer") ? "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80" : c.includes("power") || c.includes("sic") || c.includes("gan") || c.includes("전력") ? "https://images.unsplash.com/photo-1764719396584-a53dbeac7db0?w=600&q=80" : c.includes("cmos") || c.includes("image sensor") || c.includes("cis") ? "https://images.unsplash.com/photo-1765100778192-8362996cb641?w=600&q=80" : c.includes("display") || c.includes("oled") || c.includes("디스플레이") ? "https://images.unsplash.com/photo-1740637977676-c8040b41dc7a?w=600&q=80" : c.includes("pcb") || c.includes("기판") || c.includes("패키지") ? "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80" : "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80";
41419                    }, o = (d) => {
41420                      const c = d.toLowerCase();
41421                      return c.includes("logic") || c.includes("memory") || c.includes("dram") || c.includes("nand") || c.includes("반도체") || c.includes("wafer") ? "Logic & Memory IC" : c.includes("power") || c.includes("sic") || c.includes("gan") || c.includes("전력") ? "Power Semiconductor" : c.includes("cmos") || c.includes("image sensor") || c.includes("cis") ? "CMOS Image Sensor" : c.includes("display") || c.includes("oled") || c.includes("디스플레이") ? "Display Panel" : c.includes("pcb") || c.includes("기판") || c.includes("패키지") ? "PCB & Package" : "Semiconductor Inspection";
41422                    };
41423                    return /* @__PURE__ */ a(
41424                      m.div,
41425                      {
41426                        className: "group overflow-hidden",
41427                        initial: { opacity: 0, y: 16 },
41428                        whileInView: { opacity: 1, y: 0 },
41429                        viewport: { once: !0 },
41430                        transition: { duration: 0.4, delay: 0.1 + s * 0.07 },
41431                        children: [
41432                          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
41433                            S,
41434                            {
41435                              src: l(r),
41436                              alt: r,
41437                              className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
41438                            }
41439                          ) }),
41440                          /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: r }),
41441                          /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: o(r) })
41442                        ]
41443                      },
41444                      s
41445                    );
41446                  }) }) })
41447                ]
41448              }
41449            ),
41450            /* @__PURE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
41451              "button",
41452              {
41453                onClick: () => window.history.back(),
41454                className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
41455                children: "목록으로"
41456              }
41457            ) })
41458          ] })
41459        ]
41460      }
41461    ) }) }) })
41462  ] });
41463}
41464const H6 = globalThis.__GLOBALS__.getAssetURL("08ddddb2fcd81b05f29f1f844f55bb01395fb0a8.png"), O6 = {
41465  fdm: {
41466    name: "Style Plus (A15CR)",
41467    nameEn: "FDM 3D Printer — High-Performance Series",
41468    typeBadge: "FDM Technology",
41469    description: "Style Plus (A15CR)는 코어XY 구동 방식과 듀얼 히팅 챔버를 결합한 고성능 FDM 3D 프린터로, 정밀한 출력 품질과 빠른 생산 속도를 동시에 구현합니다. 다양한 산업용 소재와의 높은 호환성을 갖추어 시제품 제작부터 소량 양산까지 폭넓게 활용됩니다.",
41470    image: kp,
41471    features: [
41472      { title: "코어XY 고속 구동", description: "최대 500mm/s 출력 속도 지원", icon: de },
41473      { title: "듀얼 히팅 챔버", description: "안정적인 온도 제어로 뒤틀림 방지", icon: Be },
41474      { title: "다소재 호환", description: "PLA·ABS·PETG·TPU·Nylon 지원", icon: De }
41475    ],
41476    specs: [
41477      { label: "출력 크기 (Build Volume)", value: "400 × 400 × 400 mm" },
41478      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.35 mm" },
41479      { label: "출력 속도 (Print Speed)", value: "최대 500 mm/s" },
41480      { label: "노즐 온도 (Nozzle Temp)", value: "최대 300°C" },
41481      { label: "베드 온도 (Bed Temp)", value: "최대 120°C" },
41482      { label: "본체 중량", value: "약 45 kg" }
41483    ],
41484    materials: ["PLA", "ABS", "PETG", "TPU", "Nylon (PA12)", "PVA (서포트용)"],
41485    applications: ["자동차 부품 시제품", "전자기기 케이싱", "산업용 지그 & 픽스처", "의료기기 프로토타입", "소량 양산 부품"]
41486  },
41487  "fdm-2": {
41488    name: "Optimus (C23Z)",
41489    nameEn: "FDM 3D Printer — Optimus Series",
41490    typeBadge: "FDM Technology",
41491    description: "Optimus(C23Z)는 안정적인 직교형 구조와 클로즈드 챔버 설계를 채택하여 고온 소재에서도 뛰어난 출력 안정성을 제공합니다. 산업 현장의 반복 생산 환경에 최적화된 내구성과 정밀도를 갖추었습니다.",
41492    image: H6,
41493    features: [
41494      { title: "클로즈드 챔버", description: "고온 소재 출력 환경 최적화", icon: yt },
41495      { title: "산업용 내구성", description: "연속 운전 24시간 이상 지원", icon: Be },
41496      { title: "정밀 레벨링", description: "자동 베드 레벨링 시스템 탑재", icon: Xe }
41497    ],
41498    specs: [
41499      { label: "출력 크기 (Build Volume)", value: "300 × 300 × 400 mm" },
41500      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.35 mm" },
41501      { label: "출력 속도 (Print Speed)", value: "최대 300 mm/s" },
41502      { label: "노즐 온도 (Nozzle Temp)", value: "최대 300°C" },
41503      { label: "베드 온도 (Bed Temp)", value: "최대 110°C" },
41504      { label: "본체 중량", value: "약 38 kg" }
41505    ],
41506    materials: ["PLA", "ABS", "PETG", "Nylon (PA6/PA12)", "ASA"],
41507    applications: ["산업용 기계 부품", "항공우주 시제품", "건축 모형", "전자부품 케이스", "교육 및 연구용"]
41508  },
41509  "fdm-3": {
41510    name: "Prime (M22Z)",
41511    nameEn: "FDM 3D Printer — Prime Series",
41512    typeBadge: "FDM Technology",
41513    description: "Prime(M22Z)는 컴팩트한 사이즈에 높은 정밀도를 갖춘 엔트리급 산업용 FDM 프린터입니다. 간결한 운용 구조와 빠른 셋업 시간으로 소규모 작업환경에 이상적입니다.",
41514    image: Tp,
41515    features: [
41516      { title: "고정밀 출력", description: "XY 해상도 0.1mm 이하 구현", icon: at },
41517      { title: "빠른 셋업", value: "초기 설정 시간 최소화", icon: de, description: "초기 설정 시간 최소화" },
41518      { title: "저소음 설계", description: "40dB 이하 작동 소음", icon: Be }
41519    ],
41520    specs: [
41521      { label: "출력 크기 (Build Volume)", value: "220 × 220 × 250 mm" },
41522      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.30 mm" },
41523      { label: "출력 속도 (Print Speed)", value: "최대 250 mm/s" },
41524      { label: "노즐 온도 (Nozzle Temp)", value: "최대 280°C" },
41525      { label: "베드 온도 (Bed Temp)", value: "최대 100°C" },
41526      { label: "본체 중량", value: "약 18 kg" }
41527    ],
41528    materials: ["PLA", "ABS", "PETG", "TPU"],
41529    applications: ["교육기관 및 연구소", "소형 부품 시제품", "디자인 검토 목업", "의료기기 모형", "소비재 프로토타입"]
41530  },
41531  "fdm-4": {
41532    name: "Single Plus (320C/G)",
41533    nameEn: "FDM 3D Printer — Single Plus Series",
41534    typeBadge: "FDM Technology",
41535    description: "Single Plus(320C/G)는 싱글 헤드 방식으로 안정적인 출력 품질을 유지하면서도 320mm 규격의 빌드 볼륨을 제공합니다. 중형 산업용 부품의 시제품 제작에 최적화되어 있습니다.",
41536    image: Pp,
41537    features: [
41538      { title: "중형 빌드 볼륨", description: "320mm 규격의 넉넉한 출력 공간", icon: yt },
41539      { title: "안정적 단일 헤드", description: "서포트 제거가 쉬운 최적화 설계", icon: Zi },
41540      { title: "자동 필라멘트 감지", description: "소재 부족 시 자동 일시정지", icon: Xe }
41541    ],
41542    specs: [
41543      { label: "출력 크기 (Build Volume)", value: "320 × 320 × 350 mm" },
41544      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.35 mm" },
41545      { label: "출력 속도 (Print Speed)", value: "최대 350 mm/s" },
41546      { label: "노즐 온도 (Nozzle Temp)", value: "최대 300°C" },
41547      { label: "베드 온도 (Bed Temp)", value: "최대 110°C" },
41548      { label: "본체 중량", value: "약 32 kg" }
41549    ],
41550    materials: ["PLA", "ABS", "PETG", "TPU", "ASA"],
41551    applications: ["중형 산업 부품", "자동화 라인 지그", "로봇 부품 시제품", "전기차 내장 부품 목업", "포장재 프로토타입"]
41552  },
41553  "fdm-5": {
41554    name: "Style Neo (A22C / A31C)",
41555    nameEn: "FDM 3D Printer — Style Neo Series",
41556    typeBadge: "FDM Technology",
41557    description: "Style Neo(A22C/A31C)는 모던한 외관 디자인과 사용자 친화적 인터페이스를 갖춘 차세대 FDM 프린터입니다. 터치스크린 UI와 Wi-Fi 원격 모니터링 기능을 기본 탑재하여 스마트 팩토리 환경에 최적입니다.",
41558    image: Lp,
41559    features: [
41560      { title: "스마트 UI", description: "7인치 터치스크린 및 Wi-Fi 연동", icon: at },
41561      { title: "원격 모니터링", description: "앱을 통한 실시간 출력 현황 확인", icon: Xe },
41562      { title: "자동 보정", description: "자동 베드 레벨링 및 Z-오프셋 보정", icon: Be }
41563    ],
41564    specs: [
41565      { label: "출력 크기 (Build Volume)", value: "220 × 220 × 250 mm (A22C) / 310 × 310 × 350 mm (A31C)" },
41566      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.35 mm" },
41567      { label: "출력 속도 (Print Speed)", value: "최대 400 mm/s" },
41568      { label: "노즐 온도 (Nozzle Temp)", value: "최대 300°C" },
41569      { label: "연결성", value: "Wi-Fi / USB / Ethernet" },
41570      { label: "디스플레이", value: "7인치 컬러 터치스크린" }
41571    ],
41572    materials: ["PLA", "ABS", "PETG", "TPU", "Nylon"],
41573    applications: ["스마트 팩토리 통합 운용", "원격지 관리 시제품 생산", "교육 및 창작 공간", "디자인 스튜디오", "연구개발 부서"]
41574  },
41575  "fdm-6": {
41576    name: "Style Plus (A15D)",
41577    nameEn: "FDM 3D Printer — Style Plus A15D",
41578    typeBadge: "FDM Technology",
41579    description: "Style Plus(A15D)는 대형 클로즈드 챔버와 고온 노즐을 탑재하여 엔지니어링 소재의 안정적 출력을 보장합니다. 자동차·항공 산업에서 요구하는 고내열·고강도 소재 출력에 특화되어 있습니다.",
41580    image: Hp,
41581    features: [
41582      { title: "고온 노즐", description: "최대 350°C 고온 소재 출력 지원", icon: de },
41583      { title: "대형 클로즈드 챔버", description: "챔버 온도 최대 70°C 유지", icon: yt },
41584      { title: "엔지니어링 소재", description: "PEEK·PC·Ultem 등 고성능 소재 호환", icon: De }
41585    ],
41586    specs: [
41587      { label: "출력 크기 (Build Volume)", value: "400 × 400 × 500 mm" },
41588      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.40 mm" },
41589      { label: "출력 속도 (Print Speed)", value: "최대 300 mm/s" },
41590      { label: "노즐 온도 (Nozzle Temp)", value: "최대 350°C" },
41591      { label: "챔버 온도", value: "최대 70°C" },
41592      { label: "본체 중량", value: "약 60 kg" }
41593    ],
41594    materials: ["PLA", "ABS", "PETG", "Nylon", "PC", "PEEK", "Ultem 1010"],
41595    applications: ["자동차 엔진룸 부품", "항공우주 내열 부품", "반도체 장비 부품", "의료기기 멸균 부품", "방산 산업 시제품"]
41596  },
41597  "fdm-7": {
41598    name: "Dual Plus (S30i)",
41599    nameEn: "FDM 3D Printer — Dual Plus Series",
41600    typeBadge: "FDM Technology",
41601    description: "Dual Plus(S30i)는 독립 구동 듀얼 헤드 시스템을 채택하여 서포트 소재와 모델 소재를 동시에 사용할 수 있습니다. 복잡한 언더컷 형상도 수용성 서포트(PVA)로 깔끔하게 제거 가능합니다.",
41602    image: Op,
41603    features: [
41604      { title: "독립 듀얼 헤드 (IDEX)", description: "2가지 소재 또는 색상 동시 출력", icon: Zi },
41605      { title: "수용성 서포트", description: "PVA 서포트로 복잡한 형상 완벽 처리", icon: ul },
41606      { title: "미러 / 복제 모드", description: "동일 부품을 2배 속도로 생산", icon: De }
41607    ],
41608    specs: [
41609      { label: "출력 크기 (Build Volume)", value: "300 × 300 × 400 mm (단독) / 150 × 300 × 400 mm (복제 모드)" },
41610      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.35 mm" },
41611      { label: "노즐 수", value: "2개 (독립 구동 IDEX)" },
41612      { label: "노즐 온도 (Nozzle Temp)", value: "최대 300°C × 2" },
41613      { label: "베드 온도 (Bed Temp)", value: "최대 110°C" },
41614      { label: "본체 중량", value: "약 48 kg" }
41615    ],
41616    materials: ["PLA", "ABS", "PETG", "TPU", "PVA (수용성 서포트)", "Nylon"],
41617    applications: ["복합 소재 부품 시제품", "유연·강성 복합 구조물", "정밀 기계 부품 양면 서포트", "의료기기 복잡 형상 출력", "소량 2색 양산 부품"]
41618  },
41619  "fdm-8": {
41620    name: "xCeler (고속)",
41621    nameEn: "FDM 3D Printer — xCeler High-Speed Series",
41622    typeBadge: "FDM Technology",
41623    description: `xCeler는 업계 최고 수준의 고속 출력 기술을 탑재한 프리미엄 FDM 프린터입니다.
41624입력 성형(Input Shaping) 보정 알고리즘을 통해 고속에서도 진동을 ì
41624–µì œí•˜ì—¬ 뛰어난 표면 품질을 유지합니다.`,
41625    image: Vp,
41626    features: [
41627      { title: "초고속 출력", description: "최대 800mm/s 출력 속도 지원", icon: de },
41628      { title: "입력 성형 보정", description: "고속 진동 억제로 표면 품질 유지", icon: Xe },
41629      { title: "고효율 냉각", description: "듀얼 파트 쿨링 팬으로 즉각 냉각", icon: Be }
41630    ],
41631    specs: [
41632      { label: "출력 크기 (Build Volume)", value: "350 × 350 × 400 mm" },
41633      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.35 mm" },
41634      { label: "최대 출력 속도", value: "최대 800 mm/s" },
41635      { label: "가속도", value: "최대 20,000 mm/s²" },
41636      { label: "노즐 온도 (Nozzle Temp)", value: "최대 300°C" },
41637      { label: "본체 중량", value: "약 40 kg" }
41638    ],
41639    materials: ["PLA", "PETG", "ABS", "ASA", "TPU", "고속 전용 소재"],
41640    applications: ["단납기 시제품 제작", "반복 생산 소량 양산", "이커머스 맞춤형 부품", "전시회 샘플 제작", "긴급 대응 부품 생산"]
41641  },
41642  "fdm-9": {
41643    name: "xCeler-Plus (고속)",
41644    nameEn: "FDM 3D Printer — xCeler Plus High-Speed Series",
41645    typeBadge: "FDM Technology",
41646    description: "xCeler-Plus는 xCeler의 고속 플랫폼에 대용량 빌드 볼륨과 멀티 소재 호환성을 추가한 플래그십 모델입니다. 대형 부품도 빠르고 정밀하게 출력할 수 있어 산업 현장의 생산성을 극대화합니다.",
41647    image: Ep,
41648    features: [
41649      { title: "대형 고속 출력", description: "대용량 볼륨 + 최대 800mm/s", icon: de },
41650      { title: "다중 소재 지원", description: "엔지니어링 소재 포함 광범위 호환", icon: De },
41651      { title: "스마트 모니터링", description: "카메라 기반 실시간 출력 감시", icon: at }
41652    ],
41653    specs: [
41654      { label: "출력 크기 (Build Volume)", value: "400 × 400 × 500 mm" },
41655      { label: "레이어 두께 (Layer Height)", value: "0.05 ~ 0.40 mm" },
41656      { label: "최대 출력 속도", value: "최대 800 mm/s" },
41657      { label: "가속도", value: "최대 20,000 mm/s²" },
41658      { label: "노즐 온도 (Nozzle Temp)", value: "최대 320°C" },
41659      { label: "베드 온도 (Bed Temp)", value: "최대 120°C" }
41660    ],
41661    materials: ["PLA", "PETG", "ABS", "ASA", "Nylon", "TPU", "PC"],
41662    applications: ["대형 산업 부품 고속 생산", "자동차 외장 파트 목업", "항공 지그 & 툴링", "단납기 대형 시제품", "스마트 팩토리 무인 운전"]
41663  },
41664  sla: {
41665    name: "MAX300",
41666    nameEn: "SLA 3D Printer — MAX300 Series",
41667    typeBadge: "SLA Technology",
41668    tagline: "405nm 기능성 레진 출력에 특화된 전문가용 3D프린터",
41669    featureTitle: "405nm 기능성 레진 출력에 특화된 산업용 SLA 3D프린터",
41670    description: "MAX300은 405nm UV LCD 광원과 4K 해상도 마스킹 기술을 결합한 고정밀 SLA 프린터입니다. FDM 대비 월등히 부드러운 표면과 정밀한 치수 정확도를 제공하여 의료·치과·보석 분야에 최적화되어 있습니다.",
41671    image: Cp,
41672    features: [
41673      { title: "4K LCD 광원", description: "405nm UV, XY 해상도 0.05mm", icon: de },
41674      { title: "초정밀 표면", description: "레이어 두께 0.025mm 구현", icon: De },
41675      { title: "고속 경화", description: "층당 경화 시간 2초 이하", icon: Xe }
41676    ],
41677    detailedFeatures: [
41678      { title: "405nm 기능성 레진 출력에 특화된 전문가용 3D프린터", description: "405nm 기능성 레진 출력에 특화된 SLA 3D 프린터로, 레이저 스팟 가변 기술을 통해 고정밀과 고속 출력을 동시에 구현합니다. 정밀 센서 기반 제어와 레이저 오토콜리메이터, 비전 보정 시스템을 통해 안정적이고 높은 출력 품질을 제공합니다." },
41679      { title: "다양한 출력 재료를 활용한 제품 아이디어 확대", description: "큐비콘 MAX300은 ABS-Like를 비롯하여 열에 강한 내열성 소재, 투명 소재, 소프트 타입의 소재 등 다양한 재료로 출력할 수 있습니다. 3D프린팅 목적에 따라 재료를 선택/활용함으로써 사용자들이 더욱 다양한 제품 아이디어를 실현할 수 있도록 지원합니다. 머릿속에 그려놓은 그 재질/질감 그대로 출력할 수 있는 것입니다." },
41680      { title: "UV+열 경화기 일체형 시스템, 재료 온도 제어 시스템", description: "365nm, 405nm LED 파장을 적용한 UV 경화, 열경화 Max80℃를 지원합니다. 재료 온도 시스템을 이용하여 온도 센서와 히터를 적용하여 레진의 온도를 일정하게 유지시키고 Tilt 얼라인먼트 레벨링 시 타사 제품 1~2일 소요되는 점과 달리 MAX300은 1~2h 안에 마무리 됩니다." },
41681      { title: "편의성", description: "언제 어디서든 쉽게 접근하고 편리하게 사용할 수 있는 편의기능을 제공하여 원하는 만큼 원하는 대로 자유롭게 출력할 수 있습니다." },
41682      { title: "균일하게 유지되는 출력 품질", description: "í
41682ë¹„콘 MAX300은 비전시스템을 이용하여 기준 차트와 실제 레이저 마킹의 왜곡값을 확인하여 정밀하게 보정해주고 각 레이��별 레이저 파워를 측정하여 실시간으로 보정하여 출력 품질을 균일하게 유지시켜 줍니다. 이렇게 큐비콘 MAX300에는 검사설비 전문 하이비젼시스템(큐비콘의 모회사)의 설계 구조가 적용되어, 외부 환���에 상관없는 안정적인 출력이 가능한 동시에 출력 품질을 최대로 향상시킬 수 있습니다." },
41683      { title: "설계부터 3D프린터 출력까지, 모든 단계를 지원하는 독보적인 솔루션", description: "3D프린팅을 위한 데이터 설계 단계부터 출력 후 가공단계까지 모든 단계에 대한 독보적인 솔루션을 제공합니다." },
41684      { title: "Magics 프로그램 호환을 통한 사용자 편의 증대", description: "큐비콘 MAX300은 산업 표준 프로그램으로 통용되는 Materialise Build SW ‘Magics’와 호환이 가능하며 Auto-Scaffold(E-Stage)는 복잡한 모델의 서포트 작업 시간을 최소화 시키고 모델과의 최소 접촉면으로 후처리 시간을 단축시켜 주어 서포트 종류별로 다양한 제작 파라미터를 제공시켜주며 누구나 쉽고 편리하게 3D 프린팅 데이터를 편집할 수 있도록 배려하고 있습니다." }
41685    ],
41686    specs: [
41687      { label: "출력 크기 (Build Volume)", value: "192 × 120 × 200 mm" },
41688      { label: "레이어 두께 (Layer Height)", value: "0.025 ~ 0.1 mm" },
41689      { label: "XY 해상도", value: "0.05 mm (50 μm)" },
41690      { label: "광원", value: "405nm UV LCD (4K)" },
41691      { label: "출력 속도", value: "약 50 mm/hr" },
41692      { label: "본체 중", value: "약 12 kg" }
41693    ],
41694    materials: ["Standard Resin", "Tough Resin", "High Temp Resin", "Flexible Resin", "Dental Resin", "Castable Resin"],
41695    applications: ["치과 보철물 및 가이드", "보석 주조 원형", "의료기기 정밀 부품", "소형 전자 커넥터", "패션 & 액세서리 시제품"]
41696  },
41697  "sla-2": {
41698    name: "MAX600",
41699    nameEn: "SLA 3D Printer — MAX600 Series",
41700    typeBadge: "SLA Technology",
41701    description: "MAX600은 MAX300의 정밀도를 유지하면서 빌드 볼륨을 대폭 확장한 대형 SLA 프린터입니다. 290×165×400mm의 넉넉한 출력 공간으로 중형 부품도 한 번에 출력하거나 소량 다품종을 동시에 배치 출력할 수 있습니다.",
41702    image: Mp,
41703    features: [
41704      { title: "대형 SLA 볼륨", description: "290 × 165 × 400mm 최대 빌드 공간", icon: yt },
41705      { title: "배치 출력 최적화", description: "다품종 소량을 한 번에 동시 출력", icon: De },
41706      { title: "고정밀 유지", description: "XY 해상도 0.05mm 일관성 보장", icon: Xe }
41707    ],
41708    specs: [
41709      { label: "출력 크기 (Build Volume)", value: "290 × 165 × 400 mm" },
41710      { label: "레이어 두께 (Layer Height)", value: "0.025 ~ 0.1 mm" },
41711      { label: "XY 해상도", value: "0.05 mm (50 μm)" },
41712      { label: "광원", value: "405nm UV LCD (4K)" },
41713      { label: "출력 속도", value: "약 60 mm/hr" },
41714      { label: "본체 중량", value: "약 22 kg" }
41715    ],
41716    materials: ["Standard Resin", "Tough Resin", "High Temp Resin", "Flexible Resin", "Dental Resin", "Castable Resin"],
41717    applications: ["중형 산업 부품 정밀 시제품", "다품종 배치 출력", "안경테 & 웨어러블", "외과 수술 가이드", "전자 커넥터 & 하우징"]
41718  },
41719  slm: {
41720    name: "SLM250c",
41721    nameEn: "Metal SLM 3D Printer — SLM250c Series",
41722    typeBadge: "SLM Technology",
41723    description: "SLM250c는 500W 광섬유 레이저를 이용한 금속 분말 선택적 용융 (SLM) 방식으로, 전통적인 CNC 가공으로는 불가능한 복잡한 내부 채널과 격자 구조물까지 정밀하게 제조합니다. Ti6Al4V, 스테인리스강, 알루미늄 합금 등 다양한 금속 소재를 지원합니다.",
41724    image: Dp,
41725    features: [
41726      { title: "고출력 파이버 레이저", description: "500W 광섬유 레이저로 치밀한 금속 소결", icon: de },
41727      { title: "불활성 가스 챔버", description: "아르곤·질소 분위기로 산화 방지", icon: ul },
41728      { title: "복잡 형상 구현", description: "내부 채널·격자 구조 자유 조형", icon: De }
41729    ],
41730    specs: [
41731      { label: "출력 크기 (Build Volume)", value: "250 × 250 × 300 mm" },
41732      { label: "레이어 두께 (Layer Height)", value: "0.02 ~ 0.10 mm" },
41733      { label: "레이저 출력", value: "500W 싱글 파이버 레이저" },
41734      { label: "스팟 크기", value: "약 80 μm" },
41735      { label: "스캔 속도", value: "최대 7,000 mm/s" },
41736      { label: "분위기 가스", value: "아르곤 / 질소 (불활성)" }
41737    ],
41738    materials: ["Ti6Al4V (타이타늄 합금)", "AlSi10Mg (알루미늄 합금)", "316L (스테인리스강)", "Inconel 625 (��켈 합금)", "Maraging Steel 300"],
41739    applications: ["항공우주 경량 구조 부품", "의료용 임플란트 & 뼈 재건", "자동차 레이싱 경량 부품", "방산 무기 부품", "산업용 고내열 툴링"]
41740  }
41741};
41742function V6({ productId: t, onNavigate: i }) {
41743  const n = t.endsWith("-a31c"), r = t.replace(/-a31c|-a22c/, ""), s = O6[r];
41744  if (!s)
41745    return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
41746      /* @__PURE__ */ e("p", { className: "text-gray-500 text-[18px]", children: "제품 정보를 찾을 수 없습니다." }),
41747      /* @__PURE__ */ e(
41748        "button",
41749        {
41750          onClick: () => i("/3d-printer-robotics"),
41751          className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
41752          children: "목록으로"
41753        }
41754      )
41755    ] }) });
41756  const l = s.typeBadge === "SLM Technology" ? "https://images.unsplash.com/photo-1575305842946-0e807ce6f3fc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixlib=rb-4.1.0&q=80&w=1080" : s.typeBadge === "SLA Technology" ? "https://images.unsplash.com/photo-1769151174211-a1b2d41117bd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixlib=rb-4.1.0&q=80&w=1080" : "https://images.unsplash.com/photo-1760446410542-04b48d60bfb3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixlib=rb-4.1.0&q=80&w=1080";
41757  s.typeBadge === "SLM Technology" || s.typeBadge;
41758  const o = [
41759    { title: "쉽고 빠른 유지보수를 위한 사용자 중심 설계", description: "직관적인 구조와 간편한 설계로 누구나 쉽게 장비를 운영할 수 있으며, 노즐과 베드 등 주요 부품을 손 쉽게 탈부착하여 빠른 유지보수가 가능합니다. 또한 ABS, PLA, PETG 등 다양한 필라멘트와 엔지니어링 특수 소재까지 하나의 Extruder로 안정적으로 출력할 수 있으며, 최대 500mm/s의 고속 출력 성능을 제공합니다." },
41760    { title: "고품질 쾌속 완성도의 핵심은 기술력", description: "베드의 평탄도와 노즐-빌드 플레이트 간의 최적 간격은 고품질 출력의 핵심입니다. 큐비콘의 기술력을 이용하여 자체개발 AC베드를 사용함으로써 베드 가열시간을 대폭 감소시키고, 산업용 로드셀을 적용하여 초정밀 오토레벨링이 가능하며 높이 오차에 의한 출력실패는 줄이고, 사용자에게 최고의 출력 품질을 제공합니다." },
41761    { title: "3중 에어필터를 통한 쾌적한 출력 환경", description: "국내외 주요 인증(CE, KC, FCC 등)을 취득한 3중 에어필터(Hepa, Carbon, Purafil Catalyst Filter)를 장착하여 FDM 방식 3D 프린터 사용 시 주로 발생하는 분진과 가스, 냄새를 차단하여 보다 안전한 프린팅 환경을 제공합니다." },
41762    { title: "INPUTSHAPE 진동 억제 알고리즘 적용", description: "INPUTSHAPE 알고리즘을 적용하여 고속 출력 시 발생하는 진동을 효과적으로 억제하고, 출력물의 표면 품질과 정밀도를 동시에 높였습니다." },
41763    { title: "출력 시간 최대 1/3 단축", description: "기존 대비 출력 시간을 최대 1/3 수준으로 단축하여 동일한 시간 안에 더 많은 출력물을 완성할 수 있으며, 생산성을 대폭 향상시킵니다." }
41764  ], d = s.detailedFeatures || o;
41765  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
41766    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
41767      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
41768        /* @__PURE__ */ e(
41769          S,
41770          {
41771            src: l,
41772            alt: s.name,
41773            className: "w-full h-full object-cover"
41774          }
41775        ),
41776        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/30" })
41777      ] }),
41778      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-48", children: /* @__PURE__ */ a(
41779        m.div,
41780        {
41781          initial: { opacity: 0, x: -30 },
41782          animate: { opacity: 1, x: 0 },
41783          transition: { duration: 0.6 },
41784          children: [
41785            /* @__PURE__ */ e(
41786              m.button,
41787              {
41788                onClick: () => i("/3d-printer-robotics"),
41789                className: "flex items-center gap-2 text-white/60 hover:text-white text-[14px] mb-8 transition-colors",
41790                initial: { opacity: 0, y: 10 },
41791                animate: { opacity: 1, y: 0 },
41792                transition: { duration: 0.5, delay: 0.05 }
41793              }
41794            ),
41795            /* @__PURE__ */ e(
41796              m.p,
41797              {
41798                className: "text-white/60 text-[14px] font-medium mb-3 tracking-widest uppercase font-sans",
41799                initial: { opacity: 0, y: 20 },
41800                animate: { opacity: 1, y: 0 },
41801                transition: { duration: 0.6, delay: 0.1 },
41802                children: s.typeBadge
41803              }
41804            ),
41805            /* @__PURE__ */ e(
41806              m.h1,
41807              {
41808                className: "text-[48px] lg:text-[64px] text-white leading-[1.05] mb-4 tracking-tight font-[Aoboshi_One] font-bold",
41809                initial: { opacity: 0, y: 20 },
41810                animate: { opacity: 1, y: 0 },
41811                transition: { duration: 0.6, delay: 0.25 },
41812                children: s.name === "Style Neo (A22C / A31C)" ? n ? "Style Neo (A31C)" : "Style Neo (A22C)" : s.name
41813              }
41814            ),
41815            /* @__PURE__ */ e(
41816              m.p,
41817              {
41818                className: "text-[18px] text-white/70 font-medium mb-10 tracking-wide font-sans",
41819                initial: { opacity: 0, y: 20 },
41820                animate: { opacity: 1, y: 0 },
41821                transition: { duration: 0.6, delay: 0.4 },
41822                children: s.name === "Style Neo (A22C / A31C)" ? "대형 출력이 가능한 고품질 산업용 3D프린터" : s.name === "MAX600" ? "고품질, 고성능의 데스크탑 3D프린터" : s.tagline || "PEEK 출력이 가능한 산업용 듀얼노즐 3D프린터"
41823              }
41824            ),
41825            /* @__PURE__ */ e(
41826              m.p,
41827              {
41828                className: "text-white/75 leading-relaxed mb-12 text-[16px] whitespace-pre-line max-w-[900px]",
41829                initial: { opacity: 0, y: 20 },
41830                animate: { opacity: 1, y: 0 },
41831                transition: { duration: 0.6, delay: 0.4 },
41832                children: s.name === "MAX600" ? `MAX600은 MAX300의 정밀도를 유지하면서 빌드 볼륨을 대폭 확장한 대형 SLA 프린터입니다.
41833290×165×400mm의 넉넉한 출력 공간으로 중형 부품도 한 번에 출력하거나 소량 다품종을 동시에 배치 출력할 수 있습니다.` : s.name === "Style Neo (A22C / A31C)" ? `모던한 외관 디자인과 사용자 친화적 인터페이스를 갖춘 차세대 FDM 프린터입니다.
41834터치스크린 UI와 Wi-Fi 원격 모니터링 기능을 기본 탑재하여 스마트 팩토리 환경에 최적입니다.` : s.description
41835              }
41836            ),
41837            /* @__PURE__ */ e(
41838              m.div,
41839              {
41840                className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]",
41841                initial: { opacity: 0, y: 20 },
41842                animate: { opacity: 1, y: 0 },
41843                transition: { duration: 0.6, delay: 0.55 },
41844                children: /* @__PURE__ */ a(
41845                  "button",
41846                  {
41847                    onClick: () => i("/3d-printer-robotics#contact"),
41848                    className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors text-[15px]",
41849                    style: { fontWeight: 700 },
41850                    children: [
41851                      /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
41852                      /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
41853                    ]
41854                  }
41855                )
41856              }
41857            )
41858          ]
41859        }
41860      ) }) })
41861    ] }),
41862    /* @__PURE__ */ e("section", { className: "py-20 bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 pb-24", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-20", children: /* @__PURE__ */ a(
41863      m.div,
41864      {
41865        initial: { opacity: 0, y: 30 },
41866        whileInView: { opacity: 1, y: 0 },
41867        viewport: { once: !0, margin: "-100px" },
41868        transition: { duration: 0.6 },
41869        children: [
41870          /* @__PURE__ */ e("h2", { className: "text-[24px] lg:text-[28px] font-bold text-slate-950 pb-6 border-b-[2px] border-black mb-10 font-[Aoboshi_One]", children: "제품 사양" }),
41871          /* @__PURE__ */ a("div", { className: "flex flex-col gap-32", children: [
41872            /* @__PURE__ */ a("div", { children: [
41873              /* @__PURE__ */ a(
41874                m.h3,
41875                {
41876                  className: "text-[20px] text-slate-950 pb-4 border-b border-slate-200 mb-16",
41877                  style: { fontWeight: 700 },
41878                  initial: { opacity: 0, y: 10 },
41879                  whileInView: { opacity: 1, y: 0 },
41880                  viewport: { once: !0 },
41881                  transition: { duration: 0.4, delay: 0.1 },
41882                  children: [
41883                    "주요 특징 ",
41884                    /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[15px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
41885                  ]
41886                }
41887              ),
41888              /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
41889                /* @__PURE__ */ e(
41890                  m.p,
41891                  {
41892                    className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
41893                    initial: { opacity: 0, y: 12 },
41894                    whileInView: { opacity: 1, y: 0 },
41895                    viewport: { once: !0 },
41896                    transition: { duration: 0.5, delay: 0.4 },
41897                    children: s.featureTitle || "내열성이 뛰어나고 강성이 높은 산업용 부품 제조 솔루션"
41898                  }
41899                ),
41900                /* @__PURE__ */ e(
41901                  m.p,
41902                  {
41903                    className: "text-slate-500 text-[15px] leading-relaxed max-w-[1000px] mx-auto font-sans break-keep",
41904                    initial: { opacity: 0, y: 12 },
41905                    whileInView: { opacity: 1, y: 0 },
41906                    viewport: { once: !0 },
41907                    transition: { duration: 0.5, delay: 0.55 },
41908                    children: s.name === "MAX600" ? /* @__PURE__ */ a(V, { children: [
41909                      "MAX600은 MAX300의 정밀도를 유지하면서 빌드 볼륨을 대폭 확장한 대형 SLA 프린터입니다.",
41910                      /* @__PURE__ */ e("br", {}),
41911                      "290×165×400mm의 넉넉한 출력 공간으로 중형 부품도 한 번에 출력하거나 소량 다품종을 동시에 배치 출력할 수 있습니다."
41912                    ] }) : s.name === "MAX300" ? /* @__PURE__ */ a(V, { children: [
41913                      "MAX300은 405nm UV LCD 광원과 4K 해상도의 마스킹 기술을 결합한 고정밀 SLA 3D 프린터입니다.",
41914                      /* @__PURE__ */ e("br", {}),
41915                      "FDM 방식 대비 뛰어난 표면 품질과 높은 치수 정밀도를 제공하여 의료, 치과, 보석 분야에 최적화된 솔루션을 제공합니다."
41916                    ] }) : /* @__PURE__ */ a(V, { children: [
41917                      "Dual Plus는 산업용 프린터에서 요구되는 혁신적인 다양한 소재 출력이 가능한 시스템으로",
41918                      /* @__PURE__ */ e("br", {}),
41919                      "듀얼 노즐로 수용성 필라멘트 출력을 지원하여 금형으로는 제작이 불가능한 복잡한 형상까지 구현해냅니다."
41920                    ] })
41921                  }
41922                )
41923              ] }),
41924              /* @__PURE__ */ e("div", { className: "rounded-2xl py-10 px-8", style: { backgroundColor: "#f8f9fb" }, children: s.name === "MAX600" ? /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
41925                { title: "자유로운 설계, 초정밀 출력 구현", description: "고성능 레이저를 기반으로 0.5mm 이하의 미세 형상도 왜곡 없이 정밀하게 출력하며, 장비 스스로 출력 조건을 자동 조정해 안정적인 품질과 편의성을 제공합니다. 또한 자체 개발한 Auto-Collimator 계측 시스템과 정밀 센서를 통해 Recoater와 레진 수면의 정렬을 정밀하게 제어하고, Recoater Auto-Leveling 기능으로 레진을 균일하게 도포하여 일관된 적층 품질을 유지합니다." },
41926                { title: "다양한 소재로 확장되는 제품 아이디어", description: "ABS-Like를 비롯해 내열성 소재, 투명 소재, 소프트 타입 소재 등 다양한 재료를 지원하여 폭넓은 출력이 가능합니다. 3D 프린팅 목적에 맞는 소재를 선택·활용함으로써 사용자는 더욱 다양한 제품 아이디어를 구현할 수 있으며, 원하는 재질과 질감을 그대로 구현한 출력 결과를 제공합니다." },
41927                { title: "가변 레이저 스팟 기술로 구현하는 고속 출력", description: "자체 개발 기술을 통해 80μm부터 700μm까지 레이저 스팟 사이즈를 가변 제어할 수 있습니다. 출력물의 외부는 스팟 사이즈를 작게 조정해 고정밀·고품질로 구현하고, 내부는 스팟 사이즈를 크게 조정해 고속 출력이 가능합니다. 예를 들어 500×500mm 출력물 기준으로 80μm 설정 시 약 312초, 700μm 설정 시 약 68초로 최대 4.5배 이상의 출력 속도 향상을 구현합니다." },
41928                { title: "동급 대비 대형 출력 사이즈", description: "국내에서 개발된 SLA 3D 프린터 중에서도 대형 출력 영역을 갖춘 장비로, 600×600×400mm의 넉넉한 빌드 사이즈와 최대 70kg까지의 출력이 가능합니다. 이를 통해 다양한 형태와 크기의 제품을 제약 없이 자유롭게 구현할 수 있습니다." },
41929                { title: "진동 차단 설계로 완성된 안정적인 출력 품질", description: "Laser/광학부, Recoater, Build Plate의 3대 핵심 유닛을 외곽 구조와 분리하여 석정반 위에 일체형으로 설계함으로써 구조적 안정성을 극대화했습니다. 또한 석정반의 접촉부에는 진동 방지 댐퍼를 적용해 외부 진동을 효과적으로 차단하고, 어떤 환경에서도 안정적인 출력이 가능하도록 설계되었습니다. 이러한 구조는 검사설비 전문 기업 하이비젼시스템의 설계 기술이 반영된 것으로, 일관된 출력 품질과 높은 정밀도를 동시에 제공합니다." },
41930                { title: "설계부터 출력까지 지원하는 통합 3D 솔루션", description: "3D 프린팅 데이터 설계부터 출력, 후처리 가공까지 전 공정을 통합적으로 지원하는 독보적인 솔루션을 제공합니다. 설계, 제작, 후가공에 이르는 전 과정을 하나의 흐름으로 연결하여 높은 품질과 생산 효율을 동시에 구현합니다." },
41931                { title: "Magics 연동으로 강화된 사용자 편의성", description: "í
41931ë¹„콘 MAX600는 산업 표준 프로그램으로 통용되는 Materialise Build SW ‘Magics’와 호환이 가능하여, 누���나 쉽고 편리하게 3D 프린팅 데이터를 편집할 수 있도록 배려하고 있습니다." }
41932              ].map((c, p) => /* @__PURE__ */ a(
41933                m.div,
41934                {
41935                  className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
41936                  initial: { opacity: 0, y: 16 },
41937                  whileInView: { opacity: 1, y: 0 },
41938                  viewport: { once: !0 },
41939                  transition: { duration: 0.4, delay: 0.07 * (p + 1) },
41940                  children: [
41941                    /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
41942                      /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0 mt-0.5", style: { fontWeight: 700 }, children: [
41943                        p + 1,
41944                        "."
41945                      ] }),
41946                      /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: c.title })
41947                    ] }),
41948                    /* @__PURE__ */ e("p", { className: "text-gray-500 text-[14px] leading-relaxed pl-11 font-sans break-keep", children: c.description })
41949                  ]
41950                },
41951                p
41952              )) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: s.name === "MAX600" ? [
41953                { title: "교체형 노즐 익스트루더", description: /* @__PURE__ */ a(V, { children: [
41954                  "국내 최초로 자체 설계한 교체형 Nozzle Kit Extruder를 적용하여 출력 품질을 안정적으로 유지합니다.",
41955                  /* @__PURE__ */ e("br", {}),
41956                  "노즐 마모나 막힘 발생 시 전체 익스트루더 교체 없이 노즐 키트만 간편하게 교체할 수 있어 유지보수가 쉽고,",
41957                  /* @__PURE__ */ e("br", {}),
41958                  "기본 제공 공구를 통해 시간과 비용을 효과적으로 절감할 수 있습니다."
41959                ] }) },
41960                { title: "Auto Leveling Plus", description: /* @__PURE__ */ a(V, { children: [
41961                  "히팅베드의 높이를 자동으로 정밀 측정하고 노즐과의 간격을",
41962                  /* @__PURE__ */ e("br", {}),
41963                  "최적 상태로 조정하는 Auto Leveling 기능을 한층 고도화했습니다.",
41964                  /* @__PURE__ */ e("br", {}),
41965                  "큐비콘의 독자 기술인 Auto Leveling Plus를 통해 더욱 안정적이고 높은 품질의 출력이 가��합니다."
41966                ] }) },
41967                { title: "특수코팅 히팅베드", description: /* @__PURE__ */ a(V, { children: [
41968                  "큐비콘의 특수 코팅 기술이 적용된 히팅베드는 별도의 접착제 없이도 출력물의 안정적인 부착이 가능하며",
41969                  /* @__PURE__ */ e("br", {}),
41970                  "출력 후에도 손상 없이 쉽게 분리할 수 있어 최상의 출력 품질을 제공합니다."
41971                ] }) },
41972                { title: "필라멘트 감지 센서", description: /* @__PURE__ */ a(V, { children: [
41973                  "필라멘트 공급이 중단될 경우 자동으로 출력이 일시 정지되며 교체 후 이어서 출력이 가능합니다.",
41974                  /* @__PURE__ */ e("br", {}),
41975                  "이를 통해 출력 실패를 방지하고 작업 효율과 사용 편의성을 동시에 향상시킵니다."
41976                ] }) },
41977                { title: "밀폐형 대류 구조", description: /* @__PURE__ */ a(V, { children: [
41978                  "밀폐형 구조와 대류 순환 기능을 통해 내부 온도를 일정하게 유지하여",
41979                  /* @__PURE__ */ e("br", {}),
41980                  "재료와 환경 변화에 영향을 받지 않는 안정적인 출력 환경을 제공합니다."
41981                ] }) },
41982                { title: "3중 에어 필터", description: /* @__PURE__ */ a(V, { children: [
41983                  "HEPA, Carbon, Purafil Catalyst로 구성된 3중 에어 필터를 적용하여",
41984                  /* @__PURE__ */ e("br", {}),
41985                  "분진, 가스, 냄새를 효과적으로 제거하고 보다 안전한 프린팅 환경을 제공합니다."
41986                ] }) },
41987                { title: "저소음 안정 설계", description: /* @__PURE__ */ a(V, { children: [
41988                  "알루미늄 프레임 기반의 밀폐형 구조로 내부 진동과 소음을 최소화하여",
41989                  /* @__PURE__ */ e("br", {}),
41990                  "가정·사무실·교육 환경 등 다양한 공간에서 조용하고 안정적으로 사용할 수 있습니다."
41991                ] }) },
41992                { title: "직관적 사용자 인터페이스", description: /* @__PURE__ */ a(V, { children: [
41993                  "4.3인치 터치 스크린과 USB 출력 지원을 통해 출력 상태와 장비 정보를",
41994                  /* @__PURE__ */ e("br", {}),
41995                  "직관적으로 확인하고 간편하게 조작할 수 있어 사용자 편의성을 높였습니다."
41996                ] }) }
41997              ].map((c, p) => /* @__PURE__ */ a(
41998                m.div,
41999                {
42000                  className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
42001                  initial: { opacity: 0, y: 16 },
42002                  whileInView: { opacity: 1, y: 0 },
42003                  viewport: { once: !0 },
42004                  transition: { duration: 0.4, delay: 0.07 * (p + 1) },
42005                  children: [
42006                    /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
42007                      /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0 mt-0.5", style: { fontWeight: 700 }, children: [
42008                        p + 1,
42009                        "."
42010                      ] }),
42011                      /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: c.title })
42012                    ] }),
42013                    /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans text-left break-keep", children: c.description })
42014                  ]
42015                },
42016                p
42017              )) : s.name === "Style Neo (A22C / A31C)" ? [
42018                { title: "동급 최대 사이즈로 한번에 더 큰 출력물 출력 가능", description: /* @__PURE__ */ a(V, { children: [
42019                  "새로운 Build Size의 라인업으로, 목적에 따라 더욱 다양한 크기의 출력물을 출력할 수 있습니다.",
42020                  /* @__PURE__ */ e("br", {}),
42021                  "소형 3D프린터지만 310 x 310 x 310mm 라는 동급 최대 사이즈의 출력물을 한번에 출력해보세요."
42022                ] }) },
42023                { title: "내장형 카메라를 통한 실시간 모니터링과 원격제어", description: /* @__PURE__ */ a(V, { children: [
42024                  "내부에 장착된 내장형 카메라를 통해, 제품 전면 터치스크린, 컴퓨터, 스마트폰 등으로 출력 과정을 확인할 수 있습니다.",
42025                  /* @__PURE__ */ e("br", {}),
42026                  "출력 오류나 실패가 확인될 경우, 네트워크 원격 컨트롤을 통해 출력 정지 및 재시작 등의 출력 상황을 제어할 수 있습니다."
42027                ] }) },
42028                { title: "Auto Leveling Plus 기능을 통한 출력 실패 최소화ㆍ최상의 출력품질 제공", description: /* @__PURE__ */ a(V, { children: [
42029                  "조형물이 출력되는 베드의 평탄도와 노즐 사이의 간격은 출력물의 품질을 결정하는 가장 중요한 요소입니다.",
42030                  /* @__PURE__ */ e("br", {}),
42031                  "큐비콘 스타일 네오는 산업용 Load Cell을 적용해 10um이내의 오차정밀도를 구현하는데 성공했습니다.",
42032                  /* @__PURE__ */ e("br", {}),
42033                  "출력 시 높이 오차에 의한 출력 실패를 최소화하고 최상의 출력 품질을 제공하며, 워킹목업 수준의 고품질 출력을 선보일 수 있는 이유입니다."
42034                ] }) },
42035                { title: "단열재를 적용한 특수코팅 히팅베드로 손쉽게 출력품질 보장ㆍ열효율성 강화", description: /* @__PURE__ */ a(V, { children: [
42036                  "큐비콘 스타일 네오의 히팅베드는 특수 코팅 처리가 되어있어, 별도의 접착제나 마스킹 테이프 작업없이 출력을 바로 시작할 수 있을 뿐만 아니라 출력 후 출력물을 아주 간편하게 분리할 수 있습니다.",
42037                  /* @__PURE__ */ e("br", {}),
42038                  "이처럼 특별한 기술 없이 도 손쉽게 최상의 출력 품질이 보장될 수 있도록 큐비콘이 세심하게 설계한 부분입니다.",
42039                  /* @__PURE__ */ e("br", {}),
42040                  "또한 주로 고가설비에 적용되는 단열재를 히팅베드 하부에 적용하여 열효율을 개선했습니다."
42041                ] }) },
42042                { title: "신뢰성 높은 스테인레스 Nozzle Kit로 사용성 강화ㆍ고장발생률 최소화", description: /* @__PURE__ */ e(V, { children: "큐비콘 특허인 Nozzle Kit를 업그레이드해 탄생한 신뢰성 높은 ‘2020년형 스테인레스 Nozzle Kit’가 적용되어, 사용성을 강화하고 고장발생률을 최소화합니다." }) },
42043                { title: "국내 최초 자체설계 교체형 Nozzle Kit을 통한 자체 유지보수ㆍ시간 낭비 없는 출력 진행 가능", description: /* @__PURE__ */ a(V, { children: [
42044                  "3D프린팅 과정에서 겪을 수 있는 대부분의 문제는 Nozzle Kit교체만으로도 간단하게 유지보수 할 수 있습니다.",
42045                  /* @__PURE__ */ e("br", {}),
42046                  "타사 제품들과 달리, 큐비콘 스타일 네오는 다른 부품의 분해 없이도 아무나 손쉽게 Nozzle Kit만을 탈부착할 수 있도록 설계되어 있습니다.",
42047                  /* @__PURE__ */ e("br", {}),
42048                  "A/S 기다림없이 자체 유지보수가 가능해 비용과 수고로움을 덜 수 있고, 낭비되는 시간없이 출력을 진행할 수 있다는 장점이 있습니다."
42049                ] }) },
42050                { title: "2개의 롤러가 내장된 필라멘트 자동공급장치를 통한 시간 및 재료 낭비 방지ㆍ사용 편의 강화", description: /* @__PURE__ */ a(V, { children: [
42051                  "필라멘트 자동공급장치에 2개의 롤러를 내장하여, 필라멘트 공급이 더욱 안정적입니다.",
42052                  /* @__PURE__ */ e("br", {}),
42053                  "정교한 비접촉식 광학식 감지센서가 적용되어 출력 도중 필라멘트가 소진되거나 끊어지는 등의 필라멘트 공급문제 발생시 자동으로 출력이 중단되고, 새로운 필라멘트가 장착되면 해당 출력을 연결해서 진행될 수 있습니다.",
42054                  /* @__PURE__ */ e("br", {}),
42055                  "이로써 시간과 재료 낭비를 획기적으로 줄이고 사용 편의를 강화했습니다."
42056                ] }) },
42057                { title: "단 하나의 Extruder로 다양한 필라멘트 출력 가능", description: /* @__PURE__ */ e(V, { children: "큐비콘 스타일 네오는 ABS, PLA, PETG, TPU를 비롯하여 저수축 ABS, 고강도 PLA, PC와 같이 엔지니어링 기능이 추가된 특수 필라멘트까지 하나의 Extruder를 통해 출력할 수 있어 사용이 쉽고 편리합니다." }) },
42058                { title: "필라멘트 종류와 사용량을 자동 인식하는 NFC System 적용", description: /* @__PURE__ */ a(V, { children: [
42059                  "NFC System을 통해 필라멘트의 종류와 사용량을 확인할 수 있습니다. 인식된 필라멘트의 종류에 따라, 노즐과 베드의 사용 온도가 자동으로 설정되어 손쉽게 출력을 시작할 수 있습니다.",
42060                  /* @__PURE__ */ e("br", {}),
42061                  "제품 전면의 터치스크린에서 필라멘트 사용량을 확인할 수 있어, 적절한 시기에 필라멘트를 교체할 수 있습니다.",
42062                  /* @__PURE__ */ e("br", {}),
42063                  "(단, 해당 기능은 NFC가 적용된 큐비콘 필라멘트 제품을 사용한 경우에 한해 활용할 수 있습니다.)"
42064                ] }) },
42065                { title: "정전 보상 기능으로 전원공급 중단 후에도 끊김 없는 출력 가능", description: /* @__PURE__ */ a(V, { children: [
42066                  "큐비콘 스타일 네오는 정전 보상 기능이 적용되어 있습니다. 정전 또는 실수로 인한 전원공급 중단 시 자동으로 데이터 손상 및 출력 오류를 방지하고, 5분 이내 전원 복구 시 고품질의 출력을 계속 이어 나갈 수 있습니다.",
42067                  /* @__PURE__ */ e("br", {}),
42068                  "(단, 소재나 모델에 따라 바닥수축으로 인한 들뜸이 발생하여 출력 재개가 어려울수 있습니다.)"
42069                ] }) },
42070                { title: "벨트 아이들러와 케이블 캐리어 장착으로 출력 안정성 강화", description: /* @__PURE__ */ a(V, { children: [
42071                  "큐비콘 스타일 네오는 산업용 설비 규격의 케이블 베어를 적용하여 케이블 간 의 자유 이동과 꼬임 현상을 방지했습니다.",
42072                  /* @__PURE__ */ e("br", {}),
42073                  "더불어 대형 3D프린터에 필수로 장착되는 벨트 아이들러를 탑재하여, 장기간 벨트의 장력을 일정하게 유지해 고품질의 3D프린팅을 실현합니다."
42074                ] }) },
42075                { title: "알루미늄 프레임 및 롤러타입 Spool Holder로 내부 진동 및 소음 최소화", description: /* @__PURE__ */ a(V, { children: [
42076                  "큐비콘 스타일 네오는 알루미늄 프레임의 밀폐형 디자인과 롤러 타입의 Spool Holder를 장착해, 안전한 프린팅 환경을 제공하고 제품 사이즈 확대에 따른 필라멘트 경로 부하 문제를 개선했습니다.",
42077                  /* @__PURE__ */ e("br", {}),
42078                  "이를 통해 내부 진동과 소음을 최소화하여 출력 안정성을 향상시키고 저소음 구조를 구현한 덕분에 가정, 개인사무실, 학교 등 어디에서도 걱정없이 사용할 수 있습니다."
42079                ] }) },
42080                { title: "듀얼필터 적용으로 안전한 3D프린팅 환경 구축 3중 에어필터 장착", description: /* @__PURE__ */ a(V, { children: [
42081                  "3중 클린필터 (Hepa, Carbon, Purafil Catalyst Filter)를 장착하여 FDM 3D프린터에서 출력 시 발생하는 분진과 가스 및 냄새로부터 보다 안전하게 출력할 수 있습니다.",
42082                  /* @__PURE__ */ e("br", {}),
42083                  "A31C 모델의 경우 외부 배기필터와 내부 순환 필터 2개의 강력한 필터로 내부에서 발생하는 오염물질을 외부에 배출하기 전에 내부 공기 순환에 의해 2차, 3차 정화되어 일반 사무실 공기에 준하는 공기를 외부로 배출하기에 일반 산업현장 사용자가 더 안심하고 사용할 수 있도록 제작 되었습니다.",
42084                  /* @__PURE__ */ e("br", {}),
42085                  "또한 큐비콘의 모든 제품은 국내 인증은 물론 해외 안전 인증까지 모두 취득한 제품으로 안심하고 사용하셔도 됩니다."
42086                ] }) },
42087                { title: "전용 슬라이싱 소프트웨어와의 Wifi 연결로 쉽고 빠른 출력", description: /* @__PURE__ */ a(V, { children: [
42088                  "큐비콘은 전용 슬라이싱 프로그램 ‘Cubicreator’를 무상으로 제공하고, 꾸준히 업그레이드하며 사용자의 다양한 니즈를 충족시키고 있습니다.",
42089                  /* @__PURE__ */ e("br", {}),
42090                  "‘Cubicreator’는 USB메모리 없이도 wifi를 통해 연결할 수 있기 때문에, 쉽고 빠른 출력이 가능합니다."
42091                ] }) },
42092                { title: "한글/영문 터치 스크린을 통한 손쉬운 정보 확인과 편리한 조작", description: /* @__PURE__ */ e(V, { children: "한글과 영문으로 구성된 풀컬러 터치 스크린을 통해 해당 프린터의 각종 정보(출력 상황, 기계 정보, 소재 정보, 프린터 자체 정보 등)를 손쉽게 확인하고 편리하게 조작할 수 있습니다." }) }
42093              ].map((c, p) => /* @__PURE__ */ a(
42094                m.div,
42095                {
42096                  className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
42097                  initial: { opacity: 0, y: 16 },
42098                  whileInView: { opacity: 1, y: 0 },
42099                  viewport: { once: !0 },
42100                  transition: { duration: 0.4, delay: 0.07 * (p + 1) },
42101                  children: [
42102                    /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
42103                      /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0 mt-0.5", style: { fontWeight: 700 }, children: [
42104                        p + 1,
42105                        "."
42106                      ] }),
42107                      /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: c.title })
42108                    ] }),
42109                    /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans text-left break-keep", children: c.description })
42110                  ]
42111                },
42112                p
42113              )) : s.name === "Dual Plus (S30i)" ? [
42114                { title: "Heat Keeping Chamber", description: /* @__PURE__ */ a(V, { children: [
42115                  "약 30분 만에 내부 온도를 80℃까지 가열하고 흡기부와 ",
42116                  /* @__PURE__ */ e("br", {}),
42117                  "배기부 간의 열 흐름을 통해 내부 온도를 균일하고 안정적으로 유지합니다."
42118                ] }) },
42119                { title: "Air Optimizer", description: /* @__PURE__ */ a(V, { children: [
42120                  "ABS부터 PEEK까지 다양한 소재에 대해 노즐에서 토출된 직후 ",
42121                  /* @__PURE__ */ e("br", {}),
42122                  "공기 온도를 최적화하여 레이어 간 결합력과 결정화도를 향상시킵니다."
42123                ] }) },
42124                { title: "Filament Conditioner", description: /* @__PURE__ */ a(V, { children: [
42125                  "필라멘트를 소재별 최적 온도로 건조하여 습기로부터 보호하고",
42126                  /* @__PURE__ */ e("br", {}),
42127                  "최적의 출력 상태를 유지할 수 있도록 지원합니다."
42128                ] }) },
42129                { title: "Water Cooling System", description: /* @__PURE__ */ a(V, { children: [
42130                  "고온 환경에서 발생할 수 있는 압출기 부품 손상과",
42131                  /* @__PURE__ */ e("br", {}),
42132                  "노즐 막힘을 방지하기 위해 수냉식 쿨링 시스템을 적용했습니다."
42133                ] }) },
42134                { title: "Glue-free Meta Bed", description: /* @__PURE__ */ a(V, { children: [
42135                  "별도의 접착제 없이도 첫 레이어의 안정적인 부착이 가능하며",
42136                  /* @__PURE__ */ e("br", {}),
42137                  "출력 완료 후에도 손상 없이 쉽게 분리되도록 설계되었습니다."
42138                ] }) },
42139                { title: "Remote Control App ‘CubiControl’", description: /* @__PURE__ */ a(V, { children: [
42140                  "프린터의 출력 상태, 익스트루더 및 베드 온도, 필라멘트 종류와 잔량 등을 ",
42141                  /* @__PURE__ */ e("br", {}),
42142                  "실시간으로 확인할 수 있는 사용자 친화적인 무료 애플리케이션입니다."
42143                ] }) }
42144              ].map((c, p) => /* @__PURE__ */ a(
42145                m.div,
42146                {
42147                  className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
42148                  initial: { opacity: 0, y: 16 },
42149                  whileInView: { opacity: 1, y: 0 },
42150                  viewport: { once: !0 },
42151                  transition: { duration: 0.4, delay: 0.07 * (p + 1) },
42152                  children: [
42153                    /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
42154                      /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0 mt-0.5", style: { fontWeight: 700 }, children: [
42155                        p + 1,
42156                        "."
42157                      ] }),
42158                      /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: c.title })
42159                    ] }),
42160                    /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans text-left break-keep", children: c.description })
42161                  ]
42162                },
42163                p
42164              )) : d.map((c, p) => s.name === "MAX300" && p === 3 ? null : /* @__PURE__ */ a(
42165                m.div,
42166                {
42167                  className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
42168                  initial: { opacity: 0, y: 16 },
42169                  whileInView: { opacity: 1, y: 0 },
42170                  viewport: { once: !0 },
42171                  transition: { duration: 0.4, delay: 0.07 * (p + 1) },
42172                  children: [
42173                    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
42174                      /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
42175                        s.name === "MAX300" && p > 3 ? p : p + 1,
42176                        "."
42177                      ] }),
42178                      /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight", style: { fontWeight: 700 }, children: c.title })
42179                    ] }),
42180                    /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans text-left", children: s.name === "MAX300" && p === 1 ? "큐비콘 MAX300은 ABS-Like를 비롯해 내열 소재, 투명 소재, 소프트 타입 소재 등 다양한 재료를 지원하여 폭넓은 출력이 가능합니다. 3D 프린팅 목적에 맞는 소재를 선택·활용함으로써 사용자는 다양한 제품 아이디어를 구현할 수 있으며, 원하는 재질과 질감을 그대로 구현한 출력 결과를 제공합니다." : c.description })
42181                  ]
42182                },
42183                p
42184              )) }) })
42185            ] }),
42186            /* @__PURE__ */ a("div", { children: [
42187              /* @__PURE__ */ e("h3", { className: "font-bold text-slate-950 pb-4 border-b border-slate-200 mb-8 font-[Aoboshi_One] text-[20px]", children: "제품 규격 (Specifications)" }),
42188              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e("div", { className: "border-t-2 border-slate-900", children: /* @__PURE__ */ e("table", { className: "w-full text-[14px] text-left border-collapse", children: /* @__PURE__ */ e("tbody", { children: (s.name === "Dual Plus (S30i)" ? [
42189                { label: "모델명", value: "Dual Plus (S30i)" },
42190                { label: "방식", value: "FFF (Fused Filament Fabrication)" },
42191                { label: "출력 크기 (W*D*H)", value: "300 × 300 × 300 mm" },
42192                { label: "크기 (W*D*H)", value: "710 × 704 × 870 mm" },
42193                { label: "장비 무게", value: "95 kg" },
42194                { label: "단열재", value: "있음" },
42195                { label: "챔버 히팅 온도", value: "최대 80℃" },
42196                { label: "필라멘트 건조기", value: "최대 80℃ (2ea)" },
42197                { label: "익스트루더", value: "독립형 듀얼 노즐 (IDEX)" },
42198                { label: "노즐 / 베드 최고 온도", value: "300℃ / 120℃" },
42199                { label: "베드", value: "메타 베드, 오토 레벨링 (Plus)" },
42200                { label: "디스플레이", value: '7" Touch Display' },
42201                { label: "지원 소프트웨어", value: "CubiCreator (전용 S/W)" },
42202                { label: "필터", value: "헤파필터 (H13) / 카본필터 / 탈취필터" },
42203                { label: "소비 전력", value: "100~240V, 50/60Hz (Max 1,800W)" }
42204              ] : s.name === "Style Neo (A22C / A31C)" ? [
42205                { label: "제품 크기", value: "W505 x D560 x H765mm / 홀더포함 W505 x D645 x H765" },
42206                { label: "제품 무게", value: "약 58Kg" },
42207                { label: "포장 크기", value: "W710 x D760 x H870mm" },
42208                { label: "포장 무게", value: "약 67kg" },
42209                { label: "AC 입력 / 전원공급", value: "200-240V~, 60Hz, 2.65A (110V & 220V Free Volt)" },
42210                { label: "사용 메모리", value: "USB메모리(FAT32/NTFS)" },
42211                { label: "네트워크 통신환경", value: "Ethernet, Wifi" },
42212                { label: "슬라이싱 프로그램", value: "Cubicreator v4 (64bit)" },
42213                { label: "3D설계 파일 유형", value: ".stl, .obj" },
42214                { label: "운영체제", value: "윈도우7(64비트) 이상" },
42215                { label: "프린팅 기술", value: "FFF type (Fused Filament Fabrication type)" },
42216                { label: "조형 크기", value: "310x310x310mm" },
42217                { label: "레이어 높이 설정", value: "100~300um" },
42218                { label: "조형 속도", value: "최대 150mm/sec" },
42219                { label: "필라멘트 직경", value: "1.75mm" },
42220                { label: "필라멘트 종류", value: "ABS, ABS-A100(저수축ABS), PLA Plus, PLA-i21,PETG, TPU / PETG, TPU(Flexible) 등" },
42221                { label: "위치 정밀도", value: "3.125 / 1.25 μm" },
42222                { label: "노즐 직경", value: "0.4mm" },
42223                { label: "노즐 온도", value: "최대 260 ℃" },
42224                { label: "히팅베드 온도", value: "최대 120 ℃" },
42225                { label: "인증", value: "KC, FCC, CE" },
42226                { label: "전면 디스플레이", value: "7인치 Touch형 TFT LCD" },
42227                { label: "내장형 카메라", value: "적용" }
42228              ] : s.specs).map((c, p) => /* @__PURE__ */ a("tr", { className: "border-b border-slate-200", children: [
42229                /* @__PURE__ */ e("th", { className: "py-3 px-4 bg-[#f8f9fb] text-slate-700 font-medium sm:w-[180px] w-1/3 border-r border-slate-200 align-middle break-keep text-center", children: c.label }),
42230                /* @__PURE__ */ e("td", { className: "py-3 px-4 text-slate-900 font-medium align-middle", children: c.value })
42231              ] }, p)) }) }) }) }) })
42232            ] }),
42233            /* @__PURE__ */ a("div", { children: [
42234              /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-950 pb-4 border-b border-slate-200 mb-8 font-[Aoboshi_One]", children: "호환 소재 (Compatible Materials)" }),
42235              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-6", children: s.materials.map((c, p) => /* @__PURE__ */ a("div", { className: "flex items-center gap-3 text-gray-700 text-[15px]", children: [
42236                /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
42237                c
42238              ] }, p)) }) })
42239            ] }),
42240            /* @__PURE__ */ a("div", { children: [
42241              /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-950 pb-4 border-b border-slate-200 mb-14 font-[Aoboshi_One]", children: "적용 분야 (Application)" }),
42242              /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: s.applications.map((c, p) => {
42243                const h = (b) => {
42244                  const g = b.toLowerCase();
42245                  return g.includes("자동차") || g.includes("automotive") || g.includes("차량") ? "https://images.unsplash.com/photo-1762087577939-705379c7d869?w=600&q=80" : g.includes("항공") || g.includes("aerospace") || g.includes("방산") || g.includes("defense") ? "https://images.unsplash.com/photo-1756027132696-f725e53ff15d?w=600&q=80" : g.includes("의료") || g.includes("medical") || g.includes("멸균") ? "https://images.unsplash.com/photo-1724526788521-b1da0cfc1aea?w=600&q=80" : g.includes("반도체") || g.includes("semiconductor") || g.includes("전자") ? "https://images.unsplash.com/photo-1744368191937-8fe5fde474a8?w=600&q=80" : g.includes("교육") || g.includes("연구") || g.includes("디자인") ? "https://images.unsplash.com/photo-1730724655710-5b9bd9c68349?w=600&q=80" : g.includes("로봇") || g.includes("robot") || g.includes("자동화") || g.includes("스마트 팩토리") ? "https://images.unsplash.com/photo-1716191299980-a6e8827ba10b?w=600&q=80" : "https://images.unsplash.com/photo-1769151174211-a1b2d41117bd?w=600&q=80";
42246                }, x = (b) => {
42247                  const g = b.toLowerCase();
42248                  return g.includes("자동차") || g.includes("automotive") || g.includes("차량") ? "Automotive Manufacturing" : g.includes("항공") || g.includes("aerospace") || g.includes("방산") || g.includes("defense") ? "Aerospace & Defense" : g.includes("의료") || g.includes("medical") || g.includes("멸균") ? "Medical Device" : g.includes("반도체") || g.includes("semiconductor") || g.includes("전자") ? "Electronics & Semiconductor" : g.includes("교육") || g.includes("연구") || g.includes("디자인") ? "R&D & Design" : g.includes("로봇") || g.includes("robot") || g.includes("자동화") || g.includes("스마트 팩토리") ? "Robotics & Smart Factory" : "Industrial 3D Printing";
42249                };
42250                return /* @__PURE__ */ a(
42251                  m.div,
42252                  {
42253                    className: "group overflow-hidden",
42254                    initial: { opacity: 0, y: 16 },
42255                    whileInView: { opacity: 1, y: 0 },
42256                    viewport: { once: !0 },
42257                    transition: { duration: 0.4, delay: 0.1 + p * 0.07 },
42258                    children: [
42259                      /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
42260                        S,
42261                        {
42262                          src: h(c),
42263                          alt: c,
42264                          className: "w-full h-full object-cover"
42265                        }
42266                      ) }),
42267                      /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: c }),
42268                      /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: x(c) })
42269                    ]
42270                  },
42271                  p
42272                );
42273              }) }) })
42274            ] })
42275          ] })
42276        ]
42277      }
42278    ) }) }) }),
42279    /* @__PURE__ */ e("section", { className: "py-12 border-t border-gray-100 bg-gray-50", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6 flex justify-center", children: /* @__PURE__ */ e(
42280      "button",
42281      {
42282        onClick: () => i("/3d-printer-robotics"),
42283        className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
42284        children: "목록으로"
42285      }
42286    ) }) })
42287  ] });
42288}
42289const E6 = globalThis.__GLOBALS__.getAssetURL("951103c754a0c6b7aa80c1ada8b7a0c7a5715e4d.png"), j6 = /* @__PURE__ */ e(
42290  m.div,
42291  {
42292    className: "w-full overflow-x-auto",
42293    initial: { opacity: 0, y: 16 },
42294    whileInView: { opacity: 1, y: 0 },
42295    viewport: { once: !0 },
42296    transition: { duration: 0.5, delay: 0.25 },
42297    children: /* @__PURE__ */ a("table", { className: "w-full border-collapse text-[13px] font-[Aoboshi_One]", style: { tableLayout: "fixed" }, children: [
42298      /* @__PURE__ */ a("colgroup", { children: [
42299        /* @__PURE__ */ e("col", { style: { width: "130px" } }),
42300        /* @__PURE__ */ e("col", { style: { width: "200px" } }),
42301        /* @__PURE__ */ e("col", {})
42302      ] }),
42303      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { style: { background: "#003D7A" }, children: [
42304        /* @__PURE__ */ e("th", { className: "px-4 py-3 text-white text-center border border-[#003D7A]", style: { fontWeight: 700 }, children: "Measurement" }),
42305        /* @__PURE__ */ e("th", { className: "px-5 py-3 text-white border border-[#003D7A] text-center", style: { fontWeight: 700 }, children: "Item" }),
42306        /* @__PURE__ */ e("th", { className: "px-5 py-3 text-white border border-[#003D7A] text-center", style: { fontWeight: 700 }, children: "HVS Target" })
42307      ] }) }),
42308      /* @__PURE__ */ a("tbody", { children: [
42309        /* @__PURE__ */ a("tr", { children: [
42310          /* @__PURE__ */ e("td", { rowSpan: 8, className: "text-center align-middle border border-slate-200 text-slate-600 bg-slate-100 px-4", style: { fontWeight: 700 }, children: "Position" }),
42311          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Range" }),
42312          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-[#003D7A]", style: { fontWeight: 700 }, children: "±700 um" })
42313        ] }),
42314        /* @__PURE__ */ a("tr", { children: [
42315          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Resolution" }),
42316          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "0.25 um" })
42317        ] }),
42318        /* @__PURE__ */ a("tr", { children: [
42319          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Repeatability" }),
42320          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "1 um" })
42321        ] }),
42322        /* @__PURE__ */ a("tr", { children: [
42323          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Linearity" }),
42324          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "3.5 um" })
42325        ] }),
42326        /* @__PURE__ */ a("tr", { children: [
42327          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sampling rate" }),
42328          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "0.1 kHz" })
42329        ] }),
42330        /* @__PURE__ */ a("tr", { children: [
42331          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Laser wavelength" }),
42332          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "520 nm" })
42333        ] }),
42334        /* @__PURE__ */ a("tr", { children: [
42335          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Beam Diameter" }),
42336          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "Φ11.0 mm" })
42337        ] }),
42338        /* @__PURE__ */ a("tr", { children: [
42339          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Beam Divergence" }),
42340          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "Collimate Beam" })
42341        ] }),
42342        /* @__PURE__ */ a("tr", { children: [
42343          /* @__PURE__ */ e("td", { rowSpan: 7, className: "text-center align-middle border border-slate-200 text-slate-600 bg-slate-100 px-4", style: { fontWeight: 700 }, children: "Height" }),
42344          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Range" }),
42345          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-[#003D7A]", style: { fontWeight: 700 }, children: "±525 um" })
42346        ] }),
42347        /* @__PURE__ */ a("tr", { children: [
42348          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Resolution" }),
42349          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "0.001 um" })
42350        ] }),
42351        /* @__PURE__ */ a("tr", { children: [
42352          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Repeatability" }),
42353          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "1 um" })
42354        ] }),
42355        /* @__PURE__ */ a("tr", { children: [
42356          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Linearity" }),
42357          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "0.2 um" })
42358        ] }),
42359        /* @__PURE__ */ a("tr", { children: [
42360          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Sampling rate" }),
42361          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "1k or 0.1k Hz Support" })
42362        ] }),
42363        /* @__PURE__ */ a("tr", { children: [
42364          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Beam Spot Diameter" }),
42365          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "0.02 mm" })
42366        ] }),
42367        /* @__PURE__ */ a("tr", { children: [
42368          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700", style: { fontWeight: 600 }, children: "Laser Wavelength" }),
42369          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "830 nm" })
42370        ] }),
42371        /* @__PURE__ */ a("tr", { children: [
42372          /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700 text-center", style: { fontWeight: 600 }, children: "Working distance" }),
42373          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "4.5" })
42374        ] }),
42375        /* @__PURE__ */ a("tr", { children: [
42376          /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700 text-center", style: { fontWeight: 600 }, children: "Size" }),
42377          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "W357 × H116.5 × D95 mm" })
42378        ] }),
42379        /* @__PURE__ */ a("tr", { children: [
42380          /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700 text-center", style: { fontWeight: 600 }, children: "Weight" }),
42381          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "8 kg" })
42382        ] }),
42383        /* @__PURE__ */ a("tr", { children: [
42384          /* @__PURE__ */ e("td", { colSpan: 2, className: "px-5 py-2.5 border border-slate-200 bg-slate-50 text-slate-700 text-center", style: { fontWeight: 600 }, children: "Area (WxD)" }),
42385          /* @__PURE__ */ e("td", { className: "px-5 py-2.5 border border-slate-200 text-slate-800", children: "0.034 m²" })
42386        ] })
42387      ] })
42388    ] })
42389  }
42390);
42391function R6() {
42392  return /* @__PURE__ */ e(
42393    Wt,
42394    {
42395      productName: "5Axis Right Angle Sensor",
42396      productModel: "5AX-RA SERIES",
42397      catchphrase: "5축 동시 변위 측정 · 초정밀 직각형 센서",
42398      heroImage: E6,
42399      hideProductModel: !0,
42400      introTitle: "5축 변위 센서 정밀 솔루션",
42401      introDescription: `Tilt, Position, Height를 동시에 측정하는 고정밀 5축 변위 센서입니다.
42402자동 보정 기능과 컴팩트 설계로 로봇 및 자동화 설비에 최적화되었습니다.`,
42403      productImage: "https://images.unsplash.com/photo-1691926495061-6a2826241f9b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHw1JTIwYXhpcyUyMHNlbnNvciUyMGluZHVzdHJpYWwlMjBwcmVjaXNpb24lMjBtZWFzdXJlbWVudHxlbnwxfHx8fDE3NzI1OTk1OTJ8MA&ixlib=rb-4.1.0&q=80&w=1080",
42404      spec1Value: "5축",
42405      spec1Label: "동시 측정 축",
42406      spec2Value: "나노급",
42407      spec2Label: "측정 분해능",
42408      spec3Value: "인하우스",
42409      spec3Label: "설계·제조 체계",
42410      problemImage: "https://images.unsplash.com/photo-1606619353143-8e11b4bdf76b?auto=format&fit=crop&q=80&w=1080",
42411      problemTitle: `단일 센서로
424125축을 동시에 계측`,
42413      problemDescription: "복잡한 정렬 공정에서 다수의 센서 없이 하나의 센서로 완전한 공간 변위 정보를 획득합니다.",
42414      problemDetailText: "하이비젼시스템의 5Axis Right Angle Sensor는 독자적인 광학·기구 설계로 직각 배치 구조를 구현, 좁은 설비 내에서도 5축 데이터를 동시에 취득합니다. 반도체 본딩·디스플레이 합착·정밀 조립 등 미크론 이하의 정밀도가 요구되는 공정에 최적화되어 있으며, 고속 데이터 출력으로 실시간 서보 제어 및 품질 피드백이 가능합니다.",
42415      coreFeaturesImage: "https://images.unsplash.com/photo-1631549916768-4119b2e5f926?auto=format&fit=crop&q=80&w=1080",
42416      featuresList: [
42417        {
42418          num: "01",
42419          title: "5축 동시 측정 기술",
42420          desc: "대상 물체의 반사광 구조(Mirror, IRCF)만으로 Tilt · Position · Height를 동시에 측정하여 정밀한 5축 변위 분석이 가능합니다.",
42421          img: ""
42422        },
42423        {
42424          num: "02",
42425          title: "자동 높이(Z) 오차 보정",
42426          desc: `대상 물체의 기울어짐으로 발생하는 Z축(Height) 데이터 오차를
42427자동으로 보정하여 안정적인 측정 결과를 제공합니다.`,
42428          img: ""
42429        },
42430        {
42431          num: "03",
42432          title: "초소형 설계",
42433          desc: "경쟁 제품 대비 약 1/3 수준의 컴팩트한 크기로 로봇 및 자동화 설비 적용에 최적화되었습니다.",
42434          img: ""
42435        },
42436        {
42437          num: "04",
42438          title: "다양한 인터페이스 지원",
42439          desc: "모듈 제어 정보 동기화와 전원·통신 시스템 통합 등 고객 환경에 맞는 Signal Interface(SI) 연동을 지원합니다.",
42440          img: ""
42441        },
42442        {
42443          num: "05",
42444          title: "텔레센트릭 렌즈 통합",
42445          desc: `하이비젼시스템이 자체 개발한 Telecentric Lens를 적용하여
42446높은 측정 정밀도와 안정성을 확보합니다.`,
42447          img: ""
42448        },
42449        {
42450          num: "06",
42451          title: "고객 맞춤 설계 지원",
42452          desc: "측정 범위, 반복 정밀도, 선형성 등 고객 요구에 맞춘 커스터마이징 설계가 가능합니다.",
42453          img: ""
42454        }
42455      ],
42456      applicationTitle1: "반도체 공정",
42457      applicationDesc1: "웨이퍼 본딩·칩 실장 등 미크론 이하 정렬 정밀도가 요구되는 반도체 공정에 최적화된 측정 솔루션을 제공합니다.",
42458      applicationTitle2: "디스플레이 합착",
42459      applicationDesc2: "패널 합착·OCA 부착 공정에서 5축 동시 측정으로 정밀 얼라인먼트와 실시간 품질 검사를 지원합니다.",
42460      applicationTitle3: "정밀 조립 설비",
42461      applicationDesc3: "카메라 모듈·의료기기·항공 부품 등 고난도 정밀 조립 설비에 통합되어 공정 신뢰성을 높입니다.",
42462      customSpecTable: j6
42463    }
42464  );
42465}
42466const F6 = globalThis.__GLOBALS__.getAssetURL("d2df101189524c6b519e7e9df43acf51adc4f52a.png"), _6 = globalThis.__GLOBALS__.getAssetURL("ab7a3b347719c72e3b3292b6c1fbf5686eb1d744.png"), W6 = globalThis.__GLOBALS__.getAssetURL("e4dac76902766c4c5422c37fdbb6a2516d1076a6.png");
42467function z6() {
42468  const [t, i] = C("ALL"), [n, r] = C(null), [s, l] = C(/* @__PURE__ */ new Set()), [o, d] = C(!1), [c, p] = C("추천순"), h = [], x = ["ALL"], b = (t === "ALL" ? h : h.filter((g) => g.category === t)).filter((g) => s.size === 0 || s.has(g.id));
42469  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
42470    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
42471      m.div,
42472      {
42473        initial: { opacity: 0, y: 30 },
42474        animate: { opacity: 1, y: 0 },
42475        transition: { duration: 0.6 },
42476        className: "flex flex-col gap-8",
42477        children: [
42478          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
42479            /* @__PURE__ */ e("span", { children: "Home" }),
42480            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
42481            /* @__PURE__ */ e("span", { children: "Products" }),
42482            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
42483            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "AR/VR Glass" })
42484          ] }),
42485          /* @__PURE__ */ a("div", { children: [
42486            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "AR/VR Glass" }),
42487            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Total Vision Solutions for Next-Generation XR Optics" })
42488          ] }),
42489          /* @__PURE__ */ a(
42490            m.div,
42491            {
42492              initial: { opacity: 0, scale: 0.95 },
42493              animate: { opacity: 1, scale: 1 },
42494              transition: { duration: 0.8, delay: 0.2 },
42495              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
42496              children: [
42497                /* @__PURE__ */ e(
42498                  S,
42499                  {
42500                    src: F6,
42501                    alt: "AR/VR Glass Technology",
42502                    className: "w-full h-full object-cover"
42503                  }
42504                ),
42505                /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-[30px]", style: { backgroundImage: `url(${_6})`, backgroundSize: "cover", backgroundPosition: "center" } })
42506              ]
42507            }
42508          )
42509        ]
42510      }
42511    ) }),
42512    /* @__PURE__ */ a("section", { className: "py-10 px-6 max-w-7xl mx-auto", children: [
42513      /* @__PURE__ */ e(
42514        m.div,
42515        {
42516          initial: { opacity: 0, y: 20 },
42517          whileInView: { opacity: 1, y: 0 },
42518          viewport: { once: !0 },
42519          transition: { duration: 0.6 },
42520          className: "flex flex-col gap-10 mb-16 pb-10",
42521          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
42522            /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }),
42523            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
42524            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
42525              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: x.map((g) => {
42526                const w = h.filter((A) => A.category === g), u = t === g, v = n === g;
42527                return /* @__PURE__ */ a("div", { className: "relative", children: [
42528                  /* @__PURE__ */ a(
42529                    "button",
42530                    {
42531                      onClick: () => {
42532                        i(g), l(/* @__PURE__ */ new Set()), r(g === "ALL" || v ? null : g);
42533                      },
42534                      className: `px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${u ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
42535                      children: [
42536                        g === "ALL" ? "All Products" : g === "ACTIVE ALIGN" ? "Active Align" : g,
42537                        g !== "ALL" && /* @__PURE__ */ e(
42538                          "svg",
42539                          {
42540                            className: `w-3 h-3 transition-transform duration-200 ${v ? "rotate-180" : ""}`,
42541                            fill: "none",
42542                            stroke: "currentColor",
42543                            viewBox: "0 0 24 24",
42544                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
42545                          }
42546                        )
42547                      ]
42548                    }
42549                  ),
42550                  g !== "ALL" && v && /* @__PURE__ */ a(
42551                    m.div,
42552                    {
42553                      initial: { opacity: 0, y: -6, scale: 0.97 },
42554                      animate: { opacity: 1, y: 0, scale: 1 },
42555                      exit: { opacity: 0, y: -6, scale: 0.97 },
42556                      transition: { duration: 0.15, ease: "easeOut" },
42557                      className: "absolute left-0 top-full mt-2 bg-white border border-slate-200 rounded-2xl shadow-xl py-2 z-50 min-w-[180px]",
42558                      children: [
42559                        /* @__PURE__ */ a("label", { className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors group", children: [
42560                          /* @__PURE__ */ e(
42561                            "input",
42562                            {
42563                              type: "checkbox",
42564                              checked: s.size === 0,
42565                              onChange: () => l(/* @__PURE__ */ new Set()),
42566                              className: "hidden"
42567                            }
42568                          ),
42569                          /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${s.size === 0 ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: s.size === 0 && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
42570                          /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${s.size === 0 ? "text-slate-950" : "text-gray-500"}`, children: "전체" })
42571                        ] }),
42572                        /* @__PURE__ */ e("div", { className: "border-t border-slate-100 my-1" }),
42573                        w.map((A) => {
42574                          const N = s.has(A.id);
42575                          return /* @__PURE__ */ a(
42576                            "label",
42577                            {
42578                              className: "flex items-center gap-2.5 px-4 py-2 cursor-pointer hover:bg-slate-50 transition-colors",
42579                              children: [
42580                                /* @__PURE__ */ e(
42581                                  "input",
42582                                  {
42583                                    type: "checkbox",
42584                                    checked: N,
42585                                    onChange: () => {
42586                                      l((f) => {
42587                                        const y = new Set(f);
42588                                        return N ? y.delete(A.id) : y.add(A.id), y;
42589                                      });
42590                                    },
42591                                    className: "hidden"
42592                                  }
42593                                ),
42594                                /* @__PURE__ */ e("span", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 transition-colors ${N ? "bg-slate-950 border-slate-950" : "border-slate-300 bg-white"}`, children: N && /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
42595                                /* @__PURE__ */ e("span", { className: `text-[12px] font-bold ${N ? "text-slate-950" : "text-gray-500"}`, children: A.title })
42596                              ]
42597                            },
42598                            A.id
42599                          );
42600                        })
42601                      ]
42602                    }
42603                  )
42604                ] }, g);
42605              }) }),
42606              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
42607                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: b.length }),
42608                /* @__PURE__ */ e("span", { children: "개 결과" }),
42609                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
42610                /* @__PURE__ */ a("div", { className: "relative", children: [
42611                  /* @__PURE__ */ a(
42612                    "button",
42613                    {
42614                      onClick: () => d((g) => !g),
42615                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
42616                      children: [
42617                        c,
42618                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${o ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
42619                      ]
42620                    }
42621                  ),
42622                  o && /* @__PURE__ */ e(
42623                    m.div,
42624                    {
42625                      initial: { opacity: 0, y: -6, scale: 0.97 },
42626                      animate: { opacity: 1, y: 0, scale: 1 },
42627                      exit: { opacity: 0, y: -6, scale: 0.97 },
42628                      transition: { duration: 0.15, ease: "easeOut" },
42629                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
42630                      children: ["추천순", "최신순"].map((g) => /* @__PURE__ */ e(
42631                        "button",
42632                        {
42633                          onClick: () => {
42634                            p(g), d(!1);
42635                          },
42636                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${c === g ? "text-slate-950 font-bold" : "text-gray-500"}`,
42637                          children: g
42638                        },
42639                        g
42640                      ))
42641                    }
42642                  )
42643                ] })
42644              ] })
42645            ] })
42646          ] })
42647        }
42648      ),
42649      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(
42650        m.div,
42651        {
42652          initial: { opacity: 0, y: 20 },
42653          animate: { opacity: 1, y: 0 },
42654          transition: { duration: 0.3 },
42655          className: "space-y-24",
42656          children: (() => {
42657            const w = ["ACTIVE ALIGN"].map((u, v) => {
42658              const A = b.filter((N) => N.category === u);
42659              return { id: v + 1, title: u, products: A };
42660            }).filter((u) => u.products.length > 0);
42661            return w.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px]", children: "검색 결과가 없습니다." }) }) : w.map((u) => /* @__PURE__ */ a("div", { className: "scroll-mt-32", children: [
42662              /* @__PURE__ */ e("div", { className: "mb-8", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-sans", children: u.title.split(" ").map((v) => v.charAt(0).toUpperCase() + v.slice(1).toLowerCase()).join(" ") }) }),
42663              /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: u.products.map((v) => /* @__PURE__ */ a(
42664                m.div,
42665                {
42666                  initial: { opacity: 0, scale: 0.95 },
42667                  whileInView: { opacity: 1, scale: 1 },
42668                  viewport: { once: !0 },
42669                  transition: { duration: 0.4 },
42670                  onClick: () => {
42671                    window.location.hash = "/products/ar-vr-glass/active-align", window.scrollTo({ top: 0, behavior: "smooth" });
42672                  },
42673                  className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
42674                  children: [
42675                    /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-white rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
42676                      S,
42677                      {
42678                        src: W6,
42679                        alt: v.title,
42680                        className: "w-full h-full object-cover rounded-[20px] scale-125"
42681                      }
42682                    ) }),
42683                    /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
42684                      /* @__PURE__ */ e("h3", { className: "text-[20px] font-bold text-slate-900 leading-tight mb-4 font-sans mt-2", children: v.title }),
42685                      /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
42686                        "button",
42687                        {
42688                          onClick: (A) => {
42689                            A.stopPropagation(), window.location.hash = "/products/ar-vr-glass/active-align", window.scrollTo({ top: 0, behavior: "smooth" });
42690                          },
42691                          className: "px-6 py-2.5 rounded-full bg-black text-white flex items-center justify-center hover:bg-gray-800 transition-colors shadow-sm",
42692                          children: /* @__PURE__ */ e("span", { className: "text-[13px]", children: "자세히 보기" })
42693                        }
42694                      ) })
42695                    ] })
42696                  ]
42697                },
42698                v.id
42699              )) })
42700            ] }, u.title));
42701          })()
42702        },
42703        t
42704      ) })
42705    ] })
42706  ] });
42707}
42708const B6 = globalThis.__GLOBALS__.getAssetURL("a45912d3f619374674bd8bee12e2d5755b475502.png");
42709function G6() {
42710  const t = [
42711    {
42712      title: "초정밀 Active Alignment 기술",
42713      description: `고해상도 비전과 6축 제어 기반 DFOV 및 3점 보간법을
42714적용해 고속·고정밀 광학 정렬·검사를 구현합니다.`,
42715      icon: pn
42716    },
42717    {
42718      title: "AI 딥러닝 기반 비전 검사 기술",
42719      description: `초정밀 이미지 분석을 통해 왜곡, 밝기, 위치 오차를 정밀 측정하고
42720AI 기반 결함 판단으로 검사 정확도를 향상시킵니다.`,
42721      icon: pu
42722    },
42723    {
42724      title: "정렬·접착·검사 통합 공정 자동화",
42725      description: `정렬·접착·검사를 하나의 공정으로 통합하여 공정 간 이송을
42726최소화하고 생산성과 Tact Time을 동시에 개선합니다.`,
42727      icon: de
42728    },
42729    {
42730      title: "유연한 설비 구성",
42731      description: `공정 환경에 맞춰 Single / Dual AA 구성을
42732선택할 수 있는 유연한 설비 구조를 제공합니다.`,
42733      icon: De
42734    },
42735    {
42736      title: "클린룸 대응 설계",
42737      description: `FFU, Air Curtain, Air Knife 적용으로
42738설비 내부를 청정 환경으로 유지합니다.`,
42739      icon: yx
42740    },
42741    {
42742      title: "고객 맞춤 설계 지원",
42743      description: `고속 영상 전송 기반 시스템과 고객 요구에
42744맞춘 커스터마이징 설계를 지원합니다.`,
42745      icon: nx
42746    }
42747  ], i = [
42748    { label: "Dimension", value: "3,300(W) X 3,360(L) X 2,420(H)" },
42749    { label: "Weight", value: "3,100 KG" },
42750    { label: "Area", value: "9㎡" },
42751    { label: "Utility", value: "220V, 3Phase" }
42752  ];
42753  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
42754    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
42755      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
42756        /* @__PURE__ */ e(
42757          S,
42758          {
42759            src: B6,
42760            alt: "AR/VR Active Align Background",
42761            className: "w-full h-full object-cover"
42762          }
42763        ),
42764        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/40" })
42765      ] }),
42766      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-48", children: /* @__PURE__ */ a(
42767        m.div,
42768        {
42769          initial: { opacity: 0, x: -30 },
42770          animate: { opacity: 1, x: 0 },
42771          transition: { duration: 0.6 },
42772          children: [
42773            /* @__PURE__ */ a(
42774              m.h1,
42775              {
42776                className: "text-[48px] lg:text-[56px] font-bold text-white leading-[1.1] mb-4 tracking-tight font-[Aoboshi_One]",
42777                initial: { opacity: 0, y: 20 },
42778                animate: { opacity: 1, y: 0 },
42779                transition: { duration: 0.6, delay: 0.1 },
42780                children: [
42781                  "AR/VR Glass",
42782                  /* @__PURE__ */ e("br", {}),
42783                  "Active Align 설비"
42784                ]
42785              }
42786            ),
42787            /* @__PURE__ */ e(
42788              m.p,
42789              {
42790                className: "text-[18px] text-white/70 font-medium mb-12 tracking-wide font-sans",
42791                initial: { opacity: 0, y: 20 },
42792                animate: { opacity: 1, y: 0 },
42793                transition: { duration: 0.6, delay: 0.25 },
42794                children: "AR/VR Glass Active Alignment System"
42795              }
42796            ),
42797            /* @__PURE__ */ a(
42798              m.p,
42799              {
42800                className: "text-white/75 leading-relaxed mb-10 text-[16px]",
42801                initial: { opacity: 0, y: 20 },
42802                animate: { opacity: 1, y: 0 },
42803                transition: { duration: 0.6, delay: 0.4 },
42804                children: [
42805                  "AR·XR 기기에 적용되는 카메라 모듈을 정밀 정렬 상태로 접착·조립·검사까지 자동 수행하는 Active Align 자동화 설비입니다.",
42806                  /* @__PURE__ */ e("br", {}),
42807                  "고해상도 비전 시스템과 액추에이터 기반으로 미세 정렬 오차를 실시간 보정하여 생산 품질을 극대화합니다."
42808                ]
42809              }
42810            ),
42811            /* @__PURE__ */ e(
42812              m.div,
42813              {
42814                className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]",
42815                initial: { opacity: 0, y: 20 },
42816                animate: { opacity: 1, y: 0 },
42817                transition: { duration: 0.6, delay: 0.55 },
42818                children: /* @__PURE__ */ a(
42819                  "button",
42820                  {
42821                    onClick: () => window.location.hash = "/contact-sales",
42822                    className: "w-fit bg-[#0B1B3D] text-white h-[52px] px-8 rounded-full flex items-center justify-between gap-3 hover:bg-[#061024] transition-colors font-medium text-[15px] shadow-lg",
42823                    children: [
42824                      /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
42825                      /* @__PURE__ */ e("span", { className: "text-[16px] mb-0.5", children: "↗" })
42826                    ]
42827                  }
42828                )
42829              }
42830            )
42831          ]
42832        }
42833      ) }) })
42834    ] }),
42835    /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: /* @__PURE__ */ e(
42836      "div",
42837      {
42838        className: "bg-[#F8F9FC]",
42839        style: { width: "100vw", marginLeft: "calc(50% - 50vw)", paddingLeft: "max(2rem, calc((100vw - 1280px) / 2 + 2rem))", paddingRight: "max(2rem, calc((100vw - 1280px) / 2 + 2rem))", paddingTop: "6rem", paddingBottom: "6rem" },
42840        children: /* @__PURE__ */ e(
42841          m.div,
42842          {
42843            initial: { opacity: 0, y: 30 },
42844            whileInView: { opacity: 1, y: 0 },
42845            viewport: { once: !0, margin: "-100px" },
42846            transition: { duration: 0.6 },
42847            children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-32", children: [
42848              /* @__PURE__ */ a(
42849                m.div,
42850                {
42851                  className: "mt-8",
42852                  initial: { opacity: 0, y: 24 },
42853                  whileInView: { opacity: 1, y: 0 },
42854                  viewport: { once: !0, amount: 0.2 },
42855                  transition: { duration: 0.5, delay: 0.1 },
42856                  children: [
42857                    /* @__PURE__ */ a("div", { className: "mb-14 text-[#000000] font-bold", children: [
42858                      /* @__PURE__ */ e("div", { className: "flex justify-center mb-5", children: /* @__PURE__ */ e("span", { className: "px-4 py-1.5 rounded-full bg-white text-[#0B1B3D] text-[13px] font-bold shadow-sm border border-slate-100 flex items-center", children: "Active Align Technology" }) }),
42859                      /* @__PURE__ */ a(
42860                        m.h3,
42861                        {
42862                          className: "text-[#0B1B3D] font-bold tracking-tight text-center text-[32px] md:text-[40px] leading-tight",
42863                          initial: { opacity: 0, y: 15 },
42864                          whileInView: { opacity: 1, y: 0 },
42865                          viewport: { once: !0 },
42866                          transition: { duration: 0.5, delay: 0.1 },
42867                          children: [
42868                            "정렬부터 접착, 검사까지",
42869                            /* @__PURE__ */ e("br", {}),
42870                            "하나로 완성하는 생산 통합 솔루션"
42871                          ]
42872                        }
42873                      )
42874                    ] }),
42875                    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: t.map((n, r) => {
42876                      const s = n.icon;
42877                      return /* @__PURE__ */ a(
42878                        m.div,
42879                        {
42880                          className: "bg-white rounded-[24px] p-8 flex flex-row items-center gap-6 shadow-[0_8px_30px_rgb(0,0,0,0.06)] border border-slate-100 hover:shadow-[0_8px_40px_rgb(0,0,0,0.12)] transition-all duration-300",
42881                          initial: { opacity: 0, y: 30 },
42882                          whileInView: { opacity: 1, y: 0 },
42883                          viewport: { once: !0, amount: 0.2 },
42884                          transition: { duration: 0.6, delay: 0.2 + r * 0.1 },
42885                          children: [
42886                            /* @__PURE__ */ e("div", { className: "w-[64px] h-[64px] rounded-[18px] bg-[#1E3A5F] flex items-center justify-center text-white flex-shrink-0 shadow-md", children: /* @__PURE__ */ e(s, { size: 28, strokeWidth: 1.5 }) }),
42887                            /* @__PURE__ */ a("div", { children: [
42888                              /* @__PURE__ */ e("h4", { className: "text-[#0B1B3D] text-[18px] font-bold mb-2 leading-tight", children: n.title }),
42889                              /* @__PURE__ */ e("p", { className: "text-[14px] leading-relaxed font-sans whitespace-pre-line text-slate-500", children: n.description })
42890                            ] })
42891                          ]
42892                        },
42893                        r
42894                      );
42895                    }) }) })
42896                  ]
42897                }
42898              ),
42899              /* @__PURE__ */ a(
42900                m.div,
42901                {
42902                  initial: { opacity: 0, y: 24 },
42903                  whileInView: { opacity: 1, y: 0 },
42904                  viewport: { once: !0 },
42905                  transition: { duration: 0.5, delay: 0.1 },
42906                  children: [
42907                    /* @__PURE__ */ a("h3", { className: "text-[24px] font-bold text-[#0B1B3D] mb-8 flex items-center gap-3", children: [
42908                      /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-[#1E3A5F]" }),
42909                      "Inspection Item"
42910                    ] }),
42911                    /* @__PURE__ */ e("div", { className: "border-t border-slate-200 pt-10", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-x-8 gap-y-10", children: [
42912                      { num: "01", text: "Active Alignment" },
42913                      { num: "02", text: "Dispensing and Bonding" },
42914                      { num: "03", text: "Pre-curing Process" }
42915                    ].map((n, r) => /* @__PURE__ */ a(
42916                      m.div,
42917                      {
42918                        className: "flex items-center gap-4 text-[#0B1B3D] text-[16px] md:text-[17px] font-bold",
42919                        initial: { opacity: 0, y: 12 },
42920                        whileInView: { opacity: 1, y: 0 },
42921                        viewport: { once: !0 },
42922                        transition: { duration: 0.4, delay: 0.1 + r * 0.07 },
42923                        children: [
42924                          /* @__PURE__ */ e("div", { className: "w-[36px] h-[36px] rounded-full bg-[#E5E9F0] border-[3px] border-white outline outline-1 outline-slate-200 flex items-center justify-center text-[#1E3A5F] flex-shrink-0 shadow-sm font-bold tracking-tight text-[12px]", children: n.num }),
42925                          /* @__PURE__ */ e("span", { className: "leading-tight whitespace-pre-line", children: n.text })
42926                        ]
42927                      },
42928                      r
42929                    )) }) })
42930                  ]
42931                }
42932              ),
42933              /* @__PURE__ */ a(
42934                m.div,
42935                {
42936                  initial: { opacity: 0, y: 24 },
42937                  whileInView: { opacity: 1, y: 0 },
42938                  viewport: { once: !0 },
42939                  transition: { duration: 0.5, delay: 0.1 },
42940                  children: [
42941                    /* @__PURE__ */ a("h3", { className: "text-[24px] font-bold text-[#0B1B3D] mb-8 flex items-center gap-3", children: [
42942                      /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-[#1E3A5F]" }),
42943                      "Dimension"
42944                    ] }),
42945                    /* @__PURE__ */ e("div", { className: "border-t border-slate-200 pt-10", children: /* @__PURE__ */ a("div", { className: "w-full", children: [
42946                      /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-[16px] shadow-[0_4px_20px_rgb(0,0,0,0.03)] border border-slate-100", children: /* @__PURE__ */ a("table", { className: "w-full text-center border-collapse min-w-[400px]", children: [
42947                        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "bg-[#1E3A5F] text-white", children: [
42948                          /* @__PURE__ */ e("th", { className: "py-4 px-6 font-bold border-r border-white/10 w-1/3 text-[14px]", children: "항목" }),
42949                          /* @__PURE__ */ e("th", { className: "py-4 px-6 font-bold text-[14px]", children: "내용" })
42950                        ] }) }),
42951                        /* @__PURE__ */ e("tbody", { children: i.map((n, r) => /* @__PURE__ */ a(
42952                          m.tr,
42953                          {
42954                            className: `border-b border-slate-100 transition-colors hover:bg-slate-50 ${r % 2 === 1 ? "bg-[#f8f9fb]" : "bg-white"}`,
42955                            initial: { opacity: 0, y: 10 },
42956                            whileInView: { opacity: 1, y: 0 },
42957                            viewport: { once: !0 },
42958                            transition: { duration: 0.4, delay: 0.1 + r * 0.1 },
42959                            children: [
42960                              /* @__PURE__ */ e("td", { className: "py-4 px-6 border-r border-slate-100 text-slate-500 font-bold text-[13px]", children: n.label }),
42961                              /* @__PURE__ */ e("td", { className: "py-4 px-6 text-[#0B1B3D] font-bold font-[Aoboshi_One] text-[14px]", children: n.value })
42962                            ]
42963                          },
42964                          r
42965                        )) })
42966                      ] }) }),
42967                      /* @__PURE__ */ e("div", { className: "pt-4 flex justify-end", children: /* @__PURE__ */ e("p", { className: "text-[13px] text-slate-400 font-medium", children: "* 고객 요구 사항에 따라 변경 가능" }) })
42968                    ] }) })
42969                  ]
42970                }
42971              ),
42972              /* @__PURE__ */ a("div", { className: "flex flex-col gap-6", children: [
42973                /* @__PURE__ */ a(
42974                  m.div,
42975                  {
42976                    className: "pb-4",
42977                    initial: { opacity: 0, y: 24 },
42978                    whileInView: { opacity: 1, y: 0 },
42979                    viewport: { once: !0 },
42980                    transition: { duration: 0.5, delay: 0.1 },
42981                    children: [
42982                      /* @__PURE__ */ a("h3", { className: "text-[24px] font-bold text-[#0B1B3D] mb-8 flex items-center gap-3", children: [
42983                        /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-[#1E3A5F]" }),
42984                        "Application"
42985                      ] }),
42986                      /* @__PURE__ */ e("div", { className: "border-t border-slate-200 pt-10", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: [
42987                        { image: "https://images.unsplash.com/photo-1664351363957-b88337cddf48?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxBUiUyMGdsYXNzZXMlMjBzbWFydCUyMGV5ZXdlYXJ8ZW58MXx8fHwxNzc1NjMzNzE5fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Next-Gen Wearables", subtitle: "AR Glass" },
42988                        { image: "https://images.unsplash.com/photo-1728602484721-7fa5eed36a64?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxYUiUyMFZSJTIwaGVhZHNldCUyMHZpcnR1YWwlMjByZWFsaXR5fGVufDF8fHx8MTc3NTYzMzcxOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Immersive Tech", subtitle: "XR Device" },
42989                        { image: "https://images.unsplash.com/photo-1763650287486-16b07b35ef2d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvcHRpY2FsJTIwY2FtZXJhJTIwbGVucyUyMG1vZHVsZSUyMHRlY2hub2xvZ3l8ZW58MXx8fHwxNzc1NjMzNzIwfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral", title: "Core Components", subtitle: "Optical Module Assembly" }
42990                      ].map((n, r) => /* @__PURE__ */ a(
42991                        m.div,
42992                        {
42993                          initial: { opacity: 0, y: 20 },
42994                          whileInView: { opacity: 1, y: 0 },
42995                          viewport: { once: !0 },
42996                          transition: { duration: 0.4, delay: r * 0.08 },
42997                          className: "rounded-[24px] overflow-hidden bg-white border border-slate-100 shadow-[0_8px_30px_rgb(0,0,0,0.06)] hover:shadow-[0_8px_40px_rgb(0,0,0,0.12)] hover:-translate-y-1 transition-all duration-300 group",
42998                          children: [
42999                            /* @__PURE__ */ e("div", { className: "w-full aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ e(
43000                              S,
43001                              {
43002                                src: n.image,
43003                                alt: n.subtitle,
43004                                className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
43005                              }
43006                            ) }),
43007                            /* @__PURE__ */ a("div", { className: "px-6 py-5", children: [
43008                              /* @__PURE__ */ e("p", { className: "text-slate-500 text-[13px] font-medium font-sans", children: n.title }),
43009                              /* @__PURE__ */ e("p", { className: "text-[#0B1B3D] text-[17px] font-sans mt-1", style: { fontWeight: 700 }, children: n.subtitle })
43010                            ] })
43011                          ]
43012                        },
43013                        r
43014                      )) }) })
43015                    ]
43016                  }
43017                ),
43018                /* @__PURE__ */ e("div", { className: "flex justify-center pb-8", children: /* @__PURE__ */ e(
43019                  "button",
43020                  {
43021                    onClick: () => window.history.back(),
43022                    className: "bg-[#0B1B3D] text-white px-10 h-[52px] font-medium text-[15px] hover:bg-[#061024] transition-colors duration-300 rounded-full shadow-lg",
43023                    children: "목록으로"
43024                  }
43025                ) })
43026              ] })
43027            ] })
43028          }
43029        )
43030      }
43031    ) }) }) })
43032  ] });
43033}
43034const U6 = globalThis.__GLOBALS__.getAssetURL("a9a3a588f42aea29a313a5ce5daece6c475f5294.png"), q6 = {
43035  da500: {
43036    title: "DA500",
43037    subtitle: "Dual/Triple Active Align",
43038    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43039    productImage: "https://cdn.imweb.me/thumbnail/20230427/d442aeb637022.png",
43040    catchphrase: "High-End Dual/Triple Active Align System",
43041    introDescription: `Dual Camera Active Alignment과 병렬 자동화 구조를 통해 고정밀 정렬과 높은 생산성을 동시에 구현한 차세대 카메라 모듈 정렬 시스템입니다.
43042디스펜싱·UV 경화 공정과 고해상도 비전 정렬 기술을 통합하여 최대 310 UPH의 안정적인 대량 생산을 지원합니다.`,
43043    mainFeatures: [
43044      { title: "Dual Camera Active Alignment", description: `두 개의 카메라 모듈을 동시에 정밀 정렬하여
43045높은 생산성과 안정적인 공정 품질을 구현합니다.` },
43046      { title: "Dual Parallel Full Automation", description: `병렬 구조의 완전 자동화 시스템으로
43047동시 공정 처리와 높은 생산 효율을 제공합니다.` },
43048      { title: "Integrated Dispensing & UV Cure", description: `디스펜싱과 UV 경화 공정을 하나의 시스템에 
43049통합하여 공정 단순화와 생산성 향상을 실현합니다.` },
43050      { title: "High Precision Optical Alignment", description: `광학 중심 정렬 기술을 기반으로 고정밀 
43051Active Alignment 공정을 수행합니다.` },
43052      { title: "Advanced Vision Alignment System", description: `고해상도 비전 시스템을 통해
43053정밀 정렬 측정과 실시간 공정 피드백을 제공합니다.` },
43054      { title: "High Throughput Production (310 UPH)", description: `최대 310 UPH의 생산 처리 능력으로
43055대량 생산 환경에서도 안정적인 생산성을 확보합니다.` }
43056    ],
43057    inspectionItems: [
43058      "MTF (Modulation Transfer Function) 측정",
43059      "SFR (Spatial Frequency Response) 분석",
43060      "광축 정렬 정밀도 검사",
43061      "Tilt / Shift 보정",
43062      "UV 경화 후 위치 고정 확인",
43063      "최종 모듈 광학 성능 종합 검사"
43064    ],
43065    dimensions: [
43066      { label: "설비 전체 크기", value: "3,500 × 2,800 × 1,900 mm" },
43067      { label: "정렬 정밀도", value: "±0.3 μm 이하" },
43068      { label: "처리 택타임", value: "≤ 25 sec / module" },
43069      { label: "정렬 축수", value: "6-Axis (X/Y/Z/Rx/Ry/Rz)" }
43070    ],
43071    applications: [
43072      "스마트폰 후면/전면 카메라 모듈 (Rear/Front Camera Module)",
43073      "광각·망원 멀티 카메라 모듈 (Wide/Tele Multi-camera)",
43074      "OIS(손떨림 보정) 모듈 조립 (OIS Module Assembly)",
43075      "차량용 전방 카메라 모듈 (Automotive Front Camera)"
43076    ]
43077  },
43078  da100: {
43079    title: "DA100",
43080    subtitle: "Dual/Triple Active Align",
43081    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43082    productImage: "https://cdn.imweb.me/thumbnail/20230427/0109b4b938b5e.png",
43083    catchphrase: "Compact Dual Active Align System",
43084    introDescription: `소형 카메라 모듈 생산라인에 최적화된 컴팩트한 Dual Active Align 설비입니다.
43085공간 효율을 극대화한 설계로 제한된 공장 환경에서도 고정밀 정렬 공정을 구현할 수 있습니다.`,
43086    mainFeatures: [
43087      { title: "Dual Module Active Alignment System", description: "두 개의 카메라 모듈을 동시에 정렬하는 Dual Module Active Alignment 시스템으로 생산성과 공정 효율을 향상시킵니다." },
43088      { title: `High Precision Optical
43089Alignment Technology`, description: `고정밀 광학 정렬 기술을 통해 카메라 모듈의
43090정렬 정확도와 광학 성능을 안정적으로 확보합니다.` },
43091      { title: "Integrated Dispensing & UV Curing Process", description: `디스펜싱 및 UV 경화 공정을 통합하여 렌즈와
43092센서 간 접합 공정을 효율적으로 수행합니다.` },
43093      { title: "Vision-Based Alignment Inspection", description: `고해상도 비전 시스템을 통해
43094정렬 상태 및 광학 특성을 정밀하게 측정합니다.` },
43095      { title: `Optimized Camera
43096Module Assembly Process`, description: `카메라 모듈 조립 공정에 최적화된
43097자동화 시스템으로 안정적인 양산 공정을 지원합니다.` }
43098    ],
43099    inspectionItems: [
43100      "Active Alignment 검사",
43101      "Optical Axis Alignment 검사",
43102      "Lens Position Alignment 검사",
43103      "Image Quality 검사",
43104      "Optical Performance 검사",
43105      "Dispensing 상태 검사",
43106      "UV Curing 공정 검사"
43107    ],
43108    dimensions: [
43109      { label: "설비 전체 크기", value: "2,200 × 1,800 × 1,800 mm" },
43110      { label: "정렬 정밀도", value: "±0.5 μm 이하" },
43111      { label: "처리 택타임", value: "≤ 30 sec / module" },
43112      { label: "정렬 축수", value: "6-Axis (X/Y/Z/Rx/Ry/Rz)" }
43113    ],
43114    applications: [
43115      "스마트폰 소형 카메라 모듈 (Compact Camera Module)",
43116      "태블릿 / 노트북 카메라 모듈",
43117      "웨어러블 기기 카메라 모듈",
43118      "보안 카메라 모듈 (Security Camera Module)"
43119    ]
43120  },
43121  a1000: {
43122    title: "A1000",
43123    subtitle: "Dual/Triple Active Align",
43124    heroImage: "https://images.unsplash.com/photo-1493599398321-988db97c9591?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43125    productImage: "https://cdn.imweb.me/thumbnail/20230427/ab9a96e1a7491.png",
43126    catchphrase: "Advanced Triple Active Align Platform",
43127    introDescription: `대용량 멀티 카메라 모듈 조립을 위한 고성능 Triple Active Align 플랫폼입니다.
431283개 소켓 동시 정렬로 최고 수준의 생산성을 달성하며, 다양한 모듈 타입에 유연하게 대응합니다.`,
43129    mainFeatures: [
43130      { title: `4 Linear 8 Parallel
43131Active Alignment System`, description: `4개의 리니어 스테이지와 8개의 병렬 정렬 구조로
43132높은 생산성과 안정적인 정렬 공정을 구현합니다.` },
43133      { title: "High Throughput Production (750 UPH)", description: `최대 750 UPH의 처리 능력을 지원하여
43134대량 생산 환경에서도 안정적인 생산성을 제공합니다.` },
43135      { title: "Fully Automated Alignment Process", description: `렌즈 공급부터 정렬, 검사까지 전 공정을 자동화하여
43136공정 효율과 품질 안정성을 동시에 확보합니다.` },
43137      { title: "High Precision Optical Alignment", description: `정밀 스테이지 제어와 광학 정렬 기술로
43138고정밀 Active Alignment 공정을 수행합니다.` },
43139      { title: "Integrated Vision Inspection System", description: `고해상도 비전 시스템과 정밀 광학 측정을 통해
43140정렬 상태 및 광학 특성을 정밀하게 검사합니다.` }
43141    ],
43142    inspectionItems: [
43143      "Lens Position Alignment 검사",
43144      "Optical Axis Alignment 검사",
43145      "Parallelism 검사",
43146      "Lens Height 및 Tilt 검사",
43147      "Sensor Alignment 검사",
43148      "Image Quality 검사",
43149      "Active Alignment 정렬 상태 검사",
43150      "Optical Performance 검사"
43151    ],
43152    dimensions: [
43153      { label: "Overall Dimension", value: "W 1900 mm × D 1780 mm × H 2300 mm" },
43154      { label: "Weight", value: "Approx. 2,700 kg" },
43155      { label: "Expected Throughput (Tester)", value: "750 UPH" },
43156      { label: "Expected Throughput (Handler)", value: "973 UPH" }
43157    ],
43158    applications: [
43159      "플래그십 스마트폰 멀티 카메라 (Flagship Multi-Camera)",
43160      "페리스코프 망원 카메라 모듈 (Periscope Tele Camera)",
43161      "대화각 광각 카메라 (Ultra-Wide Camera Module)",
43162      "전문가용 촬영 장비 카메라 모듈"
43163    ]
43164  },
43165  a800: {
43166    title: "A800",
43167    subtitle: "Dual Active Align",
43168    heroImage: "https://images.unsplash.com/photo-1493599398321-988db97c9591?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43169    productImage: "https://cdn.imweb.me/thumbnail/20230426/fe262368a107c.png",
43170    catchphrase: "Mid-Range Dual Active Align System",
43171    introDescription: `스마트폰 듀얼 카메라 모듈 생산에 최적화된 중형 Active Align 설비입니다.
43172안정적인 정렬 성능과 합리적인 비용 구조로 중·대규모 생산라인에 이상적인 솔루션입니다.`,
43173    mainFeatures: [
43174      { title: "Tele & Wide Dual Active Alignment", description: `Tele 및 Wide 카메라 모듈을 동시에 정밀
43175정렬하여 생산성과 공정 효율을 향상시킵니다.` },
43176      { title: "Separated PARA Architecture", description: `분리형 PARA 구조를 적용하여 공정 간
43177간섭을 최소화하고 안정적인 정렬 공정을 구현합니다.` },
43178      { title: "Automatic Lens Container Handling", description: `렌즈 컨테이너 자동 공급 및 이송 시스템을
43179통해 작업 효율과 생산성을 향상시킵니다.` },
43180      { title: "Integrated Screw Fastening Process", description: `정렬 이후 나사 체결 공정을
43181통합하여 조립 공정의 자동화를 지원합니다.` },
43182      { title: "Cleanroom Compatible Design", description: `클린룸 환경에서도 안정적으로 운영 가능한
43183설계로 정밀 광학 모듈 생산에 적합합니다.` },
43184      { title: "Easy Maintenance Structure", description: `모듈형 구조를 적용하여
43185장비 유지보수 및 공정 관리가 용이합니다.` }
43186    ],
43187    inspectionItems: [
43188      "Tele Camera Optical Alignment 검사",
43189      "Wide Camera Optical Alignment 검사",
43190      "Lens Position Alignment 검사",
43191      "Optical Axis Alignment 검사",
43192      "Parallelism 검사",
43193      "Lens Height 및 Tilt 검사",
43194      "Image Quality 검사",
43195      "Active Alignment 정렬 상태 검사"
43196    ],
43197    dimensions: [
43198      { label: "Equipment Size", value: "약 W 2,000 mm × D 1,800 mm × H 2,200 mm" },
43199      { label: "System Configuration", value: "Dual Active Alignment System (Tele / Wide)" },
43200      { label: "Alignment System", value: "Multi-axis precision stage 기반 Active Alignment" },
43201      { label: "Vision System", value: "High-resolution optical inspection system" }
43202    ],
43203    applications: [
43204      "스마트폰 듀얼 카메라 모듈",
43205      "태블릿 카메라 모듈 (Tablet Camera Module)",
43206      "드론 카메라 모듈 (Drone Camera)",
43207      "스포츠 액션캠 카메라 모듈"
43208    ]
43209  },
43210  a700: {
43211    title: "A700",
43212    subtitle: "Active Align",
43213    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43214    productImage: "https://cdn.imweb.me/thumbnail/20230426/eaaeabf367647.png",
43215    catchphrase: "Entry-Level Active Align Unit",
43216    introDescription: `중소규모 카메라 모듈 생산라인에 최적화된 컴팩트 Active Align 설비입니다.
43217입문형 모델이지만 핵심 정렬 기능을 완비하여 안정적인 광학 성능 확보가 가능합니다.`,
43218    mainFeatures: [
43219      { title: `Active Alignment & Dispensing
43220& Pre-Curing Integrated Process`, description: "카메라 모듈 Active Alignment, 디스펜싱 본딩, 프리 큐어 공정을 하나의 시스템에서 통합 수행하여 공정 효율을 극대화합니다." },
43221      { title: `Dual Para AA Structure
43222with Multi Shuttle System`, description: `2개의 병렬 AA 사이트와 4개의 셔틀 구조로
43223공정 대기 시간을 최소화하고 생산성을 향상시킵니다.` },
43224      { title: "6-Axis Precision Motion Control", description: `센서 4축과 렌즈 2축 제어를 통해
43225고정밀 Active Alignment 공정을 구현합니다.` },
43226      { title: `High Performance
43227Vision Inspection System`, description: `Top 및 Bottom Vision 시스템 기반으로
43228정밀 정렬 측정과 광학 성능 검사를 수행합니다.` },
43229      { title: `Integrated UV Curing
43230& Dispensing System`, description: `4 Head UV Cure와 정밀 디스펜싱 시스템으로
43231안정적인 접합 공정을 지원합니다.` },
43232      { title: "Cleanroom Compatible Design", description: `클린룸 환경에서도 안정적인 공정 운영이
43233가능하도록 설계되었습니다.` }
43234    ],
43235    inspectionItems: [
43236      "Active Alignment 검사",
43237      "Optical Center Alignment 검사",
43238      "Lens Position Alignment 검사",
43239      "Optical Axis Alignment 검사",
43240      "Parallelism 검사",
43241      "Lens Height 및 Tilt 검사",
43242      "Image Quality 검사",
43243      "Foreign Substance 검사",
43244      "Dispensing 상태 검사",
43245      "UV Pre-Curing 공정 검사"
43246    ],
43247    dimensions: [
43248      { label: "Equipment Size", value: "약 W 2,000 mm × D 1,800 mm × H 2,200 mm" },
43249      { label: "Alignment System", value: "6 Axis Precision Motion Control" },
43250      { label: "Light Source", value: `2000 Lux Tunable Light Source
43251Color Temperature : 5100K ±200K` },
43252      { label: "Vision System", value: `Top Vision : 2 Set
43253Bottom Vision : 4 Set` },
43254      { label: "UV Cure System", value: "4 Head UV Cure" },
43255      { label: "Dispensing System", value: "Pneumatic Dispenser (2 Set)" }
43256    ],
43257    applications: [
43258      "보급형 스마트폰 카메라 모듈",
43259      "웨어러블 / IoT 카메라 모듈",
43260      "보안·감시 카메라 모듈",
43261      "산업용 비전 카메라 모듈"
43262    ]
43263  },
43264  f300: {
43265    title: "F300",
43266    subtitle: "Focusing & Curing",
43267    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43268    productImage: "https://cdn.imweb.me/thumbnail/20230427/93ef7d9037e85.png",
43269    catchphrase: "High-Speed Focusing & UV Curing System",
43270    introDescription: `대량 생산 카메라 모듈 조립 라인을 위한 고속 포커싱 및 UV 경화 시스템입니다.
43271자동화된 포커스 탐색과 UV 경화 공정으로 최적 렌즈 위치를 영구적으로 고정하여 안정적인 광학 성능을 보장합니다.`,
43272    mainFeatures: [
43273      { title: "High Precision Focusing System", description: "고정밀 포커싱 스테이지와 비전 측정 시스템을 통해 카메라 모듈의 정확한 초점 정렬을 구현합니다." },
43274      { title: "Integrated UV Bonding Process", description: "UV 접착 공정을 통해 렌즈와 센서 간 안정적인 결합을 수행하며 공정 품질을 향상시킵니다." },
43275      { title: "Precision Multi-Axis Motion Control", description: "다축 정밀 모션 제어 시스템을 적용하여 안정적이고 반복 정밀도가 높은 포커싱 공정을 구현합니다." },
43276      { title: "Vision-based Alignment System", description: "고해상도 비전 검사 시스템을 통해 초점 위치 및 정렬 상태를 정밀하게 분석합니다." },
43277      { title: "Compact Production System", description: "콤팩트한 장비 구조로 생산 라인 공간 효율성을 높이고 공정 통합을 지원합니다." },
43278      { title: "Stable Optical Assembly Process", description: "광학 모듈 조립 공정에 최적화된 구조로 안정적인 생산성과 공정 품질을 확보합니다." }
43279    ],
43280    inspectionItems: [
43281      "Camera Module Focus Alignment 검사",
43282      "Lens Position Alignment 검���",
43283      "Optical Axis Alignment 검사",
43284      "Focus Distance 검사",
43285      "Image Quality 검사",
43286      "UV Bonding 상태 검사",
43287      "Optical Performance 검사",
43288      "Lens Height 및 Tilt 검사"
43289    ],
43290    dimensions: [
43291      { label: "Equipment Size", value: "약 W 1,400 mm × D 1,200 mm × H 2,000 mm" },
43292      { label: "Alignment System", value: "Precision Focus Alignment System" },
43293      { label: "Motion Control", value: "Multi-axis Precision Stage Control" },
43294      { label: "Vision System", value: "High Resolution Vision Inspection System" },
43295      { label: "Bonding System", value: "UV Bonding Process" }
43296    ],
43297    applications: [
43298      "스마트폰 후면/전면 카메라 모듈",
43299      "태블릿 / 노트북 카메라 모듈",
43300      "차량용 카메라 모듈",
43301      "산업용 비전 카메라 모듈"
43302    ]
43303  },
43304  f150: {
43305    title: "F150",
43306    subtitle: "Focusing & Curing",
43307    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43308    productImage: "https://cdn.imweb.me/thumbnail/20230427/9a1eb8381346d.png",
43309    catchphrase: "Compact Focusing System for Mid-Range Production",
43310    introDescription: `중소규모 카메라 모듈 생산환경에 최적화��� 컴팩트 포커싱 시스템입니다.
43311소형 풋프린트와 직관적인 운용 인터페이스로 제한된 생산 공간에서도 높은 생산성을 실현합니다.`,
43312    mainFeatures: [
43313      { title: "Automatic Focusing & Image Test System", description: "카메라 모듈의 자동 포커싱과 이미지 테스트를 동시에 수행하여 공정 효율과 검사 정확도를 향상시킵니다." },
43314      { title: "Dual Index 4 Parallel Structure", description: "Dual Index와 4개의 병렬 검사 구조를 통해 높은 생산성과 안정적인 검사 공정을 구현합니다." },
43315      { title: "High Throughput Production (600 UPH)", description: "최대 600 UPH의 검사 처리 능력을 지원하여 대량 생산 환경에서도 안정적인 생산성을 제공합니다." },
43316      { title: "Laser & Vision Based Focus Alignment", description: "레이저 측정과 비전 검사 기술을 결합하여 정확한 포커싱 위치를 자동으로 정렬합니다." },
43317      { title: "Integrated Image Quality Test", description: "SFR / MTF 알고리즘 기반의 이미지 품질 검사를 통해 카메라 모듈 성능을 정밀하게 분석합니다." },
43318      { title: "Semi-Automatic Operation System", description: "사용자 친화적인 반자동 시스템 구조로 공정 운영 및 유지 관리가 용이합니다." }
43319    ],
43320    inspectionItems: [
43321      "Auto Focusing 검사",
43322      "Image Quality 검사 (SFR / MTF)",
43323      "Optical Axis Alignment 검사",
43324      "Focus Distance 검사",
43325      "Image Resolution 검사",
43326      "Open / Short Test",
43327      "Lens Position Alignment 검사",
43328      "Defect Detection 검사"
43329    ],
43330    dimensions: [
43331      { label: "Equipment Size", value: "W 1300 mm × D 850 mm × H 1915 mm" },
43332      { label: "Maximum CCM Resolution", value: "Up to 16 Megapixels" },
43333      { label: "Motion System", value: "4 Axis Precision Motion Control" },
43334      { label: "Light Source System", value: `LED Square Light (Focus test)
43335Circular LED Light (Image test)` },
43336      { label: "Vision System", value: "Camera Vision + Laser Height Measurement" }
43337    ],
43338    applications: [
43339      "스마트폰 카메라 모듈 (보급형)",
43340      "웨어러블 기기 카메라 모듈",
43341      "보안·감시 카메라 모듈",
43342      "IoT 디바이스 카메라 모듈"
43343    ]
43344  },
43345  at200: {
43346    title: "AT200",
43347    subtitle: "Focusing & Curing",
43348    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43349    productImage: "https://cdn.imweb.me/thumbnail/20230515/bb6c69f882dad.png",
43350    catchphrase: "Automated Focusing with Integrated Tilt Correction",
43351    introDescription: `틸트 보정 기능이 통합된 자동화 포커싱 설비입니다.
43352정밀한 광축 정렬과 틸트 보정을 동시에 수행하여 고품질 카메라 모듈 생산을 지원합니다.`,
43353    mainFeatures: [
43354      { title: "Actuator & Pre-Focus Integrated Test System", description: "카메라 모듈의 액추에이터 구동 테스트와 프리-포커스 검사를 하나의 시스템에서 통합 수행하여 공정 효율을 높입니다." },
43355      { title: "High Precision Focus Calibration", description: "정밀 조명 및 광학 측정 시스템을 통해 정확한 포커스 위치와 광학 성능을 안정적으로 검사합니다." },
43356      { title: "Multi-Focus Optical Test Capability", description: "Macro Focus, Far Focus 등 다양한 포커스 조건에서 광학 특성을 정밀하게 측정할 수 있습니다." },
43357      { title: "Stable Calibration Light System", description: "3100K / 5100K 캘리브레이션 조명을 통해 안정적인 광학 테스트 환경을 제공합니다." },
43358      { title: "Semi-Automatic Operation System", description: "사용자 친화적인 반자동 공정 구조로 작업 편의성과 운영 효율을 동시에 확보합니다." }
43359    ],
43360    inspectionItems: [
43361      "Actuator 구동 테스트",
43362      "Pre-Focus Alignment 검사",
43363      "Macro Focus 검사",
43364      "Far Focus 검사",
43365      "Image Quality 검사",
43366      "Optical Axis Alignment 검사",
43367      "Calibration Light 기반 광학 검사",
43368      "Camera Module 기능 테스트"
43369    ],
43370    dimensions: [
43371      { label: "Equipment Size", value: "W 980 mm × D 1700 mm × H 840 mm" },
43372      { label: "Light Source System", value: `Calibration LED Light (3100K / 5100K) × 2
43373Far Focus LED Light Source × 2
43374Macro Focus LED Light Source × 2` },
43375      { label: "Motion System", value: "Chart 2 Axis Stage (X, Y)" },
43376      { label: "Socket Capacity", value: "8 Socket" },
43377      { label: "Power", value: `220V / 50–60Hz
433780.88kW ~ 1.1kW` }
43379    ],
43380    applications: [
43381      "스마트폰 OIS 카메라 모듈",
43382      "광각·망원 멀티 카메라 모듈",
43383      "차량용 전방 카메라 모듈",
43384      "산업용 고정밀 비전 카메라 모듈"
43385    ]
43386  },
43387  rt300: {
43388    title: "RT300",
43389    subtitle: "Focusing & Curing",
43390    heroImage: "https://images.unsplash.com/photo-1657394404815-6e8d8b164edf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43391    productImage: "https://cdn.imweb.me/thumbnail/20230426/700beefbb7c57.png",
43392    catchphrase: "Rotary-Type High-Throughput Focusing System",
43393    introDescription: `로터리 방식의 고처리량 포커싱 시스템입니다.
43394연속 회전 구조로 로딩·포커싱·경화·언로딩 공정을 동시에 수행하여 최고 수준의 생산 처리량을 실현합니다.`,
43395    mainFeatures: [
43396      { title: "Window Glass Optical Test System", description: "카메라 모듈용 Window Glass의 광학 특성과 포커스 성능을 정밀하게 검사하는 테스트 시스템입니다." },
43397      { title: "Single Index / Dual Index Flexible Configuration", description: "Single Index 및 Dual Index 구조를 지원하여 생산 환경에 맞는 공정 구성이 가능합니다." },
43398      { title: "Non-Contact Optical Inspection", description: "비접촉 방식의 광학 검사 기술을 통해 Window Glass의 정밀한 성능 측정이 가능합니다." },
43399      { title: "180° Rotation Test Structure", description: "180도 회전 검사 구조를 적용하여 다양한 각도에서 안정적인 검사 공정을 수행합니다." },
43400      { title: "Integrated Loading & Focus Test Zone", description: "Loading / Unloading 공정과 Focus Test 공정을 통합한 효율적인 검사 구조를 제공합니다." }
43401    ],
43402    inspectionItems: [
43403      "Window Glass Focus Test",
43404      "Optical Axis Alignment 검사",
43405      "Glass Position 검사",
43406      "Lens Alignment 검사",
43407      "Image Quality 검사",
43408      "Optical Performance 검사",
43409      "Surface Defect 검사"
43410    ],
43411    dimensions: [
43412      { label: "Equipment Size", value: `RT300S : W 650 mm × D 850 mm × H 1780 mm
43413RT300D : W 1770 mm × D 855 mm × H 1780 mm` },
43414      { label: "Optical Lens", value: "CL Lens : NES-400-90D" },
43415      { label: "Light Unit", value: "Effective Size : 410 × 510 mm" },
43416      { label: "Glass Handling", value: "Manual Glass Stacking Type" },
43417      { label: "Control System", value: "PC Control + Monitor" },
43418      { label: "Power", value: "AC 220V / 50-60Hz / 1.3kW" }
43419    ],
43420    applications: [
43421      "스마트폰 카메라 모듈 대량 생산라인",
43422      "플래그십 멀티 카메라 모듈",
43423      "차량용 카메라 모듈 양산",
43424      "대형 카메라 모듈 제조업체 전용라인"
43425    ]
43426  },
43427  dc200: {
43428    title: "DC200",
43429    subtitle: "Image Calibration",
43430    heroImage: "https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43431    productImage: "https://cdn.imweb.me/thumbnail/20230427/d442aeb637022.png",
43432    catchphrase: "Dual Camera Calibration System",
43433    introDescription: `듀얼 카메라 모듈의 기하학적 보정 및 색상 균일성을 정밀하게 교정하는 캘리브레이션 시스템입니다.
43434렌즈 왜곡, 화이트 밸런스, 셰이딩 보정을 자동화하여 일관된 이미지 품질을 보장합니다.`,
43435    mainFeatures: [
43436      { title: "AWB & Shading Dual Calibration System", description: "카메라 모듈의 AWB(White Balance)와 Shading 보정을 동시에 수행하여 이미지 품질을 향상시키는 자동 보정 시스템입니다." },
43437      { title: "Full Automatic Calibration Process", description: "모듈 로딩부터 이미지 검사, 색상 보정, OTP Write까지 전 공정을 자동화하여 안정적인 생산성과 공정 효율을 제공합니다." },
43438      { title: "Single Index 4 Parallel Structure", description: "Single Index 기반의 4병렬 공정 구조로 검사 및 보정 사이클 타임을 최소화합니다." },
43439      { title: "Dual Color Temperature Calibration", description: "2800K와 5000K 두 가지 색온도 환경에서 정밀한 컬러 캘리브레이션을 수행합니다." },
43440      { title: "High Resolution Image Test Support", description: "최대 16MP 카메라 모듈(YUV 4:2:2)까지 지원하여 고해상도 카메라 모듈 검사에 대응합니다." }
43441    ],
43442    inspectionItems: [
43443      "AWB (Auto White Balance) Calibration",
43444      "Shading Calibration",
43445      "Image Quality 검사",
43446      "Color Calibration 검사",
43447      "Dark Test 검사",
43448      "Focus 상태 검사",
43449      "OTP Write 검사",
43450      "Image Sensor Performance 검사"
43451    ],
43452    dimensions: [
43453      { label: "Equipment Size", value: "W 1200 mm × D 960 mm × H 1855 mm" },
43454      { label: "Supported CCM Resolution", value: "Up to 16 Megapixels (YUV 4:2:2 Sensor)" },
43455      { label: "Calibration Light Source", value: `2800K Image Calibration Light
434565000K Image Calibration Light
43457HVL-700D LED Light Source` },
43458      { label: "Built-in Tester", value: "V5UR2 DC 1.5G Tester (USB3.0 / MIPI 4 Lane)" },
43459      { label: "Control System", value: "1 PC + 2 Monitor" },
43460      { label: "Power", value: "AC220V / 2 Phase / 50-60Hz" }
43461    ],
43462    applications: [
43463      "듀얼 카메라 스마트폰 모듈",
43464      "보안·감시 카메라 모듈",
43465      "차량용 스테레오 카메라 모듈",
43466      "산업용 비전 카메라 모듈"
43467    ]
43468  },
43469  c500v: {
43470    title: "C500V",
43471    subtitle: "Image Calibration",
43472    heroImage: "https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43473    productImage: "https://cdn.imweb.me/thumbnail/20230427/0109b4b938b5e.png",
43474    catchphrase: "High-Resolution Vision Calibration Platform",
43475    introDescription: `광각 및 망원 카메라 모듈을 모두 지원하는 고해상도 비전 캘리브레이션 플랫폼입니다.
43476다양한 화각과 모듈 타입에 유연하게 대응하며 정밀한 광학 보정을 수행합니다.`,
43477    mainFeatures: [
43478      { title: "PDAF Calibration System for Dual Camera Modules", description: "듀얼 카메라 모듈의 PDAF(Phase Detection Auto Focus) 성능을 정밀하게 보정하는 자동 캘리브레이션 시스템입니다." },
43479      { title: "Full Automatic Calibration Process", description: "카메라 모듈 로딩부터 PDAF 보정, 이미지 검사, OTP Write까지 전 공정을 자동화하여 생산성과 공정 안정성을 확보합니다." },
43480      { title: "Single Index 4 Parallel Architecture", description: "Single Index 기반의 4병렬 공정 구조를 통해 검사 및 보정 사이클 타임을 최소화하고 생산 효율을 향상시킵니다." },
43481      { title: "Macro / PAN / PDAF Multi Calibration Support", description: "Macro Test, PAN Calibration, PDAF Calibration 등 다양한 광학 검사 공정을 하나의 시스템에서 통합 수행합니다." },
43482      { title: "High Precision Optical Calibration", description: "고정밀 CL Lens 및 광학 조명 시스템을 기반으로 안정적인 PDAF 성능 보정을 수행합니다." }
43483    ],
43484    inspectionItems: [
43485      "PDAF Calibration",
43486      "PAN Calibration",
43487      "LSC (Lens Shading Correction) Calibration",
43488      "Macro Focus Test (Wide / Tele)",
43489      "Image Quality 검사",
43490      "Optical Axis Alignment 검사",
43491      "Focus Distance 검사",
43492      "OTP Write 검사"
43493    ],
43494    dimensions: [
43495      { label: "Equipment Size", value: "W 1500 mm × D 1600 mm × H 1600 mm" },
43496      { label: "Supported CCM Resolution", value: "Dual Camera Module (FOV 77° / 45°)" },
43497      { label: "Calibration Light Source", value: `DBL-49*49-W 5100K LED Light
43498HVL-700VS-A LED Light Source` },
43499      { label: "Optical System", value: "CMCL-R400V CL Lens (FOV 70°)" },
43500      { label: "Robot Motion System", value: "12 Axis Motion Control" },
43501      { label: "Control System", value: "2 PC + 1 Monitor" },
43502      { label: "Power", value: "AC220V / 3 Phase / 50-60Hz" }
43503    ],
43504    applications: [
43505      "스마트폰 광각·망원 멀티 카메라 모듈",
43506      "태��릿 카메라 모듈",
43507      "차량용 광각 카메라 모듈",
43508      "드론·UAV 카메라 모듈"
43509    ]
43510  },
43511  dc300: {
43512    title: "DC300",
43513    subtitle: "Image Calibration",
43514    heroImage: "https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43515    productImage: "https://cdn.imweb.me/thumbnail/20230426/fe262368a107c.png",
43516    catchphrase: "Advanced Dual Camera Calibration with Auto Shading Correction",
43517    introDescription: `자동 셰이딩 보정 기능이 탑재된 고급형 듀얼 카메라 캘리브레이션 설비입니다.
43518정밀한 기하학적 왜곡 보정과 함께 색상 균일성 자동 교정으로 최고 품질의 이미지를 구현합니다.`,
43519    mainFeatures: [
43520      { title: "Dual Calibration Test System for Camera Modules", description: "카메라 모듈의 ���학 성능을 정밀하게 검사하고 보정하는 Dual Calibration 테스트 시스템으로 EOL 공정에서 안정적인 성능 검증�� 수행합니다." },
43521      { title: "Dual Calibration Process Integration", description: "두 가지 캘리브레이션 공정을 하나의 장비에서 수행하여 검사 효율과 생산성을 향상시킵니다." },
43522      { title: "2 Index 4 Parallel High Throughput Structure", description: "2 Index와 4개의 병렬 검사 구조를 적용하여 대량 생산 환경에서도 안정적인 검사 공정을 지원합니다." },
43523      { title: "Dual Image Grabber Inspection System", description: "Dual Image Grabber를 통해 고속 이미지 데이터 처리 및 정밀 광학 검사를 수행합니다." },
43524      { title: "High Precision Optical Test Environment", description: "정밀 차트와 안정적인 광원을 기반으로 카메라 모듈의 광학 성능을 정확하게 측정합니다." }
43525    ],
43526    inspectionItems: [
43527      "Camera Module Calibration 검사",
43528      "Dual Calibration Test",
43529      "Optical Axis Alignment 검사",
43530      "Image Quality 검사",
43531      "Foreign Substance 검사",
43532      "Camera Module 기능 검���",
43533      "Optical Performance 검사"
43534    ],
43535    dimensions: [
43536      { label: "Equipment Size", value: "W 2370 mm × D 1600 mm × H 1680 mm" },
43537      { label: "Test Structure", value: `2 Index
435384 Parallel
435398 Port Test Structure` },
43540      { label: "Chart System", value: `Max Chart Size : 325 × 240 mm
43541Chart Distance : 400 ~ 630 mm` },
43542      { label: "Light Source", value: `1000 Lux ±100K
43543Color Temperature : 6000K ±200K` },
43544      { label: "Image Grabber", value: "V5FP Dual" },
43545      { label: "Control System", value: "2 PC + 2 Monitor" }
43546    ],
43547    applications: [
43548      "스마트폰 듀얼 카메라 모듈",
43549      "노트북·태블릿 카메라 모듈",
43550      "보안·CCTV 카메라 모듈",
43551      "차량용 멀티뷰 카메라 모듈"
43552    ]
43553  },
43554  mc300: {
43555    title: "MC300",
43556    subtitle: "Image Calibration",
43557    heroImage: "https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43558    productImage: "https://cdn.imweb.me/thumbnail/20230426/eaaeabf367647.png",
43559    catchphrase: "Multi-Camera Simultaneous Calibration System",
43560    introDescription: `멀티 카메라를 동시에 보정하는 대량 생산 전용 캘리브레이션 시스템입니다.
43561복수 카메라 모듈의 동시 처리로 생산 처리량을 극대화하고 공정 비용을 절감합니다.`,
43562    mainFeatures: [
43563      { title: "ToF Calibration Test System", description: "ToF(Time of Flight) 카메라 모듈의 거리 측정 성능을 정밀하게 보정하는 캘리브레이션 테스트 시스템입니다." },
43564      { title: "2 Index 4 Parallel High Throughput Structure", description: "2 Index와 4개의 병렬 검사 구조를 적용하여 높은 생산성과 안정적인 검사 공정을 구현��니다." },
43565      { title: "High Precision Optical Calibration Environment", description: "정밀 차트와 IR 광원을 기반으로 ToF 센서의 거리 측정 정확도를 안정적으로 보정합니다." },
43566      { title: "Integrated Foreign Substance Inspection", description: "이물 검사 기능을 통합하여 카메라 모듈의 품질 검증을 동시에 수행할 수 있습니다." },
43567      { title: "Optimized EOL Calibration System", description: "카메라 모듈 생산 라인의 End-of-Line 단계에서 ToF 성능을 최종적으로 검증하는 검사 시스템입니다." }
43568    ],
43569    inspectionItems: [
43570      "ToF Calibration 검사",
43571      "Distance Measurement Calibration",
43572      "Depth Accuracy 검사",
43573      "Optical Axis Alignment 검사",
43574      "Image Quality 검사",
43575      "Foreign Substance 검사",
43576      "Camera Module 기능 검사"
43577    ],
43578    dimensions: [
43579      { label: "Equipment Size", value: "W 2030 mm × D 1600 mm × H 1600 mm" },
43580      { label: "Test Structure", value: `2 Index
435814 Parallel` },
43582      { label: "Chart System", value: `Max Chart Size : 325 × 240 mm
43583Chart Distance : 300 ~ 550 mm` },
43584      { label: "Light Source", value: `1000 Lux ±100K
43585Color Temperature : 6500K ±200K` },
43586      { label: "IR Light Source", value: "940nm IR Light (AVIS)" },
43587      { label: "Image Grabber", value: "V5FP (Customizable)" },
43588      { label: "Control System", value: "2 PC + 1 Monitor" }
43589    ],
43590    applications: [
43591      "스마트폰 멀티 카메라 모듈 대량 생산라인",
43592      "플래그십 카메라 모듈 양산",
43593      "태블릿 카메라 모듈",
43594      "차량용 서라운드뷰 카메라 모듈"
43595    ]
43596  },
43597  c170v: {
43598    title: "C170V",
43599    subtitle: "Image Calibration",
43600    heroImage: "https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43601    productImage: "https://cdn.imweb.me/thumbnail/20230427/9a1eb8381346d.png",
43602    catchphrase: "Compact Vision Calibration for Entry-Level Modules",
43603    introDescription: `보급형 및 중급형 카메라 모듈에 최적화된 컴팩트 비전 캘리브레이션 설비입니다.
43604소형 풋프린트로 좁은 생산 공간에서도 핵심 보정 기능을 완비하여 안정적인 품질을 구현합니다.`,
43605    mainFeatures: [
43606      { title: "PDAF Performance Test System", description: "PDAF(Phase Detection Auto Focus) 기능을 정밀하게 검사하는 카메라 모듈 전용 테스트 시스템입니다." },
43607      { title: "6 Socket Parallel Test Structure", description: "6개의 소켓 기반 병렬 검사 구조를 통해 생산성과 검사 효율을 향상시킵니다." },
43608      { title: "High Precision Optical Test Environment", description: "Macro Chart 및 Infrared Chart 기반 광학 테스트 환경을 통해 PDAF 성능을 정확하게 측정합니다." },
43609      { title: "Integrated Calibration & Chart System", description: "Macro Chart, Infrared Chart, Calibration Unit을 통합하여 다양한 광학 검사 공정을 지원합니다." },
43610      { title: "Optimized Camera Module Test Platform", description: "카메라 모듈 생산 라인의 PDAF 성능 검증 및 품질 검사를 위한 테스트 시스템입니다." }
43611    ],
43612    inspectionItems: [
43613      "PDAF 기능 검사",
43614      "Phase Detection 성능 검사",
43615      "Macro Focus 검사",
43616      "Optical Axis Alignment 검사",
43617      "Image Quality 검사",
43618      "Focus Accuracy 검사",
43619      "Camera Module 기능 검사"
43620    ],
43621    dimensions: [
43622      { label: "Equipment Size", value: "W 2400 mm × D 1550 mm × H 1800 mm" },
43623      { label: "Socket Structure", value: `6 Socket Test Structure
43624Socket Door Sensor 적용` },
43625      { label: "Macro Chart Unit", value: `Chart Size : 1350 × 320 mm
43626Effective Area : 1320 × 290 mm` },
43627      { label: "Infrared Chart Unit", value: `Chart Size : 2000 × 780 mm
43628Effective Area : 1930 × 710 mm` },
43629      { label: "Optical Lens Unit", value: "CL RL450_A90 Lens" },
43630      { label: "Calibration Unit", value: `X / Y Slot Manual Moving
43631Up / Down Cylinder` }
43632    ],
43633    applications: [
43634      "보급형 스마트폰 카메라 모듈",
43635      "웨어러블 기기 카메라 모듈",
43636      "보안·감시 카메라 모듈",
43637      "IoT 디바이스 카메라 모듈"
43638    ]
43639  },
43640  v5utc: {
43641    title: "V5UTC",
43642    subtitle: "Final Image Test",
43643    heroImage: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43644    productImage: "https://cdn.imweb.me/thumbnail/20230515/bb6c69f882dad.png",
43645    catchphrase: "Universal Test Chamber for Final Image Verification",
43646    introDescription: `조립 완료 카메라 모듈의 최종 이미지 품질을 종합 검증하는 유니버설 테스트 챔버입니다.
43647해상도, 노이즈, 색상, 왜곡 등 이미지 품질 전 항목을 자동으로 측정하여 최종 출하 품질을 보장합니다.`,
43648    mainFeatures: [
43649      { title: "Color & Shading Calibration System", description: "카메라 모듈의 색상 보정(Color Calibration)과 셰이딩 보정(Shading Calibration)을 수행하는 정밀 캘리브레이션 시스템입니다." },
43650      { title: "3-Port Calibration Structure", description: "3개의 테스트 포트를 활용하여 카메라 모듈 캘리브레이션 공정을 효율적으로 수행할 수 있습니다." },
43651      { title: "High Resolution Camera Module Support", description: "최대 16MP 카메라 모듈(YUV 4:2:2 Sensor)까지 지원하여 다양한 모바일 카메라 모듈 검사에 대응합니다." },
43652      { title: "Stable Calibration Light Environment", description: "5100K 캘리브레이션 조명 환경을 기반으로 정확한 이미지 색상 및 광학 보정을 수행합니다." },
43653      { title: "Compact Manual Calibration System", description: "컴팩트한 구조와 수동 로딩 방식으로 다양한 생산 환경에서 유연하게 활용할 수 있습니다." }
43654    ],
43655    inspectionItems: [
43656      "Color Calibration 검사",
43657      "Shading Calibration 검사",
43658      "Image Quality 검사",
43659      "Sensor Image 검사",
43660      "Stain 검사",
43661      "Optical Performance 검사"
43662    ],
43663    dimensions: [
43664      { label: "Equipment Configuration", value: `3 Port Calibration System
43665Manual Loading / Unloading` },
43666      { label: "Supported CCM Resolution", value: "Up to 16 Megapixels (YUV 4:2:2 Sensor)" },
43667      { label: "Calibration Light Source", value: "5100K Calibration Light" },
43668      { label: "Built-in Tester", value: `V5UR2 DC 1.5G Tester
43669USB3.0 Interface / MIPI 4 Lane` },
43670      { label: "Control System", value: "1 PC + 1 Monitor" }
43671    ],
43672    applications: [
43673      "스마트폰 카메라 모듈 최종 출하 검사",
43674      "태블릿 / 노트북 카메라 모듈",
43675      "차량용 카메라 모듈 최종 검사",
43676      "산업용 비전 카메라 모듈"
43677    ]
43678  },
43679  "307at2v": {
43680    title: "307AT2-V",
43681    subtitle: "Final Image Test",
43682    heroImage: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43683    productImage: "https://cdn.imweb.me/thumbnail/20230515/bb6c69f882dad.png",
43684    catchphrase: "2-Axis Automated Final Image Test System",
43685    introDescription: `2축 자동화 방식의 고속 최종 이미지 검사 시스템입니다.
43686정밀 2축 구동부와 자동화 공정 흐름을 결합하여 대량 생산 라인에서도 안���적인 품질 검사를 실현합니다.`,
43687    mainFeatures: [
43688      { title: "Far & Near Focus Integrated Test System", description: "카메라 모듈의 Far Focus 및 Near Focus 성능을 정밀하게 검사하는 통합 테스트 시스템입니다." },
43689      { title: "Dual Index 8 Parallel High Throughput Structure", description: "Dual Index 기반의 8 Parallel 검사 구조를 적용하여 높은 생산성과 안정적인 검사 공정을 구현합니다." },
43690      { title: "Calibration & Focus Integrated Test Process", description: "포커스 검사와 이미지 캘리브레이션 공정을 하나의 장비에서 수행하여 공정 효율을 극대화합니다." },
43691      { title: "White / Dark Image Quality Test", description: "화이트 및 다크 이미지 테스트 기능을 통해 카메라 모듈의 이미지 품질을 정밀하게 검증합니다." },
43692      { title: "High Resolution Camera Module Support", description: "최대 16MP 카메라 모듈(YUV 4:2:2 Sensor)까지 지원하여 다양한 모바일 카메라 모듈 생산 라인에 적용 가능합니다." }
43693    ],
43694    inspectionItems: [
43695      "Far Focus Test",
43696      "Near Focus Test",
43697      "Image Quality 검사",
43698      "White / Dark Image Test",
43699      "Optical Axis Alignment 검사",
43700      "Focus Accuracy 검사",
43701      "Camera Module 기능 검사"
43702    ],
43703    dimensions: [
43704      { label: "Equipment Size", value: "H 1,600mm × W 1,400mm × D 1,450mm" },
43705      { label: "Test Structure", value: `Dual Index
437068 Parallel Test Structure` },
43707      { label: "Supported CCM Resolution", value: "Up to 16 Megapixels (YUV 4:2:2 Sensor)" },
43708      { label: "Optical Lens", value: "CMCL-R400V CL Lens (FOV 70°)" },
43709      { label: "Light Source", value: `Far Focus Light : LED Square Light
43710Image Test Light : LED 50 Pie Circular
43711Near Focus Light : LP100 LED Light` },
43712      { label: "Built-in Tester", value: `8 × V5UR2 DC 1.5G Tester
43713USB3.0 / MIPI 4 Lane` },
43714      { label: "Control System", value: "2 PC + 1 Monitor" }
43715    ],
43716    applications: [
43717      "스마트폰 카메라 모듈 최종 출하 검사",
43718      "태블릿 카메라 모듈",
43719      "보안·감시 카메라 모듈",
43720      "산업용 비전 카메라 모듈"
43721    ]
43722  },
43723  "305at4r20s": {
43724    title: "305AT4R20S",
43725    subtitle: "Final Image Test",
43726    heroImage: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43727    productImage: "https://cdn.imweb.me/thumbnail/20230427/d442aeb637022.png",
43728    catchphrase: "4-Axis Rotary 20-Socket Final Image Test Station",
43729    introDescription: `4축 로터리 방식으로 20소켓 동시 검사를 지원하는 최고 처리량의 최종 이미지 테스트 설비입니다.
43730대량 생산 라인에 최적화된 로터리 인덱스 구조로 연속 검사와 최고 생산성을 실현합니다.`,
43731    mainFeatures: [
43732      { title: "Far & Near Focus Integrated Test System", description: "카메라 모듈의 Far Focus와 Near Focus 성능을 정밀하게 검사하는 통합 테스트 시스템입니다." },
43733      { title: "OS & Distance Measurement Test", description: "광학 시스템(OS) 및 거리 기반 포커스 성능을 정밀하게 측정하여 카메라 모듈의 광학 성능을 검증합니다." },
43734      { title: "White / Dark Image Quality Test", description: "화이트 및 다크 이미지 테스트를 통해 이미지 센서 및 카메라 모듈의 품질을 정밀하게 평가합니다." },
43735      { title: "High Precision Optical Inspection Environment", description: "정밀 CL Lens와 광학 차트 시스템을 기반으로 정확한 포커스 및 이미지 성능 검사를 수행합니다." },
43736      { title: "Compact Semi-Automatic Test Platform", description: "컴팩트한 구조의 반자동 테스트 시스템으로 다양한 생산 라인 환경에 유연하게 적용할 수 있습니다." }
43737    ],
43738    inspectionItems: [
43739      "Far Focus Test",
43740      "Near Focus Test",
43741      "Optical System(OS) Test",
43742      "Distance Measurement Test",
43743      "Image Quality 검사",
43744      "White / Dark Image Test",
43745      "Optical Axis Alignment 검사",
43746      "Focus Accuracy 검사"
43747    ],
43748    dimensions: [
43749      { label: "Equipment Size", value: "H 1450 mm × W 1000 mm × D 1200 mm" },
43750      { label: "Test Structure", value: `Single Index
437511 Parallel Test Structure` },
43752      { label: "Supported CCM Resolution", value: "Up to 16 Megapixels (YUV 4:2:2 Sensor)" },
43753      { label: "Optical Lens", value: `CL400-A90 Lens
43754FOV 90° / EFL 400mm
43755Distortion Max 0.5%` },
43756      { label: "Light Source", value: `Far Focus Light : LED Square Light
43757Image Test Light : LED 50 Pie Circular
43758Near Focus Light : LP100 LED Light` },
43759      { label: "Built-in Tester", value: `V5UR2 DC 1.5G Tester
43760USB3.0 / MIPI 4 Lane` },
43761      { label: "Control System", value: "1 PC + 1 Monitor" }
43762    ],
43763    applications: [
43764      "스마트폰 카메라 모듈 대량 양산 출하 검사",
43765      "플래그십 멀티 카메라 모듈",
43766      "차량용 카메라 모듈 대량 검사",
43767      "대형 카메라 모듈 제조업체 전용라인"
43768    ]
43769  },
43770  t200v: {
43771    title: "T200V",
43772    subtitle: "Final Image Test",
43773    heroImage: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43774    productImage: "https://cdn.imweb.me/thumbnail/20230427/9a1eb8381346d.png",
43775    catchphrase: "Compact Vision-Based Final Image Test Unit",
43776    introDescription: `비전 기반 자동 검사 기능을 갖춘 중소규모 생산라인용 컴팩트 최종 이미지 테스트 설비입니다.
43777소형 풋��린트와 직관적인 운용 인터페이스로 제한된 생산 공간에서도 높은 검사 품질을 실현합니다.`,
43778    mainFeatures: [
43779      { title: "Auto Final Test System for Camera Modules", description: "카메라 모듈 생산 라인의 EOL(End-of-Line) 단계에서 포커스 및 이미지 성능을 자동으로 검사하는 Final Test 시스템입니다." },
43780      { title: "Dual Index 4 Parallel High Throughput Structure", description: "Dual Index 기반의 4 Parallel 검사 구조를 적용하여 생산성과 검사 효율을 동시에 향상시킵니다." },
43781      { title: "Far & Near Focus Integrated Test", description: "Far Focus와 Near Focus 검사를 하나의 장비에서 수행하여 카메라 모듈의 포커스 성능을 정밀하게 검증합니다." },
43782      { title: "OS & Distance Measurement Test", description: "광학 시스템(OS) 및 거리 기반 포커스 성능을 측정하여 카메라 모듈의 광학 성능을 정밀하게 평가합니다." },
43783      { title: "White / Dark Image Quality Test", description: "화이트 및 다크 이미지 테스트를 통해 카메라 모듈의 이미지 품질을 정밀하게 분석합니다." }
43784    ],
43785    inspectionItems: [
43786      "Far Focus Test",
43787      "Near Focus Test",
43788      "Image Quality 검사",
43789      "White / Dark Image Test",
43790      "Optical Axis Alignment 검사",
43791      "Focus Accuracy 검사",
43792      "Distance Measurement Test",
43793      "Camera Module 기능 검사"
43794    ],
43795    dimensions: [
43796      { label: "Equipment Size", value: "H 1600 mm × W 1400 mm × D 1450 mm" },
43797      { label: "Test Structure", value: `Dual Index
437984 Parallel Test Structure` },
43799      { label: "Supported CCM Resolution", value: "Up to 16 Megapixels (YUV 4:2:2 Sensor)" },
43800      { label: "Optical Lens", value: "CMCL-R400V CL Lens (FOV 70°)" },
43801      { label: "Light Source", value: `Far Focus Light : LED Square Light
43802Image Test Light : LED 50 Pie Circular
43803Near Focus Light : LP100 LED Light` },
43804      { label: "Built-in Tester", value: `4 × V5UR2 DC 1.5G Tester
43805USB3.0 / MIPI 4 Lane` },
43806      { label: "Control System", value: "1 PC + 1 Monitor" }
43807    ],
43808    applications: [
43809      "보급형 스마트폰 카메라 모듈",
43810      "웨어러블 기기 카메라 모듈",
43811      "보안·감시 카메라 모듈",
43812      "IoT 디바이스 카메라 모듈"
43813    ]
43814  },
43815  t300v: {
43816    title: "T300V",
43817    subtitle: "Final Image Test",
43818    heroImage: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43819    productImage: "https://cdn.imweb.me/thumbnail/20230427/93ef7d9037e85.png",
43820    catchphrase: "Advanced Vision-Based Final Image Tester",
43821    introDescription: `멀티포인트 MTF 분석과 자동 결함 검출이 통합된 고성능 비전 기반 최종 이미지 테스트 설비입니다.
43822고해상도 비전 시스템과 정밀 분석 알고리즘으로 카메라 모듈의 광학 품질을 종합 검증합니다.`,
43823    mainFeatures: [
43824      { title: "FT (Final Test) System for Camera Modules", description: "카메라 모듈의 포커스 성능, 거리 측정, 이미지 품질 등을 검사하는 Final Test 시스템입니다." },
43825      { title: "Precision Optical Test Platform", description: "정밀 CL Lens와 광학 차트를 기반으로 카메라 모듈의 포커스 및 광학 성능을 정확하게 측정합니다." },
43826      { title: "Absolute Distance & Macro Focus Test", description: "Absolute Distance 측정과 Macro Focus 테스트를 통해 다양한 거리 조건에서 포커스 성능을 검증합니다." },
43827      { title: "Integrated Defect Inspection Process", description: "이물 검사 및 다크 테스트 기능을 통해 카메라 모듈의 품질을 종합적으로 평가합니다." },
43828      { title: "Compact Single Index Test Structure", description: "1 Index / 1 Parallel 구조의 컴팩트한 검사 시스템으로 생산 라인 환경에 유연하게 적용할 수 있습니다." }
43829    ],
43830    inspectionItems: [
43831      "Absolute Distance Test",
43832      "Macro Focus Test (10cm / 20cm)",
43833      "Focus Accuracy 검사",
43834      "Optical Axis Alignment 검사",
43835      "Image Quality 검사",
43836      "Foreign Substance 검사",
43837      "Dark Test 검사",
43838      "LCS (Lens Calibration System) Calibration"
43839    ],
43840    dimensions: [
43841      { label: "Equipment Size", value: "W 2030 mm × D 1600 mm × H 1600 mm" },
43842      { label: "Test Structure", value: `1 Index
438431 Parallel
438444 Socket Structure` },
43845      { label: "Motion Control", value: "Total 10 Axis Motion Control" },
43846      { label: "Chart System", value: `Macro Chart Size : 380 × 230 mm
43847Absolute Distance Chart : 570 × 400 mm` },
43848      { label: "Light Source", value: `1000 Lux ±100K
43849Color Temperature : 6300K ±200K` },
43850      { label: "Foreign Substance Inspection Light", value: `5100K ~ 3000K Adjustable
43851Uniformity : >90%` },
43852      { label: "Control System", value: "1 PC + 2 Monitor" }
43853    ],
43854    applications: [
43855      "스마트폰 플래그십 카메라 모듈",
43856      "광각·망원 멀티 카메라 모듈",
43857      "차량용 카메라 모듈 최종 검사",
43858      "산업용 고정밀 비전 카메라 모듈"
43859    ]
43860  },
43861  t300: {
43862    title: "T300",
43863    subtitle: "Final Image Test",
43864    heroImage: "https://images.unsplash.com/photo-1566728595340-a0484f0494e8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43865    productImage: "https://cdn.imweb.me/thumbnail/20230426/700beefbb7c57.png",
43866    catchphrase: "Standard Final Image Test Platform",
43867    introDescription: `조립 완료 카메라 모듈의 광학 품질을 종합 검증하는 표준형 최종 이미지 테스트 플랫폼입니다.
43868안정적인 검사 성능과 높은 호환성으로 다양한 생산 환경에 적용 가능합니다.`,
43869    mainFeatures: [
43870      { title: `Auto Final Test System
43871for Camera Modules`, description: "카메라 모듈 생산 라인의 EOL(End-of-Line) 단계에서 포커스 및 이미지 성능을 자동으로 검사하는 Final Test 시스템입니다." },
43872      { title: "Integrated Focus & Image Test Process", description: "Far Focus 및 Near Focus 검사와 이미지 품질 검사를 하나의 장비에서 통합 수행하여 검사 효율을 향상시킵니다." },
43873      { title: "High Precision Optical Test Environment", description: "정밀 CL Lens 및 광학 차트 기반 테스트 환경을 통해 카메라 모듈의 포커스 및 광학 성능을 정확하게 측정합니다." },
43874      { title: "White / Dark Image Quality Test", description: "화이트 및 다크 이미지 테스트 기능을 통해 카메라 모듈의 이미지 품질을 정밀하게 평가합니다." },
43875      { title: `Optimized Camera Module
43876EOL Inspection`, description: "카메라 모듈 생산 공정의 마지막 단계에서 최종 품질을 검증하는 자동 검사 시스템입니다." }
43877    ],
43878    inspectionItems: [
43879      "Far Focus Test",
43880      "Near Focus Test",
43881      "Image Quality 검사",
43882      "White Image Test",
43883      "Dark Image Test",
43884      "Optical Axis Alignment 검사",
43885      "Focus Accuracy 검사",
43886      "Camera Module 기능 검사"
43887    ],
43888    dimensions: [
43889      { label: "Equipment Configuration", value: `Auto Final Test System
43890Camera Module EOL Inspection Equipment` },
43891      { label: "Supported CCM Resolution", value: "Up to 16 Megapixels (YUV 4:2:2 Sensor)" },
43892      { label: "Optical System", value: "CL Lens 기반 광학 검사 시스템" },
43893      { label: "Test Algorithm", value: "EIAJ / SFR / MTF 기반 이미지 테스트" },
43894      { label: "Light Source", value: `Focus Test Light
43895Image Quality Test Light
43896White / Dark Test Light` },
43897      { label: "Control System", value: "Industrial PC 기반 검사 시스템" }
43898    ],
43899    applications: [
43900      "스마트폰 카메라 모듈 최종 출하 검사",
43901      "태블릿 / 노트북 카메라 모듈",
43902      "차량용 카메라 모듈 최종 검사",
43903      "산업용 비전 카메라 모듈"
43904    ]
43905  },
43906  o300: {
43907    title: "O300",
43908    subtitle: "OIS / Optical Test",
43909    heroImage: "https://images.unsplash.com/photo-1615468925629-fad99acae50c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1920",
43910    productImage: "https://cdn.imweb.me/thumbnail/20230427/93ef7d9037e85.png",
43911    catchphrase: "OIS-Integrated Optical Performance Test System",
43912    introDescription: `OIS(손떨림 보정) 기능이 탑재된 카메라 모듈의 광학 성능을 정밀 측정하는 검사 시스템입니다.
43913OIS 동작 특성과 광학 성능을 동시에 검증하여 최종 모듈 품질을 보장합니다.`,
43914    mainFeatures: [
43915      { title: "OIS Performance Test System", description: "카메라 모듈의 OIS(Optical Image Stabilization) 성능을 검사하는 전용 테스트 시스템으로 EOL 공정에서 안정적인 성능 검증을 수행합니다." },
43916      { title: "2 Index 4 Parallel High Throughput Structure", description: "2 Index와 4개의 병렬 검사 구조를 적용하여 높은 생산성과 안정적인 검사 공정을 구현합니다." },
43917      { title: "Auto Socket Handling System", description: "자동 소켓 구조를 통해 카메라 모듈 장착 및 검사 공정을 효율적으로 수행할 수 있습니다." },
43918      { title: "High Precision Optical Test Environment", description: "정밀 차트와 고휘도 광원을 기반으로 정확한 OIS 성능 측정을 지원합니다." },
43919      { title: "Optimized EOL Inspection System", description: "카메라 모듈 생산 라인의 End-of-Line 단계에서 OIS 기능을 최종적으로 검증하는 검사 시스템입니다." }
43920    ],
43921    inspectionItems: [
43922      "OIS 기능 검사",
43923      "Image Stabilization 성능 검사",
43924      "Optical Axis Alignment 검사",
43925      "Image Motion Compensation 검사",
43926      "Image Quality 검사",
43927      "Camera Module 기능 검사"
43928    ],
43929    dimensions: [
43930      { label: "Equipment Size", value: "W 1,300 mm × D 1,200 mm × H 1,600 mm" },
43931      { label: "Test Structure", value: `2 Index
439324 Parallel
439338 Port Auto Socket` },
43934      { label: "Chart Size", value: "Max Chart Size : 370 × 260 mm" },
43935      { label: "Chart Distance", value: "100 ~ 390 mm" },
43936      { label: "Light Source", value: `3000 Lux
43937Color Temperature : 5700K ±300K` },
43938      { label: "Image Grabber", value: "V5U-R2 Dual (Customizable)" },
43939      { label: "Control System", value: "2 PC + 1 Monitor" }
43940    ],
43941    applications: [
43942      "OIS 탑재 스마트폰 카메라 모듈",
43943      "광학 손떨림 보정 액션캠 모듈",
43944      "차량용 OIS 카메라 모듈",
43945      "드론·짐벌 카메라 모듈"
43946    ]
43947  },
43948  sensing: {
43949    title: "SENSING",
43950    subtitle: "ToF / LiDAR Test",
43951    heroImage: U6,
43952    productImage: "https://images.unsplash.com/photo-1615468925629-fad99acae50c?auto=format&fit=crop&q=80&w=1080",
43953    catchphrase: "Precision Depth Sensing Test for ToF & LiDAR Modules",
43954    introDescription: `ToF(Time-of-Flight) 및 LiDAR 모듈의 깊이 정확도와 감도를 정밀 측정하는 통합 검사 설비입니다.
43955AR/VR 및 ADAS 적용 3D 센싱 모듈의 성능 검증에 최적화된 자동화 검사 솔루션을 제공합니다.`,
43956    mainFeatures: [
43957      { title: "One-Stop 자동화 통합 공정", description: `Focus 조정, UV 접착 및 경화, Final Test, 제품 이송까지 
43958전 공정을 하나의 장비에서 통합 운영하여 공정 효율성과 
43959생산 안정성을 동시에 확보합니다.` },
43960      { title: "Full Auto 고정밀 검사", description: `전 공정 자동화 기반의 검사 시스템을 통해 
43961안정적인 품질 검사와 최적화된 Cycle Time을 구현합니다.` },
43962      { title: "8개 제품 동시 검사", description: `소켓 병렬 구조를 적용하여 최대 8개의 제품을 
43963동시에 검사할 수 있으며 생산 효율을 높이고 
43964검사 처리량을 극대화합니다.` },
43965      { title: "진공 Pick & Place 이송", description: `진공 흡착 기반 Pick & Place와 비전 위치 보정 기술을 
43966적용하여 제품을 안정적이고 정밀하게 이송합니다.` },
43967      { title: "중고속 처리 성능 (UPH 168)", description: `시간당 최대 168개 제품을 처리할 수 있는 성능을 
43968제공하여 중·대량 생산 환경에 효과적으로 대응합니다.` },
43969      { title: "HVS 비전 기술 적용", description: `HVS 자
43969체 비전 기술과 V5FP Dual Combo Grabber 기반
43970고성능 검사 시스템을 적용하여 안정적이고 
43971정밀한 검사 환경을 제공합니다.` }
43972    ],
43973    inspectionItems: [
43974      "깊이 정확도 및 오차 측정",
43975      "감도 및 SNR 측정",
43976      "3D 포인트 클라우드 균일성 검사",
43977      "반사율별 타겟 환경 시뮬레이션",
43978      "온도 변화 대응 성능 측정",
43979      "최종 합부 판정"
43980    ],
43981    dimensions: [
43982      { label: "설비 전체 크기", value: "2,400 × 1,800 × 1,900 mm" },
43983      { label: "깊이 측정 정밀도", value: "±1 mm 이하 (1m 기준)" },
43984      { label: "처리 택타임", value: "≤ 15 sec / module" },
43985      { label: "측정 거리 범위", value: "0.1 m ~ 10 m" }
43986    ],
43987    applications: [
43988      "AR/VR 헤드셋 3D 센싱 모듈",
43989      "스마트폰 Face ID / 3D 인식 모듈",
43990      "ADAS 차량용 LiDAR 모듈",
43991      "로봇·드론 공간 인식 센서 모듈"
43992    ]
43993  }
43994};
43995function xe({ productId: t }) {
43996  const i = q6[t];
43997  if (!i)
43998    return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-slate-500 text-[18px]", children: "제품 정보를 찾을 수 없습니다." }) });
43999  const n = () => {
44000    window.location.hash = "/products/ccm", window.scrollTo({ top: 0, behavior: "smooth" });
44001  };
44002  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white text-slate-950 font-sans selection:bg-blue-100 selection:text-blue-900 pt-20", children: [
44003    /* @__PURE__ */ a("section", { className: "relative overflow-hidden min-h-[700px] flex items-center", children: [
44004      /* @__PURE__ */ a("div", { className: "absolute inset-0", children: [
44005        /* @__PURE__ */ e(
44006          S,
44007          {
44008            src: i.heroImage,
44009            alt: i.title,
44010            className: "w-full h-full object-cover"
44011          }
44012        ),
44013        /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/30" })
44014      ] }),
44015      /* @__PURE__ */ e("div", { className: "relative z-10 max-w-[1920px] mx-auto w-full", children: /* @__PURE__ */ e("div", { className: "flex flex-col justify-center px-6 lg:px-24 py-48", children: /* @__PURE__ */ a(
44016        m.div,
44017        {
44018          initial: { opacity: 0, x: -30 },
44019          animate: { opacity: 1, x: 0 },
44020          transition: { duration: 0.6 },
44021          children: [
44022            /* @__PURE__ */ e(
44023              m.button,
44024              {
44025                onClick: n,
44026                className: "flex items-center gap-2 text-white/60 hover:text-white text-[14px] mb-8 transition-colors",
44027                initial: { opacity: 0, y: 10 },
44028                animate: { opacity: 1, y: 0 },
44029                transition: { duration: 0.5, delay: 0.05 }
44030              }
44031            ),
44032            /* @__PURE__ */ e(
44033              m.p,
44034              {
44035                className: "text-white/60 text-[14px] font-medium mb-3 tracking-widest uppercase font-sans",
44036                initial: { opacity: 0, y: 20 },
44037                animate: { opacity: 1, y: 0 },
44038                transition: { duration: 0.6, delay: 0.1 },
44039                children: i.subtitle
44040              }
44041            ),
44042            /* @__PURE__ */ e(
44043              m.h1,
44044              {
44045                className: "text-[48px] lg:text-[64px] text-white leading-[1.05] mb-4 tracking-tight font-[Aoboshi_One] font-bold",
44046                initial: { opacity: 0, y: 20 },
44047                animate: { opacity: 1, y: 0 },
44048                transition: { duration: 0.6, delay: 0.25 },
44049                children: i.title === "SENSING" ? "통합 검사 설비" : i.title === "305AT4R20S" ? "305AT4R2-S" : i.title
44050              }
44051            ),
44052            /* @__PURE__ */ e(
44053              m.p,
44054              {
44055                className: "text-[18px] text-white/70 font-medium mb-10 tracking-wide font-sans",
44056                initial: { opacity: 0, y: 20 },
44057                animate: { opacity: 1, y: 0 },
44058                transition: { duration: 0.6, delay: 0.4 },
44059                children: i.catchphrase
44060              }
44061            ),
44062            /* @__PURE__ */ e(
44063              m.p,
44064              {
44065                className: "text-white/75 leading-relaxed mb-12 text-[16px] whitespace-pre-line max-w-[900px]",
44066                initial: { opacity: 0, y: 20 },
44067                animate: { opacity: 1, y: 0 },
44068                transition: { duration: 0.6, delay: 0.4 },
44069                children: i.title === "SENSING" ? /* @__PURE__ */ a(V, { children: [
44070                  "완성된 카메라 모듈의 Final Focus 상태에서 광학 성능과 기능을 종합적으로 검사하는 자동화 설비입니다.",
44071                  /* @__PURE__ */ e("br", {}),
44072                  "다양한 검사 공정을 하나의 장비에 통합하여 검사 효율과 생산성을 극대화합니다."
44073                ] }) : i.introDescription
44074              }
44075            ),
44076            /* @__PURE__ */ e(
44077              m.div,
44078              {
44079                className: "flex flex-col sm:flex-row gap-3 w-full max-w-[500px]",
44080                initial: { opacity: 0, y: 20 },
44081                animate: { opacity: 1, y: 0 },
44082                transition: { duration: 0.6, delay: 0.55 },
44083                children: /* @__PURE__ */ a("button", { className: "w-fit bg-[#003D7A] text-white h-[56px] px-6 rounded-[4px] flex items-center justify-between gap-4 hover:bg-[#002952] transition-colors text-[15px]", style: { fontWeight: 700 }, children: [
44084                  /* @__PURE__ */ e("span", { children: "제품 담당자 문의" }),
44085                  /* @__PURE__ */ e("span", { className: "text-[18px]", children: "›" })
44086                ] })
44087              }
44088            )
44089          ]
44090        }
44091      ) }) })
44092    ] }),
44093    /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ e("div", { className: "max-w-7xl mx-auto px-6", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: /* @__PURE__ */ e(
44094      "div",
44095      {
44096        className: "bg-white",
44097        style: { width: "100vw", marginLeft: "calc(50% - 50vw)", paddingLeft: "max(2rem, calc((100vw - 1280px) / 2 + 2rem))", paddingRight: "max(2rem, calc((100vw - 1280px) / 2 + 2rem))", paddingTop: "4rem", paddingBottom: "6rem" },
44098        children: /* @__PURE__ */ a(
44099          m.div,
44100          {
44101            initial: { opacity: 0, y: 30 },
44102            whileInView: { opacity: 1, y: 0 },
44103            viewport: { once: !0, margin: "-100px" },
44104            transition: { duration: 0.6 },
44105            children: [
44106              /* @__PURE__ */ e("h2", { className: "text-[24px] lg:text-[28px] text-slate-950 pb-6 border-b-[2px] border-black mb-10 font-[Aoboshi_One]", style: { fontWeight: 700 }, children: "제품 사양" }),
44107              /* @__PURE__ */ a("div", { className: "flex flex-col gap-28", children: [
44108                /* @__PURE__ */ a(
44109                  m.div,
44110                  {
44111                    initial: { opacity: 0, y: 24 },
44112                    whileInView: { opacity: 1, y: 0 },
44113                    viewport: { once: !0 },
44114                    transition: { duration: 0.5, delay: 0.1 },
44115                    children: [
44116                      /* @__PURE__ */ a(
44117                        m.h3,
44118                        {
44119                          className: "text-[18px] text-slate-950 pb-4 border-b border-slate-200 mb-10",
44120                          style: { fontWeight: 700 },
44121                          initial: { opacity: 0, y: 10 },
44122                          whileInView: { opacity: 1, y: 0 },
44123                          viewport: { once: !0 },
44124                          transition: { duration: 0.4, delay: 0.1 },
44125                          children: [
44126                            "주요 특징 ",
44127                            /* @__PURE__ */ e("span", { className: "text-slate-400 font-sans text-[14px] ml-2", style: { fontWeight: 400 }, children: "Main Features" })
44128                          ]
44129                        }
44130                      ),
44131                      /* @__PURE__ */ a("div", { className: "text-center mb-12", children: [
44132                        /* @__PURE__ */ e(
44133                          m.p,
44134                          {
44135                            className: "text-[#003D7A] mb-6 font-[Aoboshi_One] text-[20px] font-bold",
44136                            initial: { opacity: 0, y: 12 },
44137                            whileInView: { opacity: 1, y: 0 },
44138                            viewport: { once: !0 },
44139                            transition: { duration: 0.5, delay: 0.4 },
44140                            children: i.title === "T200V" ? "AF & FF CCM EOL PROCESS AUTO FINAL TEST SYSTEM" : i.title === "307AT2-V" ? "Far/near focus & white/dark image inspection in a single process" : i.title === "A700" ? "DUAL-MODE ACTIVE ALIGN TESTER" : i.catchphrase
44141                          }
44142                        ),
44143                        /* @__PURE__ */ e(
44144                          m.p,
44145                          {
44146                            className: "text-slate-500 text-[15px] leading-relaxed max-w-[1100px] mx-auto font-sans whitespace-pre-line",
44147                            initial: { opacity: 0, y: 12 },
44148                            whileInView: { opacity: 1, y: 0 },
44149                            viewport: { once: !0 },
44150                            transition: { duration: 0.5, delay: 0.55 },
44151                            children: i.title === "SENSING" ? /* @__PURE__ */ a(V, { children: [
44152                              "완성된 카메라 모듈의 Final Focus 상태에서 광학 성능과 기능을 종합적으로 검사하는 자동화 설비입니다.",
44153                              /* @__PURE__ */ e("br", {}),
44154                              "다양한 검사 공정을 하나의 장비에 통합하여 검사 효율과 생산성을 극대화합니다."
44155                            ] }) : i.introDescription
44156                          }
44157                        )
44158                      ] }),
44159                      /* @__PURE__ */ e(
44160                        "div",
44161                        {
44162                          className: "rounded-2xl py-10 px-8",
44163                          style: { backgroundColor: "#f8f9fb" },
44164                          children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: (i.title === "T200V" ? [
44165                            { title: "Dual index / 4 para", description: "Simultaneous 4-channel parallel testing with dual indexing for maximized throughput" },
44166                            { title: "Semi Auto", description: "Operator-assisted loading with fully automated test sequence execution" },
44167                            { title: "Open/short test / Distance test", description: "Electrical integrity verification and precise optical distance measurement in a single process" }
44168                          ] : i.title === "T300V" ? [
44169                            { title: "Final test", description: `Comprehensive image quality 
44170and performance inspection 
44171prior to final camera module shipment` },
44172                            { title: "1 Para", description: `Single-channel sequential testing for 
44173precision-focused stable test execution` },
44174                            { title: "4 Socket", description: `Simultaneous 4-socket loading 
44175to reduce test cycle time and 
44176maximize production efficiency` }
44177                          ] : i.title === "T300" ? [
44178                            { title: "Single index 4 para", description: `4-channel parallel testing with 
44179single indexing for efficient and 
44180consistent inspection throughput` },
44181                            { title: "Semi Auto", description: `Operator-assisted loading with 
44182fully automated test sequence execution` },
44183                            { title: "Far-Near Image Test", description: `Dual-distance optical inspection 
44184verifying image clarity at both 
44185far and near focal ranges` }
44186                          ] : i.title === "305AT4R20S" ? [
44187                            { title: "Single index / Single para", description: `Single-channel sequential testing 
44188with single indexing for precise 
44189and reliable inspection` },
44190                            { title: "Semi Auto", description: `Operator-assisted loading with 
44191fully automated test sequence execution` },
44192                            { title: "Open/short test / Distance test", description: `Electrical integrity verification and 
44193precise optical distance measurement
44194in a single process` }
44195                          ] : i.title === "307AT2-V" ? [
44196                            { title: "Dual index / 8 para", description: `Simultaneous 8-channel parallel 
44197testing with dual indexing for 
44198maximum inspection throughput` },
44199                            { title: "Semi Auto", description: `Operator-assisted loading with 
44200fully automated test sequence execution` },
44201                            { title: "Calibration & Focus test", description: `Precise optical calibration 
44202and focus performance verification 
44203for consistent image quality` }
44204                          ] : i.title === "A700" ? [
44205                            { title: "정밀하고 빠른 ACTIVE ALIGNMENT", description: `작업자가 수동으로 로딩하는 반자동 방식으로 
44206운영되며 CMCM(Integrated Point) FF Vend 값을
44207활용하여 정밀한 Sensing을 구현합니다.` },
44208                            { title: "분리된 PARA 구조", description: `Monitor는 2 Head, 6 Picker로 구성되며, 
44209Sensor는 2 Proc, 2 Shuttle로 이루어져 있습니다. 
44210전체 Picker가 독립적으로 작동하는 구조로 
44211설계되어 있으며, Streaming 기능을 통해 소모를 최소화합니다.` },
44212                            { title: "쉽고 편리한 사용", description: `Wireless Teaching 기능을 지원하여 편리한 조작이 가능하며, 
44213주요 알람 기능을 통해 실시간 상태 모니터링을 제공합니다.` },
44214                            { title: "내재화를 통한 비용절감", description: `FA형 제어보드를 직접 생산하여 원가를 절감하며, 
44215PP (printer board) 및 DPA type 자체 세트 보드를 
44216생산 라인에 적용합니다.` },
44217                            { title: "클린룸에서 사용 가능", description: `FPCBA control 보드 기반으로 고사양 적재가 가능하며, 
44218로크 유닛 & 로크 어댑터(옵션)를 통해 다양한 종류의 
44219경량 자석 방식을 적용할 수 있습니다.
44220자체 portable 보드 시스템으로 클린룸 환경에서도 
44221안정적으로 사용 가능합니다.` }
44222                          ] : i.mainFeatures).map((r, s) => /* @__PURE__ */ a(
44223                            m.div,
44224                            {
44225                              className: "bg-white rounded-xl p-7 flex flex-col gap-3 border border-slate-100",
44226                              initial: { opacity: 0, y: 16 },
44227                              whileInView: { opacity: 1, y: 0 },
44228                              viewport: { once: !0 },
44229                              transition: { duration: 0.4, delay: 0.1 + s * 0.07 },
44230                              children: [
44231                                /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
44232                                  /* @__PURE__ */ a("span", { className: "w-8 h-8 rounded-full bg-[#003D7A] text-white text-[13px] flex items-center justify-center shrink-0", style: { fontWeight: 700 }, children: [
44233                                    s + 1,
44234                                    "."
44235                                  ] }),
44236                                  /* @__PURE__ */ e("span", { className: "text-slate-900 text-[16px] leading-tight whitespace-pre-line", style: { fontWeight: 700 }, children: r.title })
44237                                ] }),
44238                                /* @__PURE__ */ e("p", { className: "text-gray-500 text-[13px] leading-relaxed pl-11 font-sans whitespace-pre-line text-justify", children: r.description })
44239                              ]
44240                            },
44241                            s
44242                          )) })
44243                        }
44244                      )
44245                    ]
44246                  }
44247                ),
44248                /* @__PURE__ */ a(
44249                  m.div,
44250                  {
44251                    initial: { opacity: 0, y: 24 },
44252                    whileInView: { opacity: 1, y: 0 },
44253                    viewport: { once: !0 },
44254                    transition: { duration: 0.5, delay: 0.1 },
44255                    children: [
44256                      /* @__PURE__ */ e("h3", { className: "text-[18px] text-slate-950 mb-4 font-[Aoboshi_One]", style: { fontWeight: 700 }, children: "검사 항목 (Inspection Item)" }),
44257                      /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-4", children: i.inspectionItems.map((r, s) => /* @__PURE__ */ a(
44258                        m.div,
44259                        {
44260                          className: "flex items-start gap-3 text-gray-700 text-[15px]",
44261                          initial: { opacity: 0, y: 12 },
44262                          whileInView: { opacity: 1, y: 0 },
44263                          viewport: { once: !0 },
44264                          transition: { duration: 0.4, delay: 0.1 + s * 0.07 },
44265                          children: [
44266                            /* @__PURE__ */ e("span", { className: "mt-2 w-1.5 h-1.5 bg-gray-400 rounded-full flex-shrink-0" }),
44267                            /* @__PURE__ */ e("span", { children: r })
44268                          ]
44269                        },
44270                        s
44271                      )) }) })
44272                    ]
44273                  }
44274                ),
44275                /* @__PURE__ */ a(
44276                  m.div,
44277                  {
44278                    initial: { opacity: 0, y: 24 },
44279                    whileInView: { opacity: 1, y: 0 },
44280                    viewport: { once: !0 },
44281                    transition: { duration: 0.5, delay: 0.1 },
44282                    children: [
44283                      /* @__PURE__ */ e("h3", { className: "text-[18px] text-slate-950 mb-4 font-[Aoboshi_One]", style: { fontWeight: 700 }, children: "제품 규격 (Dimension)" }),
44284                      /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full text-left border-collapse border border-gray-200", children: [
44285                        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44286                          /* @__PURE__ */ e("th", { className: `py-3 px-4 text-[14px] font-bold text-gray-800 bg-gray-50 border-r border-gray-200 whitespace-nowrap ${i.title === "T300", "w-[20%]"} text-center`, children: "Item" }),
44287                          /* @__PURE__ */ e("th", { className: `py-3 px-4 text-[14px] font-bold text-gray-800 bg-gray-50 whitespace-nowrap ${i.title === "T300" ? "w-[70%] border-r border-gray-200" : "w-[80%]"} text-center`, children: "Description" }),
44288                          i.title === "T300" && /* @__PURE__ */ e("th", { className: "py-3 px-4 text-[14px] font-bold text-gray-800 bg-gray-50 whitespace-nowrap w-[10%] text-center", children: "Site" })
44289                        ] }) }),
44290                        /* @__PURE__ */ e("tbody", { children: i.title === "T200V" ? /* @__PURE__ */ a(V, { children: [
44291                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44292                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Title" }),
44293                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "AF & FF CCM EOL Process : Auto final test system" })
44294                          ] }),
44295                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44296                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", rowSpan: 4, children: [
44297                              "TEST",
44298                              /* @__PURE__ */ e("br", {}),
44299                              "categories"
44300                            ] }),
44301                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 border-b border-gray-200", children: "Device loading/unloading by Manual" })
44302                          ] }),
44303                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 border-b border-gray-200", children: "1) Far Focus test (EIAJ Basic, SFR/MTF optional algorithm)" }) }),
44304                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 border-b border-gray-200", children: "2) Near Focus test (EIAJ Basic, SFR/MTF optional algorithm)" }) }),
44305                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "3) Image test : White/Dark" }) }),
44306                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44307                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "CCM Resolution" }),
44308                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "Up to 16Mpixels @YUV 4:2:2 Sensor" })
44309                          ] }),
44310                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44311                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Built-in Tester" }),
44312                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "4x V5UR2 DC 1.5G Tester (USB3.0 Interface / MIPI 4 Lane)" })
44313                          ] }),
44314                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44315                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Built-in PC" }),
44316                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "1x PC / 1x Monitor" })
44317                          ] }),
44318                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44319                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Collimator lens" }),
44320                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "CMCL_R400V (FOV 70°)" })
44321                          ] }),
44322                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44323                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44324                              "Light 1",
44325                              /* @__PURE__ */ e("br", {}),
44326                              "(Far Focus)"
44327                            ] }),
44328                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "LED square (max 40cm @70degree), Brightness control (Manual)" })
44329                          ] }),
44330                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44331                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44332                              "Light 2",
44333                              /* @__PURE__ */ e("br", {}),
44334                              "(Image testing)"
44335                            ] }),
44336                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "LED 50pie circular, Brightness control (SW)" })
44337                          ] }),
44338                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44339                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44340                              "Light 3",
44341                              /* @__PURE__ */ e("br", {}),
44342                              "(Near Focus)"
44343                            ] }),
44344                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "LP100 LED Light" })
44345                          ] }),
44346                          /* @__PURE__ */ a("tr", { children: [
44347                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Loading method" }),
44348                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "2 index 4 para / 2 face up image direction / Manual loading & unloading" })
44349                          ] })
44350                        ] }) : i.title === "T300" ? /* @__PURE__ */ a(V, { children: [
44351                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44352                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Title" }),
44353                            /* @__P
44353URE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "AF & FF CCM EOL Process : Auto final test system" }),
44354                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center" })
44355                          ] }),
44356                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44357                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", rowSpan: 5, children: [
44358                              "TEST",
44359                              /* @__PURE__ */ e("br", {}),
44360                              "categories"
44361                            ] }),
44362                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-r border-gray-200", children: "Device loading/unloading by Manual or Auto Handler" }),
44363                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-gray-200", children: "D" })
44364                          ] }),
44365                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44366                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-r border-gray-200", children: "Loading/unloading & Open/Short Test (manual or auto socket)" }),
44367                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-gray-200", children: "D" })
44368                          ] }),
44369                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44370                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-r border-gray-200", children: "Far Focus Test (EIAJ/SFR)" }),
44371                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-gray-200", children: "A" })
44372                          ] }),
44373                          /* @__P
44373URE__ */ a("tr", { className: "border-b border-gray-200", children: [
44374                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-r border-gray-200", children: "Near Focus (Macro) Test" }),
44375                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-gray-200", children: "B" })
44376                          ] }),
44377                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44378                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "White & Dark Image Test" }),
44379                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "C" })
44380                          ] }),
44381                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44382                            /* @__P
44382URE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "CCM resolution" }),
44383                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "Up to 16Mpixels @YUV 4:2:2 Sensor" }),
44384                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44385                          ] }),
44386                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44387                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Built-in tester" }),
44388                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "4x V5UR2 DC 1.5G Tester (USB3.0 Interface / MIPI 4 Lane)" }),
44389                            /* @__P
44389URE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "A,B,C,D" })
44390                          ] }),
44391                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44392                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Built-in PC" }),
44393                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "1x PC / 2x Monitor" }),
44394                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44395                          ] }),
44396                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44397                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Collimator lens" }),
44398                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "CL400-A90 (FOV 90°)" }),
44399                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "A" })
44400                          ] }),
44401                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44402                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Light 1" }),
44403                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "[Far Focus] HVL-700D LED Light Source 770x590mm" }),
44404                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "A" })
44405                          ] }),
44406                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44407                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Light 2" }),
44408                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "[Image] HVL-65B 65Pie LED Image Light Source" }),
44409                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "C" })
44410                          ] }),
44411                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44412                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Light 3" }),
44413                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "[Near Focus] LP200 LED Light Source 210x180mm" }),
44414                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "B" })
44415                          ] }),
44416                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44417                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Loading method" }),
44418                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "1 index 4 para / 4 face up image direction, Manual or Auto" }),
44419                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "A,B,C,D" })
44420                          ] }),
44421                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44422                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Barcode reader" }),
44423                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "Optional" }),
44424                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "D" })
44425                          ] }),
44426                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44427                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Rotator" }),
44428                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "270° Back Rotation / Non-pogo pin contact type" }),
44429                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44430                          ] }),
44431                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44432                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Utility" }),
44433                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "Air Pressure: 4.5-5.5Kg/cm2, Air hose: 8mm, 1Line" }),
44434                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44435                          ] }),
44436                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44437                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Power" }),
44438                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "AC220V. 2phase/50,60Hz (Can be customized)" }),
44439                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44440                          ] }),
44441                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44442                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "UPH" }),
44443                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "240 @ 16M Pixel FF/AF CCM" }),
44444                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44445                          ] }),
44446                          /* @__PURE__ */ a("tr", { children: [
44447                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Dimension (mm)" }),
44448                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-r border-gray-200", children: "W1200 X D960 X H1855" }),
44449                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "-" })
44450                          ] })
44451                        ] }) : i.title === "T300V" ? /* @__PURE__ */ a(V, { children: [
44452                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44453                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Title" }),
44454                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Final Test System" })
44455                          ] }),
44456                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44457                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Test Concept" }),
44458                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "1Index 1Para 4Socket" })
44459                          ] }),
44460                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44461                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Driving part" }),
44462                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: [
44463                              "Total 10-axis motion control",
44464                              /* @__PURE__ */ e("br", {}),
44465                              /* @__PURE__ */ e("br", {}),
44466                              "100-200mm Macro part: Y-axis",
44467                              /* @__PURE__ */ e("br", {}),
44468                              "500mm Macro part: Y, Z-axis",
44469                              /* @__PURE__ */ e("br", {}),
44470                              "Index: R-axis / Socket part: R-axis (face front)",
44471                              /* @__PURE__ */ e("br", {}),
44472                              "CL Lens part: X-axis",
44473                              /* @__PURE__ */ e("br", {}),
44474                              "Resolution light source: X, Z-axis",
44475                              /* @__PURE__ */ e("br", {}),
44476                              "Dark & Blemish & Cal: Y-axis, X-axis (cylinder)"
44477                            ] })
44478                          ] }),
44479                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44480                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Chart" }),
44481                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: [
44482                              "Macro",
44483                              /* @__PURE__ */ e("br", {}),
44484                              /* @__PURE__ */ e("br", {}),
44485                              "100-200mm Macro: Max Chart Size 380x220",
44486                              /* @__PURE__ */ e("br", {}),
44487                              "500mm Macro: Max Chart Size 200x200",
44488                              /* @__PURE__ */ e("br", {}),
44489                              /* @__PURE__ */ e("br", {}),
44490                              "-",
44491                              /* @__PURE__ */ e("br", {}),
44492                              /* @__PURE__ */ e("br", {}),
44493                              "Resolution(Absolute distance)",
44494                              /* @__PURE__ */ e("br", {}),
44495                              /* @__PURE__ */ e("br", {}),
44496                              "Max Chart Size: 570x400 / Chart Distance: 197-449",
44497                              /* @__PURE__ */ e("br", {}),
44498                              "- In condition of Max FOV: 90°, Max Distance: 1500mm,",
44499                              /* @__PURE__ */ e("br", {}),
44500                              "CL Lens(400-94D) / Module to CL Lens to Chart"
44501                            ] })
44502                          ] }),
44503                          /* @__P
44503URE__ */ a("tr", { className: "border-b border-gray-200", children: [
44504                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Light Source" }),
44505                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Luminance: 1000 Lux ± 100K / Color temperature: 5300K ± 200K" })
44506                          ] }),
44507                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44508                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44509                              "OC & Foreign-substance",
44510                              /* @__PURE__ */ e("br", {}),
44511                              "test light source"
44512                            ] }),
44513                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: [
44514                              "5100 ± 200K",
44515                              /* @__PURE__ */ e("br", {}),
44516                              "Uniformity: more than 90% (AVIS)"
44517                            ] })
44518                          ] }),
44519                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44520                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Collimator Lens" }),
44521                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Max FOV: 90° (CL400-90D) (*optional)" })
44522                          ] }),
44523                          /* @__PURE__ */ a("tr", { children: [
44524                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "PC / Monitor" }),
44525                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "1x PC / 2x Monitor" })
44526                          ] })
44527                        ] }
44527) : i.title === "305AT4R20S" ? /* @__PURE__ */ a(V, { children: [
44528                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44529                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Title" }),
44530                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "AF & FF CCM EOL Process : Auto final test system" })
44531                          ] }),
44532                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44533                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", rowSpan: 4, children: [
44534                              "TEST",
44535                              /* @__PURE__ */ e("br", {}),
44536                              "categories"
44537                            ] }),
44538                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 border-b border-gray-200", children: "Device loading/unloading by Manual" })
44539                          ] }),
44540                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 border-b border-gray-200", children: "1) Far Focus test (EIAJ Basic, SFR/MTF optional algorithm)" }) }),
44541                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 border-b border-gray-200", children: "2) Near Focus test (EIAJ Basic, SFR/MTF optional algorithm)" }) }),
44542                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "3) Image test : White/Dark" }) }),
44543                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44544                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "CCM Resolution" }),
44545                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "Up to 16Mpixels @YUV 4:2:2 Sensor" })
44546                          ] }),
44547                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44548                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Built-in Tester" }),
44549                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "1x V5UR2 DC 1.5G Tester (USB3.0 Interface / MIPI 4 Lane)" })
44550                          ] }),
44551                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44552                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Built-in PC" }),
44553                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "1x PC / 1x Monitor" })
44554                          ] }),
44555                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44556                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Collimator lens" }),
44557                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "CMCL_R400V (FOV 70°)" })
44558                          ] }),
44559                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44560                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44561                              "Light 1",
44562                              /* @__PURE__ */ e("br", {}),
44563                              "(Far Focus)"
44564                            ] }),
44565                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "LED square (max 40cm @70degree), Brightness control (Manual)" })
44566                          ] }),
44567                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44568                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44569                              "Light 2",
44570                              /* @__PURE__ */ e("br", {}),
44571                              "(Image testing)"
44572                            ] }),
44573                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "LED 50pie circular, Brightness control (SW)" })
44574                          ] }),
44575                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44576                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44577                              "Light 3",
44578                              /* @__PURE__ */ e("br", {}),
44579                              "(Near Focus)"
44580                            ] }),
44581                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "LP100 LED Light" })
44582                          ] }),
44583                          /* @__PURE__ */ a("tr", { children: [
44584                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Loading method" }),
44585                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: "1 index 1 para / 1 face up image direction / Manual loading & unloading" })
44586                          ] })
44587                        ] }) : i.title === "307AT2-V" ? /* @__PURE__ */ a(V, { children: [
44588                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44589                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Title" }),
44590                            /* @__P
44590URE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Final Test System" })
44591                          ] }),
44592                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44593                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Test Concept" }),
44594                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Dual Index 8Para 8Socket" })
44595                          ] }),
44596                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44597                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Driving part" }),
44598                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: [
44599                              "Total 10-axis motion control",
44600                              /* @__PURE__ */ e("br", {}),
44601                              /* @__PURE__ */ e("br", {}),
44602                              "100-200mm Macro part: Y-axis",
44603                              /* @__PURE__ */ e("br", {}),
44604                              "500mm Macro part: Y, Z-axis",
44605                              /* @__PURE__ */ e("br", {}),
44606                              "Index: R-axis / Socket part: R-axis (face front)",
44607                              /* @__PURE__ */ e("br", {}),
44608                              "CL Lens part: X-axis",
44609                              /* @__PURE__ */ e("br", {}),
44610                              "Resolution light source: X, Z-axis",
44611                              /* @__PURE__ */ e("br", {}),
44612                              "Dark & Blemish & Cal: Y-axis, X-axis (cylinder)"
44613                            ] })
44614                          ] }),
44615                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44616                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Chart" }),
44617                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: [
44618                              "Macro",
44619                              /* @__PURE__ */ e("br", {}),
44620                              /* @__PURE__ */ e("br", {}),
44621                              "100-200mm Macro: Max Chart Size 380x220",
44622                              /* @__PURE__ */ e("br", {}),
44623                              "500mm Macro: Max Chart Size 200x200",
44624                              /* @__PURE__ */ e("br", {}),
44625                              /* @__PURE__ */ e("br", {}),
44626                              "-",
44627                              /* @__PURE__ */ e("br", {}),
44628                              /* @__PURE__ */ e("br", {}),
44629                              "Resolution(Absolute distance)",
44630                              /* @__PURE__ */ e("br", {}),
44631                              /* @__PURE__ */ e("br", {}),
44632                              "Max Chart Size: 570x400 / Chart Distance: 197-449",
44633                              /* @__PURE__ */ e("br", {}),
44634                              "- In condition of Max FOV: 90°, Max Distance: 1500mm,",
44635                              /* @__PURE__ */ e("br", {}),
44636                              "CL Lens(400-94D) / Module to CL Lens to Chart"
44637                            ] })
44638                          ] }),
44639                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44640                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Light Source" }),
44641                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Luminance: 1000 Lux ± 100K / Color temperature: 5300K ± 200K" })
44642                          ] }),
44643                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44644                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: [
44645                              "OC & Foreign-substance",
44646                              /* @__PURE__ */ e("br", {}),
44647                              "test light source"
44648                            ] }),
44649                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: [
44650                              "5100 ± 200K",
44651                              /* @__PURE__ */ e("br", {}),
44652                              "Uniformity: more than 90% (AVIS)"
44653                            ] })
44654                          ] }),
44655                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44656                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Collimator Lens" }),
44657                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Max FOV: 90° (CL400-90D) (*optional)" })
44658                          ] }),
44659                          /* @__PURE__ */ a("tr", { children: [
44660                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "PC / Monitor" }),
44661                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "2x PC / 2x Monitor" })
44662                          ] })
44663                        ] }) : i.title === "A700" ? /* @__PURE__ */ a(V, { children: [
44664                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44665                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Title" }),
44666                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Twin Dual-Para Active Align Tester" })
44667                          ] }),
44668                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44669                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Test Item" }),
44670                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Active alignment, Dispensing bonding and pre-curing process" })
44671                          ] }),
44672                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44673                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Test Concept" }),
44674                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: [
44675                              "2 para AA Site & 4 Shuttle, Double AA Zone",
44676                              /* @__PURE__ */ e("br", {}),
44677                              "(to minimize cycle time)"
44678                            ] })
44679                          ] }),
44680                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44681                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "A/A" }),
44682                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: [
44683                              "Total 6 axis motion control",
44684                              /* @__PURE__ */ e("br", {}),
44685                              "- Sensor part : 4 axis (X, Y, Z, R)",
44686                              /* @__PURE__ */ e("br", {}),
44687                              "- Lens part : 2 axis (Tx, Ty)"
44688                            ] })
44689                          ] }),
44690                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44691                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", rowSpan: 2, children: "Chart" }),
44692                            /* @__PURE__ */ a("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-gray-200 leading-relaxed", children: [
44693                              "Max Chart Size : 550 x 550mm",
44694                              /* @__PURE__ */ e("br", {}),
44695                              "(In condition of Max FOV : 90 °, Max Distance : 40cm, Image ratio : 4:3 or 16:9)"
44696                            ] })
44697                          ] }),
44698                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center leading-relaxed", children: "Chart Distance : 300~400mm (module to chart distance)" }) }),
44699                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44700                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", rowSpan: 2, children: "Light Source" }),
44701                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center border-b border-gray-200", children: "Luminance : 1,000 Lux ±100K" })
44702                          ] }),
44703                          /* @__PURE__ */ e("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Color temperature : 6300K ±200K" }) }),
44704                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44705                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "OC & Foreign substance light source" }),
44706                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "5100 ± 300K , Uniformity : over 90% (AVIS light source)" })
44707                          ] }),
44708                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44709                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Collimator Lens" }),
44710                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Max FOV : 90° (CL400-90D) - optional" })
44711                          ] }),
44712                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44713                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Vision" }),
44714                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Top(2set) & Bottom(4set)" })
44715                          ] }),
44716                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44717                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "UV Cure" }),
44718                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "4 Head UV Cure" })
44719                          ] }),
44720                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44721                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Dispensing" }),
44722                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "Pneumatic Dispenser (2set)" })
44723                          ] }),
44724                          /* @__PURE__ */ a("tr", { className: "border-b border-gray-200", children: [
44725                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "Image Grabber" }),
44726                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "V5FP-Dual (HyVISION)" })
44727                          ] }),
44728                          /* @__PURE__ */ a("tr", { children: [
44729                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: "PC / Monitor" }),
44730                            /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600 text-center", children: "PC : 2ea / Monitor : 3ea" })
44731                          ] })
44732                        ] }) : i.dimensions.map((r, s) => /* @__PURE__ */ a("tr", { className: s !== i.dimensions.length - 1 ? "border-b border-gray-200" : "", children: [
44733                          /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-700 border-r border-gray-200 font-medium text-center", children: r.label }),
44734                          /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[14px] text-gray-600", children: r.value })
44735                        ] }, s)) })
44736                      ] }) }) })
44737                    ]
44738                  }
44739                ),
44740                /* @__PURE__ */ a(
44741                  m.div,
44742                  {
44743                    className: "pb-8",
44744                    initial: { opacity: 0, y: 24 },
44745                    whileInView: { opacity: 1, y: 0 },
44746                    viewport: { once: !0 },
44747                    transition: { duration: 0.5, delay: 0.1 },
44748                    children: [
44749                      /* @__PURE__ */ e("h3", { className: "text-[18px] text-slate-950 mb-4 font-[Aoboshi_One]", style: { fontWeight: 700 }, children: "적용 분야 (Application)" }),
44750                      /* @__PURE__ */ e("div", { className: "border-t border-gray-200 pt-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [
44751                        { image: "https://images.unsplash.com/photo-1772683828862-5b60461e0c7f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzbWFydHBob25lJTIwY2FtZXJhJTIwbW9kdWxlJTIwbW9iaWxlJTIwZGV2aWNlfGVufDF8fHx8MTc3MzEyMzM2OHww&ixlib=rb-4.1.0&q=80&w=1080", title: "Mobile & Smart Devices", subtitle: "고해상도 카메라 모듈 및 스마트 디바이스 검사" },
44752                        { image: "https://images.unsplash.com/photo-1684090613154-95a58f239428?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxhdXRvbW90aXZlJTIwY2FtZXJhJTIwc2Vuc29yJTIwdmVoaWNsZSUyMEFEQVN8ZW58MXx8fHwxNzczMTIzMzY4fDA&ixlib=rb-4.1.0&q=80&w=1080", title: "Automotive & Mobility", subtitle: "차량용 센서 및 카메라 모듈 검사 솔루션" },
44753                        { image: "https://images.unsplash.com/photo-1758598497889-05bf628874a7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxBUiUyMFZSJTIwaGVhZHNldCUyMGF1Z21lbnRlZCUyMHJlYWxpdHklMjBkZXZpY2V8ZW58MXx8fHwxNzczMTIzMzY5fDA&ixlib=rb-4.1.0&q=80&w=1080", title: "AR / VR / XR Devices", subtitle: "차세대 XR 디바이스 광학 검사 기술" },
44754                        { image: "https://images.unsplash.com/photo-1584800526920-35d8a0409deb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHwzRCUyMHNlbnNpbmclMjBiaW9tZXRyaWMlMjBmYWNlJTIwcmVjb2duaXRpb24lMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc3MzEyMzM2OXww&ixlib=rb-4.1.0&q=80&w=1080", title: "3D Sensing & Biometric Systems", subtitle: "고정밀 3D 센싱 및 바이오 인식 검사" },
44755                        { image: "https://images.unsplash.com/photo-1643359905563-f747213c9703?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwcm9ib3QlMjB2aXNpb24lMjBpbnNwZWN0aW9uJTIwbWFudWZhY3R1cmluZ3xlbnwxfHx8fDE3NzMxMjMzNzB8MA&ixlib=rb-4.1.0&q=80&w=1080", title: "Industrial Vision & Robotics", subtitle: "산업 자동화를 위한 비전 검사 기술" },
44756                        { image: "https://images.unsplash.com/photo-1599350686877-382a54114d2f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZWN1cml0eSUyMGNhbWVyYSUyMHNtYXJ0JTIwSW9UJTIwc3VydmVpbGxhbmNlfGVufDF8fHx8MTc3MzEyMzM3MHww&ixlib=rb-4.1.0&q=80&w=1080", title: "Smart Security & IoT Devices", subtitle: "보안 및 IoT 디바이스 검사 솔루션" }
44757                      ].map((r, s) => /* @__PURE__ */ a(
44758                        m.div,
44759                        {
44760                          className: "group overflow-hidden",
44761                          initial: { opacity: 0, y: 16 },
44762                          whileInView: { opacity: 1, y: 0 },
44763                          viewport: { once: !0 },
44764                          transition: { duration: 0.4, delay: 0.1 + s * 0.07 },
44765                          children: [
44766                            /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-xl mb-4", style: { aspectRatio: "4/3" }, children: /* @__PURE__ */ e(
44767                              S,
44768                              {
44769                                src: r.image,
44770                                alt: r.subtitle,
44771                                className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
44772                              }
44773                            ) }),
44774                            /* @__PURE__ */ e("p", { className: "text-[#003D7A] text-[15px] font-[Aoboshi_One] leading-snug", style: { fontWeight: 700 }, children: r.title }),
44775                            /* @__PURE__ */ e("p", { className: "text-slate-400 text-[13px] font-[Aoboshi_One] mt-1 leading-snug", children: r.subtitle })
44776                          ]
44777                        },
44778                        s
44779                      )) }) })
44780                    ]
44781                  }
44782                ),
44783                /* @__P
44783URE__ */ e("div", { className: "flex justify-center pt-8 pb-4", children: /* @__PURE__ */ e(
44784                  "button",
44785                  {
44786                    onClick: n,
44787                    className: "bg-[#003D7A] text-white px-12 py-3.5 font-medium text-[15px] hover:bg-[#002b5e] transition-colors duration-300",
44788                    children: "목록으로"
44789                  }
44790                ) })
44791              ] })
44792            ]
44793          }
44794        )
44795      }
44796    ) }) }) })
44797  ] });
44798}
44799const Y6 = globalThis.__GLOBALS__.getAssetURL("c00d697d7be4cfe015e16359467ff2ad2bf17170.png");
44800function X6() {
44801  const t = (x) => {
44802    window.location.hash = x, window.scrollTo({ top: 0, behavior: "smooth" });
44803  }, [i, n] = C("all"), [r, s] = C(!1), [l, o] = C("추천순"), d = [
44804    {
44805      id: "lidar-aa-2",
44806      title: "LiDAR AA Calibration",
44807      subtitle: "Active Alignment",
44808      category: "LiDAR AA",
44809      image: "https://images.unsplash.com/photo-1691926495061-6a2826241f9b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
44810      description: "LiDAR 센서 조립 후 각도·거리 오차를 실시간 보정하는 자동 캘리브레이션 솔루션입니다.",
44811      path: "/products/lidar-solutions"
44812    },
44813    {
44814      id: "lidar-aa-3",
44815      title: "LiDAR AA Tester",
44816      subtitle: "Active Alignment",
44817      category: "LiDAR AA",
44818      image: "https://images.unsplash.com/photo-1764983253036-edd0f55af679?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080",
44819      description: "생산라인에서 LiDAR 모듈의 성능 및 정렬 품질을 전수 검사하는 인라인 테스트 장비입니다.",
44820      path: "/products/lidar-solutions"
44821    }
44822  ], c = ["all", "LiDAR AA"], p = {
44823    all: "All Products",
44824    "LiDAR AA": "LiDAR AA"
44825  }, h = i === "all" ? d : d.filter((x) => x.category === i);
44826  return /* @__PURE__ */ a("div", { className: "min-h-screen bg-white", children: [
44827    /* @__PURE__ */ e("section", { className: "pt-40 pb-20 px-6 max-w-7xl mx-auto", children: /* @__PURE__ */ a(
44828      m.div,
44829      {
44830        initial: { opacity: 0, y: 30 },
44831        animate: { opacity: 1, y: 0 },
44832        transition: { duration: 0.6 },
44833        className: "flex flex-col gap-8",
44834        children: [
44835          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[14px] text-gray-500 font-medium font-sans", children: [
44836            /* @__PURE__ */ e("span", { children: "Home" }),
44837            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
44838            /* @__PURE__ */ e("span", { children: "Products" }),
44839            /* @__PURE__ */ e("span", { className: "text-gray-300 mx-1", children: ">" }),
44840            /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: "Lidar Solutions" })
44841          ] }),
44842          /* @__PURE__ */ a("div", { children: [
44843            /* @__PURE__ */ e("h1", { className: "text-[52px] font-bold text-slate-950 leading-tight tracking-tight mb-3 font-sans", children: "Lidar Solutions" }),
44844            /* @__PURE__ */ e("p", { className: "text-[20px] text-gray-500 font-medium font-sans tracking-wide", children: "Precision 3D Sensing for Autonomous & Industrial Applications" })
44845          ] }),
44846          /* @__PURE__ */ e(
44847            m.div,
44848            {
44849              initial: { opacity: 0, scale: 0.95 },
44850              animate: { opacity: 1, scale: 1 },
44851              transition: { duration: 0.8, delay: 0.2 },
44852              className: "w-full h-[380px] rounded-[30px] overflow-hidden relative mt-8 shadow-lg bg-gray-100",
44853              children: /* @__PURE__ */ e(
44854                S,
44855                {
44856                  src: Y6,
44857                  alt: "Lidar Solutions",
44858                  className: "w-full h-full object-cover"
44859                }
44860              )
44861            }
44862          )
44863        ]
44864      }
44865    ) }),
44866    /* @__PURE__ */ a("section", { className: "py-10 px-6 max-w-7xl mx-auto", children: [
44867      /* @__PURE__ */ e(
44868        m.div,
44869        {
44870          initial: { opacity: 0, y: 20 },
44871          whileInView: { opacity: 1, y: 0 },
44872          viewport: { once: !0 },
44873          transition: { duration: 0.6 },
44874          className: "flex flex-col gap-10 mb-16 pb-10",
44875          children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
44876            /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e("h2", { className: "text-[35px] font-bold text-slate-950 font-[Aoboshi_One]", children: "Key Products" }) }),
44877            /* @__PURE__ */ e("div", { className: "border-b border-slate-200" }),
44878            /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4 pb-5 pt-1", children: [
44879              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((x) => /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
44880                "button",
44881                {
44882                  onClick: () => {
44883                    n(x);
44884                  },
44885                  className: `px-5 py-2 rounded-full font-bold transition-all border text-[13px] font-[Aoboshi_One] flex items-center gap-1.5 ${i === x ? "bg-slate-950 text-white border-slate-950 shadow-sm" : "bg-white text-gray-600 border-slate-200 hover:border-slate-400 hover:text-slate-900"}`,
44886                  children: p[x] ?? x
44887                }
44888              ) }, x)) }),
44889              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-[11px] text-gray-400 font-medium font-sans tracking-tight", children: [
44890                /* @__PURE__ */ e("span", { className: "text-slate-950 font-bold", children: h.length }),
44891                /* @__PURE__ */ e("span", { children: "개 결과" }),
44892                /* @__PURE__ */ e("span", { className: "text-gray-300", children: "│" }),
44893                /* @__PURE__ */ a("div", { className: "relative", children: [
44894                  /* @__PURE__ */ a(
44895                    "button",
44896                    {
44897                      onClick: () => s((x) => !x),
44898                      className: "flex items-center gap-1 text-[11px] text-slate-700 font-medium hover:text-slate-950 transition-colors",
44899                      children: [
44900                        l,
44901                        /* @__PURE__ */ e("svg", { className: `w-3 h-3 transition-transform duration-200 ${r ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
44902                      ]
44903                    }
44904                  ),
44905                  r && /* @__PURE__ */ e(
44906                    m.div,
44907                    {
44908                      initial: { opacity: 0, y: -6, scale: 0.97 },
44909                      animate: { opacity: 1, y: 0, scale: 1 },
44910                      exit: { opacity: 0, y: -6, scale: 0.97 },
44911                      transition: { duration: 0.15, ease: "easeOut" },
44912                      className: "absolute right-0 top-full mt-1.5 bg-white border border-slate-200 rounded-xl shadow-lg py-1 z-50 min-w-[80px]",
44913                      children: ["추천순", "최신순"].map((x) => /* @__PURE__ */ e(
44914                        "button",
44915                        {
44916                          onClick: () => {
44917                            o(x), s(!1);
44918                          },
44919                          className: `w-full text-left px-3 py-1.5 text-[11px] hover:bg-slate-50 transition-colors ${l === x ? "text-slate-950 font-bold" : "text-gray-500"}`,
44920                          children: x
44921                        },
44922                        x
44923                      ))
44924                    }
44925                  )
44926                ] })
44927              ] })
44928            ] })
44929          ] })
44930        }
44931      ),
44932      /* @__PURE__ */ e("div", { className: "space-y-24", children: /* @__PURE__ */ e(
44933        m.div,
44934        {
44935          initial: { opacity: 0, y: 20 },
44936          animate: { opacity: 1, y: 0 },
44937          transition: { duration: 0.3 },
44938          children: h.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-20 text-gray-500", children: /* @__PURE__ */ e("p", { className: "text-[18px] font-bold", children: "To Be Updated" }) }) : /* @__PURE__ */ a("div", { children: [
44939            /* @__PURE__ */ e("div", { className: "flex items-end gap-6 mb-10 border-b border-gray-100 pb-6", children: /* @__PURE__ */ e("h3", { className: "text-[32px] font-bold text-slate-950 mb-2 font-[Aoboshi_One]", children: "LiDAR AA" }) }),
44940            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: h.slice(0, 1).map((x) => /* @__PURE__ */ a(
44941              m.div,
44942              {
44943                initial: { opacity: 0, scale: 0.95 },
44944                whileInView: { opacity: 1, scale: 1 },
44945                viewport: { once: !0 },
44946                transition: { duration: 0.4 },
44947                className: "bg-white rounded-[24px] p-6 border border-gray-200 shadow-sm hover:shadow-xl hover:-translate-y-1 hover:border-[#003D7A]/30 transition-all duration-300 group cursor-pointer flex flex-col h-full",
44948                children: [
44949                  /* @__PURE__ */ e("div", { className: "h-[240px] flex items-center justify-center mb-6 bg-gray-50 rounded-[20px] overflow-hidden p-0 relative", children: /* @__PURE__ */ e(
44950                    S,
44951                    {
44952                      src: "https://furonteer.com/v1/data/files/products/f4d006ea1f57568f430456c65641b07anyCTJ.jpg",
44953                      alt: x.title,
44954                      className: "w-full h-full object-cover rounded-[20px] transition-transform duration-500 group-hover:scale-105"
44955                    }
44956                  ) }),
44957                  /* @__PURE__ */ a("div", { className: "flex flex-col flex-grow", children: [
44958                    /* @__PURE__ */ e("p", { className: "text-[13px] text-gray-400 font-medium mb-1 font-sans hidden", children: x.subtitle }),
44959                    /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight mb-3 font-sans text-[20px]", children: x.title }),
44960                    /* @__PURE__ */ e("p", { className: "text-[14px] text-gray-500 leading-relaxed font-sans hidden", children: x.description }),
44961                    /* @__PURE__ */ e("div", { className: "mt-auto pt-6 flex justify-start", children: /* @__PURE__ */ e(
44962                      "button",
44963                      {
44964                        onClick: (b) => {
44965                          b.stopPropagation(), t(`/product/${x.id}`);
44966                        },
44967                        className: "px-6 py-2.5 rounded-full text-white flex items-center justify-center transition-colors shadow-sm bg-[#000000] hover:bg-gray-800",
44968                        children: /* @__PURE__ */ e("span", { className: "text-[12px] font-bold", children: "자세히 보기" })
44969                      }
44970                    ) })
44971                  ] })
44972                ]
44973              },
44974              x.id
44975            )) })
44976          ] })
44977        },
44978        i
44979      ) })
44980    ] })
44981  ] });
44982}
44983function J6() {
44984  return /* @__PURE__ */ e(
44985    Wt,
44986    {
44987      productName: "Auto Socket Actuator",
44988      heroImage: "https://images.unsplash.com/photo-1694532529349-1194cb27a302?auto=format&fit=crop&q=80&w=1080",
44989      description: "HyVision System의 고정밀 Actuator 기술이 집약된 Auto Socket Actuator는 다양한 제조 및 검사 공정에서 안정적이고 신뢰성 높은 구동을 제공합니다.",
44990      features: [
44991        {
44992          title: "High Precision Control",
44993          description: "초정밀 구동 메커니즘을 적용하여 미세한 위치 제어와 반복 정밀도를 보장합니다. 이를 통해 공정의 수율과 품질을 극대화합니다."
44994        },
44995        {
44996          title: "Durability & Reliability",
44997          description: "가혹한 산업 환경에서도 안정적으로 작동할 수 있도록 내구성이 뛰어난 소재와 구조 설계가 적용되었습니다."
44998        },
44999        {
45000          title: "Versatile Application",
45001          description: "다양한 형태의 소켓 및 인터페이스와 호환되어, 검사 장비뿐만 아니라 자동화 조립 라인 등 폭넓은 산업 분야에 적용 가능합니다."
45002        }
45003      ],
45004      specifications: [
45005        { label: "Product Name", value: "Auto Socket Actuator" },
45006        { label: "Category", value: "Motion > Actuator" },
45007        { label: "Drive Type", value: "High Precision Motor / Pneumatic Hybrid" },
45008        { label: "Control Resolution", value: "Sub-micron level" },
45009        { label: "Interface", value: "Standard Industrial I/O" }
45010      ],
45011      applications: [
45012        "Semiconductor Inspection Equipment",
45013        "Display Panel Test Systems",
45014        "Camera Module Assembly Lines",
45015        "Automated Manufacturing Systems"
45016      ]
45017    }
45018  );
45019}
45020function Z6() {
45021  const [t, i] = C("/");
45022  R(() => {
45023    const s = window.location.hash.slice(1) || "/";
45024    i(s);
45025  }, []);
45026  const n = (s) => {
45027    if (s.includes("#")) {
45028      const [l, o] = s.split("#");
45029      i(l), window.location.hash = l, setTimeout(() => {
45030        const d = document.getElementById(o);
45031        d && d.scrollIntoView({ behavior: "smooth", block: "start" });
45032      }, 100);
45033    } else
45034      i(s), window.location.hash = s, window.scrollTo({ top: 0, behavior: "smooth" });
45035  };
45036  return R(() => {
45037    const s = () => {
45038      const l = window.location.hash.slice(1) || "/";
45039      i(l), window.scrollTo({ top: 0, behavior: "smooth" });
45040    };
45041    return window.addEventListener("hashchange", s), () => window.removeEventListener("hashchange", s);
45042  }
45042, []), /* @__PURE__ */ e(Rg, { children: /* @__PURE__ */ a("div", { className: "min-h-screen bg-white relative", children: [
45043    /* @__PURE__ */ e(aw, { onNavigate: n, currentPath: t }),
45044    (() => {
45045      const s = t.split("#")[0], l = s.split("?")[0], o = new URLSearchParams(s.split("?")[1] || "");
45046      if (l.startsWith("/features/")) {
45047        const d = l.replace("/features/", "").split("/"), c = d[0], p = d[1];
45048        return /* @__PURE__ */ e(w8, { category: c, productId: p });
45049      }
45050      if (l.startsWith("/product/")) {
45051        const d = l.replace("/product/", "");
45052        return d === "hbsi130" ? /* @__PURE__ */ e(Hc, { onNavigate: n }) : d === "frcs500" ? /* @__PURE__ */ e(Oc, { onNavigate: n }) : d === "battery-ess" ? /* @__PURE__ */ e(D8, { onNavigate: n }) : d === "hbsi-130" ? /* @__PURE__ */ e(cr, { productId: "hbsi-130" }) : d === "frcs500-detail" ? /* @__PURE__ */ e(cr, { productId: "frcs500" }) : d === "wafer-aoi-detail" ? /* @__PURE__ */ e(O8, {}) : d === "5axis-sensor" ? /* @__PURE__ */ e(R6, {}) : d === "auto-socket" ? /* @__PURE__ */ e(J6, {}) : /* @__PURE__ */ e(cr, { productId: d });
45053      }
45054      if (l.startsWith("/products/3d/")) {
45055        const d = l.replace("/products/3d/", "");
45056        return /* @__PURE__ */ e(V6, { productId: d, onNavigate: n });
45057      }
45058      switch (l) {
45059        case "/":
45060          return /* @__PURE__ */ e(wc, {});
45061        case "/company":
45062          return /* @__PURE__ */ e(D5, {});
45063        case "/business":
45064          return /* @__PURE__ */ e(k5, {});
45065        case "/products":
45066          return /* @__PURE__ */ e(u6, {});
45067        case "/products/ccm":
45068          return /* @__PURE__ */ e(f6, {});
45069        case "/products/ccm/active-align":
45070          return /* @__PURE__ */ e(G6, {});
45071        case "/products/ccm/da500":
45072          return /* @__PURE__ */ e(xe, { productId: "da500" });
45073        case "/products/ccm/da100":
45074          return /* @__PURE__ */ e(xe, { productId: "da100" });
45075        case "/products/ccm/a1000":
45076          return /* @__PURE__ */ e(xe, { productId: "a1000" });
45077        case "/products/ccm/a800":
45078          return /* @__PURE__ */ e(xe, { productId: "a800" });
45079        case "/products/ccm/a700":
45080          return /* @__PURE__ */ e(xe, { productId: "a700" });
45081        case "/products/ccm/f300":
45082          return /* @__PURE__ */ e(xe, { productId: "f300" });
45083        case "/products/ccm/f150":
45084          return /* @__PURE__ */ e(xe, { productId: "f150" });
45085        case "/products/ccm/at200":
45086          return /* @__PURE__ */ e(xe, { productId: "at200" });
45087        case "/products/ccm/rt300":
45088          return /* @__PURE__ */ e(xe, { productId: "rt300" });
45089        case "/products/ccm/dc200":
45090          return /* @__PURE__ */ e(xe, { productId: "dc200" });
45091        case "/products/ccm/c500v":
45092          return /* @__PURE__ */ e(xe, { productId: "c500v" });
45093        case "/products/ccm/v5utc":
45094          return /* @__PURE__ */ e(xe, { productId: "v5utc" });
45095        case "/products/ccm/o300":
45096          return /* @__PURE__ */ e(xe, { productId: "o300" });
45097        case "/products/ccm/dc300":
45098          return /* @__PURE__ */ e(xe, { productId: "dc300" });
45099        case "/products/ccm/mc300":
45100          return /* @__PURE__ */ e(xe, { productId: "mc300" });
45101        case "/products/ccm/c170v":
45102          return /* @__PURE__ */ e(xe, { productId: "c170v" });
45103        case "/products/ccm/307at2v":
45104          return /* @__PURE__ */ e(xe, { productId: "307at2v" });
45105        case "/products/ccm/305at4r20s":
45106          return /* @__PURE__ */ e(xe, { productId: "305at4r20s" });
45107        case "/products/ccm/t200v":
45108          return /* @__PURE__ */ e(xe, { productId: "t200v" });
45109        case "/products/ccm/t300v":
45110          return /* @__PURE__ */ e(xe, { productId: "t300v" });
45111        case "/products/ccm/t300":
45112          return /* @__PURE__ */ e(xe, { productId: "t300" });
45113        case "/products/ccm/sensing":
45114          return /* @__PURE__ */ e(xe, { productId: "sensing" });
45115        case "/products/ar-vr-glass":
45116          return /* @__PURE__ */ e(z6, {});
45117        case "/products/bio-inspection":
45118          return /* @__PURE__ */ e(y6, {});
45119        case "/products/lidar-solutions":
45120          return /* @__PURE__ */ e(X6, {});
45121        case "/products/wafer-aoi":
45122          return /* @__PURE__ */ e(w6, {});
45123        case "/products/cylindrical-battery-line":
45124          return /* @__PURE__ */ e(L8, {});
45125        case "/products/pouch-module-line":
45126          return /* @__PURE__ */ e(N6, {});
45127        case "/products/ess-mega-pack":
45128          return /* @__PURE__ */ e(I6, {});
45129        case "/products/cell-inspection":
45130          return /* @__PURE__ */ e(C6, {});
45131        case "/products/electrode-vision":
45132          return /* @__PURE__ */ e(D6, {});
45133        case "/products/welding-inspection":
45134          return /* @__PURE__ */ e(T6, {});
45135        case "/products/auto-flip-inspection":
45136          return /* @__PURE__ */ e(P6, {});
45137        case "/products/hbsi-130":
45138          return /* @__PURE__ */ e(Hc, { onNavigate: n });
45139        case "/products/hbsi-50":
45140          return /* @__PURE__ */ e(T8, {});
45141        case "/products/frcs-500":
45142          return /* @__PURE__ */ e(Oc, { onNavigate: n });
45143        case "/products/aoi-500":
45144          return /* @__PURE__ */ e(L6, {});
45145        case "/investors":
45146          return /* @__PURE__ */ e(T5, {});
45147        case "/manufacturing":
45148          return /* @__PURE__ */ e(V5, {});
45149        case "/careers":
45150          return /* @__PURE__ */ e(F5, {});
45151        case "/media":
45152        case "/media-news":
45153          return /* @__PURE__ */ e(Vc, { initialTab: "news" });
45154        case "/media-gallery":
45155          return /* @__PURE__ */ e(Vc, { initialTab: "gallery" });
45156        case "/contact":
45157          return /* @__PURE__ */ e(Sc, { initialTab: o.get("tab") }, o.get("tab") || "contact-general");
45158        case "/contact-sales":
45159          return /* @__PURE__ */ e(Sc, { initialTab: "business" }, "contact-sales");
45160        case "/job-detail":
45161          return /* @__PURE__ */ e(W5, {});
45162        case "/news-detail":
45163          return /* @__PURE__ */ e(z5, {});
45164        case "/sustainability":
45165          return /* @__PURE__ */ e(d4, {});
45166        case "/management":
45167          return /* @__PURE__ */ e(m4, {});
45168        case "/history":
45169          return /* @__PURE__ */ e(u4, {});
45170        case "/core-competencies":
45171          return /* @__PURE__ */ e(x4, {});
45172        case "/global-network":
45173          return /* @__PURE__ */ e(N4, {});
45174        case "/major-customers":
45175          return /* @__PURE__ */ e(A4, {});
45176        case "/ccm":
45177          return /* @__PURE__ */ e(R4, {});
45178        case "/technology":
45179          return /* @__PURE__ */ e(Np, {});
45180        case "/technology-overview":
45181          return /* @__PURE__ */ e(F4, {});
45182        case "/smart-components":
45183          return /* @__PURE__ */ e(e8, {});
45184        case "/rechargeable-battery":
45185          return /* @__PURE__ */ e(r8, {});
45186        case "/bio-inspection":
45187          return /* @__PURE__ */ e(o8, {});
45188        case "/wafer-aoi":
45189          return /* @__PURE__ */ e(p8, {});
45190        case "/component-sales":
45191          return /* @__PURE__ */ e(n6, {});
45192        case "/oss-support":
45193          return /* @__PURE__ */ e(m6, {});
45194        case "/3d-printer-robotics":
45195          return /* @__PURE__ */ e(u8, { onNavigate: n });
45196        case "/technology-innovation":
45197          return /* @__PURE__ */ e(x8, {});
45198        case "/all-products":
45199          return /* @__PURE__ */ e(f8, {});
45200        case "/pr-center":
45201          return /* @__PURE__ */ e(V8, {});
45202        case "/group-overview":
45203          return /* @__PURE__ */ e(W8, { onNavigate: n });
45204        case "/india-operations":
45205          return /* @__PURE__ */ e(z8, {});
45206        case "/location-contact":
45207          return /* @__PURE__ */ e(B8, {});
45208        case "/culture":
45209          return /* @__PURE__ */ e(q8, {});
45210        case "/culture-secondary":
45211          return /* @__PURE__ */ e(Q8, {});
45212        default:
45213          return /* @__PURE__ */ e(wc, {});
45214      }
45215    })(),
45216    /* @__PURE__ */ e(d5, {}),
45217    /* @__PURE__ */ e(wp, {})
45218  ] }) });
45219}
45220const $6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
45221  __proto__: null,
45222  default: Z6
45223}, Symbol.toStringTag, { value: "Module" }));
45224export {
45225  K6 as Code0_8
45226};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.