Press And Brand Kit

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

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

import { News41, news41Demo } from "@/components/beste/block/news41";

export default function PressPage() {
  return <News41 {...news41Demo} />;
}

import { News41 } from "@/components/beste/block/news41";

export default function PressPage() {
  return (
    <News41
      badge={{ label: "Media kit" }}
      heading="Everything you need to write about us correctly"
      description="Take what you need without asking."
      assetsTitle="Files"
      assets={[
        {
          name: "Wordmark",
          detail: "Lowercase, in black and in white.",
          format: "SVG and PNG",
          href: "/press/wordmark.zip",
        },
        {
          name: "Company one-pager",
          detail: "Founding date, headcount, funding, and the numbers we publish.",
          format: "PDF, 1 page",
          href: "/press/one-pager.pdf",
        },
      ]}
      coloursTitle="Colours"
      swatches={[
        { name: "Ink", value: "#111111", usage: "Type and inverted panels", className: "bg-foreground" },
        { name: "Accent", value: "#2F6BFF", usage: "One accent, used sparingly", className: "bg-primary" },
      ]}
      rulesTitle="Two rules"
      rules={[
        {
          title: "Set the wordmark in lowercase",
          description: "It is lowercase in the product and in the logo file.",
          allowed: true,
        },
        {
          title: "Do not recolour the wordmark",
          description: "Black or white only.",
          allowed: false,
        },
      ]}
      button={{ label: "Download the whole kit", href: "/press/kit.zip" }}
      contact="Anything else: press@example.com, answered by a founder within a working day."
    />
  );
}

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

type Asset = {
  name: string;
  detail: string;
  format: string;
  href: string;
};

type Swatch = {
  name: string;
  value: string;
  usage: string;
  className: string;
};

type Rule = {
  title: string;
  description: string;
  allowed: boolean;
};