// Cortile marketing site — sections part 2: Managers, Residents, Compliance, Trust, FAQ, CTA, Footer + App. const DS2 = window.CortileDesignSystem_c3fab1; const { Button: Btn, Badge: Bdg } = DS2; // reuse helpers from sections-1 (already on window): LIcon, Container, Eyebrow, SectionHead const SANS2 = "var(--font-sans)"; const SERIF2 = "var(--font-serif)"; const SUPPORT_MAILTO = "support@enolent.com"; const MANAGER_LOGIN_URL_2 = "https://admin.enolent.com"; const APP_STORE_URL = "https://apps.apple.com/app/cortile/id6784487816"; const APP_SCREENSHOT_URL = "/app-screenshots/home-1290x2796.png"; // ─────────────────────── For Property Managers ─────────────────────── function ForManagers({ t }) { return (
{t.managers.points.map((p) => (
{p.title}
{p.body}
))}
); } // small admin-console preview (browser frame) function AdminMock() { return (
{["#E29E6E", "#DDD3BE", "#B8AE9A"].map((c) => )} admin.cortile.app
{[["layout-dashboard", "總覽", true], ["users", "住戶", false], ["wrench", "工單", false], ["receipt-text", "帳務", false], ["megaphone", "公告", false]].map(([ic, lb, on]) => (
{lb}
))}
嘉庭軒 · 總覽
{[["待繳帳單", "12"], ["處理中工單", "5"], ["本月繳費率", "96%"]].map(([lb, v]) => (
{lb}
{v}
))}
{[["1802 室 · 管理費", "待繳", "warning"], ["走廊燈故障", "已派工", "success"], ["地下水管滲漏", "處理中", "info"]].map(([title, st, c]) => (
{title} {st}
))}
); } // ─────────────────────── For Residents ─────────────────────── function ForResidents({ t }) { return (
{t.residents.points.map((p) => (

{p.title}

{p.body}

))}
); } // ─────────────────────── Pricing ─────────────────────── function RegionSelector({ t, region, setRegion, compact = false }) { const regions = ["TW", "HK", "MO"]; return (
{t.pricing.regionLabel} {regions.map((code) => ( ))}
); } function Pricing({ t, region, setRegion }) { if (!t.pricing) return null; const [orderOpen, setOrderOpen] = React.useState(false); const [orderState, setOrderState] = React.useState({ loading: false, error: "" }); const [orderForm, setOrderForm] = React.useState({ email: "", orgName: "", region, buildingName: "", paymentMethod: "card" }); React.useEffect(() => { setOrderForm((current) => ({ ...current, region, paymentMethod: "card" })); }, [region]); const apiBase = (window.CORTILE_API_BASE_URL || "https://api.enolent.com/api/v1").replace(/\/$/, ""); const isZh = t.nav?.features === "功能"; const standardPlan = { ...t.pricing.standard, price: t.pricing.regionPrices[region]?.price || t.pricing.regionPrices.TW.price }; const submitFormCheckout = (checkout) => { const form = document.createElement("form"); form.method = checkout.method || "POST"; form.action = checkout.action; form.style.display = "none"; Object.entries(checkout.fields || {}).forEach(([name, value]) => { const input = document.createElement("input"); input.type = "hidden"; input.name = name; input.value = String(value); form.appendChild(input); }); document.body.appendChild(form); form.submit(); }; const buildAirwallexCheckoutUrl = (item) => { const checkoutBase = (window.CORTILE_AIRWALLEX_CHECKOUT_URL || "https://checkout.airwallex.com").replace(/\/$/, ""); const params = new URLSearchParams({ intent_id: item.intentId, client_secret: item.clientSecret, currency: item.currency, country_code: item.countryCode, shopper_email: orderForm.email, from: window.location.origin }); return `${checkoutBase}/#/standalone/checkout?${params.toString()}`; }; const mailto = (plan) => { const subject = encodeURIComponent(`Cortile ${plan.name}`); const body = encodeURIComponent(`你好，我想了解 Cortile ${plan.name}。\n\n物業 / 機構名稱：\n地區：HK / TW / MO / 其他\n大廈名稱：\n聯絡人：\n電話：`); return `mailto:${SUPPORT_MAILTO}?subject=${subject}&body=${body}`; }; const updateOrderForm = (field, value) => { setOrderForm((current) => { if (field === "region") { if (value !== "OTHER") setRegion(value); return { ...current, region: value, paymentMethod: "card" }; } return { ...current, [field]: value }; }); }; const submitOrder = async (event) => { event.preventDefault(); setOrderState({ loading: true, error: "" }); try { if (orderForm.region === "OTHER") { const subject = encodeURIComponent("Cortile Standard 地區查詢"); const body = encodeURIComponent( `你好，我想了解 Cortile Standard 是否支援以下地區。\n\n物業 / 機構名稱：${orderForm.orgName}\n地區：其他\n大廈名稱：${orderForm.buildingName}\n聯絡電郵：${orderForm.email}\n` ); window.location.href = `mailto:${SUPPORT_MAILTO}?subject=${subject}&body=${body}`; setOrderState({ loading: false, error: "" }); return; } const response = await fetch(`${apiBase}/platform/checkout`, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ plan: "standard", ...orderForm }) }); const body = await response.json().catch(() => ({})); if (!response.ok) { throw new Error(body.message || body.error || "checkout_failed"); } if (body.item?.checkout?.action && body.item?.checkout?.fields) { submitFormCheckout(body.item.checkout); return; } if (body.item?.checkout?.redirectUrl) { window.location.href = body.item.checkout.redirectUrl; return; } if (body.item?.checkoutUrl) { window.location.href = body.item.checkoutUrl; return; } if (body.item?.intentId && body.item?.clientSecret && body.item?.currency && body.item?.countryCode) { window.location.href = buildAirwallexCheckoutUrl(body.item); return; } throw new Error("checkout_payload_missing"); } catch (error) { setOrderState({ loading: false, error: isZh ? "暫時未能建立付款頁，請稍後再試或聯絡 support@enolent.com。" : "We could not create the checkout page. Please try again or contact support@enolent.com." }); } }; const orderLabel = { title: isZh ? "標準方案自助開通" : "Self-serve Standard onboarding", email: isZh ? "聯絡電郵" : "Contact email", orgName: isZh ? "物業 / 機構名稱" : "Property / organisation", buildingName: isZh ? "大廈名稱" : "Building name", region: isZh ? "地區" : "Region", paymentMethod: isZh ? "付款方式" : "Payment method", card: isZh ? "信用卡（綠界 ECPay，以 TWD 結帳）" : "Credit card (ECPay, settled in TWD)", cancel: isZh ? "取消" : "Cancel", submit: isZh ? "前往付款" : "Continue to Checkout", loading: isZh ? "建立付款頁..." : "Creating checkout...", note: isZh ? "付款會由綠界 ECPay 安全處理，實收 TWD。成功後系統會自動建立後台帳號。" : "Payment is handled securely by ECPay and settled in TWD. After payment, the management console is provisioned automatically.", otherNote: isZh ? "其他地區暫不支援自助付款；提交後會開啟電郵查詢。" : "Other regions are not yet available for self-serve checkout; submitting opens an email enquiry." }; const card = (plan, featured) => (
{featured &&
}
{plan.badge}

{plan.name}

{plan.audience}

{plan.price} {plan.period && {plan.period}}
{plan.promo}
{plan.promoNote &&
{plan.promoNote}
}
    {plan.features.map((feature) => (
  • {feature}
    • ))}
{ if (!featured) { event.preventDefault(); setOrderOpen(true); } }} style={{ textDecoration: "none" }} > {plan.cta}

