import { n as head_default, o as vue_exports, r as link_default } from "../ssr.js";
import { n as server_renderer_exports, t } from "./i18n-CXLOYfyq.js";
import { t as AppLayout_default } from "./AppLayout-VvVFrkTb.js";
//#region resources/js/Pages/PanelOrder.vue?vue&type=script&setup=true&lang.ts
var PanelOrder_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue_exports.defineComponent)({
	__name: "PanelOrder",
	__ssrInlineRender: true,
	setup(__props) {
		const plans = [
			{
				key: "starter",
				name: "Starter",
				price: 19,
				icon: "🌱",
				blurb: "For a new or small community finding its feet.",
				features: [
					"1 community",
					"Up to 500 members",
					"5 GB storage",
					"Custom domain + SSL",
					"Community support"
				],
				cta: "Choose Starter",
				featured: false
			},
			{
				key: "pro",
				name: "Pro",
				price: 49,
				icon: "🚀",
				blurb: "For active communities that want the full experience.",
				features: [
					"3 communities",
					"Up to 5,000 members",
					"50 GB storage",
					"Realtime, push & digests",
					"All first-party extensions",
					"Priority support"
				],
				cta: "Start free trial",
				featured: true
			},
			{
				key: "scale",
				name: "Scale",
				price: 149,
				icon: "🏢",
				blurb: "For large or multi-brand communities and teams.",
				features: [
					"10 communities",
					"Unlimited members",
					"250 GB storage",
					"Single sign-on (SSO)",
					"Dedicated resources + SLA",
					"Onboarding & migration"
				],
				cta: "Contact sales",
				featured: false
			}
		];
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(head_default), { title: (0, vue_exports.unref)(t)("Convoro hosting") }, null, _parent));
			_push((0, server_renderer_exports.ssrRenderComponent)(AppLayout_default, null, {
				default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="mx-auto max-w-3xl"${_scopeId}><h1 class="text-2xl font-black tracking-tight"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Convoro hosting"))}</h1><p class="mt-1 max-w-[46ch] text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Launch a fully-managed community in about a minute — no server to run, and your Convoro account is the admin from day one."))}</p><p class="mt-1 text-sm text-ink-muted"${_scopeId}>🗓 ${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Billed monthly · save 20% with annual"))}</p><div class="mt-6 grid gap-3 sm:grid-cols-3"${_scopeId}><!--[-->`);
						(0, server_renderer_exports.ssrRenderList)(plans, (p) => {
							_push(`<div class="${(0, server_renderer_exports.ssrRenderClass)([p.featured ? "border-2 border-primary" : "border-line", "flex flex-col rounded-c border bg-surface p-5"])}" style="${(0, server_renderer_exports.ssrRenderStyle)({ "position": "relative" })}"${_scopeId}>`);
							if (p.featured) _push(`<span class="absolute -top-2.5 left-5 rounded bg-primary px-2.5 py-0.5 text-[11px] font-semibold text-white"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Most popular"))}</span>`);
							else _push(`<!---->`);
							_push(`<div class="text-2xl"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(p.icon)}</div><p class="mt-2 font-semibold text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(p.name)}</p><div class="mb-2 flex items-baseline gap-1"${_scopeId}><span class="text-2xl font-extrabold"${_scopeId}>\$${(0, server_renderer_exports.ssrInterpolate)(p.price)}</span><span class="text-sm text-ink-2"${_scopeId}>/mo</span></div><p class="mb-3 text-sm text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(p.blurb)}</p><ul class="mb-4 flex flex-col gap-1.5 text-sm text-ink-2"${_scopeId}><!--[-->`);
							(0, server_renderer_exports.ssrRenderList)(p.features, (f) => {
								_push(`<li${_scopeId}>✓ ${(0, server_renderer_exports.ssrInterpolate)(f)}</li>`);
							});
							_push(`<!--]--></ul>`);
							_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(link_default), {
								href: "/panel",
								class: ["mt-auto rounded-lg px-4 py-2 text-center text-sm font-semibold", p.featured ? "bg-primary text-white hover:bg-primary-600" : "border border-line text-ink-2 hover:bg-surface-2"]
							}, {
								default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
									if (_push) _push(`${(0, server_renderer_exports.ssrInterpolate)(p.cta)}`);
									else return [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)(p.cta), 1)];
								}),
								_: 2
							}, _parent, _scopeId));
							_push(`</div>`);
						});
						_push(`<!--]--></div><p class="mt-5 text-center text-xs leading-relaxed text-ink-muted"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Every plan includes daily backups, automatic updates, the extension marketplace, and one Convoro account across all your communities and the support forum."))}</p></div>`);
					} else return [(0, vue_exports.createVNode)("div", { class: "mx-auto max-w-3xl" }, [
						(0, vue_exports.createVNode)("h1", { class: "text-2xl font-black tracking-tight" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Convoro hosting")), 1),
						(0, vue_exports.createVNode)("p", { class: "mt-1 max-w-[46ch] text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Launch a fully-managed community in about a minute — no server to run, and your Convoro account is the admin from day one.")), 1),
						(0, vue_exports.createVNode)("p", { class: "mt-1 text-sm text-ink-muted" }, "🗓 " + (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Billed monthly · save 20% with annual")), 1),
						(0, vue_exports.createVNode)("div", { class: "mt-6 grid gap-3 sm:grid-cols-3" }, [((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)(vue_exports.Fragment, null, (0, vue_exports.renderList)(plans, (p) => {
							return (0, vue_exports.createVNode)("div", {
								key: p.key,
								class: ["flex flex-col rounded-c border bg-surface p-5", p.featured ? "border-2 border-primary" : "border-line"],
								style: { "position": "relative" }
							}, [
								p.featured ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("span", {
									key: 0,
									class: "absolute -top-2.5 left-5 rounded bg-primary px-2.5 py-0.5 text-[11px] font-semibold text-white"
								}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Most popular")), 1)) : (0, vue_exports.createCommentVNode)("", true),
								(0, vue_exports.createVNode)("div", { class: "text-2xl" }, (0, vue_exports.toDisplayString)(p.icon), 1),
								(0, vue_exports.createVNode)("p", { class: "mt-2 font-semibold text-ink" }, (0, vue_exports.toDisplayString)(p.name), 1),
								(0, vue_exports.createVNode)("div", { class: "mb-2 flex items-baseline gap-1" }, [(0, vue_exports.createVNode)("span", { class: "text-2xl font-extrabold" }, "$" + (0, vue_exports.toDisplayString)(p.price), 1), (0, vue_exports.createVNode)("span", { class: "text-sm text-ink-2" }, "/mo")]),
								(0, vue_exports.createVNode)("p", { class: "mb-3 text-sm text-ink-2" }, (0, vue_exports.toDisplayString)(p.blurb), 1),
								(0, vue_exports.createVNode)("ul", { class: "mb-4 flex flex-col gap-1.5 text-sm text-ink-2" }, [((0, vue_exports.openBlock)(true), (0, vue_exports.createBlock)(vue_exports.Fragment, null, (0, vue_exports.renderList)(p.features, (f) => {
									return (0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("li", { key: f }, "✓ " + (0, vue_exports.toDisplayString)(f), 1);
								}), 128))]),
								(0, vue_exports.createVNode)((0, vue_exports.unref)(link_default), {
									href: "/panel",
									class: ["mt-auto rounded-lg px-4 py-2 text-center text-sm font-semibold", p.featured ? "bg-primary text-white hover:bg-primary-600" : "border border-line text-ink-2 hover:bg-surface-2"]
								}, {
									default: (0, vue_exports.withCtx)(() => [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)(p.cta), 1)]),
									_: 2
								}, 1032, ["class"])
							], 2);
						}), 64))]),
						(0, vue_exports.createVNode)("p", { class: "mt-5 text-center text-xs leading-relaxed text-ink-muted" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Every plan includes daily backups, automatic updates, the extension marketplace, and one Convoro account across all your communities and the support forum.")), 1)
					])];
				}),
				_: 1
			}, _parent));
			_push(`<!--]-->`);
		};
	}
});
//#endregion
//#region resources/js/Pages/PanelOrder.vue
var _sfc_setup = PanelOrder_vue_vue_type_script_setup_true_lang_default.setup;
PanelOrder_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
	const ssrContext = (0, vue_exports.useSSRContext)();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/PanelOrder.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var PanelOrder_default = PanelOrder_vue_vue_type_script_setup_true_lang_default;
//#endregion
export { PanelOrder_default as default };
