Services

1---
2// Services listing — data fetched SERVER-SIDE (SEO) and handed to the island as DTO props.
3// Keep this frontmatter; swap the island import to YOUR listing component.
4import SiteLayout from "../layouts/SiteLayout.astro";
5import ServicesView from "../components/bookings/ServicesView";
6import { fetchServices, fetchBookingCategories } from "../wix/bookings/services";
7import type { BookingCategory, ServiceSummary } from "../wix/bookings/types";
8
9let services: ServiceSummary[] = [];
10let categories: BookingCategory[] = [];
11try {
12  [services, categories] = await Promise.all([fetchServices(), fetchBookingCategories()]);
13} catch {
14  // An unguarded SSR throw truncates the response mid-stream; the island renders the
15  // empty state instead.
16}
17---
18
19<SiteLayout title="Services">
20  <h1 class="mb-8 text-2xl font-semibold tracking-tight">Services</h1>
21  <ServicesView client:load initialServices={services} initialCategories={categories} />
22</SiteLayout>