@huyooo/ui 0.4.80 → 0.4.82

package/dist/{LandingPageToc-CtByslqq.js → LandingPageSectionTabs-CK70rbJX.js}

@@ -1,42 +1,42 @@
-import { createElementBlock as i, openBlock as s, renderSlot as h, defineComponent as m, createVNode as d, withCtx as _, createElementVNode as t, normalizeStyle as I, unref as P, toDisplayString as c, Fragment as v, renderList as $, createBlock as L, normalizeClass as w, createTextVNode as f, ref as k, createCommentVNode as C, withModifiers as U, withDirectives as T, vModelText as q, computed as z, createStaticVNode as G } from "vue";
-import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as S, unref as I, toDisplayString as c, Fragment as b, renderList as y, createBlock as P, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as z, createStaticVNode as N, watch as F, vShow as O } from "vue";
+import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { Icon as x } from "@iconify/vue";
-import { C as N, a as E } from "./CollapseItem-Cw1vcdLu.js";
+import { C as R, a as W } from "./CollapseItem-Cw1vcdLu.js";
 /* empty css               */
 /* empty css               */
-import { Tag as O } from "@arco-design/web-vue";
-const R = {}, W = {
+import { Tag as K } from "@arco-design/web-vue";
+const J = {}, Q = {
   class: "SubTitle"
 };
-function K(a, e) {
-  return s(), i("div", W, [h(a.$slots, "default", {}, void 0, !0)]);
+function Z(a, t) {
+  return s(), n("div", Q, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const V = /* @__PURE__ */ u(R, [["render", K], ["__scopeId", "data-v-3decf2d4"]]), J = {}, Z = {
+const H = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-3decf2d4"]]), Y = {}, X = {
   class: "Title"
 };
-function Q(a, e) {
-  return s(), i("h2", Z, [h(a.$slots, "default", {}, void 0, !0)]);
+function ee(a, t) {
+  return s(), n("h2", X, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]), Y = {
+const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]]), te = {
   class: "BlockHeader"
-}, X = /* @__PURE__ */ m({
+}, se = /* @__PURE__ */ f({
   __name: "LandingPageBlockHeader",
   setup(a) {
-    return (e, l) => (s(), i("div", Y, [d(H, {
+    return (t, l) => (s(), n("div", te, [u(M, {
       class: "BlockHeaderTitle"
     }, {
-      default: _(() => [h(e.$slots, "title", {}, void 0, !0)]),
+      default: _(() => [h(t.$slots, "title", {}, void 0, !0)]),
       _: 3
-    }), d(V, {
+    }), u(H, {
       class: "BlockHeaderSubTitle"
     }, {
-      default: _(() => [h(e.$slots, "subTitle", {}, void 0, !0)]),
+      default: _(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
-}), ee = /* @__PURE__ */ u(X, [["__scopeId", "data-v-8d51bb3a"]]), te = {
+}), ae = /* @__PURE__ */ d(se, [["__scopeId", "data-v-8d51bb3a"]]), ne = {
   class: "BlockLayout"
-}, se = /* @__PURE__ */ m({
+}, ie = /* @__PURE__ */ f({
   __name: "LandingPageBlockLayout",
   props: {
     columns: {
@@ -49,21 +49,21 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), t("div", {
+    const t = a;
+    return (l, o) => (s(), n("section", ne, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: I({
-        gridTemplateColumns: `repeat(${e.columns}, 1fr)`,
-        flexDirection: e.flexDirection
+      style: S({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
+        flexDirection: t.flexDirection
       })
     }, [h(l.$slots, "BlockBody", {}, void 0, !0)], 4)]));
   }
-}), ae = /* @__PURE__ */ u(se, [["__scopeId", "data-v-84ed1aaa"]]), ne = {
+}), oe = /* @__PURE__ */ d(ie, [["__scopeId", "data-v-84ed1aaa"]]), le = {
   description: "",
   class: "mission-list-item"
-}, ie = {
+}, ce = {
   class: "mission-list-text"
-}, oe = /* @__PURE__ */ m({
+}, re = /* @__PURE__ */ f({
   __name: "LandingPageListItem",
   props: {
     description: {
@@ -71,31 +71,31 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", ne, [d(P(x), {
+    const t = a;
+    return (l, o) => (s(), n("div", le, [u(I(x), {
       icon: "mingcute:check-circle-fill",
       class: "mission-list-icon"
-    }), t("span", ie, c(e.description), 1)]));
+    }), e("span", ce, c(t.description), 1)]));
   }
-}), j = /* @__PURE__ */ u(oe, [["__scopeId", "data-v-4973c791"]]), le = {
+}), j = /* @__PURE__ */ d(re, [["__scopeId", "data-v-4973c791"]]), de = {
   class: "mission-container"
-}, ce = {
+}, ue = {
   class: "mission-image-wrapper"
-}, re = ["src", "alt"], de = {
+}, _e = ["src", "alt"], pe = {
   class: "mission-content"
-}, ue = {
+}, fe = {
   class: "mission-title"
-}, _e = {
+}, me = {
   class: "mission-title-highlight"
-}, pe = {
+}, ge = {
   class: "mission-desc"
-}, me = {
+}, he = {
   class: "mission-list"
-}, fe = {
+}, ve = {
   style: {
     display: "none"
   }
-}, ge = /* @__PURE__ */ m({
+}, $e = /* @__PURE__ */ f({
   __name: "LandingPageMission",
   props: {
     image: {},
@@ -106,56 +106,56 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     features: {}
   },
   setup(a) {
-    return (e, l) => (s(), i("div", le, [t("div", ce, [l[0] || (l[0] = t("div", {
+    return (t, l) => (s(), n("div", de, [e("div", ue, [l[0] || (l[0] = e("div", {
       class: "mission-bg1"
-    }, null, -1)), t("img", {
-      src: e.image,
-      alt: e.imageAlt,
+    }, null, -1)), e("img", {
+      src: t.image,
+      alt: t.imageAlt,
       loading: "lazy",
       width: "1270",
       decoding: "async",
       class: "mission-img"
-    }, null, 8, re)]), t("div", de, [t("h2", ue, [t("span", _e, c(e.highlight), 1), t("strong", null, c(e.title), 1)]), t("p", pe, c(e.description), 1), t("div", me, [(s(!0), i(v, null, $(e.features, (n, o) => (s(), L(j, {
-      key: o,
-      description: n
-    }, null, 8, ["description"]))), 128))])]), (s(), i("svg", fe, l[1] || (l[1] = [t("symbol", {
+    }, null, 8, _e)]), e("div", pe, [e("h2", fe, [e("span", me, c(t.highlight), 1), e("strong", null, c(t.title), 1)]), e("p", ge, c(t.description), 1), e("div", he, [(s(!0), n(b, null, y(t.features, (o, i) => (s(), P(j, {
+      key: i,
+      description: o
+    }, null, 8, ["description"]))), 128))])]), (s(), n("svg", ve, l[1] || (l[1] = [e("symbol", {
       id: "ai:ph:check-circle-fill"
-    }, [t("path", {
+    }, [e("path", {
       fill: "currentColor",
       d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32"
     })], -1)])))]));
   }
-}), he = /* @__PURE__ */ u(ge, [["__scopeId", "data-v-511c032f"]]), ve = {
+}), be = /* @__PURE__ */ d($e, [["__scopeId", "data-v-511c032f"]]), ye = {
   class: "team-info-container"
-}, $e = {
+}, ke = {
   class: "team-info-title"
-}, be = {
+}, Le = {
   class: "team-info-desc"
-}, ye = /* @__PURE__ */ m({
+}, Pe = /* @__PURE__ */ f({
   __name: "LandingPageTeamInfo",
   props: {
     title: {},
     description: {}
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", ve, [t("div", $e, c(e.title), 1), t("p", be, c(e.description), 1)]));
+    const t = a;
+    return (l, o) => (s(), n("div", ye, [e("div", ke, c(t.title), 1), e("p", Le, c(t.description), 1)]));
   }
-}), ke = /* @__PURE__ */ u(ye, [["__scopeId", "data-v-2074e0d7"]]), Le = {}, Pe = {
+}), Ie = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-2074e0d7"]]), Se = {}, Ce = {
   class: "Description"
 };
-function Ie(a, e) {
-  return s(), i("div", Pe, [h(a.$slots, "default", {}, void 0, !0)]);
+function we(a, t) {
+  return s(), n("div", Ce, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"]]), Se = {
+const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"]]), xe = {
   class: "grid-container"
-}, xe = {
+}, Te = {
   class: "square"
-}, Ce = ["src", "alt", "sizes", "width", "height"], we = {
+}, Ae = ["src", "alt", "sizes", "width", "height"], qe = {
   class: "footer"
-}, Ae = {
+}, Be = {
   class: "name"
-}, Te = /* @__PURE__ */ m({
+}, ze = /* @__PURE__ */ f({
   __name: "LandingPageTeamList",
   props: {
     publishedTeamMembers: {},
@@ -165,25 +165,25 @@ const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     pictureClass: {}
   },
   setup(a) {
-    return (e, l) => (s(), i("div", Se, [(s(!0), i(v, null, $(e.publishedTeamMembers, (n) => (s(), i("div", {
-      key: n.data.name,
+    return (t, l) => (s(), n("div", xe, [(s(!0), n(b, null, y(t.publishedTeamMembers, (o) => (s(), n("div", {
+      key: o.data.name,
       class: "group"
-    }, [t("div", xe, [t("img", {
-      src: n.data.avatar.src,
-      alt: n.data.avatar.alt,
-      sizes: e.sizes,
-      width: e.width,
-      height: e.height,
-      class: w(e.pictureClass ? `${e.pictureClass} picture-img` : "picture-img")
-    }, null, 10, Ce)]), t("div", we, [t("h2", Ae, c(n.data.name), 1), d(S, null, {
-      default: _(() => [f(c(n.data.title), 1)]),
+    }, [e("div", Te, [e("img", {
+      src: o.data.avatar.src,
+      alt: o.data.avatar.alt,
+      sizes: t.sizes,
+      width: t.width,
+      height: t.height,
+      class: C(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
+    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, c(o.data.name), 1), u(w, null, {
+      default: _(() => [g(c(o.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
   }
-}), qe = /* @__PURE__ */ u(Te, [["__scopeId", "data-v-aae1a797"]]), Be = /* @__PURE__ */ m({
+}), Fe = /* @__PURE__ */ d(ze, [["__scopeId", "data-v-aae1a797"]]), Ve = /* @__PURE__ */ f({
   __name: "LandingPageAbout",
   setup(a) {
-    const e = [{
+    const t = [{
       data: {
         name: "Janette Lynch",
         title: "Senior Director",
@@ -220,20 +220,20 @@ const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
         }
       }
     }];
-    return (l, n) => (s(), i(v, null, [d(ae, null, {
-      BlockHeader: _(() => [d(ee, null, {
-        title: _(() => n[0] || (n[0] = [f("核心团队")])),
-        subTitle: _(() => n[1] || (n[1] = [f("我们是一个充满激情的小团队。")])),
+    return (l, o) => (s(), n(b, null, [u(oe, null, {
+      BlockHeader: _(() => [u(ae, null, {
+        title: _(() => o[0] || (o[0] = [g("核心团队")])),
+        subTitle: _(() => o[1] || (o[1] = [g("我们是一个充满激情的小团队。")])),
         _: 1
       })]),
-      BlockBody: _(() => [d(ke, {
+      BlockBody: _(() => [u(Ie, {
         title: "Empowering the world with Astro.",
         description: "We're a multi-cultural team from around the world! We come from diverse backgrounds, bringing different personalities, experiences and skills to the job. This is what makes our team so special."
-      }), d(qe, {
-        "published-team-members": e
+      }), u(Fe, {
+        "published-team-members": t
       })]),
       _: 1
-    }), d(he, {
+    }), u(be, {
       image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
       "image-alt": "Happy Team",
       title: "Mission",
@@ -242,16 +242,16 @@ const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), ja = /* @__PURE__ */ u(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
+}), fn = /* @__PURE__ */ d(Ve, [["__scopeId", "data-v-a40e05a5"]]), De = {
   class: "nav"
-}, De = {
+}, He = {
   class: "section"
-}, Fe = ["href"], Ve = {
+}, Me = ["href"], je = {
   class: "section"
-}, He = ["href"], je = /* @__PURE__ */ m({
+}, Ue = ["href"], Ge = /* @__PURE__ */ f({
   __name: "LandingPageAside",
   setup(a) {
-    const e = k([{
+    const t = k([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -282,28 +282,28 @@ const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (n, o) => (s(), i("nav", ze, [o[2] || (o[2] = t("div", {
+    return (o, i) => (s(), n("nav", De, [i[2] || (i[2] = e("div", {
       class: "section"
-    }, [t("div", {
+    }, [e("div", {
       class: "section-title"
-    }, "Getting started"), t("div", null, [t("a", {
+    }, "Getting started"), e("div", null, [e("a", {
       class: "link active",
       href: "/docs"
-    }, "Overview")])], -1)), t("div", De, [o[0] || (o[0] = t("div", {
+    }, "Overview")])], -1)), e("div", He, [i[0] || (i[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), t("div", null, [(s(!0), i(v, null, $(e.value, (r) => (s(), i("a", {
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), n(b, null, y(t.value, (r) => (s(), n("a", {
       key: r.text,
       class: "link",
       href: r.href
-    }, c(r.text), 9, Fe))), 128))])]), t("div", Ve, [o[1] || (o[1] = t("div", {
+    }, c(r.text), 9, Me))), 128))])]), e("div", je, [i[1] || (i[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), t("div", null, [(s(!0), i(v, null, $(l.value, (r) => (s(), i("a", {
+    }, "Resources", -1)), e("div", null, [(s(!0), n(b, null, y(l.value, (r) => (s(), n("a", {
       key: r.text,
       class: "link",
       href: r.href
-    }, c(r.text), 9, He))), 128))])])]));
+    }, c(r.text), 9, Ue))), 128))])])]));
   }
-}), Ma = /* @__PURE__ */ u(je, [["__scopeId", "data-v-b516bb75"]]), Me = ["src"], Ue = /* @__PURE__ */ m({
+}), mn = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-b516bb75"]]), Ee = ["src"], Ne = /* @__PURE__ */ f({
   __name: "LandingPageLogo",
   props: {
     name: {
@@ -334,35 +334,35 @@ const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
   },
   emits: ["to"],
   setup(a, {
-    emit: e
+    emit: t
   }) {
-    const l = a, n = e;
-    function o() {
-      n("to");
+    const l = a, o = t;
+    function i() {
+      o("to");
     }
-    return (r, g) => (s(), i("div", {
+    return (r, m) => (s(), n("div", {
       class: "Logo",
-      onClick: o
-    }, [a.icon ? (s(), i("img", {
+      onClick: i
+    }, [a.icon ? (s(), n("img", {
       key: 0,
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: I({
+      style: S({
         width: l.iconSize,
         height: l.iconSize
       })
-    }, null, 12, Me)) : C("", !0), t("div", {
+    }, null, 12, Ee)) : T("", !0), e("div", {
       class: "text",
-      style: I({
+      style: S({
         color: l.color,
         fontSize: l.fontSize
       })
     }, c(a.name), 5)]));
   }
-}), Ge = /* @__PURE__ */ u(Ue, [["__scopeId", "data-v-f259564c"]]), Ne = {
+}), Oe = /* @__PURE__ */ d(Ne, [["__scopeId", "data-v-f259564c"]]), Re = {
   class: "BrandInfo"
-}, Ee = /* @__PURE__ */ m({
+}, We = /* @__PURE__ */ f({
   __name: "LandingPageBrandInfo",
   props: {
     icon: {
@@ -391,51 +391,51 @@ const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", Ne, [d(Ge, {
-      icon: e.icon,
-      name: e.name,
-      color: e.color,
-      "font-size": e.fontSize,
-      "icon-size": e.iconSize
-    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), d(S, null, {
-      default: _(() => [f(c(e.description), 1)]),
+    const t = a;
+    return (l, o) => (s(), n("div", Re, [u(Oe, {
+      icon: t.icon,
+      name: t.name,
+      color: t.color,
+      "font-size": t.fontSize,
+      "icon-size": t.iconSize
+    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(w, null, {
+      default: _(() => [g(c(t.description), 1)]),
       _: 1
     })]));
   }
-}), Oe = /* @__PURE__ */ u(Ee, [["__scopeId", "data-v-03121641"]]), Re = /* @__PURE__ */ m({
+}), Ke = /* @__PURE__ */ d(We, [["__scopeId", "data-v-03121641"]]), Je = /* @__PURE__ */ f({
   __name: "LandingPageButton",
   props: {
     type: {}
   },
   setup(a) {
-    return (e, l) => (s(), i("div", {
-      class: w(["heroButton", [e.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
-    }, [h(e.$slots, "default", {}, void 0, !0)], 2));
+    return (t, l) => (s(), n("div", {
+      class: C(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [h(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), We = /* @__PURE__ */ u(Re, [["__scopeId", "data-v-d26fdf8b"]]), Ke = {}, Je = {
+}), Qe = /* @__PURE__ */ d(Je, [["__scopeId", "data-v-d26fdf8b"]]), Ze = {}, Ye = {
   class: "Card"
 };
-function Ze(a, e) {
-  return s(), i("div", Je, [h(a.$slots, "default", {}, void 0, !0)]);
+function Xe(a, t) {
+  return s(), n("div", Ye, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"]]), Qe = {
+const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"]]), et = {
   class: "contact-container"
-}, Ye = {
+}, tt = {
   class: "contact-info-section"
-}, Xe = {
+}, st = {
   class: "contact-title"
-}, et = {
+}, at = {
   class: "contact-info"
-}, tt = {
+}, nt = {
   class: "contact-info-item"
-}, st = {
+}, it = {
   class: "contact-info-item"
-}, at = ["href"], nt = {
+}, ot = ["href"], lt = {
   class: "contact-info-item"
-}, it = ["href"], ot = {
+}, ct = ["href"], rt = {
   class: "contact-form-section"
-}, lt = /* @__PURE__ */ m({
+}, dt = /* @__PURE__ */ f({
   __name: "LandingPageContact",
   props: {
     title: {
@@ -470,40 +470,40 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", Qe, [t("div", Ye, [t("h2", Xe, c(e.contact.title), 1), d(S, null, {
-      default: _(() => [f(c(e.contact.description), 1)]),
+    const t = a;
+    return (l, o) => (s(), n("div", et, [e("div", tt, [e("h2", st, c(t.contact.title), 1), u(w, null, {
+      default: _(() => [g(c(t.contact.description), 1)]),
       _: 1
-    }), t("div", et, [t("div", tt, [d(P(x), {
+    }), e("div", at, [e("div", nt, [u(I(x), {
       class: "contact-info-icon",
       icon: l.mapIcon
-    }, null, 8, ["icon"]), t("span", null, c(e.address), 1)]), t("div", st, [d(P(x), {
+    }, null, 8, ["icon"]), e("span", null, c(t.address), 1)]), e("div", it, [u(I(x), {
       class: "contact-info-icon",
-      icon: e.emailIcon
-    }, null, 8, ["icon"]), t("a", {
+      icon: t.emailIcon
+    }, null, 8, ["icon"]), e("a", {
       href: `mailto:${l.email}`
-    }, c(e.email), 9, at)]), t("div", nt, [d(P(x), {
+    }, c(t.email), 9, ot)]), e("div", lt, [u(I(x), {
       class: "contact-info-icon",
-      icon: e.phoneIcon
-    }, null, 8, ["icon"]), t("a", {
+      icon: t.phoneIcon
+    }, null, 8, ["icon"]), e("a", {
       href: `tel:${l.phone}`
-    }, c(e.phone), 9, it)])])]), t("div", ot, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
+    }, c(t.phone), 9, ct)])])]), e("div", rt, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
   }
-}), Ua = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-50d64cb9"]]), ct = ["value"], rt = ["value"], dt = {
+}), gn = /* @__PURE__ */ d(dt, [["__scopeId", "data-v-50d64cb9"]]), ut = ["value"], _t = ["value"], pt = {
   class: "form-group"
-}, ut = {
+}, ft = {
   class: "form-group"
-}, _t = {
+}, mt = {
   class: "form-group"
-}, pt = {
+}, gt = {
   type: "submit",
   class: "form-button"
-}, mt = {
+}, ht = {
   key: 0,
   class: "button-content"
-}, ft = {
+}, vt = {
   key: 1
-}, gt = /* @__PURE__ */ m({
+}, $t = /* @__PURE__ */ f({
   __name: "LandingPageContactForm",
   props: {
     accessKey: {
@@ -514,135 +514,135 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const e = a, l = k(!1), n = k(""), o = k(""), r = k({
+    const t = a, l = k(!1), o = k(""), i = k(""), r = k({
       name: "",
       email: "",
       message: ""
-    }), g = async (A) => {
+    }), m = async (v) => {
       l.value = !0;
-      const p = A.target;
+      const p = v.target;
       if (!p.checkValidity()) {
         p.querySelectorAll(":invalid")[0].focus();
         return;
       }
-      n.value = "发送中...", o.value = "";
+      o.value = "发送中...", i.value = "";
       try {
-        const b = await fetch("https://api.web3forms.com/submit", {
+        const $ = await fetch("https://api.web3forms.com/submit", {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
             Accept: "application/json"
           },
           body: JSON.stringify({
-            access_key: e.accessKey,
-            to: e.to,
+            access_key: t.accessKey,
+            to: t.to,
             name: r.value.name,
             email: r.value.email,
             message: r.value.message
           })
         });
-        await b.json(), b.status === 200 ? (o.value = "text-green", n.value = "消息发送成功！我们会尽快回复您。") : (o.value = "text-red", n.value = "发送失败，请检查网络连接后重试。");
+        await $.json(), $.status === 200 ? (i.value = "text-green", o.value = "消息发送成功！我们会尽快回复您。") : (i.value = "text-red", o.value = "发送失败，请检查网络连接后重试。");
       } catch {
-        o.value = "text-red", n.value = "发送失败，请稍后再试！";
+        i.value = "text-red", o.value = "发送失败，请稍后再试！";
       } finally {
         p.reset(), l.value = !1, setTimeout(() => {
-          n.value = "";
+          o.value = "";
         }, 5e3);
       }
     };
-    return (A, p) => (s(), i("form", {
+    return (v, p) => (s(), n("form", {
       id: "form",
       action: "https://api.web3forms.com/submit",
       method: "POST",
-      class: w(["contact-form", {
+      class: C(["contact-form", {
         "was-validated": l.value
       }]),
       novalidate: "",
-      onSubmit: U(g, ["prevent"])
-    }, [t("input", {
+      onSubmit: E(m, ["prevent"])
+    }, [e("input", {
       type: "hidden",
       name: "access_key",
-      value: e.accessKey
-    }, null, 8, ct), t("input", {
+      value: t.accessKey
+    }, null, 8, ut), e("input", {
       type: "hidden",
       name: "to",
-      value: e.to
-    }, null, 8, rt), p[11] || (p[11] = t("input", {
+      value: t.to
+    }, null, 8, _t), p[11] || (p[11] = e("input", {
       type: "checkbox",
       class: "hidden",
       style: {
         display: "none"
       },
       name: "botcheck"
-    }, null, -1)), t("div", dt, [p[3] || (p[3] = t("label", {
+    }, null, -1)), e("div", pt, [p[3] || (p[3] = e("label", {
       for: "name",
       class: "form-label"
-    }, [f(" 姓名 "), t("span", {
+    }, [g(" 姓名 "), e("span", {
       class: "required"
-    }, "*")], -1)), T(t("input", {
+    }, "*")], -1)), A(e("input", {
       id: "name",
-      "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value.name = b),
+      "onUpdate:modelValue": p[0] || (p[0] = ($) => r.value.name = $),
       type: "text",
       placeholder: "请输入您的姓名",
       required: "",
       class: "form-input",
       name: "name"
-    }, null, 512), [[q, r.value.name]]), p[4] || (p[4] = t("div", {
+    }, null, 512), [[q, r.value.name]]), p[4] || (p[4] = e("div", {
       class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的姓名。 ", -1))]), t("div", ut, [p[5] || (p[5] = t("label", {
+    }, " 请输入您的姓名。 ", -1))]), e("div", ft, [p[5] || (p[5] = e("label", {
       for: "email_address",
       class: "form-label"
-    }, [f(" 邮箱地址 "), t("span", {
+    }, [g(" 邮箱地址 "), e("span", {
       class: "required"
-    }, "*")], -1)), T(t("input", {
+    }, "*")], -1)), A(e("input", {
       id: "email_address",
-      "onUpdate:modelValue": p[1] || (p[1] = (b) => r.value.email = b),
+      "onUpdate:modelValue": p[1] || (p[1] = ($) => r.value.email = $),
       type: "email",
       placeholder: "请输入您的邮箱地址",
       name: "email",
       required: "",
       class: "form-input"
-    }, null, 512), [[q, r.value.email]]), p[6] || (p[6] = t("div", {
+    }, null, 512), [[q, r.value.email]]), p[6] || (p[6] = e("div", {
       class: "empty-feedback form-error"
-    }, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = t("div", {
+    }, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = e("div", {
       class: "invalid-feedback form-error"
-    }, " 请输入有效的邮箱地址。 ", -1))]), t("div", _t, [p[8] || (p[8] = t("label", {
+    }, " 请输入有效的邮箱地址。 ", -1))]), e("div", mt, [p[8] || (p[8] = e("label", {
       for: "message",
       class: "form-label"
-    }, [f(" 留言内容 "), t("span", {
+    }, [g(" 留言内容 "), e("span", {
       class: "required"
-    }, "*")], -1)), T(t("textarea", {
+    }, "*")], -1)), A(e("textarea", {
       id: "message",
-      "onUpdate:modelValue": p[2] || (p[2] = (b) => r.value.message = b),
+      "onUpdate:modelValue": p[2] || (p[2] = ($) => r.value.message = $),
       name: "message",
       required: "",
       placeholder: "请输入您的留言内容",
       class: "form-textarea",
       rows: "4"
-    }, null, 512), [[q, r.value.message]]), p[9] || (p[9] = t("div", {
+    }, null, 512), [[q, r.value.message]]), p[9] || (p[9] = e("div", {
       class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的留言内容。 ", -1))]), t("button", pt, [n.value === "发送中..." ? (s(), i("span", mt, p[10] || (p[10] = [t("svg", {
+    }, " 请输入您的留言内容。 ", -1))]), e("button", gt, [o.value === "发送中..." ? (s(), n("span", ht, p[10] || (p[10] = [e("svg", {
       class: "spinner",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24"
-    }, [t("circle", {
+    }, [e("circle", {
       class: "spinner-circle",
       cx: "12",
       cy: "12",
       r: "10",
       stroke: "currentColor",
       "stroke-width": "4"
-    }), t("path", {
+    }), e("path", {
       class: "spinner-path",
       fill: "currentColor",
       d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-    })], -1), f(" 发送中... ")]))) : (s(), i("span", ft, "发送信息"))]), n.value && n.value !== "发送中..." ? (s(), i("div", {
+    })], -1), g(" 发送中... ")]))) : (s(), n("span", vt, "发送信息"))]), o.value && o.value !== "发送中..." ? (s(), n("div", {
       key: 0,
-      class: w(["form-result", o.value])
-    }, c(n.value), 3)) : C("", !0)], 34));
+      class: C(["form-result", i.value])
+    }, c(o.value), 3)) : T("", !0)], 34));
   }
-}), Ga = /* @__PURE__ */ u(gt, [["__scopeId", "data-v-bd2eaefb"]]), ht = /* @__PURE__ */ m({
+}), hn = /* @__PURE__ */ d($t, [["__scopeId", "data-v-bd2eaefb"]]), bt = /* @__PURE__ */ f({
   __name: "LandingPageContainer",
   props: {
     flexDirection: {
@@ -656,23 +656,23 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", {
+    const t = a;
+    return (l, o) => (s(), n("div", {
       class: "landing-page-container",
-      style: I({
-        flexDirection: e.flexDirection,
-        gap: e.gap,
-        padding: e.padding
+      style: S({
+        flexDirection: t.flexDirection,
+        gap: t.gap,
+        padding: t.padding
       })
     }, [h(l.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Na = /* @__PURE__ */ u(ht, [["__scopeId", "data-v-4566ee86"]]), vt = {
+}), vn = /* @__PURE__ */ d(bt, [["__scopeId", "data-v-4566ee86"]]), yt = {
   class: "cta-title"
-}, $t = {
+}, kt = {
   class: "cta-description"
-}, bt = {
+}, Lt = {
   class: "cta-actions"
-}, yt = /* @__PURE__ */ m({
+}, Pt = /* @__PURE__ */ f({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -684,25 +684,25 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     backgroundUrl: {}
   },
   setup(a) {
-    const e = a, l = z(() => ({
-      backgroundImage: e.backgroundUrl ? `url(${e.backgroundUrl})` : void 0,
+    const t = a, l = z(() => ({
+      backgroundImage: t.backgroundUrl ? `url(${t.backgroundUrl})` : void 0,
       backgroundRepeat: "no-repeat",
       backgroundSize: "200% 200%",
       backgroundPosition: "center"
     }));
-    return (n, o) => (s(), i("div", {
+    return (o, i) => (s(), n("div", {
       class: "cta-container",
-      style: I(l.value)
-    }, [t("h1", vt, c(e.title), 1), t("div", $t, c(e.description), 1), t("div", bt, [h(n.$slots, "actions", {}, void 0, !0)])], 4));
+      style: S(l.value)
+    }, [e("h1", yt, c(t.title), 1), e("div", kt, c(t.description), 1), e("div", Lt, [h(o.$slots, "actions", {}, void 0, !0)])], 4));
   }
-}), Ea = /* @__PURE__ */ u(yt, [["__scopeId", "data-v-b3eb87df"]]), kt = {}, Lt = {
+}), $n = /* @__PURE__ */ d(Pt, [["__scopeId", "data-v-b3eb87df"]]), It = {}, St = {
   role: "separator",
   class: "divider divider-horizontal"
 };
-function Pt(a, e) {
-  return s(), i("div", Lt);
+function Ct(a, t) {
+  return s(), n("div", St);
 }
-const D = /* @__PURE__ */ u(kt, [["render", Pt], ["__scopeId", "data-v-997fc2a4"]]), It = /* @__PURE__ */ m({
+const V = /* @__PURE__ */ d(It, [["render", Ct], ["__scopeId", "data-v-997fc2a4"]]), wt = /* @__PURE__ */ f({
   __name: "LandingPageFAQ",
   props: {
     activeKeys: {
@@ -731,17 +731,17 @@ const D = /* @__PURE__ */ u(kt, [["render", Pt], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), L(N, {
-      "active-keys": e.activeKeys
+    const t = a;
+    return (l, o) => (s(), P(R, {
+      "active-keys": t.activeKeys
     }, {
-      default: _(() => [(s(!0), i(v, null, $(e.faqItems, (o, r) => (s(), L(E, {
+      default: _(() => [(s(!0), n(b, null, y(t.faqItems, (i, r) => (s(), P(W, {
         key: r,
         index: r
       }, {
-        header: _(() => [f(c(o.question), 1)]),
-        default: _(() => [d(S, null, {
-          default: _(() => [f(c(o.answer), 1)]),
+        header: _(() => [g(c(i.question), 1)]),
+        default: _(() => [u(w, null, {
+          default: _(() => [g(c(i.answer), 1)]),
           _: 2
         }, 1024)]),
         _: 2
@@ -749,11 +749,11 @@ const D = /* @__PURE__ */ u(kt, [["render", Pt], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), Oa = /* @__PURE__ */ u(It, [["__scopeId", "data-v-581e8f75"]]), St = {
+}), bn = /* @__PURE__ */ d(wt, [["__scopeId", "data-v-581e8f75"]]), xt = {
   class: "Features"
-}, xt = {
+}, Tt = {
   class: "feature-title"
-}, Ct = /* @__PURE__ */ m({
+}, At = /* @__PURE__ */ f({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -791,35 +791,35 @@ const D = /* @__PURE__ */ u(kt, [["render", Pt], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", St, [(s(!0), i(v, null, $(e.features, (o) => (s(), L(M, {
-      key: o.title
+    const t = a;
+    return (l, o) => (s(), n("div", xt, [(s(!0), n(b, null, y(t.features, (i) => (s(), P(U, {
+      key: i.title
     }, {
-      default: _(() => [t("div", {
+      default: _(() => [e("div", {
         class: "icon-container",
-        style: I({
-          color: e.iconColor,
-          border: `1px solid ${e.iconBorderColor}`
+        style: S({
+          color: t.iconColor,
+          border: `1px solid ${t.iconBorderColor}`
         })
-      }, [d(P(x), {
+      }, [u(I(x), {
         class: "icon",
-        icon: o.icon
-      }, null, 8, ["icon"])], 4), t("h3", xt, c(o.title), 1), d(S, null, {
-        default: _(() => [f(c(o.description), 1)]),
+        icon: i.icon
+      }, null, 8, ["icon"])], 4), e("h3", Tt, c(i.title), 1), u(w, null, {
+        default: _(() => [g(c(i.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Ra = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-1ee2db18"]]), wt = {
+}), yn = /* @__PURE__ */ d(At, [["__scopeId", "data-v-1ee2db18"]]), qt = {
   class: "tt-feature-list"
-}, At = {
+}, Bt = {
   class: "tt-feature-content"
-}, Tt = {
+}, zt = {
   class: "heading-small"
-}, qt = {
+}, Ft = {
   class: "text-small"
-}, Bt = /* @__PURE__ */ m({
+}, Vt = /* @__PURE__ */ f({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -828,27 +828,27 @@ const D = /* @__PURE__ */ u(kt, [["render", Pt], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", wt, [(s(!0), i(v, null, $(e.list, (o, r) => (s(), i("div", {
+    const t = a;
+    return (l, o) => (s(), n("div", qt, [(s(!0), n(b, null, y(t.list, (i, r) => (s(), n("div", {
       key: r,
       class: "tt-feature-item centered"
-    }, [n[1] || (n[1] = t("div", {
+    }, [o[1] || (o[1] = e("div", {
       class: "tt-feature-icon"
-    }, [t("img", {
+    }, [e("img", {
       src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
       loading: "lazy",
       class: "feature-media"
-    })], -1)), t("div", At, [t("h3", Tt, c(o.title), 1), t("p", qt, [f(c(o.descriptions) + " ", 1), n[0] || (n[0] = t("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Bt, [e("h3", zt, c(i.title), 1), e("p", Ft, [g(c(i.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), Wa = /* @__PURE__ */ u(Bt, [["__scopeId", "data-v-abd3c70a"]]);
-function zt(a, e, l) {
-  return `mailto:${a}?subject=${encodeURIComponent(e)}&body=${encodeURIComponent(l)}`;
+}), kn = /* @__PURE__ */ d(Vt, [["__scopeId", "data-v-abd3c70a"]]);
+function Dt(a, t, l) {
+  return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(l)}`;
 }
-const Dt = {
+const Ht = {
   class: "bottom"
-}, Ft = {
+}, Mt = {
   class: "socials"
-}, Vt = ["onClick"], Ht = /* @__PURE__ */ m({
+}, jt = ["onClick"], Ut = /* @__PURE__ */ f({
   __name: "LandingPageFooterContact",
   props: {
     beianText: {
@@ -865,50 +865,50 @@ const Dt = {
     }
   },
   setup(a) {
-    const e = a;
+    const t = a;
     function l() {
-      window.open(e.beianUrl);
+      window.open(t.beianUrl);
     }
-    return (n, o) => (s(), i("div", Dt, [t("span", {
+    return (o, i) => (s(), n("div", Ht, [e("span", {
       onClick: l
-    }, c(e.beianText), 1), t("div", Ft, [(s(!0), i(v, null, $(a.links, (r, g) => (s(), i("div", {
-      key: g,
+    }, c(t.beianText), 1), e("div", Mt, [(s(!0), n(b, null, y(a.links, (r, m) => (s(), n("div", {
+      key: m,
       class: "socialItem",
       onClick: r.select
-    }, [r.type === "text" ? (s(), L(P(x), {
+    }, [r.type === "text" ? (s(), P(I(x), {
       key: 0,
       icon: r.icon
-    }, null, 8, ["icon"])) : C("", !0), r.type === "image" ? (s(), L(P(x), {
+    }, null, 8, ["icon"])) : T("", !0), r.type === "image" ? (s(), P(I(x), {
       key: 1,
       icon: r.icon
-    }, null, 8, ["icon"])) : C("", !0)], 8, Vt))), 128))])]));
+    }, null, 8, ["icon"])) : T("", !0)], 8, jt))), 128))])]));
   }
-}), jt = /* @__PURE__ */ u(Ht, [["__scopeId", "data-v-ff6210b9"]]), Mt = {
+}), Gt = /* @__PURE__ */ d(Ut, [["__scopeId", "data-v-ff6210b9"]]), Et = {
   class: "FooterLayout"
-}, Ut = {
+}, Nt = {
   class: "body"
-}, Gt = {
+}, Ot = {
   class: "logo"
-}, Nt = {
+}, Rt = {
   class: "links"
-}, Et = /* @__PURE__ */ m({
+}, Wt = /* @__PURE__ */ f({
   __name: "LandingPageFooterLayout",
   setup(a) {
-    return (e, l) => (s(), i("div", Mt, [d(D), t("div", Ut, [t("div", Gt, [h(e.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), t("div", Nt, [h(e.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), d(D), h(e.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+    return (t, l) => (s(), n("div", Et, [u(V), e("div", Nt, [e("div", Ot, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Rt, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), u(V), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
   }
-}), Ot = /* @__PURE__ */ u(Et, [["__scopeId", "data-v-425841c7"]]), Rt = {}, Wt = {
+}), Kt = /* @__PURE__ */ d(Wt, [["__scopeId", "data-v-425841c7"]]), Jt = {}, Qt = {
   class: "Description"
 };
-function Kt(a, e) {
-  return s(), i("div", Wt, [h(a.$slots, "default", {}, void 0, !0)]);
+function Zt(a, t) {
+  return s(), n("div", Qt, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"]]), Jt = {
+const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Yt = {
   class: "list"
-}, Zt = {
+}, Xt = {
   class: "title"
-}, Qt = {
+}, es = {
   class: "listItemContent"
-}, Yt = /* @__PURE__ */ m({
+}, ts = /* @__PURE__ */ f({
   __name: "LandingPageLinkGroup",
   props: {
     title: {
@@ -916,24 +916,24 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", Jt, [t("div", Zt, c(e.title), 1), t("div", Qt, [h(l.$slots, "item", {}, void 0, !0)])]));
+    const t = a;
+    return (l, o) => (s(), n("div", Yt, [e("div", Xt, c(t.title), 1), e("div", es, [h(l.$slots, "item", {}, void 0, !0)])]));
   }
-}), B = /* @__PURE__ */ u(Yt, [["__scopeId", "data-v-0809a48c"]]), Xt = {
+}), B = /* @__PURE__ */ d(ts, [["__scopeId", "data-v-0809a48c"]]), ss = {
   class: "Footer"
-}, F = "support@huyooo.com", es = /* @__PURE__ */ m({
+}, D = "support@huyooo.com", as = /* @__PURE__ */ f({
   __name: "LandingPageFooter",
   setup(a) {
-    const e = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
-    function n() {
-      const p = zt(F, "", "");
+    const t = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
+    function o() {
+      const p = Dt(D, "", "");
       window.location.href = p;
     }
-    const o = k([{
+    const i = k([{
       type: "text",
       icon: "ic:baseline-email",
-      content: F,
-      select: n
+      content: D,
+      select: o
     }, {
       type: "image",
       icon: "ic:baseline-wechat",
@@ -941,91 +941,91 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
       select() {
       }
     }]);
-    return (r, g) => (s(), i("div", Xt, [d(Ot, null, {
-      LandingPageBrandInfo: _(() => [d(Oe, {
+    return (r, m) => (s(), n("div", ss, [u(Kt, null, {
+      LandingPageBrandInfo: _(() => [u(Ke, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
         description: "几小时内构建和发布AI产品，无需数日。"
       })]),
-      LandingPageLinkGroup: _(() => [d(B, {
+      LandingPageLinkGroup: _(() => [u(B, {
         title: "产品"
       }, {
-        item: _(() => [d(y, null, {
-          default: _(() => g[0] || (g[0] = [f("功能")])),
+        item: _(() => [u(L, null, {
+          default: _(() => m[0] || (m[0] = [g("功能")])),
           _: 1,
           __: [0]
-        }), d(y, null, {
-          default: _(() => g[1] || (g[1] = [f("展示")])),
+        }), u(L, null, {
+          default: _(() => m[1] || (m[1] = [g("展示")])),
           _: 1,
           __: [1]
-        }), d(y, null, {
-          default: _(() => g[2] || (g[2] = [f("价格")])),
+        }), u(L, null, {
+          default: _(() => m[2] || (m[2] = [g("价格")])),
           _: 1,
           __: [2]
         })]),
         _: 1
-      }), d(B, {
+      }), u(B, {
         title: "资源"
       }, {
-        item: _(() => [d(y, null, {
-          default: _(() => g[3] || (g[3] = [f("安全性与合规性")])),
+        item: _(() => [u(L, null, {
+          default: _(() => m[3] || (m[3] = [g("安全性与合规性")])),
           _: 1,
           __: [3]
         })]),
         _: 1
-      }), d(B, {
+      }), u(B, {
         title: "公司"
       }, {
-        item: _(() => [d(y, null, {
-          default: _(() => g[4] || (g[4] = [f("博客")])),
+        item: _(() => [u(L, null, {
+          default: _(() => m[4] || (m[4] = [g("博客")])),
           _: 1,
           __: [4]
-        }), d(y, null, {
-          default: _(() => g[5] || (g[5] = [f("公司简介")])),
+        }), u(L, null, {
+          default: _(() => m[5] || (m[5] = [g("公司简介")])),
           _: 1,
           __: [5]
-        }), d(y, null, {
-          default: _(() => g[6] || (g[6] = [f("个人信息收集清单")])),
+        }), u(L, null, {
+          default: _(() => m[6] || (m[6] = [g("个人信息收集清单")])),
           _: 1,
           __: [6]
-        }), d(y, null, {
-          default: _(() => g[7] || (g[7] = [f("第三方信息共享清单")])),
+        }), u(L, null, {
+          default: _(() => m[7] || (m[7] = [g("第三方信息共享清单")])),
           _: 1,
           __: [7]
-        }), d(y, null, {
-          default: _(() => g[8] || (g[8] = [f("用户服务协议")])),
+        }), u(L, null, {
+          default: _(() => m[8] || (m[8] = [g("用户服务协议")])),
           _: 1,
           __: [8]
-        }), d(y, null, {
-          default: _(() => g[9] || (g[9] = [f("隐私协议")])),
+        }), u(L, null, {
+          default: _(() => m[9] || (m[9] = [g("隐私协议")])),
           _: 1,
           __: [9]
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: _(() => [d(jt, {
-        "beian-text": e.value,
+      LandingPageFooterContact: _(() => [u(Gt, {
+        "beian-text": t.value,
         "beian-url": l.value,
-        links: o.value
+        links: i.value
       }, null, 8, ["beian-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), Ka = /* @__PURE__ */ u(es, [["__scopeId", "data-v-ee74e088"]]), ts = {
+}), Ln = /* @__PURE__ */ d(as, [["__scopeId", "data-v-ee74e088"]]), ns = {
   class: "hero"
-}, ss = {
+}, is = {
   class: "heroContent"
-}, as = {
+}, os = {
   class: "heroHeading"
-}, ns = {
+}, ls = {
   class: "heroTitle"
-}, is = {
+}, cs = {
   class: "heroDescription"
-}, os = {
+}, rs = {
   class: "heroActions"
-}, ls = {
+}, ds = {
   class: "heroImage"
-}, cs = /* @__PURE__ */ m({
+}, us = /* @__PURE__ */ f({
   __name: "LandingPageHero",
   props: {
     title: {
@@ -1042,12 +1042,12 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("main", ts, [t("div", ss, [t("div", as, [t("h1", ns, [h(l.$slots, "title", {}, () => [f(c(e.title), 1)], !0)])]), t("div", is, [t("div", null, c(e.description), 1)]), t("div", os, [h(l.$slots, "actions", {}, void 0, !0)])]), t("div", ls, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
+    const t = a;
+    return (l, o) => (s(), n("main", ns, [e("div", is, [e("div", os, [e("h1", ls, [h(l.$slots, "title", {}, () => [g(c(t.title), 1)], !0)])]), e("div", cs, [e("div", null, c(t.description), 1)]), e("div", rs, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", ds, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
   }
-}), Ja = /* @__PURE__ */ u(cs, [["__scopeId", "data-v-38f97a3c"]]), rs = {
+}), Pn = /* @__PURE__ */ d(us, [["__scopeId", "data-v-38f97a3c"]]), _s = {
   class: "logos-list"
-}, ds = /* @__PURE__ */ m({
+}, ps = /* @__PURE__ */ f({
   __name: "LandingPageLogos",
   props: {
     title: {
@@ -1073,14 +1073,14 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", rs, [(s(!0), i(v, null, $(e.logos, (o, r) => (s(), L(P(x), {
+    const t = a;
+    return (l, o) => (s(), n("div", _s, [(s(!0), n(b, null, y(t.logos, (i, r) => (s(), P(I(x), {
       key: r,
-      icon: o.name,
+      icon: i.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), Za = /* @__PURE__ */ u(ds, [["__scopeId", "data-v-1a08e627"]]), us = /* @__PURE__ */ m({
+}), In = /* @__PURE__ */ d(ps, [["__scopeId", "data-v-1a08e627"]]), fs = /* @__PURE__ */ f({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -1101,38 +1101,38 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a, l = z(() => ({
-      maxWidth: e.maxWidth,
-      margin: e.center ? "0 auto" : void 0,
+    const t = a, l = z(() => ({
+      maxWidth: t.maxWidth,
+      margin: t.center ? "0 auto" : void 0,
       width: "100%",
-      padding: e.padding,
+      padding: t.padding,
       display: "flex",
-      flexDirection: e.flexDirection ?? "column",
-      gap: e.gap
+      flexDirection: t.flexDirection ?? "column",
+      gap: t.gap
     }));
-    return (n, o) => (s(), i("div", {
+    return (o, i) => (s(), n("div", {
       class: "PageContent",
-      style: I(l.value)
-    }, [h(n.$slots, "default", {}, void 0, !0)], 4));
+      style: S(l.value)
+    }, [h(o.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Qa = /* @__PURE__ */ u(us, [["__scopeId", "data-v-00ec8180"]]), _s = {
+}), Sn = /* @__PURE__ */ d(fs, [["__scopeId", "data-v-00ec8180"]]), ms = {
   class: "Tabs"
-}, ps = {
+}, gs = {
   class: "tabs-root"
-}, ms = {
+}, hs = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, fs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], gs = {
+}, vs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], $s = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, hs = ["for"], vs = {
+}, bs = ["for"], ys = {
   key: 0,
   class: "tabs-badge"
-}, $s = /* @__PURE__ */ m({
+}, ks = /* @__PURE__ */ f({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -1146,36 +1146,36 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
   },
   emits: ["update:modelValue"],
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", _s, [t("div", ps, [t("div", ms, [(s(!0), i(v, null, $(e.tabs, (o) => (s(), i("div", {
-      key: o.value,
-      class: w(["tabs-item", {
-        "tabs-item-active": o.value === a.modelValue
+    const t = a;
+    return (l, o) => (s(), n("div", ms, [e("div", gs, [e("div", hs, [(s(!0), n(b, null, y(t.tabs, (i) => (s(), n("div", {
+      key: i.value,
+      class: C(["tabs-item", {
+        "tabs-item-active": i.value === a.modelValue
       }])
-    }, [t("button", {
-      id: o.value,
+    }, [e("button", {
+      id: i.value,
       type: "button",
       role: "radio",
-      "aria-checked": o.value === a.modelValue,
-      "data-state": o.value === a.modelValue ? "checked" : "unchecked",
-      value: o.value,
+      "aria-checked": i.value === a.modelValue,
+      "data-state": i.value === a.modelValue ? "checked" : "unchecked",
+      value: i.value,
       class: "tabs-radio",
-      tabindex: o.value === a.modelValue ? 0 : -1,
-      onClick: (r) => l.$emit("update:modelValue", o.value)
-    }, [o.value === a.modelValue ? (s(), i("span", gs)) : C("", !0)], 8, fs), t("label", {
+      tabindex: i.value === a.modelValue ? 0 : -1,
+      onClick: (r) => l.$emit("update:modelValue", i.value)
+    }, [i.value === a.modelValue ? (s(), n("span", $s)) : T("", !0)], 8, vs), e("label", {
       class: "tabs-label",
-      for: o.value
-    }, [t("span", null, c(o.label), 1), o.badge ? (s(), i("div", vs, c(o.badge), 1)) : C("", !0)], 8, hs)], 2))), 128))])])]));
+      for: i.value
+    }, [e("span", null, c(i.label), 1), i.badge ? (s(), n("div", ys, c(i.badge), 1)) : T("", !0)], 8, bs)], 2))), 128))])])]));
   }
-}), bs = /* @__PURE__ */ u($s, [["__scopeId", "data-v-9eb67a93"]]), ys = {
+}), Ls = /* @__PURE__ */ d(ks, [["__scopeId", "data-v-9eb67a93"]]), Ps = {
   class: "PriceGroup"
-}, ks = /* @__PURE__ */ m({
+}, Is = /* @__PURE__ */ f({
   __name: "LandingPagePriceGroup",
   setup(a) {
-    const e = k("subscribe-monthly");
-    return (l, n) => (s(), i("div", ys, [d(bs, {
-      modelValue: e.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (o) => e.value = o),
+    const t = k("subscribe-monthly");
+    return (l, o) => (s(), n("div", Ps, [u(Ls, {
+      modelValue: t.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i),
       tabs: [{
         value: "subscribe-monthly",
         label: "按月订阅"
@@ -1189,33 +1189,33 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
       }]
     }, null, 8, ["modelValue"]), h(l.$slots, "default", {}, void 0, !0)]));
   }
-}), Ya = /* @__PURE__ */ u(ks, [["__scopeId", "data-v-43a35f55"]]), Ls = {
+}), Cn = /* @__PURE__ */ d(Is, [["__scopeId", "data-v-43a35f55"]]), Ss = {
   class: "PricingCard"
-}, Ps = {
+}, Cs = {
   class: "title"
-}, Is = {
+}, ws = {
   class: "titleText"
-}, Ss = {
-  class: "description"
 }, xs = {
+  class: "description"
+}, Ts = {
   class: "priceAndDiscount"
-}, Cs = {
+}, As = {
   class: "price"
-}, ws = {
+}, qs = {
   class: "discount"
-}, As = {
+}, Bs = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, Ts = {
+}, zs = {
   key: 1,
   class: "priceNotDiscount"
-}, qs = {
+}, Fs = {
   class: "cycle"
-}, Bs = {
+}, Vs = {
   class: "features"
-}, zs = /* @__PURE__ */ m({
+}, Ds = /* @__PURE__ */ f({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -1275,55 +1275,55 @@ const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"
   },
   emits: ["toPay"],
   setup(a, {
-    emit: e
+    emit: t
   }) {
-    const l = e, n = a;
-    function o() {
+    const l = t, o = a;
+    function i() {
       l("toPay");
     }
-    return (r, g) => (s(), i("div", Ls, [t("div", null, [t("div", Ps, [t("span", Is, c(n.title), 1), n.badge.label ? (s(), L(P(O), {
+    return (r, m) => (s(), n("div", Ss, [e("div", null, [e("div", Cs, [e("span", ws, c(o.title), 1), o.badge.label ? (s(), P(I(K), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: _(() => [f(c(n.badge.label), 1)]),
+      default: _(() => [g(c(o.badge.label), 1)]),
       _: 1
-    })) : C("", !0)]), t("div", Ss, c(n.description), 1)]), t("div", xs, [n.discount !== null ? (s(), i(v, {
+    })) : T("", !0)]), e("div", xs, c(o.description), 1)]), e("div", Ts, [o.discount !== null ? (s(), n(b, {
       key: 0
-    }, [t("span", Cs, [t("span", null, c(n.price), 1), t("span", null, c(n.unit), 1)]), t("span", ws, [t("span", As, c(n.discount), 1), t("span", null, c(n.unit), 1)])], 64)) : (s(), i("span", Ts, [t("span", null, c(n.price), 1), t("span", null, c(n.unit), 1)])), t("span", qs, c(n.cycle), 1)]), t("div", Bs, [(s(!0), i(v, null, $(n.features, (A, p) => (s(), L(j, {
+    }, [e("span", As, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", qs, [e("span", Bs, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), n("span", zs, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", Fs, c(o.cycle), 1)]), e("div", Vs, [(s(!0), n(b, null, y(o.features, (v, p) => (s(), P(j, {
       key: p,
-      description: A.title
-    }, null, 8, ["description"]))), 128))]), d(We, {
+      description: v.title
+    }, null, 8, ["description"]))), 128))]), u(Qe, {
       class: "handle",
       type: "primary",
-      loading: n.loading,
-      disabled: !(n.discount || n.price),
-      onClick: o
+      loading: o.loading,
+      disabled: !(o.discount || o.price),
+      onClick: i
     }, {
-      default: _(() => [f(c(n.button.label), 1)]),
+      default: _(() => [g(c(o.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), Xa = /* @__PURE__ */ u(zs, [["__scopeId", "data-v-0b730439"]]), Ds = {}, Fs = {
+}), wn = /* @__PURE__ */ d(Ds, [["__scopeId", "data-v-0b730439"]]), Hs = {}, Ms = {
   class: "PricingGrid"
-}, Vs = {
+}, js = {
   class: "content"
 };
-function Hs(a, e) {
-  return s(), i("div", Fs, [t("div", Vs, [h(a.$slots, "default", {}, void 0, !0)])]);
+function Us(a, t) {
+  return s(), n("div", Ms, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
 }
-const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee"]]), js = {
+const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee"]]), Gs = {
   class: "section-header"
-}, Ms = {
+}, Es = {
   class: "title-section"
-}, Us = {
+}, Ns = {
   class: "icon-title"
-}, Gs = ["src", "alt", "width", "height"], Ns = {
+}, Os = ["src", "alt", "width", "height"], Rs = {
   class: "title"
-}, Es = {
+}, Ws = {
   class: "subtitle-section"
-}, Os = ["src", "alt", "width", "height"], Rs = {
+}, Ks = ["src", "alt", "width", "height"], Js = {
   class: "subtitle"
-}, Ws = /* @__PURE__ */ m({
+}, Qs = /* @__PURE__ */ f({
   __name: "LandingPageSectionHeader",
   props: {
     title: {},
@@ -1350,41 +1350,41 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    return (e, l) => (s(), i("div", js, [t("div", Ms, [t("div", Us, [t("img", {
-      src: e.icon,
-      alt: e.iconAlt,
-      width: e.iconWidth,
-      height: e.iconHeight,
+    return (t, l) => (s(), n("div", Gs, [e("div", Es, [e("div", Ns, [e("img", {
+      src: t.icon,
+      alt: t.iconAlt,
+      width: t.iconWidth,
+      height: t.iconHeight,
       loading: "lazy",
       decoding: "async",
       class: "icon"
-    }, null, 8, Gs), t("span", Ns, c(e.title), 1)]), t("div", Es, [t("img", {
-      src: e.dashline,
-      alt: e.dashlineAlt,
-      width: e.dashlineWidth,
-      height: e.dashlineHeight,
+    }, null, 8, Os), e("span", Rs, c(t.title), 1)]), e("div", Ws, [e("img", {
+      src: t.dashline,
+      alt: t.dashlineAlt,
+      width: t.dashlineWidth,
+      height: t.dashlineHeight,
       loading: "lazy",
       decoding: "async",
       class: "dashline"
-    }, null, 8, Os), t("span", Rs, c(e.subtitle), 1)])])]));
+    }, null, 8, Ks), e("span", Js, c(t.subtitle), 1)])])]));
   }
-}), tn = /* @__PURE__ */ u(Ws, [["__scopeId", "data-v-6831913e"]]), Ks = {
+}), Tn = /* @__PURE__ */ d(Qs, [["__scopeId", "data-v-6831913e"]]), Zs = {
   class: "sections-container"
-}, Js = {
+}, Ys = {
   class: "container"
-}, Zs = {
+}, Xs = {
   class: "image-container"
-}, Qs = ["src", "alt"], Ys = {
+}, ea = ["src", "alt"], ta = {
   class: "text-container"
-}, Xs = {
+}, sa = {
   class: "header"
-}, ea = {
+}, aa = {
   class: "features-list"
-}, ta = {
+}, na = {
   class: "content"
-}, sa = {
+}, ia = {
   class: "feature-title"
-}, aa = /* @__PURE__ */ m({
+}, oa = /* @__PURE__ */ f({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -1423,40 +1423,40 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("section", Ks, [t("div", Js, [t("div", {
-      class: w(["content-wrapper", {
-        reverse: e.reverse
+    const t = a;
+    return (l, o) => (s(), n("section", Zs, [e("div", Ys, [e("div", {
+      class: C(["content-wrapper", {
+        reverse: t.reverse
       }])
-    }, [t("div", Zs, [t("img", {
-      src: e.imageUrl,
-      alt: e.imageAlt,
+    }, [e("div", Xs, [e("img", {
+      src: t.imageUrl,
+      alt: t.imageAlt,
       class: "image"
-    }, null, 8, Qs)]), t("div", Ys, [t("div", Xs, [d(H, null, {
-      default: _(() => [f(c(e.title), 1)]),
+    }, null, 8, ea)]), e("div", ta, [e("div", sa, [u(M, null, {
+      default: _(() => [g(c(t.title), 1)]),
       _: 1
-    }), d(V, null, {
-      default: _(() => [f(c(e.subTitle), 1)]),
+    }), u(H, null, {
+      default: _(() => [g(c(t.subTitle), 1)]),
       _: 1
-    })]), t("div", ea, [(s(!0), i(v, null, $(e.features, (o, r) => (s(), i("div", {
+    })]), e("div", aa, [(s(!0), n(b, null, y(t.features, (i, r) => (s(), n("div", {
       key: r,
       class: "feature-item"
-    }, [t("div", {
-      class: w(["icon-container", [`icon-${o.color}`]])
-    }, n[0] || (n[0] = [t("div", {
+    }, [e("div", {
+      class: C(["icon-container", [`icon-${i.color}`]])
+    }, o[0] || (o[0] = [e("div", {
       class: "dot"
-    }, null, -1)]), 2), t("div", ta, [t("div", sa, c(o.title), 1), d(S, null, {
-      default: _(() => [f(c(o.description), 1)]),
+    }, null, -1)]), 2), e("div", na, [e("div", ia, c(i.title), 1), u(w, null, {
+      default: _(() => [g(c(i.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
   }
-}), sn = /* @__PURE__ */ u(aa, [["__scopeId", "data-v-ac2b71bb"]]), na = {
+}), An = /* @__PURE__ */ d(oa, [["__scopeId", "data-v-ac2b71bb"]]), la = {
   class: "Showcase"
-}, ia = ["onClick"], oa = ["src", "alt"], la = {
+}, ca = ["onClick"], ra = ["src", "alt"], da = {
   class: "card-content"
-}, ca = {
+}, ua = {
   class: "card-title"
-}, ra = /* @__PURE__ */ m({
+}, _a = /* @__PURE__ */ f({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -1476,39 +1476,39 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
   },
   emits: ["cardClick"],
   setup(a, {
-    emit: e
+    emit: t
   }) {
-    const l = a, n = e;
-    function o(g) {
-      n("cardClick", g);
+    const l = a, o = t;
+    function i(m) {
+      o("cardClick", m);
     }
     const r = z(() => ({
       height: `${l.cardHeight}px`,
       objectFit: l.objectFit
     }));
-    return (g, A) => (s(), i("div", na, [(s(!0), i(v, null, $(l.items, (p, b) => (s(), i("div", {
-      key: b,
+    return (m, v) => (s(), n("div", la, [(s(!0), n(b, null, y(l.items, (p, $) => (s(), n("div", {
+      key: $,
       class: "showcase-card",
-      onClick: (Ta) => o(p)
-    }, [t("img", {
+      onClick: (G) => i(p)
+    }, [e("img", {
       src: p.image,
       alt: p.alt,
-      style: I(r.value)
-    }, null, 12, oa), t("div", la, [t("div", ca, c(p.title), 1), d(S, null, {
-      default: _(() => [f(c(p.description), 1)]),
+      style: S(r.value)
+    }, null, 12, ra), e("div", da, [e("div", ua, c(p.title), 1), u(w, null, {
+      default: _(() => [g(c(p.description), 1)]),
       _: 2
-    }, 1024)])], 8, ia))), 128))]));
+    }, 1024)])], 8, ca))), 128))]));
   }
-}), an = /* @__PURE__ */ u(ra, [["__scopeId", "data-v-381ed6a6"]]), da = {
+}), qn = /* @__PURE__ */ d(_a, [["__scopeId", "data-v-381ed6a6"]]), pa = {
   class: "Stats"
-}, ua = {
+}, fa = {
   key: 0,
   class: "stats-label"
-}, _a = {
+}, ma = {
   class: "stats-number"
-}, pa = {
+}, ga = {
   class: "stats-label"
-}, ma = /* @__PURE__ */ m({
+}, ha = /* @__PURE__ */ f({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -1534,19 +1534,19 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", da, [(s(!0), i(v, null, $(e.stats, (o, r) => (s(), i("div", {
+    const t = a;
+    return (l, o) => (s(), n("div", pa, [(s(!0), n(b, null, y(t.stats, (i, r) => (s(), n("div", {
       key: r,
       class: "stats-item"
-    }, [o.title ? (s(), i("div", ua, c(o.title), 1)) : C("", !0), t("div", _a, c(o.number), 1), t("div", pa, c(o.label), 1)]))), 128))]));
+    }, [i.title ? (s(), n("div", fa, c(i.title), 1)) : T("", !0), e("div", ma, c(i.number), 1), e("div", ga, c(i.label), 1)]))), 128))]));
   }
-}), nn = /* @__PURE__ */ u(ma, [["__scopeId", "data-v-7aa9af80"]]), fa = {
+}), Bn = /* @__PURE__ */ d(ha, [["__scopeId", "data-v-7aa9af80"]]), va = {
   class: "stepNumber"
-}, ga = {
+}, $a = {
   class: "count"
-}, ha = {
+}, ba = {
   class: "stepTitle"
-}, va = /* @__PURE__ */ m({
+}, ya = /* @__PURE__ */ f({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -1568,32 +1568,32 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", {
+    const t = a;
+    return (l, o) => (s(), n("div", {
       class: "Steps",
-      style: I({
-        gridTemplateColumns: `repeat(${e.columns}, 1fr)`
+      style: S({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
-    }, [(s(!0), i(v, null, $(e.steps, (o, r) => (s(), i("div", {
+    }, [(s(!0), n(b, null, y(t.steps, (i, r) => (s(), n("div", {
       key: r,
       class: "stepItem"
-    }, [t("div", fa, [t("span", ga, c(r + 1), 1)]), t("h3", ha, c(o.title), 1), d(S, null, {
-      default: _(() => [f(c(o.description), 1)]),
+    }, [e("div", va, [e("span", $a, c(r + 1), 1)]), e("h3", ba, c(i.title), 1), u(w, null, {
+      default: _(() => [g(c(i.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), on = /* @__PURE__ */ u(va, [["__scopeId", "data-v-1ecd9597"]]), $a = {
+}), zn = /* @__PURE__ */ d(ya, [["__scopeId", "data-v-1ecd9597"]]), ka = {
   class: "Testimonial"
-}, ba = {
+}, La = {
   class: "user-info"
-}, ya = {
+}, Pa = {
   class: "user-avatar"
-}, ka = ["src", "alt"], La = {
+}, Ia = ["src", "alt"], Sa = {
   class: "user-name"
-}, Pa = {
+}, Ca = {
   class: "user-title"
-}, Ia = /* @__PURE__ */ m({
+}, wa = /* @__PURE__ */ f({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
@@ -1601,21 +1601,21 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("div", $a, [(s(!0), i(v, null, $(e.testimonials, (o, r) => (s(), L(M, {
+    const t = a;
+    return (l, o) => (s(), n("div", ka, [(s(!0), n(b, null, y(t.testimonials, (i, r) => (s(), P(U, {
       key: r
     }, {
-      default: _(() => [t("div", null, [d(S, null, {
-        default: _(() => [f(c(`"${o.content}"`), 1)]),
+      default: _(() => [e("div", null, [u(w, null, {
+        default: _(() => [g(c(`"${i.content}"`), 1)]),
         _: 2
-      }, 1024)]), t("div", ba, [t("span", ya, [t("img", {
-        src: o.avatar,
-        alt: o.name
-      }, null, 8, ka)]), t("div", null, [t("div", La, c(o.name), 1), t("div", Pa, c(o.title), 1)])])]),
+      }, 1024)]), e("div", La, [e("span", Pa, [e("img", {
+        src: i.avatar,
+        alt: i.name
+      }, null, 8, Ia)]), e("div", null, [e("div", Sa, c(i.name), 1), e("div", Ca, c(i.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), ln = /* @__PURE__ */ u(Ia, [["__scopeId", "data-v-bc49d7bc"]]), Sa = ["href"], xa = /* @__PURE__ */ m({
+}), Fn = /* @__PURE__ */ d(wa, [["__scopeId", "data-v-bc49d7bc"]]), xa = ["href"], Ta = /* @__PURE__ */ f({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1628,61 +1628,182 @@ const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, n) => (s(), i("a", {
-      href: e.href,
+    const t = a;
+    return (l, o) => (s(), n("a", {
+      href: t.href,
       class: "tips-link"
-    }, c(e.text), 9, Sa));
+    }, c(t.text), 9, xa));
   }
-}), cn = /* @__PURE__ */ u(xa, [["__scopeId", "data-v-f5784dd1"]]), Ca = {}, wa = {
+}), Vn = /* @__PURE__ */ d(Ta, [["__scopeId", "data-v-f5784dd1"]]), Aa = {}, qa = {
   class: "sidebar"
 };
-function Aa(a, e) {
-  return s(), i("div", wa, e[0] || (e[0] = [G('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)]));
+function Ba(a, t) {
+  return s(), n("div", qa, t[0] || (t[0] = [N('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)]));
+}
+const Dn = /* @__PURE__ */ d(Aa, [["render", Ba], ["__scopeId", "data-v-251905ff"]]), za = {}, Fa = {
+  class: "features-grid"
+};
+function Va(a, t) {
+  return s(), n("div", Fa, [h(a.$slots, "default", {}, void 0, !0)]);
+}
+const Hn = /* @__PURE__ */ d(za, [["render", Va], ["__scopeId", "data-v-adf08600"]]), Da = {
+  class: "feature-section-header"
+}, Ha = {
+  class: "feature-section-title"
+}, Ma = ["innerHTML"], ja = /* @__PURE__ */ f({
+  __name: "LandingPageFeatureSectionHeader",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(a) {
+    return (t, l) => (s(), n("div", Da, [e("h2", Ha, c(t.title), 1), e("p", {
+      class: "feature-section-description",
+      innerHTML: t.description
+    }, null, 8, Ma)]));
+  }
+}), Mn = /* @__PURE__ */ d(ja, [["__scopeId", "data-v-8fe145ad"]]), Ua = {}, Ga = {
+  class: "features-grid"
+};
+function Ea(a, t) {
+  return s(), n("div", Ga, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const rn = /* @__PURE__ */ u(Ca, [["render", Aa], ["__scopeId", "data-v-251905ff"]]);
+const jn = /* @__PURE__ */ d(Ua, [["render", Ea], ["__scopeId", "data-v-392f636b"]]), Na = {
+  class: "testimonials-container"
+}, Oa = {
+  class: "testimonial-header"
+}, Ra = ["onClick"], Wa = {
+  class: "user-avatar"
+}, Ka = ["src", "alt"], Ja = {
+  class: "user-info"
+}, Qa = {
+  class: "user-name"
+}, Za = {
+  class: "user-title"
+}, Ya = {
+  class: "testimonial-content"
+}, Xa = /* @__PURE__ */ f({
+  __name: "LandingPageTestimonialCard",
+  props: {
+    testimonials: {}
+  },
+  setup(a) {
+    function t(l) {
+      l.link && window.open(l.link, "_blank");
+    }
+    return (l, o) => (s(), n("div", Na, [(s(!0), n(b, null, y(l.testimonials, (i) => (s(), n("div", {
+      key: i.name,
+      class: "testimonial-card"
+    }, [e("div", Oa, [e("div", {
+      class: C(["user-link", {
+        "no-link": !i.link
+      }]),
+      onClick: (r) => t(i)
+    }, [e("div", Wa, [e("img", {
+      src: i.avatar,
+      alt: i.name,
+      width: "260",
+      height: "260",
+      loading: "lazy",
+      decoding: "async",
+      class: "avatar-image"
+    }, null, 8, Ka)]), e("div", Ja, [e("span", Qa, c(i.name), 1), e("span", Za, c(i.title), 1)])], 10, Ra)]), e("p", Ya, c(i.content), 1)]))), 128))]));
+  }
+}), Un = /* @__PURE__ */ d(Xa, [["__scopeId", "data-v-6e10d8a8"]]), en = {
+  class: "tabs"
+}, tn = {
+  class: "tabs-header"
+}, sn = ["onClick"], an = {
+  class: "tab-label"
+}, nn = {
+  class: "tabs-content"
+}, on = /* @__PURE__ */ f({
+  __name: "LandingPageSectionTabs",
+  props: {
+    tabs: {},
+    defaultActiveTab: {
+      default: ""
+    },
+    modelValue: {
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "tabChange"],
+  setup(a, {
+    emit: t
+  }) {
+    var m;
+    const l = a, o = t, i = k(l.modelValue || l.defaultActiveTab || ((m = l.tabs[0]) == null ? void 0 : m.id) || "");
+    function r(v) {
+      i.value = v, o("update:modelValue", v), o("tabChange", v);
+    }
+    return F(() => l.modelValue, (v) => {
+      v && (i.value = v);
+    }), F(() => l.defaultActiveTab, (v) => {
+      v && !l.modelValue && (i.value = v);
+    }), (v, p) => (s(), n("div", en, [e("div", tn, [(s(!0), n(b, null, y(v.tabs, ($) => (s(), n("div", {
+      key: $.id,
+      class: C(["tab-item", {
+        active: i.value === $.id
+      }]),
+      onClick: (G) => r($.id)
+    }, [e("span", an, c($.label), 1)], 10, sn))), 128))]), e("div", nn, [(s(!0), n(b, null, y(v.tabs, ($) => A((s(), n("div", {
+      key: $.id,
+      class: "tab-panel"
+    }, [h(v.$slots, $.id, {
+      tab: $
+    }, () => [h(v.$slots, "default", {
+      tab: $
+    }, void 0, !0)], !0)])), [[O, i.value === $.id]])), 128))])]));
+  }
+}), Gn = /* @__PURE__ */ d(on, [["__scopeId", "data-v-22e880ae"]]);
 export {
-  tn as A,
-  We as B,
-  M as C,
-  S as D,
-  sn as E,
-  an as F,
-  nn as G,
-  on as H,
-  ke as I,
-  qe as J,
-  ln as K,
-  ja as L,
-  cn as M,
-  H as N,
-  rn as O,
-  V as S,
-  bs as T,
-  Ma as a,
-  ee as b,
-  ae as c,
-  Oe as d,
-  Ua as e,
-  Ga as f,
-  Na as g,
-  Ea as h,
-  D as i,
-  Oa as j,
-  Ra as k,
-  Wa as l,
-  Ka as m,
-  jt as n,
-  Ot as o,
-  Ja as p,
-  y as q,
+  Tn as A,
+  Qe as B,
+  U as C,
+  w as D,
+  An as E,
+  qn as F,
+  Bn as G,
+  zn as H,
+  Ie as I,
+  Fe as J,
+  Fn as K,
+  fn as L,
+  Vn as M,
+  M as N,
+  Dn as O,
+  Hn as P,
+  Mn as Q,
+  jn as R,
+  H as S,
+  Ls as T,
+  Un as U,
+  Gn as V,
+  mn as a,
+  ae as b,
+  oe as c,
+  Ke as d,
+  gn as e,
+  hn as f,
+  vn as g,
+  $n as h,
+  V as i,
+  bn as j,
+  yn as k,
+  kn as l,
+  Ln as m,
+  Gt as n,
+  Kt as o,
+  Pn as p,
+  L as q,
   B as r,
   j as s,
-  Ge as t,
-  Za as u,
-  he as v,
-  Qa as w,
-  Ya as x,
-  Xa as y,
-  en as z
+  Oe as t,
+  In as u,
+  be as v,
+  Sn as w,
+  Cn as x,
+  wn as y,
+  xn as z
 };