@yeongseoksong/framework 0.1.0

package/dist/ui/index.js

@@ -0,0 +1,1835 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ui/index.tsx
+var ui_exports = {};
+__export(ui_exports, {
+  HeroCarousel: () => HeroCarousel,
+  Logo: () => Logo,
+  MainLayout: () => MainLayout,
+  PageLayout: () => PageLayout,
+  SdBadge: () => SdBadge,
+  SdButton: () => SdButton,
+  SdClients: () => SdClients,
+  SdContainer: () => SdContainer,
+  SdCta: () => SdCta,
+  SdErrorView: () => SdErrorView,
+  SdFaq: () => SdFaq,
+  SdFeatureSection: () => SdFeatureSection,
+  SdFeatures: () => SdFeatures,
+  SdFooter: () => SdFooter,
+  SdHeader: () => SdHeader,
+  SdInput: () => SdInput,
+  SdMap: () => SdMap,
+  SdModal: () => SdModal,
+  SdNumberIcon: () => SdNumberIcon,
+  SdPricingCard: () => SdPricingCard,
+  SdQuote: () => SdQuote,
+  SdSolution: () => SdSolution,
+  SdSolutionCard: () => SdSolutionCard,
+  SdSteps: () => SdSteps,
+  SdStepsSection: () => SdStepsSection,
+  SdTable: () => SdTable,
+  SdTabs: () => SdTabs,
+  SdTestimonial: () => SdTestimonial,
+  SdText: () => SdText,
+  SdTextBox: () => SdTextBox,
+  SdTimeline: () => SdTimeline,
+  SdTimelineSection: () => SdTimelineSection,
+  SdTitle: () => SdTitle,
+  theme: () => theme
+});
+module.exports = __toCommonJS(ui_exports);
+
+// ui/atom/Logo.tsx
+var import_image = __toESM(require("next/image"));
+var import_link = __toESM(require("next/link"));
+var import_core = require("@mantine/core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Logo(_props) {
+  const { size } = (0, import_core.useProps)("Logo", { size: "md" }, _props);
+  const theme2 = (0, import_core.useMantineTheme)();
+  const resolved = theme2.other.logoSizes[size];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_image.default,
+    {
+      src: "/logo.svg",
+      alt: "\uB85C\uACE0",
+      width: resolved.width,
+      height: resolved.height,
+      style: {
+        width: (0, import_core.rem)(resolved.width),
+        height: "auto",
+        objectFit: "contain"
+      },
+      priority: true
+    }
+  ) });
+}
+
+// ui/atom/Tabs.tsx
+var import_core3 = require("@mantine/core");
+
+// ui/atom/Container.tsx
+var import_core2 = require("@mantine/core");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function SdContainer(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Container, __spreadProps(__spreadValues({ px: { base: "md", sm: "xl" } }, props), { children }));
+}
+
+// ui/atom/Tabs.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SdPanel(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Tabs.Panel, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SdContainer, { py: "xl", children }) }));
+}
+function SdScrollableList(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Box, { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Tabs.List, __spreadProps(__spreadValues({}, props), { children })) });
+}
+function createTabs(defaults, scrollable = false) {
+  function SdTabsRoot(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Tabs, __spreadValues(__spreadValues({}, defaults), props));
+  }
+  SdTabsRoot.List = scrollable ? SdScrollableList : import_core3.Tabs.List;
+  SdTabsRoot.Tab = import_core3.Tabs.Tab;
+  SdTabsRoot.Panel = SdPanel;
+  return SdTabsRoot;
+}
+var SdTabs = {
+  Pills: createTabs({
+    variant: "pills",
+    color: "primary",
+    radius: "xl",
+    styles: {
+      list: {
+        background: "var(--mantine-color-slate-1)",
+        padding: "var(--mantine-spacing-xs)",
+        gap: "var(--mantine-spacing-xs)",
+        borderRadius: "var(--mantine-radius-xl)",
+        width: "fit-content",
+        maxWidth: "100%",
+        margin: "0 auto",
+        flexWrap: "wrap",
+        justifyContent: "center"
+      },
+      tab: { fontWeight: "500", fontSize: "var(--mantine-h5-font-size)", paddingInline: "var(--mantine-spacing-lg)" }
+    }
+  }),
+  Underline: createTabs({
+    variant: "default",
+    color: "primary",
+    styles: {
+      list: { width: "fit-content", margin: "0 auto", gap: "var(--mantine-spacing-sm)" },
+      tab: { fontWeight: "500", fontSize: "var(--mantine-h5-font-size)", paddingInline: "var(--mantine-spacing-lg)" }
+    }
+  }),
+  Outline: createTabs({
+    variant: "outline",
+    color: "primary",
+    radius: "md",
+    styles: {
+      list: { width: "fit-content", margin: "0 auto", gap: "var(--mantine-spacing-sm)" },
+      tab: { fontWeight: "500", fontSize: "var(--mantine-h5-font-size)", paddingInline: "var(--mantine-spacing-lg)" }
+    }
+  })
+};
+
+// ui/atom/Title.tsx
+var import_core4 = require("@mantine/core");
+
+// util/text.util.ts
+var COMPANY_TOKEN = "%c";
+var companyName = "UKNOWN";
+function t(text) {
+  return text.replaceAll(COMPANY_TOKEN, companyName);
+}
+
+// ui/atom/Title.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function createTitle(defaults) {
+  return function SdTitle2(_a) {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    const resolved = typeof children === "string" ? t(children) : children;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.Title, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
+  };
+}
+var SdTitle = {
+  /** 히어로 대제목 — h1, clamp 폰트 */
+  Display: createTitle({ order: 2 }),
+  /** 섹션 제목  */
+  Section: createTitle({ order: 3 }),
+  /** 카드·모달 제목 — */
+  Card: createTitle({ order: 4 }),
+  /** 소제목  */
+  Sub: createTitle({ order: 5 })
+};
+
+// ui/atom/Text.tsx
+var import_core5 = require("@mantine/core");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function createText(defaults) {
+  return function SdText2(_a) {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    const resolved = typeof children === "string" ? t(children) : children;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core5.Text, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
+  };
+}
+var SdText = {
+  Strong: createText({ fw: 700, c: "slate.9", fz: "md", style: { letterSpacing: "-0.04em" } }),
+  Body: createText({ fw: 400, c: "slate.7", fz: "md", lh: 1.7 }),
+  Sub: createText({ fw: 400, c: "slate.5", fz: "xs", lh: 1.6 }),
+  Eyebrow: createText({ fw: 700, c: "primary.6", fz: "xs", style: { letterSpacing: "0.12em", textTransform: "uppercase" } }),
+  Error: createText({ fw: 400, c: "red.6", fz: "sm" }),
+  Hint: createText({ fw: 400, c: "slate.4", fz: "xs", lh: 1.5 }),
+  Numeric: createText({ fw: 700, c: "slate.8", fz: "md", style: { fontVariantNumeric: "tabular-nums", letterSpacing: "-0.02em" } })
+};
+
+// ui/atom/Button.tsx
+var import_core6 = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function createButton(defaults) {
+  return function SdButton2(_a) {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.Button, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
+  };
+}
+var SdButton = {
+  /** 주요 액션 — filled primary */
+  Primary: createButton({ color: "primary" }),
+  /** 보조 액션 — outline */
+  Outline: createButton({ variant: "outline", color: "primary" }),
+  /** 텍스트 수준 — subtle */
+  Ghost: createButton({ variant: "subtle", color: "slate" }),
+  /** 다크 배경 위 — white */
+  White: createButton({ variant: "white" }),
+  /** 삭제 — filled red + 휴지통 아이콘 */
+  Delete: createButton({ color: "red", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconTrash, { size: 16 }) }),
+  /** 취소 — outline slate + X 아이콘 */
+  Cancel: createButton({ variant: "outline", color: "slate", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconX, { size: 16 }) })
+};
+
+// ui/atom/Quote.tsx
+var import_core7 = require("@mantine/core");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function QuoteInner({ lines, name, role }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core7.Stack, { gap: "lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core7.Stack, { gap: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Stack, { gap: "sm", mt: "md", children: lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SdText.Body, { children: line }, i)) })
+    ] }),
+    (name || role) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core7.Group, { gap: "xs", align: "baseline", children: [
+      name && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SdText.Strong, { children: name }),
+      role && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SdText.Sub, { children: role })
+    ] })
+  ] });
+}
+function Plain(_a) {
+  var _b = _a, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Box, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuoteInner, { lines, name, role }) })) });
+}
+function CardQuote(_a) {
+  var _b = _a, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Card, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuoteInner, { lines, name, role }) })) });
+}
+var SdQuote = {
+  Plain,
+  Card: CardQuote
+};
+
+// ui/atom/Table.tsx
+var import_core8 = require("@mantine/core");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function createTable(defaults) {
+  function SdTableRoot(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Table, __spreadValues(__spreadValues({}, defaults), props));
+  }
+  SdTableRoot.Thead = import_core8.Table.Thead;
+  SdTableRoot.Tbody = import_core8.Table.Tbody;
+  SdTableRoot.Tr = import_core8.Table.Tr;
+  SdTableRoot.Th = import_core8.Table.Th;
+  SdTableRoot.Td = import_core8.Table.Td;
+  SdTableRoot.Caption = import_core8.Table.Caption;
+  return SdTableRoot;
+}
+var base = {
+  striped: true,
+  highlightOnHover: true,
+  withTableBorder: true,
+  withColumnBorders: false,
+  verticalSpacing: "sm",
+  horizontalSpacing: "md"
+};
+function SpecTh(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Table.Th, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SdText.Strong, { c: "white", children }) }));
+}
+function SpecTd(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Table.Td, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SdText.Body, { children }) }));
+}
+var Spec = createTable(__spreadProps(__spreadValues({}, base), {
+  withColumnBorders: true,
+  verticalSpacing: "md",
+  horizontalSpacing: "lg",
+  styles: {
+    table: { borderRadius: "var(--mantine-radius-md)", overflow: "hidden" },
+    th: {
+      background: "var(--mantine-color-primary-6)",
+      letterSpacing: "0.01em"
+    }
+  }
+}));
+Spec.Th = SpecTh;
+Spec.Td = SpecTd;
+var SdTable = Object.assign(createTable(base), { Spec });
+
+// ui/atom/Modal.tsx
+var import_core9 = require("@mantine/core");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function createModal(defaults) {
+  function SdModalRoot(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.Modal, __spreadValues(__spreadValues({}, defaults), props));
+  }
+  SdModalRoot.Header = import_core9.Modal.Header;
+  SdModalRoot.Title = import_core9.Modal.Title;
+  SdModalRoot.Body = import_core9.Modal.Body;
+  SdModalRoot.CloseButton = import_core9.Modal.CloseButton;
+  return SdModalRoot;
+}
+var SdModal = createModal({
+  size: "md",
+  overlayProps: { backgroundOpacity: 0.4, blur: 4 }
+});
+
+// ui/atom/NumberIcon.tsx
+var import_core10 = require("@mantine/core");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function SdNumberIcon(_a) {
+  var _b = _a, { value, size = 48, radius = "xl", color = "primary" } = _b, props = __objRest(_b, ["value", "size", "radius", "color"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.ThemeIcon, __spreadProps(__spreadValues({ size, radius, color }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SdText.Strong, { c: "white", children: value }) }));
+}
+
+// ui/atom/Badge.tsx
+var import_core11 = require("@mantine/core");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function createBadge(defaults) {
+  return function SdBadge2(_a) {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Badge, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
+  };
+}
+var SdBadge = {
+  /** 기본 — outline slate */
+  Default: createBadge({ variant: "outline", color: "slate" }),
+  /** 브랜드 강조 — light primary */
+  Primary: createBadge({ variant: "light", color: "primary" }),
+  /** 성공/완료 */
+  Success: createBadge({ variant: "light", color: "green" }),
+  /** 주의/경고 */
+  Warning: createBadge({ variant: "light", color: "orange" })
+};
+
+// ui/atom/Input.tsx
+var import_core12 = require("@mantine/core");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function createTextInput(defaults) {
+  return function SdInput2(_a) {
+    var props = __objRest(_a, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.TextInput, __spreadValues(__spreadValues({}, defaults), props));
+  };
+}
+function createTextarea(defaults) {
+  return function SdInputTextarea(_a) {
+    var props = __objRest(_a, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Textarea, __spreadValues(__spreadValues({}, defaults), props));
+  };
+}
+function createPasswordInput(defaults) {
+  return function SdInputPassword(_a) {
+    var props = __objRest(_a, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.PasswordInput, __spreadValues(__spreadValues({}, defaults), props));
+  };
+}
+function createSelect(defaults) {
+  return function SdInputSelect(_a) {
+    var props = __objRest(_a, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Select, __spreadValues(__spreadValues({}, defaults), props));
+  };
+}
+var SdInput = {
+  /** 일반 텍스트 — 이름, 회사명 등 */
+  Text: createTextInput({}),
+  /** 이메일 입력 */
+  Email: createTextInput({ type: "email" }),
+  /** 비밀번호 입력 — 마스킹 토글 포함 */
+  Password: createPasswordInput({}),
+  /** 멀티라인 텍스트 — 문의 메시지 등 */
+  Textarea: createTextarea({ autosize: true, minRows: 3 }),
+  /** 드롭다운 선택 */
+  Select: createSelect({})
+};
+
+// ui/molecule/TextBox.tsx
+var import_core13 = require("@mantine/core");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", color_ = void 0) {
+  return function SdTextBox2(_a) {
+    var _b = _a, {
+      label,
+      title,
+      description,
+      titleVariant: variantOverride,
+      maxDescWidth,
+      children,
+      color
+    } = _b, stackProps = __objRest(_b, [
+      "label",
+      "title",
+      "description",
+      "titleVariant",
+      "maxDescWidth",
+      "children",
+      "color"
+    ]);
+    const colorRes = color != null ? color : color_;
+    const variant = variantOverride != null ? variantOverride : titleVariant;
+    const TitleComponent = SdTitle[variant];
+    const DescComponent = SdText[descVariant];
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core13.Stack, __spreadProps(__spreadValues({ gap: defaultGap }, stackProps), { children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SdText.Eyebrow, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TitleComponent, { c: colorRes, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DescComponent, { c: colorRes, maw: maxDescWidth, mt: 4, children: description }),
+      children
+    ] }));
+  };
+}
+var SdTextBox = {
+  Hero: createTextBox("Display", "lg", "Body", "slate.0"),
+  Section: createTextBox("Section", "xs", "Body"),
+  Card: createTextBox("Card", "xs", "Body"),
+  Sub: createTextBox("Sub", "xs", "Sub")
+};
+
+// ui/molecule/Features.tsx
+var import_core14 = require("@mantine/core");
+
+// util/sort.util.ts
+function filterAndSort(items) {
+  return (items != null ? items : []).filter((item) => item.isShow).sort((a, b) => a.order - b.order);
+}
+
+// ui/molecule/Features.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function SdFeatures({ items, cols = { base: 1, sm: 2, md: 3 } }) {
+  const visible = filterAndSort(items);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core14.SimpleGrid, { cols, spacing: "xl", children: visible.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core14.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core14.Stack, { gap: "sm", children: [
+    item.icon,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      SdTextBox.Card,
+      {
+        label: item.label,
+        title: item.title,
+        description: item.description
+      }
+    )
+  ] }, item.id) })) });
+}
+
+// ui/molecule/Timeline.tsx
+var import_core15 = require("@mantine/core");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function SdTimeline({ items }) {
+  const grouped = items.filter((item) => item.isShow).sort((a, b) => b.year - a.year || b.month - a.month).reduce((acc, item) => {
+    var _a, _b;
+    ((_b = acc[_a = item.year]) != null ? _b : acc[_a] = []).push(item);
+    return acc;
+  }, {});
+  const years = Object.keys(grouped).map(Number).sort((a, b) => b - a);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core15.Timeline, { active: items.length, bulletSize: 24, lineWidth: 2, children: years.map((year) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_core15.Timeline.Item,
+    {
+      title: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(SdTitle.Sub, { children: [
+        year,
+        "\uB144"
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core15.Stack, { gap: 6, mt: "xs", children: grouped[year].map((event) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core15.Group, { gap: "md", align: "center", wrap: "nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(SdText.Eyebrow, { miw: 28, children: [
+          event.month,
+          "\uC6D4"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SdText.Sub, { style: { flex: 1 }, children: event.description })
+      ] }, event.id)) })
+    },
+    year
+  )) });
+}
+
+// ui/molecule/Steps.tsx
+var import_core16 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function BubbleStep({ item, index, isLast }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core16.Group, { align: "flex-start", gap: "lg", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core16.Box, { style: { display: "flex", flexDirection: "column", alignItems: "center", flexShrink: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SdNumberIcon, { value: String(index + 1).padStart(2, "0") }),
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { style: { width: 2, flex: 1, minHeight: 32, marginTop: 8, background: "var(--mantine-color-primary-2)" } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SdTextBox.Card, { title: item.title, description: item.description, pb: !isLast ? "xl" : 0, pt: 4 })
+  ] });
+}
+function Bubble({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BubbleStep, { item, index: i, isLast: i === items.length - 1 }, i)) });
+}
+function CardStep({ item, index }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core16.Card, { withBorder: true, radius: "md", p: 0, style: { height: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_core16.Box,
+      {
+        py: "lg",
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          background: "var(--mantine-color-primary-0)"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SdText.Eyebrow, { children: [
+          "STEP ",
+          String(index + 1).padStart(2, "0")
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { p: "lg", style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SdTextBox.Card, { title: item.title, description: item.description }) })
+  ] });
+}
+function CardArrow({ direction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.ThemeIcon, { size: 36, radius: "xl", variant: "light", color: "primary", children: direction === "right" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons_react2.IconArrowRight, { size: 20, stroke: 2.5 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons_react2.IconArrowDown, { size: 20, stroke: 2.5 }) });
+}
+function CardVariant({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Stack, { gap: "sm", hiddenFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardStep, { item, index: i }),
+      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardArrow, { direction: "down" }) })
+    ] }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Group, { wrap: "nowrap", align: "stretch", gap: 0, visibleFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardStep, { item, index: i }) }),
+      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { style: { display: "flex", alignItems: "center", padding: "0 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardArrow, { direction: "right" }) })
+    ] }, i)) })
+  ] });
+}
+function StripStep({ item, index }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Box, { pl: "md", style: { borderLeft: "3px solid var(--mantine-color-primary-6)" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core16.Stack, { gap: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SdText.Eyebrow, { children: [
+      "STEP ",
+      String(index + 1).padStart(2, "0")
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SdTextBox.Card, { title: item.title, description: item.description })
+  ] }) });
+}
+function Strip({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Stack, { gap: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StripStep, { item, index: i }, i)) });
+}
+var SdSteps = { Bubble, Card: CardVariant, Strip };
+
+// ui/molecule/Testimonial.tsx
+var import_core17 = require("@mantine/core");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function AuthorRow({ item }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Group, { gap: "sm", wrap: "nowrap", children: [
+    item.avatar && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Avatar, { src: item.avatar, size: "md", radius: "xl" }),
+    !item.avatar && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Avatar, { size: "md", radius: "xl", color: "primary", children: item.name.charAt(0) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Stack, { gap: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdText.Strong, { fz: "sm", children: item.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SdText.Sub, { children: [
+        item.role,
+        item.company ? ` \xB7 ${item.company}` : ""
+      ] })
+    ] })
+  ] });
+}
+function CardTestimonial(_a) {
+  var _b = _a, { item } = _b, boxProps = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Card, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Stack, { gap: "md", h: "100%", children: [
+    item.rating && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Stack, { gap: "xs", style: { flex: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdText.Body, { children: line }, i))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorRow, { item })
+  ] }) }));
+}
+function Strip2(_a) {
+  var _b = _a, { item } = _b, boxProps = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Stack, { gap: "md", children: [
+    item.rating && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Group, { gap: 4, align: "flex-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Stack, { gap: "xs", style: { flex: 1 }, children: item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdText.Body, { children: line }, i)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorRow, { item })
+  ] }) }));
+}
+function Grid({ items, cols = { base: 1, sm: 2, md: 3 } }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardTestimonial, { item }, i)) });
+}
+var SdTestimonial = {
+  /** 카드형 — 그리드 배치용 */
+  Card: CardTestimonial,
+  /** 스트립형 — 단일 강조 후기 */
+  Strip: Strip2,
+  /** 카드 그리드 — 여러 후기 목록 */
+  Grid
+};
+
+// ui/molecule/PricingCard.tsx
+var import_core18 = require("@mantine/core");
+var import_icons_react3 = require("@tabler/icons-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Default(_a) {
+  var _b = _a, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a2;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_core18.Card,
+    __spreadProps(__spreadValues({
+      withBorder: true,
+      style: { position: "relative" }
+    }, cardProps), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { justify: "space-between", align: "flex-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Card, { children: item.name }),
+            item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdBadge.Primary, { children: "\uCD94\uCC9C" })
+          ] }),
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Sub, { children: item.description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: 4, align: "baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Display, { children: item.price }),
+          item.period && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SdText.Sub, { children: [
+            "/ ",
+            item.period
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_core18.ThemeIcon,
+            {
+              size: "xs",
+              radius: "xl",
+              color: f.included ? "primary" : "slate",
+              variant: f.included ? "filled" : "subtle",
+              children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react3.IconCheck, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react3.IconX, { size: 12 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            SdText.Body,
+            {
+              fz: "sm",
+              c: f.included ? "slate.7" : "slate.4",
+              children: f.text
+            }
+          )
+        ] }, i)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a2 = item.ctaLabel) != null ? _a2 : "\uC2DC\uC791\uD558\uAE30" })
+      ] })
+    })
+  );
+}
+function Featured(_a) {
+  var _b = _a, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a2;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_core18.Card,
+    __spreadProps(__spreadValues({
+      bg: "primary.6",
+      style: { position: "relative" }
+    }, cardProps), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { justify: "space-between", align: "flex-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Card, { c: "white", children: item.name }),
+            item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdBadge.Default, { c: "white", style: { borderColor: "rgba(255,255,255,0.5)" }, children: "\uCD94\uCC9C" })
+          ] }),
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Body, { c: "primary.1", children: item.description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: 4, align: "baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Display, { c: "white", children: item.price }),
+          item.period && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SdText.Body, { c: "primary.2", children: [
+            "/ ",
+            item.period
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Divider, { color: "primary.4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_core18.ThemeIcon,
+            {
+              size: "xs",
+              radius: "xl",
+              color: "white",
+              variant: f.included ? "filled" : "subtle",
+              children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react3.IconCheck, { size: 12, color: "var(--mantine-color-primary-6)" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react3.IconX, { size: 12, color: "rgba(255,255,255,0.4)" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            SdText.Body,
+            {
+              fz: "sm",
+              c: f.included ? "white" : "primary.3",
+              children: f.text
+            }
+          )
+        ] }, i)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a2 = item.ctaLabel) != null ? _a2 : "\uC2DC\uC791\uD558\uAE30" })
+      ] })
+    })
+  );
+}
+function Grid2({ items, cols = { base: 1, sm: 2, md: 3 }, onSelect }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map(
+    (item, i) => item.isPopular ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Featured, { item, onSelect }, i) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Default, { item, onSelect }, i)
+  ) });
+}
+var SdPricingCard = {
+  /** 기본 outlined 카드 */
+  Default,
+  /** 강조 — primary 배경 */
+  Featured,
+  /** 가격 그리드 (isPopular 항목은 자동으로 Featured 처리) */
+  Grid: Grid2
+};
+
+// ui/molecule/Faq.tsx
+var import_core19 = require("@mantine/core");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Default2(_a) {
+  var _b = _a, { items } = _b, boxProps = __objRest(_b, ["items"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Accordion.Item, { value: String(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
+  ] }, i)) }) }));
+}
+function Filled(_a) {
+  var _b = _a, { items } = _b, boxProps = __objRest(_b, ["items"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Accordion.Item, { value: String(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
+  ] }, i)) }) }));
+}
+function WithHeader(_a) {
+  var _b = _a, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xs", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Eyebrow, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Section, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Body, { children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Default2, { items })
+  ] }));
+}
+var SdFaq = {
+  /** separated 스타일 아코디언 */
+  Default: Default2,
+  /** filled 배경 아코디언 */
+  Filled,
+  /** 헤더 + 아코디언 조합 */
+  WithHeader
+};
+
+// ui/molecule/Cta.tsx
+var import_core20 = require("@mantine/core");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Banner(_a) {
+  var _b = _a, {
+    label,
+    title,
+    description,
+    primaryLabel = "\uC2DC\uC791\uD558\uAE30",
+    secondaryLabel,
+    onPrimary,
+    onSecondary
+  } = _b, boxProps = __objRest(_b, [
+    "label",
+    "title",
+    "description",
+    "primaryLabel",
+    "secondaryLabel",
+    "onPrimary",
+    "onSecondary"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_core20.Box,
+    __spreadProps(__spreadValues({
+      bg: "primary.7",
+      py: { base: "xl", md: 80 },
+      px: { base: "md", md: "xl" }
+    }, boxProps), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xl", align: "center", maw: 600, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "sm", align: "center", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Eyebrow, { c: "primary.3", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Section, { c: "white", ta: "center", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { c: "primary.2", ta: "center", children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.White, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            SdButton.Ghost,
+            {
+              size: "md",
+              c: "primary.2",
+              onClick: onSecondary,
+              children: secondaryLabel
+            }
+          )
+        ] })
+      ] }) })
+    })
+  );
+}
+function Subtle(_a) {
+  var _b = _a, {
+    label,
+    title,
+    description,
+    primaryLabel = "\uC2DC\uC791\uD558\uAE30",
+    secondaryLabel,
+    onPrimary,
+    onSecondary
+  } = _b, boxProps = __objRest(_b, [
+    "label",
+    "title",
+    "description",
+    "primaryLabel",
+    "secondaryLabel",
+    "onPrimary",
+    "onSecondary"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_core20.Box,
+    __spreadProps(__spreadValues({
+      bg: "primary.0",
+      py: { base: "xl", md: 60 },
+      px: { base: "md", md: "xl" },
+      style: { borderRadius: "var(--mantine-radius-lg)" }
+    }, boxProps), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "lg", align: "center", maw: 560, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "sm", align: "center", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Eyebrow, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Section, { ta: "center", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { ta: "center", children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
+        ] })
+      ] }) })
+    })
+  );
+}
+function Inline(_a) {
+  var _b = _a, {
+    label,
+    title,
+    description,
+    primaryLabel = "\uC2DC\uC791\uD558\uAE30",
+    secondaryLabel,
+    onPrimary,
+    onSecondary
+  } = _b, boxProps = __objRest(_b, [
+    "label",
+    "title",
+    "description",
+    "primaryLabel",
+    "secondaryLabel",
+    "onPrimary",
+    "onSecondary"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_core20.Box,
+    __spreadProps(__spreadValues({
+      py: { base: "xl", md: 48 },
+      px: { base: "md", md: "xl" },
+      style: {
+        borderTop: "1px solid var(--mantine-color-slate-2)",
+        borderBottom: "1px solid var(--mantine-color-slate-2)"
+      }
+    }, boxProps), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { justify: "space-between", align: "center", gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xs", style: { flex: 1 }, children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Eyebrow, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Card, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Sub, { children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
+        ] })
+      ] })
+    })
+  );
+}
+var SdCta = {
+  /** 다크 배경 전체폭 CTA */
+  Banner,
+  /** 라이트 박스형 CTA */
+  Subtle,
+  /** 좌우 분할 인라인 CTA */
+  Inline
+};
+
+// ui/molecule/Solution.tsx
+var import_react = require("react");
+var import_core22 = require("@mantine/core");
+var import_link3 = __toESM(require("next/link"));
+
+// ui/molecule/SolutionCard.tsx
+var import_core21 = require("@mantine/core");
+var import_link2 = __toESM(require("next/link"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function SolutionCardItem(_a) {
+  var _b = _a, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a2, _b2;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Card, __spreadProps(__spreadValues({ withBorder: true }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "md", children: [
+    item.icon,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdBadge.Primary, { children: item.category }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Card, { children: item.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Body, { children: item.description }),
+    item.href ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Button, { variant: "subtle", color: "slate", component: import_link2.default, href: item.href, children: [
+      (_a2 = item.ctaLabel) != null ? _a2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
+      " \u2192"
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), children: [
+      (_b2 = item.ctaLabel) != null ? _b2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
+      " \u2192"
+    ] })
+  ] }) }));
+}
+function Grid3({ items, cols = { base: 1, sm: 2, md: 3 }, onSelect }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.SimpleGrid, { cols, spacing: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SolutionCardItem, { item, onSelect }, i)) });
+}
+var SdSolutionCard = {
+  /** 단일 compact 카드 */
+  Item: SolutionCardItem,
+  /** 카드 그리드 */
+  Grid: Grid3
+};
+
+// ui/molecule/Solution.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Filtered({ items, allLabel = "\uC804\uCCB4", cols, onSelect }) {
+  const categories = ["all", ...Array.from(new Set(items.map((i) => i.category)))];
+  const [active, setActive] = (0, import_react.useState)("all");
+  const filtered = active === "all" ? items : items.filter((i) => i.category === active);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : "all"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTabs.Pills.List, { children: categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTabs.Pills.Tab, { value: cat, children: cat === "all" ? allLabel : cat }, cat)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdSolutionCard.Grid, { items: filtered, cols, onSelect })
+  ] });
+}
+function List({ items, onSelect }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Stack, { gap: 0, children: items.map((item, i) => {
+    var _a, _b;
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
+      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Group, { align: "flex-start", py: "lg", gap: "lg", children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.ThemeIcon, { variant: "light", color: "primary", size: "xl", radius: "md", children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "xs", style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdBadge.Primary, { children: item.category }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTitle.Card, { children: item.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Body, { children: item.description }),
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            import_core22.Button,
+            {
+              variant: "subtle",
+              color: "slate",
+              component: import_link3.default,
+              href: item.href,
+              style: { alignSelf: "flex-start", paddingInline: 0 },
+              children: [
+                (_a = item.ctaLabel) != null ? _a : "\uC790\uC138\uD788 \uBCF4\uAE30",
+                " \u2192"
+              ]
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            SdButton.Ghost,
+            {
+              onClick: () => onSelect == null ? void 0 : onSelect(item),
+              style: { alignSelf: "flex-start" },
+              children: [
+                (_b = item.ctaLabel) != null ? _b : "\uC790\uC138\uD788 \uBCF4\uAE30",
+                " \u2192"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }, i);
+  }) });
+}
+var SdSolution = {
+  /** 카테고리 탭 필터 + 카드 그리드 (솔루션 페이지 메인) */
+  Filtered,
+  /** 수평 리스트 레이아웃 (상세 탐색용) */
+  List
+};
+
+// ui/molecule/Clients.tsx
+var import_core23 = require("@mantine/core");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var grayStyle = {
+  filter: "grayscale(1) opacity(0.5)",
+  transition: "filter 0.25s"
+};
+var colorStyle = {
+  filter: "grayscale(0) opacity(1)"
+};
+function LogoImage({ client, height }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Tooltip, { label: client.name, withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Anchor, { href: client.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "img",
+    {
+      src: client.logo,
+      alt: client.name,
+      style: __spreadValues({ height, width: "auto", objectFit: "contain", display: "block" }, grayStyle),
+      onMouseEnter: (e) => Object.assign(e.currentTarget.style, colorStyle),
+      onMouseLeave: (e) => Object.assign(e.currentTarget.style, grayStyle)
+    }
+  ) }) });
+}
+function Grid4({
+  items,
+  cols = { base: 2, sm: 3, md: 4, lg: 6 },
+  logoHeight = 40
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.SimpleGrid, { cols, spacing: "xl", children: items.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Box, { style: { display: "flex", alignItems: "center", justifyContent: "center", padding: "12px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LogoImage, { client, height: logoHeight }) }, i)) });
+}
+var KEYFRAME = `@keyframes sd-clients-marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }`;
+function Marquee({ items, speed = 40, logoHeight = 36, gap = 64 }) {
+  const doubled = [...items, ...items];
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Box, { style: { overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("style", { children: KEYFRAME }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_core23.Box,
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap,
+          width: "max-content",
+          animation: `sd-clients-marquee ${speed}s linear infinite`
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.animationPlayState = "paused";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.animationPlayState = "running";
+        },
+        children: doubled.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LogoImage, { client, height: logoHeight }, i))
+      }
+    )
+  ] });
+}
+var SdClients = {
+  /** 반응형 로고 그리드 */
+  Grid: Grid4,
+  /** 무한 수평 스크롤 띠 — 호버 시 일시정지 */
+  Marquee
+};
+
+// ui/molecule/Map.tsx
+var import_react2 = require("react");
+var import_core24 = require("@mantine/core");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function MapFrame({ address, height }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Stack, { gap: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Box, { style: { borderRadius: "var(--mantine-radius-md)", overflow: "hidden", height }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "iframe",
+      {
+        src: address.embbedUrl,
+        width: "100%",
+        height: "100%",
+        style: { border: 0, display: "block" },
+        allowFullScreen: true,
+        loading: "lazy",
+        referrerPolicy: "no-referrer-when-downgrade",
+        title: address.label
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SdText.Sub, { children: [
+      "[",
+      address.label,
+      "] ",
+      address.address
+    ] })
+  ] });
+}
+function Single(_a) {
+  var _b = _a, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
+  if (!address.embbedUrl) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MapFrame, { address, height }) }));
+}
+function Tabs2({ addresses, height = 400 }) {
+  var _a, _b, _c;
+  const mapped = addresses.filter((a) => a.embbedUrl);
+  const [active, setActive] = (0, import_react2.useState)((_b = (_a = mapped[0]) == null ? void 0 : _a.label) != null ? _b : "");
+  if (mapped.length === 0) return null;
+  if (mapped.length === 1) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MapFrame, { address: mapped[0], height });
+  const current = (_c = mapped.find((a) => a.label === active)) != null ? _c : mapped[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : mapped[0].label), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTabs.Pills.List, { children: mapped.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTabs.Pills.Tab, { value: addr.label, children: addr.label }, addr.label)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MapFrame, { address: current, height })
+  ] });
+}
+var SdMap = {
+  /** 단일 주소 지도 — embbedUrl 없으면 null 반환 */
+  Single,
+  /** 여러 주소 탭 전환 지도 — embbedUrl 있는 항목만 표시 */
+  Tabs: Tabs2
+};
+
+// ui/organism/HeroCarousel.tsx
+var import_carousel = require("@mantine/carousel");
+var import_core25 = require("@mantine/core");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function HeroCarousel({ slides, children }) {
+  if (children) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children });
+  const filterdSlides = filterAndSort(slides);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_carousel.Carousel, { withIndicators: true, height: "60svh", children: filterdSlides.map((slide, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_carousel.Carousel.Slide, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_core25.Box,
+    {
+      style: {
+        height: "100%",
+        backgroundImage: `url(${slide.image})`,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Stack, { align: "center", style: { textAlign: "center", maxWidth: 780 }, px: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        SdTextBox.Hero,
+        {
+          title: slide.title,
+          description: slide.description,
+          ta: "center",
+          align: "center"
+        }
+      ) })
+    }
+  ) }, i)) });
+}
+
+// ui/organism/Header.tsx
+var import_core26 = require("@mantine/core");
+var import_hooks = require("@mantine/hooks");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function SdHeader({ navItems, loginFlag, children }) {
+  const [opened, { toggle, close }] = (0, import_hooks.useDisclosure)();
+  const visibleTopItems = navItems.filter((item) => item.isShow && !item.parentId).sort((a, b) => a.order - b.order);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdContainer, { h: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Group, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Logo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Group, { gap: "xl", visibleFrom: "sm", children: visibleTopItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Anchor, { href: item.href, c: "slate.7", fw: 500, underline: "never", fz: 15, children: item.label }, item.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Burger, { hiddenFrom: "sm", opened, onClick: toggle }),
+      loginFlag && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Group, { gap: "sm", visibleFrom: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdButton.Ghost, { size: "sm", children: "\uB85C\uADF8\uC778" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdButton.Primary, { size: "sm", children: "\uBB34\uB8CC \uC2DC\uC791" })
+      ] }),
+      children
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Drawer, { opened, onClose: close, hiddenFrom: "sm", size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Stack, { children: [
+      visibleTopItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Anchor, { href: item.href, c: "slate.7", fw: 500, underline: "never", fz: 16, onClick: close, children: item.label }, item.id)),
+      loginFlag && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Stack, { gap: "xs", mt: "md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdButton.Ghost, { size: "sm", children: "\uB85C\uADF8\uC778" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdButton.Primary, { size: "sm", children: "\uBB34\uB8CC \uC2DC\uC791" })
+      ] })
+    ] }) })
+  ] });
+}
+
+// ui/organism/Footer/index.tsx
+var import_core29 = require("@mantine/core");
+
+// ui/organism/Footer/FooterBrand.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function FooterBrand() {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Logo, { size: "xs" });
+}
+
+// ui/organism/Footer/FooterContact.tsx
+var import_core27 = require("@mantine/core");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function FooterContact({ company }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core27.Group, { gap: "lg", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.5", children: company.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { c: "slate.5", children: [
+      "\uC0AC\uC5C5\uC790\uB4F1\uB85D\uBC88\uD638 ",
+      company.registrationNumber
+    ] }),
+    company.addresses.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.5", children: addr.address }, addr.label)),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core27.Anchor, { href: `tel:${company.tel}`, fz: "xs", c: "slate.5", underline: "never", children: [
+      "Tel ",
+      company.tel
+    ] }),
+    company.fax && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { c: "slate.5", children: [
+      "Fax ",
+      company.fax
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core27.Anchor, { href: `mailto:${company.email}`, fz: "xs", c: "slate.5", underline: "never", children: company.email })
+  ] });
+}
+
+// ui/organism/Footer/FooterNav.tsx
+var import_core28 = require("@mantine/core");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function FooterNav({ items }) {
+  const topLevel = items.filter((item) => !item.parentId);
+  const getChildren = (parentId) => items.filter((item) => item.parentId === parentId);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core28.Group, { gap: 48, align: "flex-start", wrap: "wrap", children: topLevel.map((item) => {
+    const children = getChildren(item.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core28.Stack, { gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdText.Eyebrow, { c: "slate.4", children: item.label }),
+      children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        import_core28.Anchor,
+        {
+          href: child.href,
+          fz: "xs",
+          c: "slate.5",
+          underline: "never",
+          style: { transition: "color 0.15s" },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.color = "var(--mantine-color-slate-1)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.color = "";
+          },
+          children: child.label
+        },
+        child.id
+      ))
+    ] }, item.id);
+  }) });
+}
+
+// ui/organism/Footer/index.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function SdFooter({ company, utilityLinks, policyLinks }) {
+  const visibleUtility = filterAndSort(utilityLinks);
+  const visiblePolicy = filterAndSort(policyLinks);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core29.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core29.Grid, { style: { "--grid-gutter": "48px" }, align: "flex-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core29.Grid.Col, { span: { base: 12, md: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FooterBrand, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core29.Grid.Col, { span: { base: 12, md: 9 }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FooterNav, { items: visibleUtility != null ? visibleUtility : [] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core29.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FooterContact, { company }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core29.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core29.Group, { justify: "space-between", wrap: "wrap", gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SdText.Sub, { c: "slate.5", children: [
+        "\xA9 ",
+        company.copyrightYear,
+        " ",
+        company.name,
+        ". All rights reserved."
+      ] }),
+      visiblePolicy.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core29.Group, { gap: "lg", children: visiblePolicy.map((item) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_core29.Anchor,
+        {
+          href: item.href,
+          fz: "xs",
+          c: item.highlight ? "primary.6" : "slate.5",
+          underline: "never",
+          children: item.label
+        },
+        item.id
+      )) })
+    ] })
+  ] });
+}
+
+// ui/organism/FeatureSection.tsx
+var import_core30 = require("@mantine/core");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function SdFeatureSection(_a) {
+  var _b = _a, {
+    label,
+    title,
+    description,
+    items,
+    cols,
+    py = 0
+  } = _b, boxProps = __objRest(_b, [
+    "label",
+    "title",
+    "description",
+    "items",
+    "cols",
+    "py"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core30.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      SdTextBox.Section,
+      {
+        label,
+        title,
+        description,
+        maxDescWidth: 520,
+        ta: "center",
+        align: "center"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdFeatures, { items, cols })
+  ] }) }));
+}
+
+// ui/organism/TimelineSection.tsx
+var import_core31 = require("@mantine/core");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function SdTimelineSection(_a) {
+  var _b = _a, {
+    label,
+    title,
+    description,
+    items,
+    py = 0
+  } = _b, boxProps = __objRest(_b, [
+    "label",
+    "title",
+    "description",
+    "items",
+    "py"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core31.Stack, __spreadProps(__spreadValues({ py, gap: "md" }, boxProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      SdTextBox.Section,
+      {
+        label,
+        title,
+        description
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTimeline, { items }) })
+  ] })) });
+}
+
+// ui/organism/StepsSection.tsx
+var import_core32 = require("@mantine/core");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function SdStepsSection(_a) {
+  var _b = _a, {
+    label,
+    title,
+    description,
+    items,
+    py = 0
+  } = _b, boxProps = __objRest(_b, [
+    "label",
+    "title",
+    "description",
+    "items",
+    "py"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core32.Stack, { gap: "xl", children: [
+    (label || title || description) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdTextBox.Section, { label, title, description }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdSteps.Bubble, { items })
+  ] }) }));
+}
+
+// ui/organism/ErrorView.tsx
+var import_core33 = require("@mantine/core");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function StatusCode({ code }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_core33.Text,
+    {
+      fz: 160,
+      fw: 900,
+      c: "slate.1",
+      lh: 1,
+      style: { userSelect: "none", letterSpacing: "-0.04em" },
+      "aria-hidden": true,
+      children: code
+    }
+  );
+}
+function Page({ error, onReset, onHome }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core33.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Stack, { align: "center", gap: "lg", ta: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StatusCode, { code: "500" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Stack, { gap: "sm", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdTitle.Section, { children: "\uC11C\uBC84\uC5D0\uC11C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdText.Body, { maw: 480, children: error.message || "\uC608\uAE30\uCE58 \uC54A\uC740 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694." }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SdText.Sub, { children: [
+        "\uC624\uB958 \uCF54\uB4DC: ",
+        error.digest
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Group, { gap: "sm", justify: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdButton.Primary, { onClick: onReset, children: "\uB2E4\uC2DC \uC2DC\uB3C4" }),
+      onHome && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdButton.Ghost, { onClick: onHome, children: "\uD648\uC73C\uB85C" })
+    ] })
+  ] }) }) });
+}
+function NotFound({
+  title = "\uD398\uC774\uC9C0\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
+  description = "\uC694\uCCAD\uD558\uC2E0 \uD398\uC774\uC9C0\uAC00 \uC874\uC7AC\uD558\uC9C0 \uC54A\uAC70\uB098 \uC774\uB3D9\uB418\uC5C8\uC2B5\uB2C8\uB2E4.",
+  onHome = () => {
+    window.location.href = "/";
+  },
+  onBack = () => window.history.back()
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core33.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Stack, { align: "center", gap: "lg", ta: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StatusCode, { code: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Stack, { gap: "sm", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdTitle.Section, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdText.Body, { maw: 480, children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core33.Group, { gap: "sm", justify: "center", children: [
+      onHome && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdButton.Primary, { onClick: onHome, children: "\uD648\uC73C\uB85C" }),
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdButton.Ghost, { onClick: onBack, children: "\uB4A4\uB85C \uAC00\uAE30" })
+    ] })
+  ] }) }) });
+}
+var SdErrorView = {
+  /** app/error.tsx — 서버/렌더링 오류 + 재시도 버튼 */
+  Page,
+  /** app/not-found.tsx — 404 Not Found */
+  NotFound
+};
+
+// ui/template/MainLayout.tsx
+var import_core34 = require("@mantine/core");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function MainLayout({ children, navItems, companyInfo }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core34.AppShell, { header: { height: 60 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.AppShell.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SdHeader, { navItems }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core34.AppShell.Main, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SdFooter, { company: companyInfo, utilityLinks: navItems })
+  ] });
+}
+
+// ui/template/PageLayout.tsx
+var import_core35 = require("@mantine/core");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function Content({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SdContainer, { py: "xl", children });
+}
+function LayoutGap() {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Space, { h: 48 });
+}
+function Minimal({ label, title, description, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Plain2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      SdTextBox.Section,
+      {
+        label,
+        title,
+        description: description != null ? description : "",
+        mb: "xl"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Divider, {}),
+    children
+  ] }) });
+}
+function Plain2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LayoutGap, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Content, { children })
+  ] });
+}
+function Image2({ image, label, title, description, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Box, { style: {
+      position: "relative",
+      minHeight: "30svh",
+      display: "flex",
+      alignItems: "center",
+      backgroundImage: image ? `url(${image})` : void 0,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      backgroundColor: "var(--mantine-color-slate-9)"
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Box, { style: {
+        position: "absolute",
+        inset: 0,
+        background: "rgba(0, 0, 0, 0.55)"
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_core35.Box,
+        {
+          py: 48,
+          px: 40,
+          maw: 420,
+          style: {
+            backdropFilter: "blur(24px)",
+            WebkitBackdropFilter: "blur(24px)",
+            background: "rgba(255,255,255,0.10)",
+            borderRadius: "var(--mantine-radius-md)",
+            border: "1px solid rgba(255,255,255,0.18)"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            SdTextBox.Hero,
+            {
+              label,
+              title,
+              description,
+              ta: "left",
+              align: "flex-start"
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Content, { children })
+  ] });
+}
+function Brand({ label, title, description, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core35.Box, { style: {
+      position: "relative",
+      minHeight: "40svh",
+      display: "flex",
+      alignItems: "center",
+      overflow: "hidden",
+      background: "linear-gradient(135deg, var(--mantine-color-primary-8) 0%, var(--mantine-color-primary-6) 50%, var(--mantine-color-primary-4) 100%)"
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Box, { style: {
+        position: "absolute",
+        top: -80,
+        right: -80,
+        width: 360,
+        height: 360,
+        borderRadius: "50%",
+        background: "rgba(255,255,255,0.06)",
+        pointerEvents: "none"
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Box, { style: {
+        position: "absolute",
+        bottom: -60,
+        left: -60,
+        width: 240,
+        height: 240,
+        borderRadius: "50%",
+        background: "rgba(255,255,255,0.04)",
+        pointerEvents: "none"
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SdTextBox.Hero, { label, title, description, ta: "center", align: "center", maw: 640, mx: "auto", pt: 80, pb: 64 }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Content, { children })
+  ] });
+}
+var PageLayout = {
+  /** 이미지 배경 + 대각선 그라디언트 + 좌하단 텍스트 */
+  Image: Image2,
+  /** SdTextBox.Section 타이틀 + Plain 컨테이너 */
+  Minimal,
+  /** primary 그라디언트 배경 + 중앙 텍스트 */
+  Brand,
+  /** 히어로 없이 SdContainer + py="xl" 만 */
+  Plain: Plain2
+};
+
+// ui/theme.ts
+var import_core36 = require("@mantine/core");
+var primary = [
+  "#e7f0fb",
+  "#c8dcf4",
+  "#a3c3ec",
+  "#7aa8e3",
+  "#4f8ddb",
+  "#2374d4",
+  "#0b5ed7",
+  // 6 ← brand anchor
+  "#094db1",
+  "#073d8c",
+  "#052d68"
+];
+var secondary = [
+  "#fef6e7",
+  "#fde9c4",
+  "#fbd79a",
+  "#fac470",
+  "#f8ab47",
+  "#f7931e",
+  // 5
+  "#de7c12",
+  // 6
+  "#b5640e",
+  "#8a4c0b",
+  "#5e3307"
+];
+var slate = [
+  "#f8fafc",
+  // 0  slate-50
+  "#f1f5f9",
+  // 1  slate-100
+  "#e2e8f0",
+  // 2  slate-200
+  "#cbd5e1",
+  // 3  slate-300
+  "#94a3b8",
+  // 4  slate-400
+  "#64748b",
+  // 5  slate-500
+  "#475569",
+  // 6  slate-600
+  "#334155",
+  // 7  slate-700
+  "#1e293b",
+  // 8  slate-800
+  "#0f172a"
+  // 9  slate-900
+];
+var cyan = [
+  "#ecfeff",
+  "#cffafe",
+  "#a5f3fc",
+  "#67e8f9",
+  "#22d3ee",
+  "#06b6d4",
+  "#0891b2",
+  "#0e7490",
+  "#155e75",
+  "#164e63"
+];
+var indigo = [
+  "#eef2ff",
+  "#e0e7ff",
+  "#c7d2fe",
+  "#a5b4fc",
+  "#818cf8",
+  "#6366f1",
+  "#4f46e5",
+  "#4338ca",
+  "#3730a3",
+  "#312e81"
+];
+var theme = (0, import_core36.createTheme)({
+  /* ---- Color ---- */
+  colors: { primary, secondary, slate, cyan, indigo, dark: slate },
+  primaryColor: "primary",
+  primaryShade: { light: 6, dark: 5 },
+  /* ---- Type ---- */
+  fontFamily: "'Noto Sans KR', ui-sans-serif, system-ui, -apple-system, sans-serif",
+  fontFamilyMonospace: "'Noto Sans KR', ui-monospace, monospace",
+  headings: {
+    fontFamily: "'Noto Sans KR', ui-sans-serif, system-ui, sans-serif",
+    fontWeight: "700",
+    sizes: {
+      h1: { fontSize: (0, import_core36.rem)(48), lineHeight: "1.1", fontWeight: "900" },
+      h2: { fontSize: (0, import_core36.rem)(36), lineHeight: "1.1", fontWeight: "900" },
+      h3: { fontSize: (0, import_core36.rem)(28), lineHeight: "1.15", fontWeight: "700" },
+      h4: { fontSize: (0, import_core36.rem)(20), lineHeight: "1.3", fontWeight: "700" },
+      h5: { fontSize: (0, import_core36.rem)(16), lineHeight: "1.4", fontWeight: "700" },
+      h6: { fontSize: (0, import_core36.rem)(14), lineHeight: "1.4", fontWeight: "700" }
+    }
+  },
+  fontSizes: {
+    xs: (0, import_core36.rem)(14),
+    sm: (0, import_core36.rem)(16),
+    md: (0, import_core36.rem)(18),
+    lg: (0, import_core36.rem)(20),
+    xl: (0, import_core36.rem)(22)
+  },
+  lineHeights: {
+    xs: "1.4",
+    sm: "1.45",
+    md: "1.5",
+    lg: "1.55",
+    xl: "1.6"
+  },
+  defaultRadius: "md",
+  radius: {
+    xs: (0, import_core36.rem)(6),
+    sm: (0, import_core36.rem)(8),
+    md: (0, import_core36.rem)(10),
+    lg: (0, import_core36.rem)(14),
+    xl: (0, import_core36.rem)(18)
+  },
+  spacing: {
+    xs: (0, import_core36.rem)(8),
+    sm: (0, import_core36.rem)(12),
+    md: (0, import_core36.rem)(16),
+    lg: (0, import_core36.rem)(24),
+    xl: (0, import_core36.rem)(32)
+  },
+  shadows: {
+    xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    sm: "0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.06)",
+    md: "0 8px 32px rgb(0 0 0 / 0.08)",
+    // glass nav
+    lg: "0 30px 60px -15px rgb(0 0 0 / 0.05)",
+    // card hover lift
+    xl: "0 40px 80px -20px rgb(0 0 0 / 0.3)"
+    // modal
+  },
+  breakpoints: {
+    xs: "36em",
+    sm: "48em",
+    md: "62em",
+    lg: "75em",
+    xl: "88em"
+  },
+  other: {
+    logoSizes: {
+      xs: { width: 72, height: 22 },
+      sm: { width: 96, height: 29 },
+      md: { width: 120, height: 36 },
+      lg: { width: 160, height: 48 },
+      xl: { width: 200, height: 60 }
+    },
+    surfaceSubtle: "#f8fafc",
+    surfaceDark: "#0f172a",
+    surfaceDarker: "#020617",
+    gradientHeroText: "linear-gradient(to right, #60a5fa, #22d3ee, #3b82f6)",
+    gradientAsm: "linear-gradient(to bottom right, #2563eb, #06b6d4)",
+    gradientPims: "linear-gradient(to bottom right, #4f46e5, #a855f7)",
+    tracking: "-0.04em",
+    trackingEyebrow: "0.25em"
+  },
+  /* ---- Component defaults (match the live site) ---- */
+  defaultGradient: { from: "primary.6", to: "cyan.4", deg: 90 },
+  components: {
+    Container: {
+      defaultProps: { size: "xl", h: "100%" }
+    },
+    Logo: {
+      defaultProps: { size: "md" }
+    },
+    Button: {
+      defaultProps: {
+        radius: "xl",
+        fw: 700
+      }
+    },
+    Card: {
+      defaultProps: {
+        radius: "lg",
+        shadow: "sm",
+        withBorder: true,
+        padding: "lg"
+      }
+    },
+    Paper: {
+      defaultProps: { radius: "lg" }
+    },
+    Badge: {
+      defaultProps: { radius: "xl", variant: "light" }
+    },
+    Modal: {
+      defaultProps: { radius: "lg", centered: true, shadow: "xl" }
+    },
+    Input: {
+      defaultProps: { radius: "sm" }
+    },
+    TextInput: {
+      defaultProps: { radius: "sm" }
+    },
+    Divider: {
+      defaultProps: { c: "slate.5", pb: "xl" }
+    },
+    Anchor: {
+      defaultProps: { c: "slate.5", fz: "sm", underline: "never" }
+    },
+    Table: {
+      defaultProps: {
+        captionSide: "bottom"
+      },
+      styles: {
+        th: { color: "var(--mantine-color-slate-5)", fontWeight: "700" }
+      }
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeroCarousel,
+  Logo,
+  MainLayout,
+  PageLayout,
+  SdBadge,
+  SdButton,
+  SdClients,
+  SdContainer,
+  SdCta,
+  SdErrorView,
+  SdFaq,
+  SdFeatureSection,
+  SdFeatures,
+  SdFooter,
+  SdHeader,
+  SdInput,
+  SdMap,
+  SdModal,
+  SdNumberIcon,
+  SdPricingCard,
+  SdQuote,
+  SdSolution,
+  SdSolutionCard,
+  SdSteps,
+  SdStepsSection,
+  SdTable,
+  SdTabs,
+  SdTestimonial,
+  SdText,
+  SdTextBox,
+  SdTimeline,
+  SdTimelineSection,
+  SdTitle,
+  theme
+});