@yeongseoksong/framework 0.1.0 → 1.0.2

package/dist/ui/index.js

@@ -66,7 +66,16 @@ __export(ui_exports, {
   PageLayout: () => PageLayout,
   SdBadge: () => SdBadge,
   SdButton: () => SdButton,
+  SdButtonCancel: () => SdButtonCancel,
+  SdButtonDelete: () => SdButtonDelete,
+  SdButtonGhost: () => SdButtonGhost,
+  SdButtonOutline: () => SdButtonOutline,
+  SdButtonPrimary: () => SdButtonPrimary,
+  SdButtonSecondary: () => SdButtonSecondary,
+  SdButtonWhite: () => SdButtonWhite,
   SdClients: () => SdClients,
+  SdClientsGrid: () => SdClientsGrid,
+  SdClientsMarquee: () => SdClientsMarquee,
   SdContainer: () => SdContainer,
   SdCta: () => SdCta,
   SdErrorView: () => SdErrorView,
@@ -77,19 +86,34 @@ __export(ui_exports, {
   SdHeader: () => SdHeader,
   SdInput: () => SdInput,
   SdMap: () => SdMap,
+  SdMapSingle: () => SdMapSingle,
+  SdMapTabs: () => SdMapTabs,
   SdModal: () => SdModal,
   SdNumberIcon: () => SdNumberIcon,
   SdPricingCard: () => SdPricingCard,
   SdQuote: () => SdQuote,
+  SdSkeleton: () => SdSkeleton,
+  SdSkeletonAvatar: () => SdSkeletonAvatar,
+  SdSkeletonCard: () => SdSkeletonCard,
+  SdSkeletonImage: () => SdSkeletonImage,
+  SdSkeletonText: () => SdSkeletonText,
+  SdSkeletonTitle: () => SdSkeletonTitle,
   SdSolution: () => SdSolution,
   SdSolutionCard: () => SdSolutionCard,
   SdSteps: () => SdSteps,
   SdStepsSection: () => SdStepsSection,
   SdTable: () => SdTable,
   SdTabs: () => SdTabs,
+  SdTabsOutline: () => SdTabsOutline,
+  SdTabsPills: () => SdTabsPills,
+  SdTabsUnderline: () => SdTabsUnderline,
   SdTestimonial: () => SdTestimonial,
   SdText: () => SdText,
   SdTextBox: () => SdTextBox,
+  SdTextBoxCard: () => SdTextBoxCard,
+  SdTextBoxHero: () => SdTextBoxHero,
+  SdTextBoxSection: () => SdTextBoxSection,
+  SdTextBoxSub: () => SdTextBoxSub,
   SdTimeline: () => SdTimeline,
   SdTimelineSection: () => SdTimelineSection,
   SdTitle: () => SdTitle,
@@ -101,6 +125,16 @@ module.exports = __toCommonJS(ui_exports);
 var import_image = __toESM(require("next/image"));
 var import_link = __toESM(require("next/link"));
 var import_core = require("@mantine/core");
+
+// util/env.util.ts
+var _a;
+var COMPANY_NAME = (_a = process.env.NEXT_PUBLIC_COMPANY_NAME) != null ? _a : "";
+var _a2;
+var LOGO_SRC = (_a2 = process.env.NEXT_PUBLIC_LOGO_SRC) != null ? _a2 : "/logo.svg";
+var _a3;
+var LOGO_ALT = (_a3 = process.env.NEXT_PUBLIC_LOGO_ALT) != null ? _a3 : "\uB85C\uACE0";
+
+// ui/atom/Logo.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function Logo(_props) {
   const { size } = (0, import_core.useProps)("Logo", { size: "md" }, _props);
@@ -109,8 +143,8 @@ function Logo(_props) {
   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",
+      src: LOGO_SRC,
+      alt: LOGO_ALT,
       width: resolved.width,
       height: resolved.height,
       style: {
@@ -129,19 +163,19 @@ 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"]);
+function SdContainer(_a4) {
+  var _b = _a4, { 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"]);
+function SdPanel(_a4) {
+  var _b = _a4, { 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"]);
+function SdScrollableList(_a4) {
+  var _b = _a4, { 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) {
@@ -191,22 +225,24 @@ var SdTabs = {
     }
   })
 };
+var SdTabsPills = SdTabs.Pills;
+var SdTabsUnderline = SdTabs.Underline;
+var SdTabsOutline = SdTabs.Outline;
 
 // 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);
+  return text.replaceAll(COMPANY_TOKEN, COMPANY_NAME);
 }
 
 // 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"]);
+  return function SdTitle2(_a4) {
+    var _b = _a4, { 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 }));
   };
@@ -226,8 +262,8 @@ var SdTitle = {
 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"]);
+  return function SdText2(_a4) {
+    var _b = _a4, { 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 }));
   };
@@ -247,14 +283,16 @@ 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 function SdButton2(_a4) {
+    var _b = _a4, { 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" }),
+  /** 보조 액션 — white bg + slate text */
+  Secondary: createButton({ variant: "white", color: "slate" }),
   /** 보조 액션 — outline */
   Outline: createButton({ variant: "outline", color: "primary" }),
   /** 텍스트 수준 — subtle */
@@ -266,6 +304,13 @@ var SdButton = {
   /** 취소 — outline slate + X 아이콘 */
   Cancel: createButton({ variant: "outline", color: "slate", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconX, { size: 16 }) })
 };
+var SdButtonPrimary = SdButton.Primary;
+var SdButtonSecondary = SdButton.Secondary;
+var SdButtonOutline = SdButton.Outline;
+var SdButtonGhost = SdButton.Ghost;
+var SdButtonWhite = SdButton.White;
+var SdButtonDelete = SdButton.Delete;
+var SdButtonCancel = SdButton.Cancel;
 
 // ui/atom/Quote.tsx
 var import_core7 = require("@mantine/core");
@@ -282,12 +327,12 @@ function QuoteInner({ lines, name, role }) {
     ] })
   ] });
 }
