@huyooo/ui 0.4.48 → 0.4.50

package/dist/{LandingPageToc-DVqJ2xxj.js → LandingPageToc-DG0TbUd7.js}

@@ -1,6 +1,6 @@
-import { createElementBlock as o, openBlock as s, renderSlot as h, defineComponent as p, createVNode as c, withCtx as u, createElementVNode as t, normalizeStyle as S, unref as P, toDisplayString as r, Fragment as v, renderList as b, createBlock as L, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as w, withModifiers as H, withDirectives as T, vModelText as q, computed as z, createStaticVNode as U } from "vue";
+import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as m, createVNode as c, withCtx as u, createElementVNode as e, normalizeStyle as x, unref as P, toDisplayString as r, Fragment as $, renderList as b, createBlock as L, normalizeClass as w, createTextVNode as f, ref as k, createCommentVNode as C, withModifiers as H, withDirectives as T, vModelText as q, computed as z, createStaticVNode as U } from "vue";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { Icon as x } from "@iconify/vue";
+import { Icon as S } from "@iconify/vue";
 import { C as N, a as G } from "./CollapseItem-Cw1vcdLu.js";
 /* empty css               */
 /* empty css               */
@@ -8,35 +8,35 @@ import { Tag as O } from "@arco-design/web-vue";
 const R = {}, W = {
   class: "SubTitle"
 };
