Plans

1---
2// Plans & Pricing — data fetched SERVER-SIDE (SEO) and handed to the island as DTO props.
3// Keep this frontmatter; swap the island import to YOUR pricing component.
4import SiteLayout from "../layouts/SiteLayout.astro";
5import PlansView from "../components/pricing-plans/PlansView";
6import { fetchPlans } from "../wix/pricing-plans/plans";
7import type { PlanSummary } from "../wix/pricing-plans/types";
8
9let plans: PlanSummary[] = [];
10try {
11  plans = await fetchPlans();
12} catch {
13  // An unguarded SSR throw truncates the response mid-stream; the island renders the
14  // empty state instead.
15}
16---
17
18<SiteLayout title="Plans & Pricing">
19  <h1 class="mb-8 text-2xl font-semibold tracking-tight">Plans &amp; Pricing</h1>
20  <PlansView client:load initialPlans={plans} />
21</SiteLayout>