-function Plain(_a) {
-  var _b = _a, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+function Plain(_a4) {
+  var _b = _a4, { 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"]);
+function CardQuote(_a4) {
+  var _b = _a4, { 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 = {
@@ -318,12 +363,12 @@ var base = {
   verticalSpacing: "sm",
   horizontalSpacing: "md"
 };
-function SpecTh(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SpecTh(_a4) {
+  var _b = _a4, { 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"]);
+function SpecTd(_a4) {
+  var _b = _a4, { 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), {
@@ -363,8 +408,8 @@ var SdModal = createModal({
 // 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"]);
+function SdNumberIcon(_a4) {
+  var _b = _a4, { 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 }) }));
 }
 
@@ -372,8 +417,8 @@ function SdNumberIcon(_a) {
 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 function SdBadge2(_a4) {
+    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Badge, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
   };
 }
@@ -392,26 +437,26 @@ var SdBadge = {
 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 function SdInput2(_a4) {
+    var props = __objRest(_a4, []);
     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 function SdInputTextarea(_a4) {
+    var props = __objRest(_a4, []);
     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 function SdInputPassword(_a4) {
+    var props = __objRest(_a4, []);
     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 function SdInputSelect(_a4) {
+    var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Select, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
@@ -428,12 +473,65 @@ var SdInput = {
   Select: createSelect({})
 };
 
-// ui/molecule/TextBox.tsx
+// ui/atom/Skeleton.tsx
 var import_core13 = require("@mantine/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
+function SkeletonText(_a4) {
+  var _b = _a4, { width = "100%" } = _b, props = __objRest(_b, ["width"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height: 14, width, radius: "sm" }, props));
+}
+function SkeletonTitle(_a4) {
+  var _b = _a4, { width = "60%" } = _b, props = __objRest(_b, ["width"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height: 20, width, radius: "sm" }, props));
+}
+function SkeletonImage(_a4) {
+  var _b = _a4, { height = 200 } = _b, props = __objRest(_b, ["height"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height, radius: "md" }, props));
+}
+function SkeletonAvatar(_a4) {
+  var _b = _a4, { size = 40 } = _b, props = __objRest(_b, ["size"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height: size, width: size, circle: true }, props));
+}
+function SkeletonCard({ height, lines = 3 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_core13.Box,
+    {
+      p: "md",
+      style: { borderRadius: "var(--mantine-radius-md)", border: "1px solid var(--mantine-color-gray-3)", height },
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core13.Stack, { gap: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, { height: 20, width: "50%", radius: "sm" }),
+        Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_core13.Skeleton,
+          {
+            height: 14,
+            width: i === lines - 1 ? "70%" : "100%",
+            radius: "sm"
+          },
+          i
+        ))
+      ] })
+    }
+  );
+}
+var SdSkeleton = {
+  Card: SkeletonCard,
+  Text: SkeletonText,
+  Title: SkeletonTitle,
+  Image: SkeletonImage,
+  Avatar: SkeletonAvatar
+};
+var SdSkeletonCard = SkeletonCard;
+var SdSkeletonText = SkeletonText;
+var SdSkeletonTitle = SkeletonTitle;
+var SdSkeletonImage = SkeletonImage;
+var SdSkeletonAvatar = SkeletonAvatar;
+
+// ui/molecule/TextBox.tsx
+var import_core14 = require("@mantine/core");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", color_ = void 0) {
-  return function SdTextBox2(_a) {
-    var _b = _a, {
+  return function SdTextBox2(_a4) {
+    var _b = _a4, {
       label,
       title,
       description,
@@ -454,10 +552,10 @@ function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", co
     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 }),
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core14.Stack, __spreadProps(__spreadValues({ gap: defaultGap }, stackProps), { children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SdText.Eyebrow, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TitleComponent, { c: colorRes, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DescComponent, { c: colorRes, maw: maxDescWidth, mt: 4, children: description }),
       children
     ] }));
   };
@@ -468,9 +566,13 @@ var SdTextBox = {
   Card: createTextBox("Card", "xs", "Body"),
   Sub: createTextBox("Sub", "xs", "Sub")
 };
+var SdTextBoxHero = SdTextBox.Hero;
+var SdTextBoxSection = SdTextBox.Section;
+var SdTextBoxCard = SdTextBox.Card;
+var SdTextBoxSub = SdTextBox.Sub;
 
 // ui/molecule/Features.tsx
-var import_core14 = require("@mantine/core");
+var import_core15 = require("@mantine/core");
 
 // util/sort.util.ts
 function filterAndSort(items) {
@@ -478,45 +580,51 @@ function filterAndSort(items) {
 }
 
 // ui/molecule/Features.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = 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) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core15.SimpleGrid, { cols, spacing: "xl", children: visible.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_core15.Card,
+    {
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core15.Stack, { gap: "sm", children: [
+        item.icon,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          SdTextBox.Card,
+          {
+            label: item.label,
+            title: item.title,
+            description: item.description
+          }
+        )
+      ] }, item.id)
+    },
+    item.id
+  )) });
 }
 
 // ui/molecule/Timeline.tsx
