Season tickets

One seat choice for every performance in a season. The seats are held for all of them at once, or not at all.

Try it

Test mode

Pick your seats: They are yours for every performance
Continue: SeatLayer holds the whole season
See what your checkout gets: Shown under the map

No real money moves.Seats reset every night.

Loading the season

What your checkout gets

After the buyer continues

Pick seats and continue. What your checkout receives appears here.

Copy this code

components/SeasonWidget.tsx

"use client";
import { SeasonPicker } from "@seatlayer/react";

export function SeasonTickets() {
  return (
    <SeasonPicker
      season="sea_..."
      publicKey="pk_test_..."
      style={{ width: "100%", height: 740 }}
      onContinue={(handoff) => {
        // One hold covers every performance in the season. The handoff
        // carries no price: your server prices the package.
        startCheckout({ operationId: handoff.operationId });
      }}
    />
  );
}