-function K(a, e) {
-  return s(), o("div", W, [h(a.$slots, "default", {}, void 0, !0)]);
+function K(a, t) {
+  return s(), n("div", W, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const V = /* @__PURE__ */ d(R, [["render", K], ["__scopeId", "data-v-3decf2d4"]]), Y = {}, J = {
+const V = /* @__PURE__ */ d(R, [["render", K], ["__scopeId", "data-v-3decf2d4"]]), J = {}, Y = {
   class: "Title"
 };
-function Z(a, e) {
-  return s(), o("h2", J, [h(a.$slots, "default", {}, void 0, !0)]);
+function Z(a, t) {
+  return s(), n("h2", Y, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const E = /* @__PURE__ */ d(Y, [["render", Z], ["__scopeId", "data-v-58078aa8"]]), Q = {
+const j = /* @__PURE__ */ d(J, [["render", Z], ["__scopeId", "data-v-58078aa8"]]), Q = {
   class: "BlockHeader"
-}, X = /* @__PURE__ */ p({
+}, X = /* @__PURE__ */ m({
   __name: "LandingPageBlockHeader",
   setup(a) {
-    return (e, l) => (s(), o("div", Q, [c(E, {
+    return (t, l) => (s(), n("div", Q, [c(j, {
       class: "BlockHeaderTitle"
     }, {
-      default: u(() => [h(e.$slots, "title", {}, void 0, !0)]),
+      default: u(() => [h(t.$slots, "title", {}, void 0, !0)]),
       _: 3
     }), c(V, {
       class: "BlockHeaderSubTitle"
     }, {
-      default: u(() => [h(e.$slots, "subTitle", {}, void 0, !0)]),
+      default: u(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
 }), ee = /* @__PURE__ */ d(X, [["__scopeId", "data-v-8d51bb3a"]]), te = {
   class: "BlockLayout"
-}, se = /* @__PURE__ */ p({
+}, se = /* @__PURE__ */ m({
   __name: "LandingPageBlockLayout",
   props: {
     columns: {
@@ -49,21 +49,21 @@ const E = /* @__PURE__ */ d(Y, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), t("div", {
+    const t = a;
+    return (l, i) => (s(), n("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: S({
-        gridTemplateColumns: `repeat(${e.columns}, 1fr)`,
-        flexDirection: e.flexDirection
+      style: x({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
+        flexDirection: t.flexDirection
       })
     }, [h(l.$slots, "BlockBody", {}, void 0, !0)], 4)]));
   }
 }), ae = /* @__PURE__ */ d(se, [["__scopeId", "data-v-84ed1aaa"]]), ne = {
   description: "",
   class: "mission-list-item"
-}, ie = {
+}, oe = {
   class: "mission-list-text"
-}, oe = /* @__PURE__ */ p({
+}, ie = /* @__PURE__ */ m({
   __name: "LandingPageListItem",
   props: {
     description: {
@@ -71,13 +71,13 @@ const E = /* @__PURE__ */ d(Y, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", ne, [c(P(x), {
+    const t = a;
+    return (l, i) => (s(), n("div", ne, [c(P(S), {
       icon: "mingcute:check-circle-fill",
       class: "mission-list-icon"
-    }), t("span", ie, r(e.description), 1)]));
+    }), e("span", oe, r(t.description), 1)]));
   }
-}), j = /* @__PURE__ */ d(oe, [["__scopeId", "data-v-4973c791"]]), le = {
+}), M = /* @__PURE__ */ d(ie, [["__scopeId", "data-v-4973c791"]]), le = {
   class: "mission-container"
 }, re = {
   class: "mission-image-wrapper"
@@ -95,7 +95,7 @@ const E = /* @__PURE__ */ d(Y, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
   style: {
     display: "none"
   }
-}, ge = /* @__PURE__ */ p({
+}, ge = /* @__PURE__ */ m({
   __name: "LandingPageMission",
   props: {
     image: {},
@@ -106,21 +106,21 @@ const E = /* @__PURE__ */ d(Y, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
     features: {}
   },
   setup(a) {
-    return (e, l) => (s(), o("div", le, [t("div", re, [l[0] || (l[0] = t("div", {
+    return (t, l) => (s(), n("div", le, [e("div", re, [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, ce)]), t("div", de, [t("h2", ue, [t("span", _e, r(e.highlight), 1), t("strong", null, r(e.title), 1)]), t("p", pe, r(e.description), 1), t("div", me, [(s(!0), o(v, null, b(e.features, (i, n) => (s(), L(j, {
-      key: n,
+    }, null, 8, ce)]), e("div", de, [e("h2", ue, [e("span", _e, r(t.highlight), 1), e("strong", null, r(t.title), 1)]), e("p", pe, r(t.description), 1), e("div", me, [(s(!0), n($, null, b(t.features, (i, o) => (s(), L(M, {
+      key: o,
       description: i
-    }, null, 8, ["description"]))), 128))])]), (s(), o("svg", fe, l[1] || (l[1] = [t("symbol", {
+    }, null, 8, ["description"]))), 128))])]), (s(), n("svg", fe, 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)])))]));
@@ -131,31 +131,31 @@ const E = /* @__PURE__ */ d(Y, [["render", Z], ["__scopeId", "data-v-58078aa8"]]
   class: "team-info-title"
 }, be = {
   class: "team-info-desc"
-}, ye = /* @__PURE__ */ p({
+}, ye = /* @__PURE__ */ m({
   __name: "LandingPageTeamInfo",
   props: {
     title: {},
     description: {}
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", ve, [t("div", $e, r(e.title), 1), t("p", be, r(e.description), 1)]));
+    const t = a;
+    return (l, i) => (s(), n("div", ve, [e("div", $e, r(t.title), 1), e("p", be, r(t.description), 1)]));
   }
 }), ke = /* @__PURE__ */ d(ye, [["__scopeId", "data-v-2074e0d7"]]), Le = {}, Pe = {
   class: "Description"
 };
-function Ie(a, e) {
-  return s(), o("div", Pe, [h(a.$slots, "default", {}, void 0, !0)]);
+function Ie(a, t) {
+  return s(), n("div", Pe, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"]]), xe = {
+const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"]]), Se = {
   class: "grid-container"
-}, Se = {
+}, xe = {
   class: "square"
 }, Ce = ["src", "alt", "sizes", "width", "height"], we = {
   class: "footer"
 }, Ae = {
   class: "name"
-}, Te = /* @__PURE__ */ p({
+}, Te = /* @__PURE__ */ m({
   __name: "LandingPageTeamList",
   props: {
     publishedTeamMembers: {},
@@ -165,25 +165,25 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     pictureClass: {}
   },
   setup(a) {
-    return (e, l) => (s(), o("div", xe, [(s(!0), o(v, null, b(e.publishedTeamMembers, (i) => (s(), o("div", {
+    return (t, l) => (s(), n("div", Se, [(s(!0), n($, null, b(t.publishedTeamMembers, (i) => (s(), n("div", {
       key: i.data.name,
       class: "group"
-    }, [t("div", Se, [t("img", {
+    }, [e("div", xe, [e("img", {
       src: i.data.avatar.src,
       alt: i.data.avatar.alt,
-      sizes: e.sizes,
-      width: e.width,
-      height: e.height,
-      class: C(e.pictureClass ? `${e.pictureClass} picture-img` : "picture-img")
-    }, null, 10, Ce)]), t("div", we, [t("h2", Ae, r(i.data.name), 1), c(I, null, {
-      default: u(() => [g(r(i.data.title), 1)]),
+      sizes: t.sizes,
+      width: t.width,
+      height: t.height,
+      class: w(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
+    }, null, 10, Ce)]), e("div", we, [e("h2", Ae, r(i.data.name), 1), c(I, null, {
+      default: u(() => [f(r(i.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
   }
-}), qe = /* @__PURE__ */ d(Te, [["__scopeId", "data-v-aae1a797"]]), Be = /* @__PURE__ */ p({
+}), qe = /* @__PURE__ */ d(Te, [["__scopeId", "data-v-aae1a797"]]), Be = /* @__PURE__ */ m({
   __name: "LandingPageAbout",
   setup(a) {
-    const e = [{
+    const t = [{
       data: {
         name: "Janette Lynch",
         title: "Senior Director",
@@ -220,17 +220,17 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
         }
       }
     }];
-    return (l, i) => (s(), o(v, null, [c(ae, null, {
+    return (l, i) => (s(), n($, null, [c(ae, null, {
       BlockHeader: u(() => [c(ee, null, {
-        title: u(() => i[0] || (i[0] = [g("核心团队")])),
-        subTitle: u(() => i[1] || (i[1] = [g("我们是一个充满激情的小团队。")])),
+        title: u(() => i[0] || (i[0] = [f("核心团队")])),
+        subTitle: u(() => i[1] || (i[1] = [f("我们是一个充满激情的小团队。")])),
         _: 1
       })]),
       BlockBody: u(() => [c(ke, {
         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."
       }), c(qe, {
-        "published-team-members": e
+        "published-team-members": t
       })]),
       _: 1
     }), c(he, {
@@ -242,16 +242,16 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), Ia = /* @__PURE__ */ d(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
+}), Ta = /* @__PURE__ */ d(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
   class: "nav"
 }, Fe = {
   class: "section"
 }, De = ["href"], Ve = {
   class: "section"
-}, Ee = ["href"], je = /* @__PURE__ */ p({
+}, je = ["href"], Me = /* @__PURE__ */ m({
   __name: "LandingPageAside",
   setup(a) {
-    const e = k([{
+    const t = k([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -282,28 +282,28 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (i, n) => (s(), o("nav", ze, [n[2] || (n[2] = t("div", {
+    return (i, o) => (s(), n("nav", ze, [o[2] || (o[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", Fe, [n[0] || (n[0] = t("div", {
+    }, "Overview")])], -1)), e("div", Fe, [o[0] || (o[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), t("div", null, [(s(!0), o(v, null, b(e.value, (_) => (s(), o("a", {
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), n($, null, b(t.value, (_) => (s(), n("a", {
       key: _.text,
       class: "link",
       href: _.href
-    }, r(_.text), 9, De))), 128))])]), t("div", Ve, [n[1] || (n[1] = t("div", {
+    }, r(_.text), 9, De))), 128))])]), e("div", Ve, [o[1] || (o[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), t("div", null, [(s(!0), o(v, null, b(l.value, (_) => (s(), o("a", {
+    }, "Resources", -1)), e("div", null, [(s(!0), n($, null, b(l.value, (_) => (s(), n("a", {
       key: _.text,
       class: "link",
       href: _.href
-    }, r(_.text), 9, Ee))), 128))])])]));
+    }, r(_.text), 9, je))), 128))])])]));
   }
-}), xa = /* @__PURE__ */ d(je, [["__scopeId", "data-v-b516bb75"]]), Me = ["src"], He = /* @__PURE__ */ p({
+}), qa = /* @__PURE__ */ d(Me, [["__scopeId", "data-v-b516bb75"]]), Ee = ["src"], He = /* @__PURE__ */ m({
   __name: "LandingPageLogo",
   props: {
     name: {
@@ -334,27 +334,27 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
   },
   emits: ["to"],
   setup(a, {
-    emit: e
+    emit: t
   }) {
-    const l = a, i = e;
-    function n() {
+    const l = a, i = t;
+    function o() {
       i("to");
     }
-    return (_, m) => (s(), o("div", {
+    return (_, g) => (s(), n("div", {
       class: "Logo",
-      onClick: n
-    }, [a.icon ? (s(), o("img", {
+      onClick: o
+    }, [a.icon ? (s(), n("img", {
       key: 0,
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: S({
+      style: x({
         width: l.iconSize,
         height: l.iconSize
       })
-    }, null, 12, Me)) : w("", !0), t("div", {
+    }, null, 12, Ee)) : C("", !0), e("div", {
       class: "text",
-      style: S({
+      style: x({
         color: l.color,
         fontSize: l.fontSize
       })
@@ -362,7 +362,7 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
   }
 }), Ue = /* @__PURE__ */ d(He, [["__scopeId", "data-v-f259564c"]]), Ne = {
   class: "BrandInfo"
-}, Ge = /* @__PURE__ */ p({
+}, Ge = /* @__PURE__ */ m({
   __name: "LandingPageBrandInfo",
   props: {
     icon: {
@@ -391,57 +391,65 @@ const I = /* @__PURE__ */ d(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", Ne, [c(Ue, {
-      icon: e.icon,
-      name: e.name,
-      color: e.color,
-      "font-size": e.fontSize,
-      "icon-size": e.iconSize
+    const t = a;
+    return (l, i) => (s(), n("div", Ne, [c(Ue, {
+      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"]), c(I, null, {
-      default: u(() => [g(r(e.description), 1)]),
+      default: u(() => [f(r(t.description), 1)]),
       _: 1
     })]));
   }
-}), Oe = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-03121641"]]), Re = /* @__PURE__ */ p({
+}), Oe = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-03121641"]]), Re = /* @__PURE__ */ m({
   __name: "LandingPageButton",
   props: {
     type: {}
   },
   setup(a) {
-    return (e, l) => (s(), o("div", {
-      class: C(["heroButton", [e.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
-    }, [h(e.$slots, "default", {}, void 0, !0)], 2));
+    return (t, l) => (s(), n("div", {
+      class: w(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [h(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), We = /* @__PURE__ */ d(Re, [["__scopeId", "data-v-d26fdf8b"]]), Ke = {}, Ye = {
+}), We = /* @__PURE__ */ d(Re, [["__scopeId", "data-v-d26fdf8b"]]), Ke = {}, Je = {
   class: "Card"
 };
-function Je(a, e) {
-  return s(), o("div", Ye, [h(a.$slots, "default", {}, void 0, !0)]);
+function Ye(a, t) {
+  return s(), n("div", Je, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const M = /* @__PURE__ */ d(Ke, [["render", Je], ["__scopeId", "data-v-cdb3f77d"]]), Ze = {
-  class: "mb-5"
+const E = /* @__PURE__ */ d(Ke, [["render", Ye], ["__scopeId", "data-v-cdb3f77d"]]), Ze = {
+  class: "form-group"
 }, Qe = {
-  class: "mb-5"
+  class: "form-group"
 }, Xe = {
-  class: "mb-3"
-}, et = /* @__PURE__ */ p({
+  class: "form-group"
+}, et = {
+  type: "submit",
+  class: "form-button"
+}, tt = {
+  key: 0,
+  class: "button-content"
+}, st = {
+  key: 1
+}, at = /* @__PURE__ */ m({
   __name: "LandingPageContactForm",
   setup(a) {
-    const e = k(!1), l = k(""), i = k(""), n = k({
+    const t = k(!1), l = k(""), i = k(""), o = k({
       name: "",
       email: "",
       message: ""
-    }), _ = async (m) => {
-      e.value = !0;
-      const f = m.target;
-      if (!f.checkValidity()) {
-        f.querySelectorAll(":invalid")[0].focus();
+    }), _ = async (g) => {
+      t.value = !0;
+      const p = g.target;
+      if (!p.checkValidity()) {
+        p.querySelectorAll(":invalid")[0].focus();
         return;
       }
       l.value = "发送中...", i.value = "";
       try {
-        const $ = await fetch("https://api.web3forms.com/submit", {
+        const v = await fetch("https://api.web3forms.com/submit", {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -449,91 +457,125 @@ const M = /* @__PURE__ */ d(Ke, [["render", Je], ["__scopeId", "data-v-cdb3f77d"
           },
           body: JSON.stringify({
             access_key: "YOUR_ACCESS_KEY_HERE",
-            name: n.value.name,
-            email: n.value.email,
-            message: n.value.message
+            name: o.value.name,
+            email: o.value.email,
+            message: o.value.message
           })
-        }), A = await $.json();
-        $.status === 200 ? (i.value = "text-green", l.value = A.message) : (i.value = "text-red", l.value = A.message);
+        }), A = await v.json();
+        v.status === 200 ? (i.value = "text-green", l.value = A.message) : (i.value = "text-red", l.value = A.message);
       } catch {
         i.value = "text-red", l.value = "发送失败，请稍后再试！";
       } finally {
-        f.reset(), e.value = !1, setTimeout(() => {
+        p.reset(), t.value = !1, setTimeout(() => {
           l.value = "";
         }, 5e3);
       }
     };
-    return (m, f) => (s(), o("form", {
+    return (g, p) => (s(), n("form", {
       id: "form",
       action: "https://api.web3forms.com/submit",
       method: "POST",
-      class: C(["needs-validation", {
-        "was-validated": e.value
+      class: w(["contact-form", {
+        "was-validated": t.value
       }]),
       novalidate: "",
       onSubmit: H(_, ["prevent"])
-    }, [f[8] || (f[8] = t("input", {
+    }, [p[11] || (p[11] = e("input", {
       type: "hidden",
       name: "access_key",
       value: "YOUR_ACCESS_KEY_HERE"
-    }, null, -1)), f[9] || (f[9] = t("input", {
+    }, null, -1)), p[12] || (p[12] = e("input", {
       type: "checkbox",
       class: "hidden",
       style: {
         display: "none"
       },
       name: "botcheck"
-    }, null, -1)), t("div", Ze, [T(t("input", {
-      "onUpdate:modelValue": f[0] || (f[0] = ($) => n.value.name = $),
+    }, null, -1)), e("div", Ze, [p[3] || (p[3] = e("label", {
+      for: "name",
+      class: "form-label"
+    }, [f(" 姓名 "), e("span", {
+      class: "required"
+    }, "*")], -1)), T(e("input", {
+      id: "name",
+      "onUpdate:modelValue": p[0] || (p[0] = (v) => o.value.name = v),
       type: "text",
-      placeholder: "Full Name",
+      placeholder: "请输入您的姓名",
       required: "",
-      class: "input",
+      class: "form-input",
       name: "name"
-    }, null, 512), [[q, n.value.name]]), f[3] || (f[3] = t("div", {
-      class: "empty-feedback invalid-feedback text-red-400 text-sm mt-1"
-    }, " 请输入您的姓名。 ", -1))]), t("div", Qe, [f[4] || (f[4] = t("label", {
+    }, null, 512), [[q, o.value.name]]), p[4] || (p[4] = e("div", {
+      class: "empty-feedback invalid-feedback form-error"
+    }, " 请输入您的姓名。 ", -1))]), e("div", Qe, [p[5] || (p[5] = e("label", {
       for: "email_address",
-      class: "sr-only"
-    }, "Email Address", -1)), T(t("input", {
+      class: "form-label"
+    }, [f(" 邮箱地址 "), e("span", {
+      class: "required"
+    }, "*")], -1)), T(e("input", {
       id: "email_address",
-      "onUpdate:modelValue": f[1] || (f[1] = ($) => n.value.email = $),
+      "onUpdate:modelValue": p[1] || (p[1] = (v) => o.value.email = v),
       type: "email",
-      placeholder: "Email Address",
+      placeholder: "请输入您的邮箱地址",
       name: "email",
       required: "",
-      class: "input"
-    }, null, 512), [[q, n.value.email]]), f[5] || (f[5] = t("div", {
-      class: "empty-feedback text-red-400 text-sm mt-1"
-    }, " 请输入您的邮箱地址。 ", -1)), f[6] || (f[6] = t("div", {
-      class: "invalid-feedback text-red-400 text-sm mt-1"
-    }, " 请输入有效的邮箱地址。 ", -1))]), t("div", Xe, [T(t("textarea", {
-      "onUpdate:modelValue": f[2] || (f[2] = ($) => n.value.message = $),
+      class: "form-input"
+    }, null, 512), [[q, o.value.email]]), p[6] || (p[6] = e("div", {
+      class: "empty-feedback form-error"
+    }, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = e("div", {
+      class: "invalid-feedback form-error"
+    }, " 请输入有效的邮箱地址。 ", -1))]), e("div", Xe, [p[8] || (p[8] = e("label", {
+      for: "message",
+      class: "form-label"
+    }, [f(" 留言内容 "), e("span", {
+      class: "required"
+    }, "*")], -1)), T(e("textarea", {
+      id: "message",
+      "onUpdate:modelValue": p[2] || (p[2] = (v) => o.value.message = v),
       name: "message",
       required: "",
-      placeholder: "Your Message",
-      class: "textarea"
-    }, null, 512), [[q, n.value.message]]), f[7] || (f[7] = t("div", {
-      class: "empty-feedback invalid-feedback text-red-400 text-sm mt-1"
-    }, " 请输入您的留言内容。 ", -1))]), f[10] || (f[10] = t("button", {
-      type: "submit",
-      class: "btn"
-    }, "发送信息", -1)), t("div", {
-      id: "result",
-      class: C(["mt-3 text-center", i.value])
-    }, r(l.value), 3)], 34));
+      placeholder: "请输入您的留言内容",
+      class: "form-textarea",
+      rows: "4"
+    }, null, 512), [[q, o.value.message]]), p[9] || (p[9] = e("div", {
+      class: "empty-feedback invalid-feedback form-error"
+    }, " 请输入您的留言内容。 ", -1))]), e("button", et, [l.value === "发送中..." ? (s(), n("span", tt, p[10] || (p[10] = [e("svg", {
+      class: "spinner",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }, [e("circle", {
+      class: "spinner-circle",
+      cx: "12",
+      cy: "12",
+      r: "10",
+      stroke: "currentColor",
+      "stroke-width": "4"
+    }), 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(), n("span", st, "发送信息"))]), l.value && l.value !== "发送中..." ? (s(), n("div", {
+      key: 0,
+      class: w(["form-result", i.value])
+    }, r(l.value), 3)) : C("", !0)], 34));
   }
-}), tt = /* @__PURE__ */ d(et, [["__scopeId", "data-v-9de65b8f"]]), st = {
+}), nt = /* @__PURE__ */ d(at, [["__scopeId", "data-v-3d04b427"]]), ot = {
+  class: "contact-container"
+}, it = {
+  class: "contact-info-section"
+}, lt = {
   class: "contact-title"
-}, at = {
+}, rt = {
   class: "contact-info"
-}, nt = {
+}, ct = {
   class: "contact-info-item"
-}, it = {
+}, dt = {
   class: "contact-info-item"
-}, ot = ["href"], lt = {
+}, ut = ["href"], _t = {
   class: "contact-info-item"
-}, rt = ["href"], ct = /* @__PURE__ */ p({
+}, pt = ["href"], mt = {
+  class: "contact-form-section"
+}, ft = /* @__PURE__ */ m({
   __name: "LandingPageContact",
   props: {
     title: {
@@ -544,18 +586,18 @@ const M = /* @__PURE__ */ d(Ke, [["render", Je], ["__scopeId", "data-v-cdb3f77d"
     },
     contact: {
       default: () => ({
-        title: "Contact Astroship",
-        description: "Have something to say? We are here to help. Fill up the form or send email or call phone."
+        title: "联系我们",
+        description: "有什么想说的吗？我们随时为您提供帮助。请填写表单或发送邮件或拨打电话。"
       })
     },
     address: {
-      default: "1734 Sanfransico, CA 93063"
+      default: "北京市朝阳区建国门外大街1号"
     },
     email: {
-      default: "hello@astroshipstarter.com"
+      default: "hello@example.com"
     },
     phone: {
-      default: "+1 (987) 4587 899"
+      default: "+86 138 0000 0000"
     },
     mapIcon: {
       default: "uil:map-marker"
@@ -568,38 +610,38 @@ const M = /* @__PURE__ */ d(Ke, [["render", Je], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o(v, null, [t("div", null, [t("h2", st, r(e.contact.title), 1), c(I, null, {
-      default: u(() => [g(r(e.contact.description), 1)]),
+    const t = a;
+    return (l, i) => (s(), n("div", ot, [e("div", it, [e("h2", lt, r(t.contact.title), 1), c(I, null, {
+      default: u(() => [f(r(t.contact.description), 1)]),
       _: 1
-    }), t("div", at, [t("div", nt, [c(P(x), {
+    }), e("div", rt, [e("div", ct, [c(P(S), {
       class: "contact-info-icon",
       icon: l.mapIcon
-    }, null, 8, ["icon"]), t("span", null, r(e.address), 1)]), t("div", it, [c(P(x), {
+    }, null, 8, ["icon"]), e("span", null, r(t.address), 1)]), e("div", dt, [c(P(S), {
       class: "contact-info-icon",
-      icon: e.emailIcon
-    }, null, 8, ["icon"]), t("a", {
+      icon: t.emailIcon
+    }, null, 8, ["icon"]), e("a", {
       href: `mailto:${l.email}`
-    }, r(e.email), 9, ot)]), t("div", lt, [c(P(x), {
+    }, r(t.email), 9, ut)]), e("div", _t, [c(P(S), {
       class: "contact-info-icon",
-      icon: e.phoneIcon
-    }, null, 8, ["icon"]), t("a", {
+      icon: t.phoneIcon
+    }, null, 8, ["icon"]), e("a", {
       href: `tel:${l.phone}`
-    }, r(e.phone), 9, rt)])])]), t("div", null, [c(tt)])], 64));
+    }, r(t.phone), 9, pt)])])]), e("div", mt, [c(nt)])]));
   }
-}), Sa = /* @__PURE__ */ d(ct, [["__scopeId", "data-v-ba085fb7"]]), dt = {}, ut = {
+}), Ba = /* @__PURE__ */ d(ft, [["__scopeId", "data-v-32a5b90c"]]), gt = {}, ht = {
   class: "custom-container"
 };
-function _t(a, e) {
-  return s(), o("div", ut, [h(a.$slots, "default", {}, void 0, !0)]);
+function vt(a, t) {
+  return s(), n("div", ht, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const Ca = /* @__PURE__ */ d(dt, [["render", _t], ["__scopeId", "data-v-57594f09"]]), pt = {
+const za = /* @__PURE__ */ d(gt, [["render", vt], ["__scopeId", "data-v-57594f09"]]), $t = {
   class: "cta-title"
-}, mt = {
+}, bt = {
   class: "cta-description"
-}, ft = {
+}, yt = {
   class: "cta-actions"
-}, gt = /* @__PURE__ */ p({
+}, kt = /* @__PURE__ */ m({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -611,25 +653,25 @@ const Ca = /* @__PURE__ */ d(dt, [["render", _t], ["__scopeId", "data-v-57594f09
     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 (i, n) => (s(), o("div", {
+    return (i, o) => (s(), n("div", {
       class: "cta-container",
-      style: S(l.value)
-    }, [t("h1", pt, r(e.title), 1), t("div", mt, r(e.description), 1), t("div", ft, [h(i.$slots, "actions", {}, void 0, !0)])], 4));
+      style: x(l.value)
+    }, [e("h1", $t, r(t.title), 1), e("div", bt, r(t.description), 1), e("div", yt, [h(i.$slots, "actions", {}, void 0, !0)])], 4));
   }
-}), wa = /* @__PURE__ */ d(gt, [["__scopeId", "data-v-b3eb87df"]]), ht = {}, vt = {
+}), Fa = /* @__PURE__ */ d(kt, [["__scopeId", "data-v-b3eb87df"]]), Lt = {}, Pt = {
   role: "separator",
   class: "divider divider-horizontal"
 };
-function $t(a, e) {
-  return s(), o("div", vt);
+function It(a, t) {
+  return s(), n("div", Pt);
 }
-const F = /* @__PURE__ */ d(ht, [["render", $t], ["__scopeId", "data-v-997fc2a4"]]), bt = /* @__PURE__ */ p({
+const F = /* @__PURE__ */ d(Lt, [["render", It], ["__scopeId", "data-v-997fc2a4"]]), St = /* @__PURE__ */ m({
   __name: "LandingPageFAQ",
   props: {
     activeKeys: {
@@ -658,17 +700,17 @@ const F = /* @__PURE__ */ d(ht, [["render", $t], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const e = a;
+    const t = a;
     return (l, i) => (s(), L(N, {
-      "active-keys": e.activeKeys
+      "active-keys": t.activeKeys
     }, {
-      default: u(() => [(s(!0), o(v, null, b(e.faqItems, (n, _) => (s(), L(G, {
+      default: u(() => [(s(!0), n($, null, b(t.faqItems, (o, _) => (s(), L(G, {
         key: _,
         index: _
       }, {
-        header: u(() => [g(r(n.question), 1)]),
+        header: u(() => [f(r(o.question), 1)]),
         default: u(() => [c(I, null, {
-          default: u(() => [g(r(n.answer), 1)]),
+          default: u(() => [f(r(o.answer), 1)]),
           _: 2
         }, 1024)]),
         _: 2
@@ -676,11 +718,11 @@ const F = /* @__PURE__ */ d(ht, [["render", $t], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), Aa = /* @__PURE__ */ d(bt, [["__scopeId", "data-v-581e8f75"]]), yt = {
+}), Da = /* @__PURE__ */ d(St, [["__scopeId", "data-v-581e8f75"]]), xt = {
   class: "Features"
-}, kt = {
+}, Ct = {
   class: "feature-title"
-}, Lt = /* @__PURE__ */ p({
+}, wt = /* @__PURE__ */ m({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -718,35 +760,35 @@ const F = /* @__PURE__ */ d(ht, [["render", $t], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", yt, [(s(!0), o(v, null, b(e.features, (n) => (s(), L(M, {
-      key: n.title
+    const t = a;
+    return (l, i) => (s(), n("div", xt, [(s(!0), n($, null, b(t.features, (o) => (s(), L(E, {
+      key: o.title
     }, {
-      default: u(() => [t("div", {
+      default: u(() => [e("div", {
         class: "icon-container",
-        style: S({
-          color: e.iconColor,
-          border: `1px solid ${e.iconBorderColor}`
+        style: x({
+          color: t.iconColor,
+          border: `1px solid ${t.iconBorderColor}`
         })
-      }, [c(P(x), {
+      }, [c(P(S), {
         class: "icon",
-        icon: n.icon
-      }, null, 8, ["icon"])], 4), t("h3", kt, r(n.title), 1), c(I, null, {
-        default: u(() => [g(r(n.description), 1)]),
+        icon: o.icon
+      }, null, 8, ["icon"])], 4), e("h3", Ct, r(o.title), 1), c(I, null, {
+        default: u(() => [f(r(o.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Ta = /* @__PURE__ */ d(Lt, [["__scopeId", "data-v-1ee2db18"]]), Pt = {
+}), Va = /* @__PURE__ */ d(wt, [["__scopeId", "data-v-1ee2db18"]]), At = {
   class: "tt-feature-list"
-}, It = {
+}, Tt = {
   class: "tt-feature-content"
-}, xt = {
+}, qt = {
   class: "heading-small"
-}, St = {
+}, Bt = {
   class: "text-small"
-}, Ct = /* @__PURE__ */ p({
+}, zt = /* @__PURE__ */ m({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -755,27 +797,27 @@ const F = /* @__PURE__ */ d(ht, [["render", $t], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", Pt, [(s(!0), o(v, null, b(e.list, (n, _) => (s(), o("div", {
+    const t = a;
+    return (l, i) => (s(), n("div", At, [(s(!0), n($, null, b(t.list, (o, _) => (s(), n("div", {
       key: _,
       class: "tt-feature-item centered"
-    }, [i[1] || (i[1] = t("div", {
+    }, [i[1] || (i[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", It, [t("h3", xt, r(n.title), 1), t("p", St, [g(r(n.descriptions) + " ", 1), i[0] || (i[0] = t("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Tt, [e("h3", qt, r(o.title), 1), e("p", Bt, [f(r(o.descriptions) + " ", 1), i[0] || (i[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), qa = /* @__PURE__ */ d(Ct, [["__scopeId", "data-v-abd3c70a"]]);
-function wt(a, e, l) {
-  return `mailto:${a}?subject=${encodeURIComponent(e)}&body=${encodeURIComponent(l)}`;
+}), ja = /* @__PURE__ */ d(zt, [["__scopeId", "data-v-abd3c70a"]]);
+function Ft(a, t, l) {
+  return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(l)}`;
 }
-const At = {
+const Dt = {
   class: "bottom"
-}, Tt = {
+}, Vt = {
   class: "socials"
-}, qt = ["onClick"], Bt = /* @__PURE__ */ p({
+}, jt = ["onClick"], Mt = /* @__PURE__ */ m({
   __name: "LandingPageFooterContact",
   props: {
     beianText: {
@@ -792,50 +834,50 @@ const At = {
     }
   },
   setup(a) {
-    const e = a;
+    const t = a;
     function l() {
-      window.open(e.beianUrl);
+      window.open(t.beianUrl);
     }
-    return (i, n) => (s(), o("div", At, [t("span", {
+    return (i, o) => (s(), n("div", Dt, [e("span", {
       onClick: l
-    }, r(e.beianText), 1), t("div", Tt, [(s(!0), o(v, null, b(a.links, (_, m) => (s(), o("div", {
-      key: m,
+    }, r(t.beianText), 1), e("div", Vt, [(s(!0), n($, null, b(a.links, (_, g) => (s(), n("div", {
+      key: g,
       class: "socialItem",
       onClick: _.select
-    }, [_.type === "text" ? (s(), L(P(x), {
+    }, [_.type === "text" ? (s(), L(P(S), {
       key: 0,
       icon: _.icon
-    }, null, 8, ["icon"])) : w("", !0), _.type === "image" ? (s(), L(P(x), {
+    }, null, 8, ["icon"])) : C("", !0), _.type === "image" ? (s(), L(P(S), {
       key: 1,
       icon: _.icon
-    }, null, 8, ["icon"])) : w("", !0)], 8, qt))), 128))])]));
+    }, null, 8, ["icon"])) : C("", !0)], 8, jt))), 128))])]));
   }
-}), zt = /* @__PURE__ */ d(Bt, [["__scopeId", "data-v-ff6210b9"]]), Ft = {
+}), Et = /* @__PURE__ */ d(Mt, [["__scopeId", "data-v-ff6210b9"]]), Ht = {
   class: "FooterLayout"
-}, Dt = {
+}, Ut = {
   class: "body"
-}, Vt = {
+}, Nt = {
   class: "logo"
-}, Et = {
+}, Gt = {
   class: "links"
-}, jt = /* @__PURE__ */ p({
+}, Ot = /* @__PURE__ */ m({
   __name: "LandingPageFooterLayout",
   setup(a) {
-    return (e, l) => (s(), o("div", Ft, [c(F), t("div", Dt, [t("div", Vt, [h(e.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), t("div", Et, [h(e.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), c(F), h(e.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+    return (t, l) => (s(), n("div", Ht, [c(F), e("div", Ut, [e("div", Nt, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Gt, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), c(F), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
   }
-}), Mt = /* @__PURE__ */ d(jt, [["__scopeId", "data-v-425841c7"]]), Ht = {}, Ut = {
+}), Rt = /* @__PURE__ */ d(Ot, [["__scopeId", "data-v-425841c7"]]), Wt = {}, Kt = {
   class: "Description"
 };
-function Nt(a, e) {
-  return s(), o("div", Ut, [h(a.$slots, "default", {}, void 0, !0)]);
+function Jt(a, t) {
+  return s(), n("div", Kt, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"]]), Gt = {
+const y = /* @__PURE__ */ d(Wt, [["render", Jt], ["__scopeId", "data-v-ea9ec649"]]), Yt = {
   class: "list"
-}, Ot = {
+}, Zt = {
   class: "title"
-}, Rt = {
+}, Qt = {
   class: "listItemContent"
-}, Wt = /* @__PURE__ */ p({
+}, Xt = /* @__PURE__ */ m({
   __name: "LandingPageLinkGroup",
   props: {
     title: {
@@ -843,20 +885,20 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", Gt, [t("div", Ot, r(e.title), 1), t("div", Rt, [h(l.$slots, "item", {}, void 0, !0)])]));
+    const t = a;
+    return (l, i) => (s(), n("div", Yt, [e("div", Zt, r(t.title), 1), e("div", Qt, [h(l.$slots, "item", {}, void 0, !0)])]));
   }
-}), B = /* @__PURE__ */ d(Wt, [["__scopeId", "data-v-0809a48c"]]), Kt = {
+}), B = /* @__PURE__ */ d(Xt, [["__scopeId", "data-v-0809a48c"]]), es = {
   class: "Footer"
-}, D = "support@huyooo.com", Yt = /* @__PURE__ */ p({
+}, D = "support@huyooo.com", ts = /* @__PURE__ */ m({
   __name: "LandingPageFooter",
   setup(a) {
-    const e = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
+    const t = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
     function i() {
-      const $ = wt(D, "", "");
-      window.location.href = $;
+      const v = Ft(D, "", "");
+      window.location.href = v;
     }
-    const n = k([{
+    const o = k([{
       type: "text",
       icon: "ic:baseline-email",
       content: D,
@@ -868,7 +910,7 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
       select() {
       }
     }]);
-    return (_, m) => (s(), o("div", Kt, [c(Mt, null, {
+    return (_, g) => (s(), n("div", es, [c(Rt, null, {
       LandingPageBrandInfo: u(() => [c(Oe, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
@@ -878,15 +920,15 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
         title: "产品"
       }, {
         item: u(() => [c(y, null, {
-          default: u(() => m[0] || (m[0] = [g("功能")])),
+          default: u(() => g[0] || (g[0] = [f("功能")])),
           _: 1,
           __: [0]
         }), c(y, null, {
-          default: u(() => m[1] || (m[1] = [g("展示")])),
+          default: u(() => g[1] || (g[1] = [f("展示")])),
           _: 1,
           __: [1]
         }), c(y, null, {
-          default: u(() => m[2] || (m[2] = [g("价格")])),
+          default: u(() => g[2] || (g[2] = [f("价格")])),
           _: 1,
           __: [2]
         })]),
@@ -895,7 +937,7 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
         title: "资源"
       }, {
         item: u(() => [c(y, null, {
-          default: u(() => m[3] || (m[3] = [g("安全性与合规性")])),
+          default: u(() => g[3] || (g[3] = [f("安全性与合规性")])),
           _: 1,
           __: [3]
         })]),
@@ -904,55 +946,55 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
         title: "公司"
       }, {
         item: u(() => [c(y, null, {
-          default: u(() => m[4] || (m[4] = [g("博客")])),
+          default: u(() => g[4] || (g[4] = [f("博客")])),
           _: 1,
           __: [4]
         }), c(y, null, {
-          default: u(() => m[5] || (m[5] = [g("公司简介")])),
+          default: u(() => g[5] || (g[5] = [f("公司简介")])),
           _: 1,
           __: [5]
         }), c(y, null, {
-          default: u(() => m[6] || (m[6] = [g("个人信息收集清单")])),
+          default: u(() => g[6] || (g[6] = [f("个人信息收集清单")])),
           _: 1,
           __: [6]
         }), c(y, null, {
-          default: u(() => m[7] || (m[7] = [g("第三方信息共享清单")])),
+          default: u(() => g[7] || (g[7] = [f("第三方信息共享清单")])),
           _: 1,
           __: [7]
         }), c(y, null, {
-          default: u(() => m[8] || (m[8] = [g("用户服务协议")])),
+          default: u(() => g[8] || (g[8] = [f("用户服务协议")])),
           _: 1,
           __: [8]
         }), c(y, null, {
-          default: u(() => m[9] || (m[9] = [g("隐私协议")])),
+          default: u(() => g[9] || (g[9] = [f("隐私协议")])),
           _: 1,
           __: [9]
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: u(() => [c(zt, {
-        "beian-text": e.value,
+      LandingPageFooterContact: u(() => [c(Et, {
+        "beian-text": t.value,
         "beian-url": l.value,
-        links: n.value
+        links: o.value
       }, null, 8, ["beian-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), Ba = /* @__PURE__ */ d(Yt, [["__scopeId", "data-v-ee74e088"]]), Jt = {
+}), Ma = /* @__PURE__ */ d(ts, [["__scopeId", "data-v-ee74e088"]]), ss = {
   class: "hero"
-}, Zt = {
+}, as = {
   class: "heroContent"
-}, Qt = {
+}, ns = {
   class: "heroHeading"
-}, Xt = {
+}, os = {
   class: "heroTitle"
-}, es = {
+}, is = {
   class: "heroDescription"
-}, ts = {
+}, ls = {
   class: "heroActions"
-}, ss = {
+}, rs = {
   class: "heroImage"
-}, as = /* @__PURE__ */ p({
+}, cs = /* @__PURE__ */ m({
   __name: "LandingPageHero",
   props: {
     title: {
@@ -969,12 +1011,12 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("main", Jt, [t("div", Zt, [t("div", Qt, [t("h1", Xt, [h(l.$slots, "title", {}, () => [g(r(e.title), 1)], !0)])]), t("div", es, [t("div", null, r(e.description), 1)]), t("div", ts, [h(l.$slots, "actions", {}, void 0, !0)])]), t("div", ss, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
+    const t = a;
+    return (l, i) => (s(), n("main", ss, [e("div", as, [e("div", ns, [e("h1", os, [h(l.$slots, "title", {}, () => [f(r(t.title), 1)], !0)])]), e("div", is, [e("div", null, r(t.description), 1)]), e("div", ls, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", rs, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
   }
-}), za = /* @__PURE__ */ d(as, [["__scopeId", "data-v-38f97a3c"]]), ns = {
+}), Ea = /* @__PURE__ */ d(cs, [["__scopeId", "data-v-38f97a3c"]]), ds = {
   class: "logos-list"
-}, is = /* @__PURE__ */ p({
+}, us = /* @__PURE__ */ m({
   __name: "LandingPageLogos",
   props: {
     title: {
@@ -1000,14 +1042,14 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", ns, [(s(!0), o(v, null, b(e.logos, (n, _) => (s(), L(P(x), {
+    const t = a;
+    return (l, i) => (s(), n("div", ds, [(s(!0), n($, null, b(t.logos, (o, _) => (s(), L(P(S), {
       key: _,
-      icon: n.name,
+      icon: o.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), Fa = /* @__PURE__ */ d(is, [["__scopeId", "data-v-1a08e627"]]), os = /* @__PURE__ */ p({
+}), Ha = /* @__PURE__ */ d(us, [["__scopeId", "data-v-1a08e627"]]), _s = /* @__PURE__ */ m({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -1028,38 +1070,38 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__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 (i, n) => (s(), o("div", {
+    return (i, o) => (s(), n("div", {
       class: "PageContent",
-      style: S(l.value)
+      style: x(l.value)
     }, [h(i.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Da = /* @__PURE__ */ d(os, [["__scopeId", "data-v-00ec8180"]]), ls = {
+}), Ua = /* @__PURE__ */ d(_s, [["__scopeId", "data-v-00ec8180"]]), ps = {
   class: "Tabs"
-}, rs = {
+}, ms = {
   class: "tabs-root"
-}, cs = {
+}, fs = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, ds = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], us = {
+}, gs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], hs = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, _s = ["for"], ps = {
+}, vs = ["for"], $s = {
   key: 0,
   class: "tabs-badge"
-}, ms = /* @__PURE__ */ p({
+}, bs = /* @__PURE__ */ m({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -1073,36 +1115,36 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
   },
   emits: ["update:modelValue"],
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", ls, [t("div", rs, [t("div", cs, [(s(!0), o(v, null, b(e.tabs, (n) => (s(), o("div", {
-      key: n.value,
-      class: C(["tabs-item", {
-        "tabs-item-active": n.value === a.modelValue
+    const t = a;
+    return (l, i) => (s(), n("div", ps, [e("div", ms, [e("div", fs, [(s(!0), n($, null, b(t.tabs, (o) => (s(), n("div", {
+      key: o.value,
+      class: w(["tabs-item", {
+        "tabs-item-active": o.value === a.modelValue
       }])
-    }, [t("button", {
-      id: n.value,
+    }, [e("button", {
+      id: o.value,
       type: "button",
       role: "radio",
-      "aria-checked": n.value === a.modelValue,
-      "data-state": n.value === a.modelValue ? "checked" : "unchecked",
-      value: n.value,
+      "aria-checked": o.value === a.modelValue,
+      "data-state": o.value === a.modelValue ? "checked" : "unchecked",
+      value: o.value,
       class: "tabs-radio",
-      tabindex: n.value === a.modelValue ? 0 : -1,
-      onClick: (_) => l.$emit("update:modelValue", n.value)
-    }, [n.value === a.modelValue ? (s(), o("span", us)) : w("", !0)], 8, ds), t("label", {
+      tabindex: o.value === a.modelValue ? 0 : -1,
+      onClick: (_) => l.$emit("update:modelValue", o.value)
+    }, [o.value === a.modelValue ? (s(), n("span", hs)) : C("", !0)], 8, gs), e("label", {
       class: "tabs-label",
-      for: n.value
-    }, [t("span", null, r(n.label), 1), n.badge ? (s(), o("div", ps, r(n.badge), 1)) : w("", !0)], 8, _s)], 2))), 128))])])]));
+      for: o.value
+    }, [e("span", null, r(o.label), 1), o.badge ? (s(), n("div", $s, r(o.badge), 1)) : C("", !0)], 8, vs)], 2))), 128))])])]));
   }
-}), fs = /* @__PURE__ */ d(ms, [["__scopeId", "data-v-9eb67a93"]]), gs = {
+}), ys = /* @__PURE__ */ d(bs, [["__scopeId", "data-v-9eb67a93"]]), ks = {
   class: "PriceGroup"
-}, hs = /* @__PURE__ */ p({
+}, Ls = /* @__PURE__ */ m({
   __name: "LandingPagePriceGroup",
   setup(a) {
-    const e = k("subscribe-monthly");
-    return (l, i) => (s(), o("div", gs, [c(fs, {
-      modelValue: e.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (n) => e.value = n),
+    const t = k("subscribe-monthly");
+    return (l, i) => (s(), n("div", ks, [c(ys, {
+      modelValue: t.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (o) => t.value = o),
       tabs: [{
         value: "subscribe-monthly",
         label: "按月订阅"
@@ -1116,33 +1158,33 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
       }]
     }, null, 8, ["modelValue"]), h(l.$slots, "default", {}, void 0, !0)]));
   }
-}), Va = /* @__PURE__ */ d(hs, [["__scopeId", "data-v-43a35f55"]]), vs = {
+}), Na = /* @__PURE__ */ d(Ls, [["__scopeId", "data-v-43a35f55"]]), Ps = {
   class: "PricingCard"
-}, $s = {
+}, Is = {
   class: "title"
-}, bs = {
+}, Ss = {
   class: "titleText"
-}, ys = {
+}, xs = {
   class: "description"
-}, ks = {
+}, Cs = {
   class: "priceAndDiscount"
-}, Ls = {
+}, ws = {
   class: "price"
-}, Ps = {
+}, As = {
   class: "discount"
-}, Is = {
+}, Ts = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, xs = {
+}, qs = {
   key: 1,
   class: "priceNotDiscount"
-}, Ss = {
+}, Bs = {
   class: "cycle"
-}, Cs = {
+}, zs = {
   class: "features"
-}, ws = /* @__PURE__ */ p({
+}, Fs = /* @__PURE__ */ m({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -1202,59 +1244,59 @@ const y = /* @__PURE__ */ d(Ht, [["render", Nt], ["__scopeId", "data-v-ea9ec649"
   },
   emits: ["toPay"],
   setup(a, {
-    emit: e
+    emit: t
   }) {
-    const l = e, i = a;
-    function n() {
+    const l = t, i = a;
+    function o() {
       l("toPay");
     }
-    return (_, m) => (s(), o("div", vs, [t("div", null, [t("div", $s, [t("span", bs, r(i.title), 1), i.badge.label ? (s(), L(P(O), {
+    return (_, g) => (s(), n("div", Ps, [e("div", null, [e("div", Is, [e("span", Ss, r(i.title), 1), i.badge.label ? (s(), L(P(O), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: u(() => [g(r(i.badge.label), 1)]),
+      default: u(() => [f(r(i.badge.label), 1)]),
       _: 1
-    })) : w("", !0)]), t("div", ys, r(i.description), 1)]), t("div", ks, [i.discount !== null ? (s(), o(v, {
+    })) : C("", !0)]), e("div", xs, r(i.description), 1)]), e("div", Cs, [i.discount !== null ? (s(), n($, {
       key: 0
-    }, [t("span", Ls, [t("span", null, r(i.price), 1), t("span", null, r(i.unit), 1)]), t("span", Ps, [t("span", Is, r(i.discount), 1), t("span", null, r(i.unit), 1)])], 64)) : (s(), o("span", xs, [t("span", null, r(i.price), 1), t("span", null, r(i.unit), 1)])), t("span", Ss, r(i.cycle), 1)]), t("div", Cs, [(s(!0), o(v, null, b(i.features, (f, $) => (s(), L(j, {
-      key: $,
-      description: f.title
+    }, [e("span", ws, [e("span", null, r(i.price), 1), e("span", null, r(i.unit), 1)]), e("span", As, [e("span", Ts, r(i.discount), 1), e("span", null, r(i.unit), 1)])], 64)) : (s(), n("span", qs, [e("span", null, r(i.price), 1), e("span", null, r(i.unit), 1)])), e("span", Bs, r(i.cycle), 1)]), e("div", zs, [(s(!0), n($, null, b(i.features, (p, v) => (s(), L(M, {
+      key: v,
+      description: p.title
     }, null, 8, ["description"]))), 128))]), c(We, {
       class: "handle",
       type: "primary",
       loading: i.loading,
       disabled: !(i.discount || i.price),
-      onClick: n
+      onClick: o
     }, {
-      default: u(() => [g(r(i.button.label), 1)]),
+      default: u(() => [f(r(i.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), Ea = /* @__PURE__ */ d(ws, [["__scopeId", "data-v-0b730439"]]), As = {}, Ts = {
+}), Ga = /* @__PURE__ */ d(Fs, [["__scopeId", "data-v-0b730439"]]), Ds = {}, Vs = {
   class: "PricingGrid"
-}, qs = {
+}, js = {
   class: "content"
 };
-function Bs(a, e) {
-  return s(), o("div", Ts, [t("div", qs, [h(a.$slots, "default", {}, void 0, !0)])]);
+function Ms(a, t) {
+  return s(), n("div", Vs, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
 }
-const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee"]]), zs = {
+const Oa = /* @__PURE__ */ d(Ds, [["render", Ms], ["__scopeId", "data-v-1f26d3ee"]]), Es = {
   class: "sections-container"
-}, Fs = {
+}, Hs = {
   class: "container"
-}, Ds = {
+}, Us = {
   class: "image-container"
-}, Vs = ["src", "alt"], Es = {
+}, Ns = ["src", "alt"], Gs = {
   class: "text-container"
-}, js = {
+}, Os = {
   class: "header"
-}, Ms = {
+}, Rs = {
   class: "features-list"
-}, Hs = {
+}, Ws = {
   class: "content"
-}, Us = {
+}, Ks = {
   class: "feature-title"
-}, Ns = /* @__PURE__ */ p({
+}, Js = /* @__PURE__ */ m({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -1293,40 +1335,40 @@ const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("section", zs, [t("div", Fs, [t("div", {
-      class: C(["content-wrapper", {
-        reverse: e.reverse
+    const t = a;
+    return (l, i) => (s(), n("section", Es, [e("div", Hs, [e("div", {
+      class: w(["content-wrapper", {
+        reverse: t.reverse
       }])
-    }, [t("div", Ds, [t("img", {
-      src: e.imageUrl,
-      alt: e.imageAlt,
+    }, [e("div", Us, [e("img", {
+      src: t.imageUrl,
+      alt: t.imageAlt,
       class: "image"
-    }, null, 8, Vs)]), t("div", Es, [t("div", js, [c(E, null, {
-      default: u(() => [g(r(e.title), 1)]),
+    }, null, 8, Ns)]), e("div", Gs, [e("div", Os, [c(j, null, {
+      default: u(() => [f(r(t.title), 1)]),
       _: 1
     }), c(V, null, {
-      default: u(() => [g(r(e.subTitle), 1)]),
+      default: u(() => [f(r(t.subTitle), 1)]),
       _: 1
-    })]), t("div", Ms, [(s(!0), o(v, null, b(e.features, (n, _) => (s(), o("div", {
+    })]), e("div", Rs, [(s(!0), n($, null, b(t.features, (o, _) => (s(), n("div", {
       key: _,
       class: "feature-item"
-    }, [t("div", {
-      class: C(["icon-container", [`icon-${n.color}`]])
-    }, i[0] || (i[0] = [t("div", {
+    }, [e("div", {
+      class: w(["icon-container", [`icon-${o.color}`]])
+    }, i[0] || (i[0] = [e("div", {
       class: "dot"
-    }, null, -1)]), 2), t("div", Hs, [t("div", Us, r(n.title), 1), c(I, null, {
-      default: u(() => [g(r(n.description), 1)]),
+    }, null, -1)]), 2), e("div", Ws, [e("div", Ks, r(o.title), 1), c(I, null, {
+      default: u(() => [f(r(o.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
   }
-}), Ma = /* @__PURE__ */ d(Ns, [["__scopeId", "data-v-ac2b71bb"]]), Gs = {
+}), Ra = /* @__PURE__ */ d(Js, [["__scopeId", "data-v-ac2b71bb"]]), Ys = {
   class: "Showcase"
-}, Os = ["onClick"], Rs = ["src", "alt"], Ws = {
+}, Zs = ["onClick"], Qs = ["src", "alt"], Xs = {
   class: "card-content"
-}, Ks = {
+}, ea = {
   class: "card-title"
-}, Ys = /* @__PURE__ */ p({
+}, ta = /* @__PURE__ */ m({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -1346,39 +1388,39 @@ const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee
   },
   emits: ["cardClick"],
   setup(a, {
-    emit: e
+    emit: t
   }) {
-    const l = a, i = e;
-    function n(m) {
-      i("cardClick", m);
+    const l = a, i = t;
+    function o(g) {
+      i("cardClick", g);
     }
     const _ = z(() => ({
       height: `${l.cardHeight}px`,
       objectFit: l.objectFit
     }));
-    return (m, f) => (s(), o("div", Gs, [(s(!0), o(v, null, b(l.items, ($, A) => (s(), o("div", {
+    return (g, p) => (s(), n("div", Ys, [(s(!0), n($, null, b(l.items, (v, A) => (s(), n("div", {
       key: A,
       class: "showcase-card",
-      onClick: (ha) => n($)
-    }, [t("img", {
-      src: $.image,
-      alt: $.alt,
-      style: S(_.value)
-    }, null, 12, Rs), t("div", Ws, [t("div", Ks, r($.title), 1), c(I, null, {
-      default: u(() => [g(r($.description), 1)]),
+      onClick: (La) => o(v)
+    }, [e("img", {
+      src: v.image,
+      alt: v.alt,
+      style: x(_.value)
+    }, null, 12, Qs), e("div", Xs, [e("div", ea, r(v.title), 1), c(I, null, {
+      default: u(() => [f(r(v.description), 1)]),
       _: 2
-    }, 1024)])], 8, Os))), 128))]));
+    }, 1024)])], 8, Zs))), 128))]));
   }
-}), Ha = /* @__PURE__ */ d(Ys, [["__scopeId", "data-v-381ed6a6"]]), Js = {
+}), Wa = /* @__PURE__ */ d(ta, [["__scopeId", "data-v-381ed6a6"]]), sa = {
   class: "Stats"
-}, Zs = {
+}, aa = {
   key: 0,
   class: "stats-label"
-}, Qs = {
+}, na = {
   class: "stats-number"
-}, Xs = {
+}, oa = {
   class: "stats-label"
-}, ea = /* @__PURE__ */ p({
+}, ia = /* @__PURE__ */ m({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -1404,19 +1446,19 @@ const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", Js, [(s(!0), o(v, null, b(e.stats, (n, _) => (s(), o("div", {
+    const t = a;
+    return (l, i) => (s(), n("div", sa, [(s(!0), n($, null, b(t.stats, (o, _) => (s(), n("div", {
       key: _,
       class: "stats-item"
-    }, [n.title ? (s(), o("div", Zs, r(n.title), 1)) : w("", !0), t("div", Qs, r(n.number), 1), t("div", Xs, r(n.label), 1)]))), 128))]));
+    }, [o.title ? (s(), n("div", aa, r(o.title), 1)) : C("", !0), e("div", na, r(o.number), 1), e("div", oa, r(o.label), 1)]))), 128))]));
   }
-}), Ua = /* @__PURE__ */ d(ea, [["__scopeId", "data-v-7aa9af80"]]), ta = {
+}), Ka = /* @__PURE__ */ d(ia, [["__scopeId", "data-v-7aa9af80"]]), la = {
   class: "stepNumber"
-}, sa = {
+}, ra = {
   class: "count"
-}, aa = {
+}, ca = {
   class: "stepTitle"
-}, na = /* @__PURE__ */ p({
+}, da = /* @__PURE__ */ m({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -1438,32 +1480,32 @@ const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", {
+    const t = a;
+    return (l, i) => (s(), n("div", {
       class: "Steps",
-      style: S({
-        gridTemplateColumns: `repeat(${e.columns}, 1fr)`
+      style: x({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
-    }, [(s(!0), o(v, null, b(e.steps, (n, _) => (s(), o("div", {
+    }, [(s(!0), n($, null, b(t.steps, (o, _) => (s(), n("div", {
       key: _,
       class: "stepItem"
-    }, [t("div", ta, [t("span", sa, r(_ + 1), 1)]), t("h3", aa, r(n.title), 1), c(I, null, {
-      default: u(() => [g(r(n.description), 1)]),
+    }, [e("div", la, [e("span", ra, r(_ + 1), 1)]), e("h3", ca, r(o.title), 1), c(I, null, {
+      default: u(() => [f(r(o.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), Na = /* @__PURE__ */ d(na, [["__scopeId", "data-v-1ecd9597"]]), ia = {
+}), Ja = /* @__PURE__ */ d(da, [["__scopeId", "data-v-1ecd9597"]]), ua = {
   class: "Testimonial"
-}, oa = {
+}, _a = {
   class: "user-info"
-}, la = {
+}, pa = {
   class: "user-avatar"
-}, ra = ["src", "alt"], ca = {
+}, ma = ["src", "alt"], fa = {
   class: "user-name"
-}, da = {
+}, ga = {
   class: "user-title"
-}, ua = /* @__PURE__ */ p({
+}, ha = /* @__PURE__ */ m({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
@@ -1471,21 +1513,21 @@ const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("div", ia, [(s(!0), o(v, null, b(e.testimonials, (n, _) => (s(), L(M, {
+    const t = a;
+    return (l, i) => (s(), n("div", ua, [(s(!0), n($, null, b(t.testimonials, (o, _) => (s(), L(E, {
       key: _
     }, {
-      default: u(() => [t("div", null, [c(I, null, {
-        default: u(() => [g(r(`"${n.content}"`), 1)]),
+      default: u(() => [e("div", null, [c(I, null, {
+        default: u(() => [f(r(`"${o.content}"`), 1)]),
         _: 2
-      }, 1024)]), t("div", oa, [t("span", la, [t("img", {
-        src: n.avatar,
-        alt: n.name
-      }, null, 8, ra)]), t("div", null, [t("div", ca, r(n.name), 1), t("div", da, r(n.title), 1)])])]),
+      }, 1024)]), e("div", _a, [e("span", pa, [e("img", {
+        src: o.avatar,
+        alt: o.name
+      }, null, 8, ma)]), e("div", null, [e("div", fa, r(o.name), 1), e("div", ga, r(o.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Ga = /* @__PURE__ */ d(ua, [["__scopeId", "data-v-bc49d7bc"]]), _a = ["href"], pa = /* @__PURE__ */ p({
+}), Ya = /* @__PURE__ */ d(ha, [["__scopeId", "data-v-bc49d7bc"]]), va = ["href"], $a = /* @__PURE__ */ m({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1498,60 +1540,60 @@ const ja = /* @__PURE__ */ d(As, [["render", Bs], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const e = a;
-    return (l, i) => (s(), o("a", {
-      href: e.href,
+    const t = a;
+    return (l, i) => (s(), n("a", {
+      href: t.href,
       class: "tips-link"
-    }, r(e.text), 9, _a));
+    }, r(t.text), 9, va));
   }
-}), Oa = /* @__PURE__ */ d(pa, [["__scopeId", "data-v-f5784dd1"]]), ma = {}, fa = {
+}), Za = /* @__PURE__ */ d($a, [["__scopeId", "data-v-f5784dd1"]]), ba = {}, ya = {
   class: "sidebar"
 };
-function ga(a, e) {
-  return s(), o("div", fa, e[0] || (e[0] = [U('<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 ka(a, t) {
+  return s(), n("div", ya, t[0] || (t[0] = [U('<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 Ra = /* @__PURE__ */ d(ma, [["render", ga], ["__scopeId", "data-v-251905ff"]]);
+const Qa = /* @__PURE__ */ d(ba, [["render", ka], ["__scopeId", "data-v-251905ff"]]);
 export {
-  Ma as A,
+  Ra as A,
   We as B,
-  M as C,
+  E as C,
   I as D,
-  Ha as E,
-  Ua as F,
-  Na as G,
+  Wa as E,
+  Ka as F,
+  Ja as G,
   ke as H,
   qe as I,
-  Ga as J,
-  Oa as K,
-  Ia as L,
-  E as M,
-  Ra as N,
+  Ya as J,
+  Za as K,
+  Ta as L,
+  j as M,
+  Qa as N,
   V as S,
-  fs as T,
-  xa as a,
+  ys as T,
+  qa as a,
   ee as b,
   ae as c,
   Oe as d,
-  Sa as e,
-  tt as f,
-  Ca as g,
-  wa as h,
+  Ba as e,
+  nt as f,
+  za as g,
+  Fa as h,
   F as i,
-  Aa as j,
-  Ta as k,
-  qa as l,
-  Ba as m,
-  zt as n,
-  Mt as o,
-  za as p,
+  Da as j,
+  Va as k,
+  ja as l,
+  Ma as m,
+  Et as n,
+  Rt as o,
+  Ea as p,
   y as q,
   B as r,
-  j as s,
+  M as s,
   Ue as t,
-  Fa as u,
+  Ha as u,
   he as v,
-  Da as w,
-  Va as x,
-  Ea as y,
-  ja as z
+  Ua as w,
+  Na as x,
+  Ga as y,
+  Oa as z
 };