-var import_core15 = require("@mantine/core");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_core16 = require("@mantine/core");
+var import_jsx_runtime16 = 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);
+    var _a4, _b;
+    ((_b = acc[_a4 = item.year]) != null ? _b : acc[_a4] = []).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,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core16.Timeline, { active: items.length, bulletSize: 24, lineWidth: 2, children: years.map((year) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_core16.Timeline.Item,
     {
-      title: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(SdTitle.Sub, { children: [
+      title: /* @__PURE__ */ (0, import_jsx_runtime16.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: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core16.Stack, { gap: 6, mt: "xs", children: grouped[year].map((event) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core16.Group, { gap: "md", align: "center", wrap: "nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SdText.Eyebrow, { miw: 28, children: [
           event.month,
           "\uC6D4"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SdText.Sub, { style: { flex: 1 }, children: event.description })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SdText.Sub, { style: { flex: 1 }, children: event.description })
       ] }, event.id)) })
     },
     year
@@ -524,26 +632,26 @@ function SdTimeline({ items }) {
 }
 
 // ui/molecule/Steps.tsx
-var import_core16 = require("@mantine/core");
+var import_core17 = 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");
+var import_jsx_runtime18 = 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)" } })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Group, { align: "flex-start", gap: "lg", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Box, { style: { display: "flex", flexDirection: "column", alignItems: "center", flexShrink: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdNumberIcon, { value: String(index + 1).padStart(2, "0") }),
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.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 })
+    /* @__PURE__ */ (0, import_jsx_runtime18.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)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.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,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Card, { withBorder: true, radius: "md", p: 0, style: { height: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_core17.Box,
       {
         py: "lg",
         style: {
@@ -551,84 +659,84 @@ function CardStep({ item, index }) {
           justifyContent: "center",
           background: "var(--mantine-color-primary-0)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SdText.Eyebrow, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.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 }) })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { p: "lg", style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.ThemeIcon, { size: 36, radius: "xl", variant: "light", color: "primary", children: direction === "right" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react2.IconArrowRight, { size: 20, stroke: 2.5 }) : /* @__PURE__ */ (0, import_jsx_runtime18.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" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Stack, { gap: "sm", hiddenFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardStep, { item, index: i }),
+      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.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" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Group, { wrap: "nowrap", align: "stretch", gap: 0, visibleFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardStep, { item, index: i }) }),
+      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { display: "flex", alignItems: "center", padding: "0 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { pl: "md", style: { borderLeft: "3px solid var(--mantine-color-primary-6)" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Stack, { gap: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.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 })
+    /* @__PURE__ */ (0, import_jsx_runtime18.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)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Stack, { gap: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.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");
+var import_core18 = require("@mantine/core");
+var import_jsx_runtime19 = 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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: "sm", wrap: "nowrap", children: [
+    item.avatar && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Avatar, { src: item.avatar, size: "md", radius: "xl" }),
+    !item.avatar && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Avatar, { size: "md", radius: "xl", color: "primary", children: item.name.charAt(0) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Strong, { fz: "sm", children: item.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.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))
+function CardTestimonial(_a4) {
+  var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Card, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "md", h: "100%", children: [
+    item.rating && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xs", style: { flex: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Body, { children: line }, i))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorRow, { item })
+    /* @__PURE__ */ (0, import_jsx_runtime19.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)) })
+function Strip2(_a4) {
+  var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "md", children: [
+    item.rating && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: 4, align: "flex-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Stack, { gap: "xs", style: { flex: 1 }, children: item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Body, { children: line }, i)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorRow, { item })
+    /* @__PURE__ */ (0, import_jsx_runtime19.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)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardTestimonial, { item }, i)) });
 }
 var SdTestimonial = {
   /** 카드형 — 그리드 배치용 */
@@ -640,46 +748,46 @@ var SdTestimonial = {
 };
 
 // ui/molecule/PricingCard.tsx
-var import_core18 = require("@mantine/core");
+var import_core19 = 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,
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Default(_a4) {
+  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a5;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_core19.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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { justify: "space-between", align: "flex-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Card, { children: item.name }),
+            item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdBadge.Primary, { children: "\uCD94\uCC9C" })
           ] }),
-          item.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Sub, { children: item.description })
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime20.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: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: 4, align: "baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Display, { children: item.price }),
+          item.period && /* @__PURE__ */ (0, import_jsx_runtime20.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,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_core19.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 })
+              children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconCheck, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconX, { size: 12 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             SdText.Body,
             {
               fz: "sm",
@@ -688,48 +796,48 @@ function Default(_a) {
             }
           )
         ] }, 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" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\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,
