@huyooo/ui 0.5.3 → 0.5.5

package/dist/LandingPageSectionTabs-CrFrtbqu.js

@@ -0,0 +1,1369 @@
+import { createElementBlock as o, openBlock as n, renderSlot as g, defineComponent as _, createVNode as p, withCtx as m, createElementVNode as e, normalizeStyle as w, Fragment as v, createTextVNode as h, ref as k, renderList as b, toDisplayString as l, normalizeClass as x, unref as L, withModifiers as M, createCommentVNode as S, withDirectives as T, vModelText as A, createBlock as P, computed as q, createStaticVNode as z, watch as B, vShow as j } from "vue";
+import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { k as E, l as N, i as O, D as C, g as U } from "./LandingPageSectionHeader-Dlc5rL21.js";
+import { Icon as I } from "@iconify/vue";
+import { C as G, a as R } from "./CollapseItem-Cw1vcdLu.js";
+/* empty css               */
+/* empty css               */
+import { Tag as W } from "@arco-design/web-vue";
+const K = {}, J = {
+  class: "SubTitle"
+};
+function Z(a, t) {
+  return n(), o("div", J, [g(a.$slots, "default", {}, void 0, !0)]);
+}
+const V = /* @__PURE__ */ u(K, [["render", Z], ["__scopeId", "data-v-3decf2d4"]]), Q = {}, Y = {
+  class: "Title"
+};
+function X(a, t) {
+  return n(), o("h2", Y, [g(a.$slots, "default", {}, void 0, !0)]);
+}
+const D = /* @__PURE__ */ u(Q, [["render", X], ["__scopeId", "data-v-58078aa8"]]), ee = {
+  class: "BlockHeader"
+}, te = /* @__PURE__ */ _({
+  __name: "LandingPageBlockHeader",
+  setup(a) {
+    return (t, c) => (n(), o("div", ee, [p(D, {
+      class: "BlockHeaderTitle"
+    }, {
+      default: m(() => [g(t.$slots, "title", {}, void 0, !0)]),
+      _: 3
+    }), p(V, {
+      class: "BlockHeaderSubTitle"
+    }, {
+      default: m(() => [g(t.$slots, "subTitle", {}, void 0, !0)]),
+      _: 3
+    })]));
+  }
+}), se = /* @__PURE__ */ u(te, [["__scopeId", "data-v-8d51bb3a"]]), ae = {
+  class: "BlockLayout"
+}, ne = /* @__PURE__ */ _({
+  __name: "LandingPageBlockLayout",
+  props: {
+    columns: {
+      type: Number,
+      default: 1
+    },
+    flexDirection: {
+      type: String,
+      default: "column"
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("section", ae, [g(c.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+      class: "BlockBody",
+      style: w({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
+        flexDirection: t.flexDirection
+      })
+    }, [g(c.$slots, "BlockBody", {}, void 0, !0)], 4)]));
+  }
+}), oe = /* @__PURE__ */ u(ne, [["__scopeId", "data-v-84ed1aaa"]]), ie = /* @__PURE__ */ _({
+  __name: "LandingPageAbout",
+  setup(a) {
+    const t = [{
+      data: {
+        name: "Janette Lynch",
+        title: "Senior Director",
+        avatar: {
+          src: "https://images.unsplash.com/photo-1580489944761-15a19d654956?&fit=crop&w=280",
+          alt: "Janette Lynch"
+        }
+      }
+    }, {
+      data: {
+        name: "Marcell Ziemann",
+        title: "Principal Strategist",
+        avatar: {
+          src: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?&fit=crop&w=280",
+          alt: "Marcell Ziemann"
+        }
+      }
+    }, {
+      data: {
+        name: "Robert Palmer",
+        title: "Marketing Engineer",
+        avatar: {
+          src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?&fit=crop&w=280",
+          alt: "Robert Palmer"
+        }
+      }
+    }, {
+      data: {
+        name: "Daniel Collins",
+        title: "Chief Sales Officer",
+        avatar: {
+          src: "https://astroship-pro.web3templates.com/_astro/photo-1487309078313-fad80c3ec1e5_6PMfa.avif",
+          alt: "Robert Palmer"
+        }
+      }
+    }];
+    return (c, i) => (n(), o(v, null, [p(oe, null, {
+      BlockHeader: m(() => [p(se, null, {
+        title: m(() => [...i[0] || (i[0] = [h("核心团队", -1)])]),
+        subTitle: m(() => [...i[1] || (i[1] = [h("我们是一个充满激情的小团队。", -1)])]),
+        _: 1
+      })]),
+      BlockBody: m(() => [p(E, {
+        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."
+      }), p(N, {
+        "published-team-members": t
+      })]),
+      _: 1
+    }), p(O, {
+      image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
+      "image-alt": "Happy Team",
+      title: "Mission",
+      highlight: "Our ",
+      description: "We're a multi-cultural team from around the world! ...",
+      features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
+    })], 64));
+  }
+}), ca = /* @__PURE__ */ u(ie, [["__scopeId", "data-v-a40e05a5"]]), ce = {
+  class: "nav"
+}, le = {
+  class: "section"
+}, re = ["href"], de = {
+  class: "section"
+}, ue = ["href"], _e = /* @__PURE__ */ _({
+  __name: "LandingPageAside",
+  setup(a) {
+    const t = k([{
+      text: "Editor",
+      href: "/docs/editor/getting-started/overview"
+    }, {
+      text: "Collaboration",
+      href: "/docs/collaboration/getting-started/overview"
+    }, {
+      text: "Content AI",
+      href: "/docs/content-ai/getting-started/overview"
+    }, {
+      text: "Comments",
+      href: "/docs/comments/getting-started/overview"
+    }, {
+      text: "Documents",
+      href: "/docs/collaboration/documents"
+    }]), c = k([{
+      text: "Guides",
+      href: "/docs/guides"
+    }, {
+      text: "Examples",
+      href: "/docs/examples"
+    }, {
+      text: "Contributing",
+      href: "/docs/resources/contributing"
+    }, {
+      text: "Editor changelog",
+      href: "/docs/resources/changelog"
+    }, {
+      text: "Pro license",
+      href: "/docs/resources/pro-license"
+    }]);
+    return (i, s) => (n(), o("nav", ce, [s[2] || (s[2] = e("div", {
+      class: "section"
+    }, [e("div", {
+      class: "section-title"
+    }, "Getting started"), e("div", null, [e("a", {
+      class: "link active",
+      href: "/docs"
+    }, "Overview")])], -1)), e("div", le, [s[0] || (s[0] = e("div", {
+      class: "section-title"
+    }, "Browse by feature", -1)), e("div", null, [(n(!0), o(v, null, b(t.value, (r) => (n(), o("a", {
+      key: r.text,
+      class: "link",
+      href: r.href
+    }, l(r.text), 9, re))), 128))])]), e("div", de, [s[1] || (s[1] = e("div", {
+      class: "section-title"
+    }, "Resources", -1)), e("div", null, [(n(!0), o(v, null, b(c.value, (r) => (n(), o("a", {
+      key: r.text,
+      class: "link",
+      href: r.href
+    }, l(r.text), 9, ue))), 128))])])]));
+  }
+}), la = /* @__PURE__ */ u(_e, [["__scopeId", "data-v-b516bb75"]]), pe = /* @__PURE__ */ _({
+  __name: "LandingPageButton",
+  props: {
+    type: {}
+  },
+  setup(a) {
+    return (t, c) => (n(), o("div", {
+      class: x(["heroButton", [a.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [g(t.$slots, "default", {}, void 0, !0)], 2));
+  }
+}), me = /* @__PURE__ */ u(pe, [["__scopeId", "data-v-d26fdf8b"]]), fe = {}, he = {
+  class: "Card"
+};
+function ge(a, t) {
+  return n(), o("div", he, [g(a.$slots, "default", {}, void 0, !0)]);
+}
+const H = /* @__PURE__ */ u(fe, [["render", ge], ["__scopeId", "data-v-cdb3f77d"]]), ve = {
+  class: "contact-container"
+}, $e = {
+  class: "contact-info-section"
+}, be = {
+  class: "contact-title"
+}, ye = {
+  class: "contact-info"
+}, ke = {
+  class: "contact-info-item"
+}, xe = {
+  class: "contact-info-item"
+}, Pe = ["href"], Le = {
+  class: "contact-info-item"
+}, we = ["href"], Ce = {
+  class: "contact-form-section"
+}, Ie = /* @__PURE__ */ _({
+  __name: "LandingPageContact",
+  props: {
+    title: {
+      default: ""
+    },
+    subTitle: {
+      default: ""
+    },
+    contact: {
+      default: () => ({
+        title: "联系我们",
+        description: "有什么想说的吗？我们随时为您提供帮助。请填写表单或发送邮件或拨打电话。"
+      })
+    },
+    address: {
+      default: "北京市朝阳区建国门外大街1号"
+    },
+    email: {
+      default: "hello@example.com"
+    },
+    phone: {
+      default: "+86 138 0000 0000"
+    },
+    mapIcon: {
+      default: "uil:map-marker"
+    },
+    emailIcon: {
+      default: "uil:envelope"
+    },
+    phoneIcon: {
+      default: "uil:phone"
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", ve, [e("div", $e, [e("h2", be, l(t.contact.title), 1), p(C, null, {
+      default: m(() => [h(l(t.contact.description), 1)]),
+      _: 1
+    }), e("div", ye, [e("div", ke, [p(L(I), {
+      class: "contact-info-icon",
+      icon: a.mapIcon
+    }, null, 8, ["icon"]), e("span", null, l(t.address), 1)]), e("div", xe, [p(L(I), {
+      class: "contact-info-icon",
+      icon: t.emailIcon
+    }, null, 8, ["icon"]), e("a", {
+      href: `mailto:${a.email}`
+    }, l(t.email), 9, Pe)]), e("div", Le, [p(L(I), {
+      class: "contact-info-icon",
+      icon: t.phoneIcon
+    }, null, 8, ["icon"]), e("a", {
+      href: `tel:${a.phone}`
+    }, l(t.phone), 9, we)])])]), e("div", Ce, [g(c.$slots, "contact-form", {}, void 0, !0)])]));
+  }
+}), ra = /* @__PURE__ */ u(Ie, [["__scopeId", "data-v-50d64cb9"]]), Se = ["value"], Te = ["value"], Ae = {
+  class: "form-group"
+}, Be = {
+  class: "form-group"
+}, qe = {
+  class: "form-group"
+}, Ve = {
+  type: "submit",
+  class: "form-button"
+}, De = {
+  key: 0,
+  class: "button-content"
+}, He = {
+  key: 1
+}, Fe = /* @__PURE__ */ _({
+  __name: "LandingPageContactForm",
+  props: {
+    accessKey: {
+      default: "YOUR_ACCESS_KEY_HERE"
+    },
+    to: {
+      default: "support@huyooo.com"
+    }
+  },
+  setup(a) {
+    const t = a, c = k(!1), i = k(""), s = k(""), r = k({
+      name: "",
+      email: "",
+      message: ""
+    }), y = async ($) => {
+      c.value = !0;
+      const d = $.target;
+      if (!d.checkValidity()) {
+        d.querySelectorAll(":invalid")[0].focus();
+        return;
+      }
+      i.value = "发送中...", s.value = "";
+      try {
+        const f = await fetch("https://api.web3forms.com/submit", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+          },
+          body: JSON.stringify({
+            access_key: t.accessKey,
+            to: t.to,
+            name: r.value.name,
+            email: r.value.email,
+            message: r.value.message
+          })
+        });
+        await f.json(), f.status === 200 ? (s.value = "text-green", i.value = "消息发送成功！我们会尽快回复您。") : (s.value = "text-red", i.value = "发送失败，请检查网络连接后重试。");
+      } catch {
+        s.value = "text-red", i.value = "发送失败，请稍后再试！";
+      } finally {
+        d.reset(), c.value = !1, setTimeout(() => {
+          i.value = "";
+        }, 5e3);
+      }
+    };
+    return ($, d) => (n(), o("form", {
+      id: "form",
+      action: "https://api.web3forms.com/submit",
+      method: "POST",
+      class: x(["contact-form", {
+        "was-validated": c.value
+      }]),
+      novalidate: "",
+      onSubmit: M(y, ["prevent"])
+    }, [e("input", {
+      type: "hidden",
+      name: "access_key",
+      value: t.accessKey
+    }, null, 8, Se), e("input", {
+      type: "hidden",
+      name: "to",
+      value: t.to
+    }, null, 8, Te), d[11] || (d[11] = e("input", {
+      type: "checkbox",
+      class: "hidden",
+      style: {
+        display: "none"
+      },
+      name: "botcheck"
+    }, null, -1)), e("div", Ae, [d[3] || (d[3] = e("label", {
+      for: "name",
+      class: "form-label"
+    }, [h(" 姓名 "), e("span", {
+      class: "required"
+    }, "*")], -1)), T(e("input", {
+      id: "name",
+      "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value.name = f),
+      type: "text",
+      placeholder: "请输入您的姓名",
+      required: "",
+      class: "form-input",
+      name: "name"
+    }, null, 512), [[A, r.value.name]]), d[4] || (d[4] = e("div", {
+      class: "empty-feedback invalid-feedback form-error"
+    }, " 请输入您的姓名。 ", -1))]), e("div", Be, [d[5] || (d[5] = e("label", {
+      for: "email_address",
+      class: "form-label"
+    }, [h(" 邮箱地址 "), e("span", {
+      class: "required"
+    }, "*")], -1)), T(e("input", {
+      id: "email_address",
+      "onUpdate:modelValue": d[1] || (d[1] = (f) => r.value.email = f),
+      type: "email",
+      placeholder: "请输入您的邮箱地址",
+      name: "email",
+      required: "",
+      class: "form-input"
+    }, null, 512), [[A, r.value.email]]), d[6] || (d[6] = e("div", {
+      class: "empty-feedback form-error"
+    }, " 请输入您的邮箱地址。 ", -1)), d[7] || (d[7] = e("div", {
+      class: "invalid-feedback form-error"
+    }, " 请输入有效的邮箱地址。 ", -1))]), e("div", qe, [d[8] || (d[8] = e("label", {
+      for: "message",
+      class: "form-label"
+    }, [h(" 留言内容 "), e("span", {
+      class: "required"
+    }, "*")], -1)), T(e("textarea", {
+      id: "message",
+      "onUpdate:modelValue": d[2] || (d[2] = (f) => r.value.message = f),
+      name: "message",
+      required: "",
+      placeholder: "请输入您的留言内容",
+      class: "form-textarea",
+      rows: "4"
+    }, null, 512), [[A, r.value.message]]), d[9] || (d[9] = e("div", {
+      class: "empty-feedback invalid-feedback form-error"
+    }, " 请输入您的留言内容。 ", -1))]), e("button", Ve, [i.value === "发送中..." ? (n(), o("span", De, [...d[10] || (d[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), h(" 发送中... ", -1)])])) : (n(), o("span", He, "发送信息"))]), i.value && i.value !== "发送中..." ? (n(), o("div", {
+      key: 0,
+      class: x(["form-result", s.value])
+    }, l(i.value), 3)) : S("", !0)], 34));
+  }
+}), da = /* @__PURE__ */ u(Fe, [["__scopeId", "data-v-bd2eaefb"]]), Me = /* @__PURE__ */ _({
+  __name: "LandingPageContainer",
+  props: {
+    flexDirection: {
+      default: "column"
+    },
+    gap: {
+      default: "80px"
+    },
+    padding: {
+      default: "0px"
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", {
+      class: "landing-page-container",
+      style: w({
+        flexDirection: t.flexDirection,
+        gap: t.gap,
+        padding: t.padding
+      })
+    }, [g(c.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), ua = /* @__PURE__ */ u(Me, [["__scopeId", "data-v-4566ee86"]]), ze = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", je = {
+  class: "cta-container"
+}, Ee = ["src"], Ne = {
+  class: "cta-content"
+}, Oe = {
+  class: "cta-title"
+}, Ue = {
+  class: "cta-description"
+}, Ge = {
+  class: "cta-actions"
+}, Re = /* @__PURE__ */ _({
+  __name: "LandingPageCta",
+  props: {
+    title: {
+      default: "迫不及待想使用翻译？"
+    },
+    description: {
+      default: "立即开始您的翻译之旅"
+    },
+    backgroundUrl: {
+      default: ze
+    },
+    backgroundSize: {
+      default: "120%"
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", je, [e("img", {
+      src: t.backgroundUrl,
+      class: "cta-background",
+      alt: "background",
+      style: w({
+        width: t.backgroundSize,
+        height: t.backgroundSize
+      })
+    }, null, 12, Ee), e("div", Ne, [e("h1", Oe, l(t.title), 1), e("div", Ue, l(t.description), 1), e("div", Ge, [g(c.$slots, "actions", {}, void 0, !0)])])]));
+  }
+}), _a = /* @__PURE__ */ u(Re, [["__scopeId", "data-v-4a709ec3"]]), We = /* @__PURE__ */ _({
+  __name: "LandingPageFAQ",
+  props: {
+    activeKeys: {
+      default: () => []
+    },
+    faqItems: {
+      default: () => [{
+        question: "你们有免费试用吗？",
+        answer: "我们提供1个月的免费试用"
+      }, {
+        question: "我可以申请退款吗？",
+        answer: "不支持退款，但您可以随时取消订阅。取消订阅后将于下一个结算日的次日生效，在此之前您可以使用服务。为了避免被收取下一计费期的费用，请在下一个计费日期前至少 24 小时取消。"
+      }, {
+        question: "付费会员的配额什么时候会重置？会在月初吗？",
+        answer: "配额重置发生在您订阅后一个月，并非基于日历月。例如，如果您在4月15日订阅，您的配额将在5月15日重置。"
+      }, {
+        question: "从月付费订阅升级至年付费订阅，费用和有效期是如何计算的？",
+        answer: "从月度付费升级至年度付费时，会基于您剩余的月度付费价值计算差额。服务期从升级日起至次年同日。"
+      }, {
+        question: "你们提供技术支持吗？",
+        answer: "是的，在付费期间我们提供全天候的技术支持，可以通过电子邮箱和微信联系我们。"
+      }, {
+        question: "使用期间有什么限制吗？",
+        answer: "在使用期间如果发现开发者违反法律法规或在恶意应用程序中使用等任何不当使用行为，包括但不限于共享或出售订阅，都是被禁止的，可能会导致您的账户被终止且不予退款。我们有权终止服务，详情请参阅《付费服务协议》"
+      }]
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), P(G, {
+      "active-keys": t.activeKeys
+    }, {
+      default: m(() => [(n(!0), o(v, null, b(t.faqItems, (s, r) => (n(), P(R, {
+        key: r,
+        index: r
+      }, {
+        header: m(() => [h(l(s.question), 1)]),
+        default: m(() => [p(C, null, {
+          default: m(() => [h(l(s.answer), 1)]),
+          _: 2
+        }, 1024)]),
+        _: 2
+      }, 1032, ["index"]))), 128))]),
+      _: 1
+    }, 8, ["active-keys"]));
+  }
+}), pa = /* @__PURE__ */ u(We, [["__scopeId", "data-v-581e8f75"]]), Ke = {
+  class: "Features"
+}, Je = {
+  class: "feature-title"
+}, Ze = /* @__PURE__ */ _({
+  __name: "LandingPageFeatures",
+  props: {
+    features: {
+      default: () => [{
+        title: "什么是ShipAny？",
+        description: "ShipAny是一个无代码平台，帮助您在几小时内而不是几天内构建和发布AI产品。",
+        icon: ""
+      }, {
+        title: "认证与支付",
+        description: "内置认证和Stripe支付处理，开箱即用。",
+        icon: ""
+      }, {
+        title: "数据基础设施",
+        description: "为您的AI模型和用户数据提供安全且可扩展的数据库基础设施。",
+        icon: ""
+      }, {
+        title: "实时部署",
+        description: "持续部署工作流，确保您的AI创业公司始终保持最新状态。",
+        icon: ""
+      }, {
+        title: "业务分析",
+        description: "跟踪用户行为和业务指标，做出明智决策。",
+        icon: ""
+      }, {
+        title: "AI模型集成",
+        description: "轻松集成来自OpenAI、Anthropic等的最新AI模型。",
+        icon: ""
+      }]
+    },
+    iconColor: {
+      default: "rgb(184, 154, 120)"
+    },
+    iconBorderColor: {
+      default: "rgb(184, 154, 120)"
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", Ke, [(n(!0), o(v, null, b(t.features, (s) => (n(), P(H, {
+      key: s.title
+    }, {
+      default: m(() => [e("div", {
+        class: "icon-container",
+        style: w({
+          color: t.iconColor,
+          border: `1px solid ${t.iconBorderColor}`
+        })
+      }, [p(L(I), {
+        class: "icon",
+        icon: s.icon
+      }, null, 8, ["icon"])], 4), e("h3", Je, l(s.title), 1), p(C, null, {
+        default: m(() => [h(l(s.description), 1)]),
+        _: 2
+      }, 1024)]),
+      _: 2
+    }, 1024))), 128))]));
+  }
+}), ma = /* @__PURE__ */ u(Ze, [["__scopeId", "data-v-1ee2db18"]]), Qe = {
+  class: "tt-feature-list"
+}, Ye = {
+  class: "tt-feature-content"
+}, Xe = {
+  class: "heading-small"
+}, et = {
+  class: "text-small"
+}, tt = /* @__PURE__ */ _({
+  __name: "LandingPageFeatures2",
+  props: {
+    list: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", Qe, [(n(!0), o(v, null, b(t.list, (s, r) => (n(), o("div", {
+      key: r,
+      class: "tt-feature-item centered"
+    }, [i[1] || (i[1] = e("div", {
+      class: "tt-feature-icon"
+    }, [e("img", {
+      src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
+      loading: "lazy",
+      class: "feature-media"
+    })], -1)), e("div", Ye, [e("h3", Xe, l(s.title), 1), e("p", et, [h(l(s.descriptions) + " ", 1), i[0] || (i[0] = e("br", null, null, -1))])])]))), 128))]));
+  }
+}), fa = /* @__PURE__ */ u(tt, [["__scopeId", "data-v-abd3c70a"]]), st = {
+  class: "hero"
+}, at = {
+  class: "heroContent"
+}, nt = {
+  class: "heroHeading"
+}, ot = {
+  class: "heroTitle"
+}, it = {
+  class: "heroDescription"
+}, ct = {
+  class: "heroActions"
+}, lt = {
+  class: "heroImage"
+}, rt = /* @__PURE__ */ _({
+  __name: "LandingPageHero",
+  props: {
+    title: {
+      type: String,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      default: () => ""
+    },
+    heroSource: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("main", st, [e("div", at, [e("div", nt, [e("h1", ot, [g(c.$slots, "title", {}, () => [h(l(t.title), 1)], !0)])]), e("div", it, [e("div", null, l(t.description), 1)]), e("div", ct, [g(c.$slots, "actions", {}, void 0, !0)])]), e("div", lt, [g(c.$slots, "heroSource", {}, void 0, !0)])]));
+  }
+}), ha = /* @__PURE__ */ u(rt, [["__scopeId", "data-v-38f97a3c"]]), dt = {
+  class: "logos-list"
+}, ut = /* @__PURE__ */ _({
+  __name: "LandingPageLogos",
+  props: {
+    title: {
+      default: "Works with your technologies"
+    },
+    subTitle: {
+      default: ""
+    },
+    logos: {
+      default: () => [{
+        name: "simple-icons:react"
+      }, {
+        name: "simple-icons:svelte"
+      }, {
+        name: "simple-icons:astro"
+      }, {
+        name: "simple-icons:css3"
+      }, {
+        name: "simple-icons:alpinedotjs"
+      }, {
+        name: "simple-icons:vercel"
+      }]
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", dt, [(n(!0), o(v, null, b(t.logos, (s, r) => (n(), P(L(I), {
+      key: r,
+      icon: s.name,
+      class: "logo-icon"
+    }, null, 8, ["icon"]))), 128))]));
+  }
+}), ga = /* @__PURE__ */ u(ut, [["__scopeId", "data-v-1a08e627"]]), _t = /* @__PURE__ */ _({
+  __name: "LandingPagePageContent",
+  props: {
+    maxWidth: {
+      default: "1380px"
+    },
+    center: {
+      type: Boolean,
+      default: !0
+    },
+    padding: {
+      default: "0px 0px 40px 0px "
+    },
+    gap: {
+      default: "90px"
+    },
+    flexDirection: {
+      default: "column"
+    }
+  },
+  setup(a) {
+    const t = a, c = q(() => ({
+      maxWidth: t.maxWidth,
+      margin: t.center ? "0 auto" : void 0,
+      width: "100%",
+      padding: t.padding,
+      display: "flex",
+      flexDirection: t.flexDirection ?? "column",
+      gap: t.gap
+    }));
+    return (i, s) => (n(), o("div", {
+      class: "PageContent",
+      style: w(c.value)
+    }, [g(i.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), va = /* @__PURE__ */ u(_t, [["__scopeId", "data-v-00ec8180"]]), pt = {
+  class: "Tabs"
+}, mt = {
+  class: "tabs-root"
+}, ft = {
+  role: "radiogroup",
+  "aria-required": "false",
+  dir: "ltr",
+  class: "tabs-group",
+  tabindex: "0"
+}, ht = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], gt = {
+  key: 0,
+  "data-state": "checked",
+  class: "tabs-radio-icon"
+}, vt = ["for"], $t = {
+  key: 0,
+  class: "tabs-badge"
+}, bt = /* @__PURE__ */ _({
+  __name: "LandingPageTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    modelValue: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", pt, [e("div", mt, [e("div", ft, [(n(!0), o(v, null, b(t.tabs, (s) => (n(), o("div", {
+      key: s.value,
+      class: x(["tabs-item", {
+        "tabs-item-active": s.value === a.modelValue
+      }])
+    }, [e("button", {
+      id: s.value,
+      type: "button",
+      role: "radio",
+      "aria-checked": s.value === a.modelValue,
+      "data-state": s.value === a.modelValue ? "checked" : "unchecked",
+      value: s.value,
+      class: "tabs-radio",
+      tabindex: s.value === a.modelValue ? 0 : -1,
+      onClick: (r) => c.$emit("update:modelValue", s.value)
+    }, [s.value === a.modelValue ? (n(), o("span", gt)) : S("", !0)], 8, ht), e("label", {
+      class: "tabs-label",
+      for: s.value
+    }, [e("span", null, l(s.label), 1), s.badge ? (n(), o("div", $t, l(s.badge), 1)) : S("", !0)], 8, vt)], 2))), 128))])])]));
+  }
+}), yt = /* @__PURE__ */ u(bt, [["__scopeId", "data-v-9eb67a93"]]), kt = {
+  class: "PriceGroup"
+}, xt = /* @__PURE__ */ _({
+  __name: "LandingPagePriceGroup",
+  setup(a) {
+    const t = k("subscribe-monthly");
+    return (c, i) => (n(), o("div", kt, [p(yt, {
+      modelValue: t.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s),
+      tabs: [{
+        value: "subscribe-monthly",
+        label: "按月订阅"
+      }, {
+        value: "subscribe-yearly",
+        label: "按年订阅",
+        badge: "节省17%"
+      }, {
+        value: "pay-as-you-go",
+        label: "按需付费"
+      }]
+    }, null, 8, ["modelValue"]), g(c.$slots, "default", {}, void 0, !0)]));
+  }
+}), $a = /* @__PURE__ */ u(xt, [["__scopeId", "data-v-43a35f55"]]), Pt = {
+  class: "PricingCard"
+}, Lt = {
+  class: "title"
+}, wt = {
+  class: "titleText"
+}, Ct = {
+  class: "description"
+}, It = {
+  class: "priceAndDiscount"
+}, St = {
+  class: "price"
+}, Tt = {
+  class: "discount"
+}, At = {
+  style: {
+    position: "relative",
+    top: "3px"
+  }
+}, Bt = {
+  key: 1,
+  class: "priceNotDiscount"
+}, qt = {
+  class: "cycle"
+}, Vt = {
+  class: "features"
+}, Dt = /* @__PURE__ */ _({
+  __name: "LandingPagePricingCard",
+  props: {
+    loading: {
+      type: Boolean,
+      required: !1,
+      default: () => !1
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      required: !0
+    },
+    price: {
+      type: Number,
+      required: !0
+    },
+    discount: {
+      type: Number,
+      required: !1,
+      default: () => 99
+    },
+    unit: {
+      type: String,
+      required: !0
+    },
+    cycle: {
+      type: String,
+      required: !0
+    },
+    highlight: {
+      type: Boolean,
+      required: !0
+    },
+    badge: {
+      type: Object,
+      required: !0
+    },
+    button: {
+      type: Object,
+      required: !0
+    },
+    orientation: {
+      type: String,
+      required: !0
+    },
+    align: {
+      type: String,
+      required: !0
+    },
+    features: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["toPay"],
+  setup(a, {
+    emit: t
+  }) {
+    const c = t, i = a;
+    function s() {
+      c("toPay");
+    }
+    return (r, y) => (n(), o("div", Pt, [e("div", null, [e("div", Lt, [e("span", wt, l(i.title), 1), i.badge.label ? (n(), P(L(W), {
+      key: 0,
+      color: "arcoblue"
+    }, {
+      default: m(() => [h(l(i.badge.label), 1)]),
+      _: 1
+    })) : S("", !0)]), e("div", Ct, l(i.description), 1)]), e("div", It, [i.discount !== null ? (n(), o(v, {
+      key: 0
+    }, [e("span", St, [e("span", null, l(i.price), 1), e("span", null, l(i.unit), 1)]), e("span", Tt, [e("span", At, l(i.discount), 1), e("span", null, l(i.unit), 1)])], 64)) : (n(), o("span", Bt, [e("span", null, l(i.price), 1), e("span", null, l(i.unit), 1)])), e("span", qt, l(i.cycle), 1)]), e("div", Vt, [(n(!0), o(v, null, b(i.features, ($, d) => (n(), P(U, {
+      key: d,
+      description: $.title
+    }, null, 8, ["description"]))), 128))]), p(me, {
+      class: "handle",
+      type: "primary",
+      loading: i.loading,
+      disabled: !(i.discount || i.price),
+      onClick: s
+    }, {
+      default: m(() => [h(l(i.button.label), 1)]),
+      _: 1
+    }, 8, ["loading", "disabled"])]));
+  }
+}), ba = /* @__PURE__ */ u(Dt, [["__scopeId", "data-v-0b730439"]]), Ht = {}, Ft = {
+  class: "PricingGrid"
+}, Mt = {
+  class: "content"
+};
+function zt(a, t) {
+  return n(), o("div", Ft, [e("div", Mt, [g(a.$slots, "default", {}, void 0, !0)])]);
+}
+const ya = /* @__PURE__ */ u(Ht, [["render", zt], ["__scopeId", "data-v-1f26d3ee"]]), jt = {
+  class: "sections-container"
+}, Et = {
+  class: "container"
+}, Nt = {
+  class: "image-container"
+}, Ot = ["src", "alt"], Ut = {
+  class: "text-container"
+}, Gt = {
+  class: "header"
+}, Rt = {
+  class: "features-list"
+}, Wt = {
+  class: "content"
+}, Kt = {
+  class: "feature-title"
+}, Jt = /* @__PURE__ */ _({
+  __name: "LandingPageSections",
+  props: {
+    title: {
+      default: "什么是ShipAny"
+    },
+    subTitle: {
+      default: "ShipAny是一个用于构建AI优先创业公司的无代码框架。在几分钟内构建美观、生产就绪的AI应用程序。"
+    },
+    imageUrl: {
+      default: "https://picsum.photos/600/400?random=6"
+    },
+    imageAlt: {
+      default: "ShipAny平台截图"
+    },
+    features: {
+      default: () => [{
+        title: "即用型模板",
+        description: "从数十个生产就绪的AI模板中选择，快速开始。",
+        color: "green",
+        iconPath: "M5 13l4 4L19 7"
+      }, {
+        title: "专业设计",
+        description: "由专业人士精心打造的UI组件，遵循最佳实践。",
+        color: "blue",
+        iconPath: "M13 10V3L4 14h7v7l9-11h-7z"
+      }, {
+        title: "内置部署",
+        description: "几分钟内将您的AI应用程序部署到生产环境。",
+        color: "purple",
+        iconPath: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+      }]
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("section", jt, [e("div", Et, [e("div", {
+      class: x(["content-wrapper", {
+        reverse: t.reverse
+      }])
+    }, [e("div", Nt, [e("img", {
+      src: t.imageUrl,
+      alt: t.imageAlt,
+      class: "image"
+    }, null, 8, Ot)]), e("div", Ut, [e("div", Gt, [p(D, null, {
+      default: m(() => [h(l(t.title), 1)]),
+      _: 1
+    }), p(V, null, {
+      default: m(() => [h(l(t.subTitle), 1)]),
+      _: 1
+    })]), e("div", Rt, [(n(!0), o(v, null, b(t.features, (s, r) => (n(), o("div", {
+      key: r,
+      class: "feature-item"
+    }, [e("div", {
+      class: x(["icon-container", [`icon-${s.color}`]])
+    }, [...i[0] || (i[0] = [e("div", {
+      class: "dot"
+    }, null, -1)])], 2), e("div", Wt, [e("div", Kt, l(s.title), 1), p(C, null, {
+      default: m(() => [h(l(s.description), 1)]),
+      _: 2
+    }, 1024)])]))), 128))])])], 2)])]));
+  }
+}), ka = /* @__PURE__ */ u(Jt, [["__scopeId", "data-v-ac2b71bb"]]), Zt = {
+  class: "Showcase"
+}, Qt = ["onClick"], Yt = ["src", "alt"], Xt = {
+  class: "card-content"
+}, es = {
+  class: "card-title"
+}, ts = /* @__PURE__ */ _({
+  __name: "LandingPageShowcase",
+  props: {
+    items: {},
+    showControls: {
+      type: Boolean,
+      default: !0
+    },
+    columns: {
+      default: 4
+    },
+    cardHeight: {
+      default: 160
+    },
+    objectFit: {
+      default: "cover"
+    }
+  },
+  emits: ["cardClick"],
+  setup(a, {
+    emit: t
+  }) {
+    const c = a, i = t;
+    function s(y) {
+      i("cardClick", y);
+    }
+    const r = q(() => ({
+      height: `${c.cardHeight}px`,
+      objectFit: c.objectFit
+    }));
+    return (y, $) => (n(), o("div", Zt, [(n(!0), o(v, null, b(c.items, (d, f) => (n(), o("div", {
+      key: f,
+      class: "showcase-card",
+      onClick: (F) => s(d)
+    }, [e("img", {
+      src: d.image,
+      alt: d.alt,
+      style: w(r.value)
+    }, null, 12, Yt), e("div", Xt, [e("div", es, l(d.title), 1), p(C, null, {
+      default: m(() => [h(l(d.description), 1)]),
+      _: 2
+    }, 1024)])], 8, Qt))), 128))]));
+  }
+}), xa = /* @__PURE__ */ u(ts, [["__scopeId", "data-v-381ed6a6"]]), ss = {
+  class: "Stats"
+}, as = {
+  key: 0,
+  class: "stats-label"
+}, ns = {
+  class: "stats-number"
+}, os = {
+  class: "stats-label"
+}, is = /* @__PURE__ */ _({
+  __name: "LandingPageStats",
+  props: {
+    title: {
+      default: "用户喜爱ShipAny"
+    },
+    subTitle: {
+      default: "看看我们的客户怎么说"
+    },
+    stats: {
+      default: () => [{
+        title: "",
+        number: "250+",
+        label: "已启动的创业公司"
+      }, {
+        title: "",
+        number: "30+",
+        label: "AI模板"
+      }, {
+        title: "",
+        number: "5",
+        label: "星级评分"
+      }]
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", ss, [(n(!0), o(v, null, b(t.stats, (s, r) => (n(), o("div", {
+      key: r,
+      class: "stats-item"
+    }, [s.title ? (n(), o("div", as, l(s.title), 1)) : S("", !0), e("div", ns, l(s.number), 1), e("div", os, l(s.label), 1)]))), 128))]));
+  }
+}), Pa = /* @__PURE__ */ u(is, [["__scopeId", "data-v-7aa9af80"]]), cs = {
+  class: "stepNumber"
+}, ls = {
+  class: "count"
+}, rs = {
+  class: "stepTitle"
+}, ds = /* @__PURE__ */ _({
+  __name: "LandingPageSteps",
+  props: {
+    columns: {
+      type: Number,
+      default: 3
+    },
+    steps: {
+      type: Array,
+      default: () => [{
+        title: "选择您的项目",
+        description: "从我们的AI模板库中选择或使用我们的拖放构建器从头开始。"
+      }, {
+        title: "构建您的项目",
+        description: "使用我们的直观编辑器自定义您的项目。添加您的品牌、内容并配置AI模型。"
+      }, {
+        title: "部署到生产环境",
+        description: "一键将您的AI应用程序部署到我们的全球基础设施并开始服务客户。"
+      }]
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", {
+      class: "Steps",
+      style: w({
+        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
+        // flexDirection: props.flexDirection,
+      })
+    }, [(n(!0), o(v, null, b(t.steps, (s, r) => (n(), o("div", {
+      key: r,
+      class: "stepItem"
+    }, [e("div", cs, [e("span", ls, l(r + 1), 1)]), e("h3", rs, l(s.title), 1), p(C, null, {
+      default: m(() => [h(l(s.description), 1)]),
+      _: 2
+    }, 1024)]))), 128))], 4));
+  }
+}), La = /* @__PURE__ */ u(ds, [["__scopeId", "data-v-1ecd9597"]]), us = {
+  class: "Testimonial"
+}, _s = {
+  class: "user-info"
+}, ps = {
+  class: "user-avatar"
+}, ms = ["src", "alt"], fs = {
+  class: "user-name"
+}, hs = {
+  class: "user-title"
+}, gs = /* @__PURE__ */ _({
+  __name: "LandingPageTestimonial",
+  props: {
+    testimonials: {
+      default: () => []
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("div", us, [(n(!0), o(v, null, b(t.testimonials, (s, r) => (n(), P(H, {
+      key: r
+    }, {
+      default: m(() => [e("div", null, [p(C, null, {
+        default: m(() => [h(l(`"${s.content}"`), 1)]),
+        _: 2
+      }, 1024)]), e("div", _s, [e("span", ps, [e("img", {
+        src: s.avatar,
+        alt: s.name
+      }, null, 8, ms)]), e("div", null, [e("div", fs, l(s.name), 1), e("div", hs, l(s.title), 1)])])]),
+      _: 2
+    }, 1024))), 128))]));
+  }
+}), wa = /* @__PURE__ */ u(gs, [["__scopeId", "data-v-bc49d7bc"]]), vs = ["href"], $s = /* @__PURE__ */ _({
+  __name: "LandingPageTips",
+  props: {
+    href: {
+      type: String,
+      default: "/zh"
+    },
+    text: {
+      type: String,
+      default: "✨ 免费吉卜力AI艺术！立即注册获得3次免费创作！☝️"
+    }
+  },
+  setup(a) {
+    const t = a;
+    return (c, i) => (n(), o("a", {
+      href: t.href,
+      class: "tips-link"
+    }, l(t.text), 9, vs));
+  }
+}), Ca = /* @__PURE__ */ u($s, [["__scopeId", "data-v-f5784dd1"]]), bs = {}, ys = {
+  class: "sidebar"
+};
+function ks(a, t) {
+  return n(), o("div", ys, [...t[0] || (t[0] = [z('<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 Ia = /* @__PURE__ */ u(bs, [["render", ks], ["__scopeId", "data-v-251905ff"]]), xs = {
+  class: "feature-card"
+}, Ps = {
+  class: "feature-image"
+}, Ls = ["src", "alt"], ws = {
+  class: "feature-title"
+}, Cs = {
+  class: "feature-description"
+}, Is = {
+  class: "feature-platforms"
+}, Ss = /* @__PURE__ */ _({
+  __name: "LandingPageFeatureCard",
+  props: {
+    feature: {}
+  },
+  setup(a) {
+    return (t, c) => (n(), o("div", xs, [e("div", Ps, [e("img", {
+      src: a.feature.image,
+      alt: a.feature.title,
+      loading: "lazy",
+      decoding: "async"
+    }, null, 8, Ls)]), e("h3", ws, l(a.feature.title), 1), e("p", Cs, l(a.feature.description), 1), e("div", Is, [(n(!0), o(v, null, b(a.feature.platforms, (i) => (n(), P(L(I), {
+      key: i.name,
+      icon: i.icon,
+      class: "platform-icon"
+    }, null, 8, ["icon"]))), 128))])]));
+  }
+}), Sa = /* @__PURE__ */ u(Ss, [["__scopeId", "data-v-474acd19"]]), Ts = {
+  class: "feature-section-header"
+}, As = {
+  class: "feature-section-title"
+}, Bs = ["innerHTML"], qs = /* @__PURE__ */ _({
+  __name: "LandingPageFeatureSectionHeader",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(a) {
+    return (t, c) => (n(), o("div", Ts, [e("h2", As, l(a.title), 1), e("p", {
+      class: "feature-section-description",
+      innerHTML: a.description
+    }, null, 8, Bs)]));
+  }
+}), Ta = /* @__PURE__ */ u(qs, [["__scopeId", "data-v-8fe145ad"]]), Vs = {}, Ds = {
+  class: "features-grid"
+};
+function Hs(a, t) {
+  return n(), o("div", Ds, [g(a.$slots, "default", {}, void 0, !0)]);
+}
+const Aa = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-392f636b"]]), Fs = {
+  class: "testimonials-container"
+}, Ms = {
+  class: "testimonial-header"
+}, zs = ["onClick"], js = {
+  class: "user-avatar"
+}, Es = ["src", "alt"], Ns = {
+  class: "user-info"
+}, Os = {
+  class: "user-name"
+}, Us = {
+  class: "user-title"
+}, Gs = {
+  class: "testimonial-content"
+}, Rs = /* @__PURE__ */ _({
+  __name: "LandingPageTestimonialCard",
+  props: {
+    testimonials: {}
+  },
+  setup(a) {
+    function t(c) {
+      c.link && window.open(c.link, "_blank");
+    }
+    return (c, i) => (n(), o("div", Fs, [(n(!0), o(v, null, b(a.testimonials, (s) => (n(), o("div", {
+      key: s.name,
+      class: "testimonial-card"
+    }, [e("div", Ms, [e("div", {
+      class: x(["user-link", {
+        "no-link": !s.link
+      }]),
+      onClick: (r) => t(s)
+    }, [e("div", js, [e("img", {
+      src: s.avatar,
+      alt: s.name,
+      width: "260",
+      height: "260",
+      loading: "lazy",
+      decoding: "async",
+      class: "avatar-image"
+    }, null, 8, Es)]), e("div", Ns, [e("span", Os, l(s.name), 1), e("span", Us, l(s.title), 1)])], 10, zs)]), e("p", Gs, l(s.content), 1)]))), 128))]));
+  }
+}), Ba = /* @__PURE__ */ u(Rs, [["__scopeId", "data-v-6e10d8a8"]]), Ws = {
+  class: "tabs"
+}, Ks = {
+  class: "tabs-header"
+}, Js = ["onClick"], Zs = {
+  class: "tab-label"
+}, Qs = {
+  class: "tabs-content"
+}, Ys = /* @__PURE__ */ _({
+  __name: "LandingPageSectionTabs",
+  props: {
+    tabs: {},
+    defaultActiveTab: {
+      default: ""
+    },
+    modelValue: {
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "tabChange"],
+  setup(a, {
+    emit: t
+  }) {
+    var y;
+    const c = a, i = t, s = k(c.modelValue || c.defaultActiveTab || ((y = c.tabs[0]) == null ? void 0 : y.id) || "");
+    function r($) {
+      s.value = $, i("update:modelValue", $), i("tabChange", $);
+    }
+    return B(() => c.modelValue, ($) => {
+      $ && (s.value = $);
+    }), B(() => c.defaultActiveTab, ($) => {
+      $ && !c.modelValue && (s.value = $);
+    }), ($, d) => (n(), o("div", Ws, [e("div", Ks, [(n(!0), o(v, null, b(a.tabs, (f) => (n(), o("div", {
+      key: f.id,
+      class: x(["tab-item", {
+        active: s.value === f.id
+      }]),
+      onClick: (F) => r(f.id)
+    }, [e("span", Zs, l(f.label), 1)], 10, Js))), 128))]), e("div", Qs, [(n(!0), o(v, null, b(a.tabs, (f) => T((n(), o("div", {
+      key: f.id,
+      class: "tab-panel"
+    }, [g($.$slots, f.id, {
+      tab: f
+    }, () => [g($.$slots, "default", {
+      tab: f
+    }, void 0, !0)], !0)])), [[j, s.value === f.id]])), 128))])]));
+  }
+}), qa = /* @__PURE__ */ u(Ys, [["__scopeId", "data-v-22e880ae"]]);
+export {
+  Aa as A,
+  me as B,
+  H as C,
+  Ba as D,
+  qa as E,
+  ca as L,
+  V as S,
+  yt as T,
+  la as a,
+  se as b,
+  oe as c,
+  ra as d,
+  da as e,
+  ua as f,
+  _a as g,
+  pa as h,
+  ma as i,
+  fa as j,
+  ha as k,
+  ga as l,
+  va as m,
+  $a as n,
+  ba as o,
+  ya as p,
+  ka as q,
+  xa as r,
+  Pa as s,
+  La as t,
+  wa as u,
+  Ca as v,
+  D as w,
+  Ia as x,
+  Sa as y,
+  Ta as z
+};