{plan.note}

); return (
{card(standardPlan, false)} {card(t.pricing.flagship, true)}

{t.pricing.ecpayNotice}

 {orderOpen && (
Cortile Standard

{orderLabel.title}

{orderLabel.note}

{orderForm.region !== "OTHER" && ( )}
{orderForm.region === "OTHER" &&

{orderLabel.otherNote}

} {orderState.error &&

{orderState.error}

}
)}
); } // ─────────────────────── Smart Building ─────────────────────── function SmartBuilding({ t }) { if (!t.smartBuilding) return null; return (

{t.smartBuilding.closing}

{t.smartBuilding.enLine}

{t.smartBuilding.cta}
{t.smartBuilding.items.map((item) => (

{item.title}

{item.body}

))}
); } // ─────────────────────── App Download ─────────────────────── function AppDownload({ t }) { const isZh = t.nav?.features === "功能"; return (
{t.footer.storeNote}
{isZh
); } // ─────────────────────── Compliance ─────────────────────── function Compliance({ t }) { return (
{t.compliance.points.map((p) => (
{p}
))}
{t.compliance.regions.map((r) => (
{r.code}
{r.name}
{r.law}
))}
資料中心 · 台灣
); } // ─────────────────────── Trust & Security ─────────────────────── function Trust({ t }) { return (
{t.trust.eyebrow}

{t.trust.title}

{t.trust.items.map((it) => (
{it.title}
{it.body}
))}
{t.trust.links.privacy} {t.trust.links.terms}
); } // ─────────────────────── FAQ ─────────────────────── function FAQ({ t }) { const [open, setOpen] = React.useState(0); return (
{t.faq.items.map((it, i) => { const isOpen = open === i; return (
{isOpen && (
{it.a}
)}
); })}
); } // ─────────────────────── Final CTA ─────────────────────── function FinalCTA({ t }) { return (
); } // ─────────────────────── Footer ─────────────────────── function Footer({ t, region, setRegion }) { return ( ); } function FootCol({ title, items, hrefs, externalIndexes = [] }) { return (
{title}
{items.map((it, i) => ( {it} ))}
); } function CompanyContact({ t }) { return (
{t.footer.contactTitle}
{t.footer.contactRows.map(([label, value]) => (
{label}
{value}
))}
); } // ─────────────────────── App ─────────────────────── function MarketingApp() { const [lang, setLang] = React.useState(() => localStorage.getItem("cortile_lang") || "zh"); const [region, setRegion] = React.useState(() => localStorage.getItem("cortile_region") || "TW"); const t = window.CORTILE_COPY[lang]; React.useEffect(() => { localStorage.setItem("cortile_lang", lang); document.documentElement.lang = lang === "zh" ? "zh-Hant" : "en"; const id = requestAnimationFrame(() => window.lucide && window.lucide.createIcons()); return () => cancelAnimationFrame(id); }, [lang]); React.useEffect(() => { localStorage.setItem("cortile_region", region); }, [region]); return (
); } Object.assign(window, { ForManagers, ForResidents, RegionSelector, Pricing, SmartBuilding, AppDownload, Compliance, Trust, FAQ, FinalCTA, Footer, MarketingApp });