+function Featured(_a4) {
+  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a5;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_core19.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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { justify: "space-between", align: "flex-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Card, { c: "white", children: item.name }),
+            item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime20.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 })
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime20.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: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: 4, align: "baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Display, { c: "white", children: item.price }),
+          item.period && /* @__PURE__ */ (0, import_jsx_runtime20.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,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Divider, { color: "primary.4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_core19.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)" })
+              children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconCheck, { size: 12, color: "var(--mantine-color-primary-6)" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconX, { size: 12, color: "rgba(255,255,255,0.4)" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             SdText.Body,
             {
               fz: "sm",
@@ -738,14 +846,14 @@ function Featured(_a) {
             }
           )
         ] }, 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" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\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)
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map(
+    (item, i) => item.isPopular ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Featured, { item, onSelect }, i) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Default, { item, onSelect }, i)
   ) });
 }
 var SdPricingCard = {
@@ -758,31 +866,31 @@ var SdPricingCard = {
 };
 
 // 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 }) })
+var import_core20 = require("@mantine/core");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Default2(_a4) {
+  var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Accordion.Item, { value: String(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime21.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 }) })
+function Filled(_a4) {
+  var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Accordion.Item, { value: String(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime21.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 })
+function WithHeader(_a4) {
+  var _b = _a4, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xs", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Eyebrow, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Section, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Default2, { items })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Default2, { items })
   ] }));
 }
 var SdFaq = {
@@ -795,10 +903,10 @@ var SdFaq = {
 };
 
 // ui/molecule/Cta.tsx
-var import_core20 = require("@mantine/core");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function Banner(_a) {
-  var _b = _a, {
+var import_core21 = require("@mantine/core");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function Banner(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -815,22 +923,22 @@ function Banner(_a) {
     "onPrimary",
     "onSecondary"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_core20.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_core21.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 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "xl", align: "center", maw: 600, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "sm", align: "center", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { c: "primary.3", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Section, { c: "white", ta: "center", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime22.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)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { gap: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.White, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             SdButton.Ghost,
             {
               size: "md",
@@ -844,8 +952,8 @@ function Banner(_a) {
     })
   );
 }
-function Subtle(_a) {
-  var _b = _a, {
+function Subtle(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -862,30 +970,30 @@ function Subtle(_a) {
     "onPrimary",
     "onSecondary"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_core20.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_core21.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 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "lg", align: "center", maw: 560, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "sm", align: "center", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Section, { ta: "center", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime22.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 })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { gap: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
         ] })
       ] }) })
     })
   );
 }
-function Inline(_a) {
-  var _b = _a, {
+function Inline(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -902,8 +1010,8 @@ function Inline(_a) {
     "onPrimary",
     "onSecondary"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_core20.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_core21.Box,
     __spreadProps(__spreadValues({
       py: { base: "xl", md: 48 },
       px: { base: "md", md: "xl" },
@@ -912,15 +1020,15 @@ function Inline(_a) {
         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 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { justify: "space-between", align: "center", gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "xs", style: { flex: 1 }, children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Card, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime22.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 })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
         ] })
       ] })
     })
