Engagement Shapes With Exclusions

npx shadcn add "https://ui.beste.co/r/pricing74?email=YOUR_EMAIL&license_key=YOUR_KEY"

npx shadcn add "https://ui.beste.co/r-base/pricing74?email=YOUR_EMAIL&license_key=YOUR_KEY"

import { Pricing74, pricing74Demo } from "@/components/beste/block/pricing74";

export default function PricingPage() {
  return <Pricing74 {...pricing74Demo} />;
}

import { Pricing74 } from "@/components/beste/block/pricing74";

export default function PricingPage() {
  return (
    <Pricing74
      eyebrow="Ways to work together"
      heading="Three shapes, and what each one is not"
      includedLabel="What it covers"
      excludedLabel="What it does not"
      shapes={[
        {
          name: "Project",
          price: "From £24,000",
          cadence: "Fixed price, fixed scope",
          summary: "A defined piece of work with a start and an end.",
          included: ["A named team for the whole run", "Weekly written updates"],
          excluded: ["Work added after the scope is signed"],
        },
      ]}
      button={{ label: "Start a conversation", href: "/contact" }}
      note="Prices are the same whoever is asking."
    />
  );
}

type Shape = {
  name: string;
  price: string;
  cadence: string;
  summary: string;
  included: string[];
  excluded: string[];
};

type ActionButton = {
  label: string;
  href: string;
};