Honest Programme Match

npx shadcn add "https://ui.beste.co/r/fitness40"

npx shadcn add "https://ui.beste.co/r-base/fitness40"

import { Fitness40, fitness40Demo } from "@/components/beste/block/fitness40";

export default function Page() {
  return <Fitness40 {...fitness40Demo} />;
}

import { Fitness40 } from "@/components/beste/block/fitness40";

export default function Page() {
  return (
    <Fitness40
      badge={{ label: "Find your programme" }}
      heading="Three questions, and one of them we will talk you out of"
      description="Every programme here says who it is not for."
      shortcuts="numbers"
      image={{
        src: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48",
        alt: "Empty gym floor in morning light",
      }}
      caption="One room, four coaches, and nobody filming themselves."
      questions={[
        {
          name: "now",
          title: "Where are you starting from?",
          choices: [
            { value: "none", label: "Nothing for a year or more" },
            { value: "regular", label: "Already training weekly" },
          ],
        },
        {
          name: "goal",
          title: "What would make this worth doing?",
          choices: [
            { value: "strength", label: "Being stronger than I am" },
            { value: "stamina", label: "Not being out of breath" },
          ],
        },
      ]}
      programmes={[
        {
          // checked before the looser ones below it
          match: { now: "none" },
          title: "Return, eight weeks",
          summary: "Two supervised sessions a week, deliberately easier than you want them to be.",
          image: {
            src: "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b",
            alt: "Coach setting up equipment in a quiet gym",
          },
          caption: "Return groups are capped at six.",
          suits: ["You have not trained in a year", "Two mornings is what you can protect"],
          avoid: ["You are chasing a number by a fixed date", "You already train weekly"],
          facts: [
            { label: "Sessions", value: "Two a week, 50 minutes" },
            { label: "Group size", value: "Six people" },
          ],
          button: { label: "See the eight week plan", href: "https://beste.co" },
        },
        {
          // no match: the catch-all, and it has to be last
          title: "General, two mornings",
          summary: "Mixed sessions, no target, and the only measure is whether you keep coming.",
          suits: ["You want to train without signing up to a goal"],
          avoid: ["You have a date and a number in mind"],
          button: { label: "See what a week looks like", href: "https://beste.co" },
        },
      ]}
      labels={{ suitsTitle: "Take this if", avoidTitle: "Do not take this if" }}
    />
  );
}

type Badge = { label: string };
type ActionLink = { label: string; href: string };
type BandImage = { src: string; alt: string };
type Fact = { label: string; value: string };

type IntakeQuestion = {
  name: string;
  title: string;
  description?: string;
  choices?: IntakeChoice[];
};

type IntakeChoice = { value: string; label: string; description?: string };

type Programme = {
  match?: Record<string, string>;
  title: string;
  summary: string;
  image?: BandImage;
  caption?: string;
  suits?: string[];
  avoid?: string[];
  facts?: Fact[];
  button?: ActionLink;
};

type Fitness40Labels = {
  previous?: string;
  next?: string;
  submit?: string;
  restart?: string;
  matchTitle?: string;
  suitsTitle?: string;
  avoidTitle?: string;
};