@@ -937,32 +1045,32 @@ var SdCta = {
 
 // ui/molecule/Solution.tsx
 var import_react = require("react");
-var import_core22 = require("@mantine/core");
+var import_core23 = require("@mantine/core");
 var import_link3 = __toESM(require("next/link"));
 
 // ui/molecule/SolutionCard.tsx
-var import_core21 = require("@mantine/core");
+var import_core22 = 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: [
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function SolutionCardItem(_a4) {
+  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a5, _b2;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Card, __spreadProps(__spreadValues({ withBorder: true }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.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",
+    /* @__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_link2.default, href: item.href, children: [
+      (_a5 = item.ctaLabel) != null ? _a5 : "\uC790\uC138\uD788 \uBCF4\uAE30",
       " \u2192"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.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)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.SimpleGrid, { cols, spacing: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SolutionCardItem, { item, onSelect }, i)) });
 }
 var SdSolutionCard = {
   /** 단일 compact 카드 */
@@ -972,29 +1080,29 @@ var SdSolutionCard = {
 };
 
 // ui/molecule/Solution.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : "all"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTabs.Pills.List, { children: categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTabs.Pills.Tab, { value: cat, children: cat === "all" ? allLabel : cat }, cat)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.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,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Stack, { gap: 0, children: items.map((item, i) => {
+    var _a4, _b;
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Group, { align: "flex-start", py: "lg", gap: "lg", children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.ThemeIcon, { variant: "light", color: "primary", size: "xl", radius: "md", children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Stack, { gap: "xs", style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdBadge.Primary, { children: item.category }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTitle.Card, { children: item.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdText.Body, { children: item.description }),
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            import_core23.Button,
             {
               variant: "subtle",
               color: "slate",
@@ -1002,11 +1110,11 @@ function List({ items, onSelect }) {
               href: item.href,
               style: { alignSelf: "flex-start", paddingInline: 0 },
               children: [
-                (_a = item.ctaLabel) != null ? _a : "\uC790\uC138\uD788 \uBCF4\uAE30",
+                (_a4 = item.ctaLabel) != null ? _a4 : "\uC790\uC138\uD788 \uBCF4\uAE30",
                 " \u2192"
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             SdButton.Ghost,
             {
               onClick: () => onSelect == null ? void 0 : onSelect(item),
@@ -1030,8 +1138,8 @@ var SdSolution = {
 };
 
 // ui/molecule/Clients.tsx
-var import_core23 = require("@mantine/core");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_core24 = require("@mantine/core");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var grayStyle = {
   filter: "grayscale(1) opacity(0.5)",
   transition: "filter 0.25s"
@@ -1040,7 +1148,7 @@ 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Tooltip, { label: client.name, withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Anchor, { href: client.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "img",
     {
       src: client.logo,
@@ -1056,15 +1164,15 @@ function Grid4({
   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)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.SimpleGrid, { cols, spacing: "xl", children: items.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Box, { style: { display: "flex", alignItems: "center", justifyContent: "center", padding: "12px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.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,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Box, { style: { overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("style", { children: KEYFRAME }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_core24.Box,
       {
         style: {
           display: "flex",
@@ -1079,7 +1187,7 @@ function Marquee({ items, speed = 40, logoHeight = 36, gap = 64 }) {
         onMouseLeave: (e) => {
           e.currentTarget.style.animationPlayState = "running";
         },
-        children: doubled.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LogoImage, { client, height: logoHeight }, i))
+        children: doubled.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LogoImage, { client, height: logoHeight }, i))
       }
     )
   ] });
@@ -1090,14 +1198,16 @@ var SdClients = {
   /** 무한 수평 스크롤 띠 — 호버 시 일시정지 */
   Marquee
 };
+var SdClientsGrid = Grid4;
+var SdClientsMarquee = Marquee;
 
 // ui/molecule/Map.tsx
 var import_react2 = require("react");
-var import_core24 = require("@mantine/core");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_core25 = require("@mantine/core");
+var import_jsx_runtime26 = 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core25.Stack, { gap: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Box, { style: { borderRadius: "var(--mantine-radius-md)", overflow: "hidden", height }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "iframe",
       {
         src: address.embbedUrl,
@@ -1110,7 +1220,7 @@ function MapFrame({ address, height }) {
         title: address.label
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SdText.Sub, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SdText.Sub, { children: [
       "[",
       address.label,
       "] ",
@@ -1118,21 +1228,21 @@ function MapFrame({ address, height }) {
     ] })
   ] });
 }
-function Single(_a) {
-  var _b = _a, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
+function Single(_a4) {
+  var _b = _a4, { 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 }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address, height }) }));
 }
 function Tabs2({ addresses, height = 400 }) {
-  var _a, _b, _c;
+  var _a4, _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 : "");
+  const [active, setActive] = (0, import_react2.useState)((_b = (_a4 = mapped[0]) == null ? void 0 : _a4.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 });
+  if (mapped.length === 1) return /* @__PURE__ */ (0, import_jsx_runtime26.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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core25.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : mapped[0].label), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SdTabs.Pills.List, { children: mapped.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SdTabs.Pills.Tab, { value: addr.label, children: addr.label }, addr.label)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address: current, height })
   ] });
 }
 var SdMap = {
@@ -1141,16 +1251,30 @@ var SdMap = {
   /** 여러 주소 탭 전환 지도 — embbedUrl 있는 항목만 표시 */
   Tabs: Tabs2
 };
+var SdMapSingle = Single;
+var SdMapTabs = 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");
+var import_core26 = require("@mantine/core");
+var import_icons_react4 = require("@tabler/icons-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var variantMap = {
+  primary: SdButton.Primary,
+  secondary: SdButton.Secondary,
+  outline: SdButton.Outline,
+  white: SdButton.White
+};
+function CtaButton({ cta }) {
+  var _a4;
+  const Button3 = variantMap[(_a4 = cta.variant) != null ? _a4 : "primary"];
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Anchor, { href: cta.href, underline: "never", children: cta.icon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button3, { size: "md", rightSection: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconArrowNarrowRight, {}), children: cta.label }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button3, { size: "md", children: cta.label }) });
+}
 function HeroCarousel({ slides, children }) {
-  if (children) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children });
+  if (children) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.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,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_carousel.Carousel, { withIndicators: true, height: "60svh", children: filterdSlides.map((slide, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_carousel.Carousel.Slide, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_core26.Box,
     {
       style: {
         height: "100%",
@@ -1161,152 +1285,149 @@ function HeroCarousel({ slides, children }) {
         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"
-        }
-      ) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Stack, { align: "center", style: { textAlign: "center", maxWidth: 780 }, px: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          SdTextBox.Hero,
+          {
+            title: slide.title,
+            description: slide.description,
+            ta: "center",
+            align: "center"
+          }
+        ),
+        slide.ctas && slide.ctas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Group, { gap: "sm", mt: "md", children: slide.ctas.map((cta, i2) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CtaButton, { cta }, cta.href)) })
+      ] })
     }
   ) }, i)) });
 }
 
 // ui/organism/Header.tsx
-var import_core26 = require("@mantine/core");
+var import_core27 = require("@mantine/core");
 var import_hooks = require("@mantine/hooks");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = 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" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdContainer, { h: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Group, { justify: "space-between", h: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Logo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Group, { gap: "xl", visibleFrom: "sm", children: visibleTopItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Anchor, { href: item.href, c: "slate.7", fw: 500, underline: "never", fz: 15, children: item.label }, item.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Burger, { hiddenFrom: "sm", opened, onClick: toggle }),
+      loginFlag && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Group, { gap: "sm", visibleFrom: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdButton.Ghost, { size: "sm", children: "\uB85C\uADF8\uC778" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.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" })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Drawer, { opened, onClose: close, hiddenFrom: "sm", size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Stack, { children: [
+      visibleTopItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.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_runtime28.jsxs)(import_core27.Stack, { gap: "xs", mt: "md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdButton.Ghost, { size: "sm", children: "\uB85C\uADF8\uC778" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.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");
+// ui/organism/Footer.tsx
+var import_core28 = 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: [
+function FooterNavColumns({ items }) {
+  const topLevel = items.filter((item) => !item.parentId);
+  const getChildren = (parentId) => items.filter((item) => item.parentId === parentId);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: topLevel.map((group) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid.Col, { span: { base: 6, sm: 4, md: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Stack, { gap: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Strong, { fz: "sm", children: group.label }),
+    getChildren(group.id).map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      import_core28.Anchor,
+      {
+        href: link.href,
+        fz: "sm",
+        c: "slate.6",
+        underline: "never",
+        style: { transition: "color 0.15s" },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.color = "var(--mantine-color-primary-6)";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.color = "";
+        },
+        children: link.label
+      },
+      link.id
+    ))
+  ] }) }, group.id)) });
+}
+function FooterCompanyInfo({ company }) {
+  const sortedAddresses = [...company.addresses].sort((a, b) => a.order - b.order);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { gap: "xs", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { children: company.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { 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: [
+    sortedAddresses.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { gap: "xs", wrap: "nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { children: addr.address })
+    ] }, addr.label)),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.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
+    company.fax && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { 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 })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.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);
+function SdFooter({ company, navItems, policyLinks, description }) {
+  const visibleNav = filterAndSort(navItems);
   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 : [] }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Box, { component: "footer", py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Grid, { style: { "--grid-gutter": "48px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid.Col, { span: { base: 12, md: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Stack, { gap: "md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Logo, { size: "sm" }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Body, { c: "slate.4", fz: "sm", children: description })
+      ] }) }),
+      visibleNav.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid.Col, { span: { base: 12, md: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid, { style: { "--grid-gutter": "24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FooterNavColumns, { items: visibleNav }) }) })
     ] }),
-    /* @__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: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FooterCompanyInfo, { company }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { justify: "space-between", wrap: "wrap", gap: "xs", mt: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.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,
+      visiblePolicy.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Group, { gap: "lg", children: visiblePolicy.map((item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        import_core28.Anchor,
         {
           href: item.href,
           fz: "xs",
-          c: item.highlight ? "primary.6" : "slate.5",
+          fw: item.highlight ? 700 : 400,
+          c: item.highlight ? "white" : "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, {
+var import_core29 = require("@mantine/core");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function SdFeatureSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1321,8 +1442,8 @@ function SdFeatureSection(_a) {
     "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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       SdTextBox.Section,
       {
         label,
@@ -1333,15 +1454,15 @@ function SdFeatureSection(_a) {
         align: "center"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdFeatures, { items, cols })
+    /* @__PURE__ */ (0, import_jsx_runtime30.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, {
+var import_core30 = require("@mantine/core");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function SdTimelineSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1354,8 +1475,8 @@ function SdTimelineSection(_a) {
     "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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core30.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core30.Stack, __spreadProps(__spreadValues({ py, gap: "md" }, boxProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       SdTextBox.Section,
       {
         label,
@@ -1363,15 +1484,15 @@ function SdTimelineSection(_a) {
         description
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core31.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTimeline, { items }) })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core30.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime31.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, {
+var import_core31 = require("@mantine/core");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function SdStepsSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1384,18 +1505,18 @@ function SdStepsSection(_a) {
     "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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core31.Stack, { gap: "xl", children: [
+    (label || title || description) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdTextBox.Section, { label, title, description }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdSteps.Bubble, { items })
   ] }) }));
 }
 
 // ui/organism/ErrorView.tsx
-var import_core33 = require("@mantine/core");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_core32 = require("@mantine/core");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function StatusCode({ code }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_core33.Text,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_core32.Text,
     {
       fz: 160,
       fw: 900,
@@ -1408,19 +1529,15 @@ function StatusCode({ 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
-      ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core32.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { align: "center", gap: "lg", ta: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusCode, { code: "500" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { gap: "sm", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTitle.Section, { children: "\uC11C\uBC84\uC5D0\uC11C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdText.Body, { maw: 480, children: "\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)(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" })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Group, { gap: "sm", justify: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Primary, { onClick: onReset, children: "\uB2E4\uC2DC \uC2DC\uB3C4" }),
+      onHome && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Ghost, { onClick: onHome, children: "\uD648\uC73C\uB85C" })
     ] })
   ] }) }) });
 }
@@ -1432,15 +1549,15 @@ function NotFound({
   },
   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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core32.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { align: "center", gap: "lg", ta: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusCode, { code: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { gap: "sm", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTitle.Section, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.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" })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Group, { gap: "sm", justify: "center", children: [
+      onHome && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Primary, { onClick: onHome, children: "\uD648\uC73C\uB85C" }),
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Ghost, { onClick: onBack, children: "\uB4A4\uB85C \uAC00\uAE30" })
     ] })
   ] }) }) });
 }
@@ -1452,28 +1569,28 @@ var SdErrorView = {
 };
 
 // ui/template/MainLayout.tsx
-var import_core34 = require("@mantine/core");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_core33 = require("@mantine/core");
+var import_jsx_runtime34 = 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.AppShell, { header: { height: 60 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core33.AppShell.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdHeader, { navItems }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core33.AppShell.Main, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdFooter, { company: companyInfo })
   ] });
 }
 
 // ui/template/PageLayout.tsx
-var import_core35 = require("@mantine/core");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_core34 = require("@mantine/core");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Content({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SdContainer, { py: "xl", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { py: "xl", children });
 }
 function LayoutGap() {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Space, { h: 48 });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Plain2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       SdTextBox.Section,
       {
         label,
@@ -1482,19 +1599,19 @@ function Minimal({ label, title, description, children }) {
         mb: "xl"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LayoutGap, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime35.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: {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core34.Box, { style: {
       position: "relative",
       minHeight: "30svh",
       display: "flex",
@@ -1504,13 +1621,13 @@ function Image2({ image, label, title, description, children }) {
       backgroundPosition: "center",
       backgroundColor: "var(--mantine-color-slate-9)"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Box, { style: {
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.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,
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        import_core34.Box,
         {
           py: 48,
           px: 40,
@@ -1522,7 +1639,7 @@ function Image2({ image, label, title, description, children }) {
             borderRadius: "var(--mantine-radius-md)",
             border: "1px solid rgba(255,255,255,0.18)"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             SdTextBox.Hero,
             {
               label,
@@ -1535,12 +1652,12 @@ function Image2({ image, label, title, description, children }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Content, { children })
+    /* @__PURE__ */ (0, import_jsx_runtime35.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: {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core34.Box, { style: {
       position: "relative",
       minHeight: "40svh",
       display: "flex",
@@ -1548,7 +1665,7 @@ function Brand({ label, title, description, children }) {
       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: {
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Box, { style: {
         position: "absolute",
         top: -80,
         right: -80,
@@ -1558,7 +1675,7 @@ function Brand({ label, title, description, children }) {
         background: "rgba(255,255,255,0.06)",
         pointerEvents: "none"
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core35.Box, { style: {
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Box, { style: {
         position: "absolute",
         bottom: -60,
         left: -60,
@@ -1568,9 +1685,9 @@ function Brand({ label, title, description, children }) {
         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_runtime35.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.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 })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Content, { children })
   ] });
 }
 var PageLayout = {
@@ -1585,7 +1702,7 @@ var PageLayout = {
 };
 
 // ui/theme.ts
-var import_core36 = require("@mantine/core");
+var import_core35 = require("@mantine/core");
 var primary = [
   "#e7f0fb",
   "#c8dcf4",
@@ -1659,7 +1776,7 @@ var indigo = [
   "#3730a3",
   "#312e81"
 ];
-var theme = (0, import_core36.createTheme)({
+var theme = (0, import_core35.createTheme)({
   /* ---- Color ---- */
   colors: { primary, secondary, slate, cyan, indigo, dark: slate },
   primaryColor: "primary",
@@ -1671,20 +1788,20 @@ var theme = (0, import_core36.createTheme)({
     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" }
+      h1: { fontSize: (0, import_core35.rem)(48), lineHeight: "1.1", fontWeight: "900" },
+      h2: { fontSize: (0, import_core35.rem)(36), lineHeight: "1.1", fontWeight: "900" },
+      h3: { fontSize: (0, import_core35.rem)(28), lineHeight: "1.15", fontWeight: "700" },
+      h4: { fontSize: (0, import_core35.rem)(20), lineHeight: "1.3", fontWeight: "700" },
+      h5: { fontSize: (0, import_core35.rem)(16), lineHeight: "1.4", fontWeight: "700" },
+      h6: { fontSize: (0, import_core35.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)
+    xs: (0, import_core35.rem)(14),
+    sm: (0, import_core35.rem)(16),
+    md: (0, import_core35.rem)(18),
+    lg: (0, import_core35.rem)(20),
+    xl: (0, import_core35.rem)(22)
   },
   lineHeights: {
     xs: "1.4",
@@ -1695,18 +1812,18 @@ var theme = (0, import_core36.createTheme)({
   },
   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)
+    xs: (0, import_core35.rem)(6),
+    sm: (0, import_core35.rem)(8),
+    md: (0, import_core35.rem)(10),
+    lg: (0, import_core35.rem)(14),
+    xl: (0, import_core35.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)
+    xs: (0, import_core35.rem)(8),
+    sm: (0, import_core35.rem)(12),
+    md: (0, import_core35.rem)(16),
+    lg: (0, import_core35.rem)(24),
+    xl: (0, import_core35.rem)(32)
   },
   shadows: {
     xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -1804,7 +1921,16 @@ var theme = (0, import_core36.createTheme)({
   PageLayout,
   SdBadge,
   SdButton,
+  SdButtonCancel,
+  SdButtonDelete,
+  SdButtonGhost,
+  SdButtonOutline,
+  SdButtonPrimary,
+  SdButtonSecondary,
+  SdButtonWhite,
   SdClients,
+  SdClientsGrid,
+  SdClientsMarquee,
   SdContainer,
   SdCta,
   SdErrorView,
@@ -1815,19 +1941,34 @@ var theme = (0, import_core36.createTheme)({
   SdHeader,
   SdInput,
   SdMap,
+  SdMapSingle,
+  SdMapTabs,
   SdModal,
   SdNumberIcon,
   SdPricingCard,
   SdQuote,
+  SdSkeleton,
+  SdSkeletonAvatar,
+  SdSkeletonCard,
+  SdSkeletonImage,
+  SdSkeletonText,
+  SdSkeletonTitle,
   SdSolution,
   SdSolutionCard,
   SdSteps,
   SdStepsSection,
   SdTable,
   SdTabs,
+  SdTabsOutline,
+  SdTabsPills,
+  SdTabsUnderline,
   SdTestimonial,
   SdText,
   SdTextBox,
+  SdTextBoxCard,
+  SdTextBoxHero,
+  SdTextBoxSection,
+  SdTextBoxSub,
   SdTimeline,
   SdTimelineSection,
   SdTitle,