1export function TypographyH1() {
2  return (
3    <h1 className="scroll-m-20 text-4xl font-bold tracking-tight text-balance">
4      Built for the recruiting cycle
5    </h1>
6  )
7}

1export function TypographyH2() {
2  return (
3    <h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0">
4      The class of 2027
5    </h2>
6  )
7}

1export function TypographyH3() {
2  return (
3    <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
4      Combine scores at LSU's regional camp
5    </h3>
6  )
7}

1export function TypographyH4() {
2  return (
3    <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">
4      Notes from the head coach
5    </h4>
6  )
7}

1export function TypographyP() {
2  return (
3    <p className="leading-7 [&:not(:first-child)]:mt-6">
4      A recruiter's day starts at five in the morning and ends well after
5      midnight. Most of it is film. The rest of it is phone calls — to
6      coaches, to parents, to anyone who'll pick up.
7    </p>
8  )
9}

1export function TypographyLead() {
2  return (
3    <p className="text-xl text-body-light">
4      Marcus moved from third on the depth chart to QB1 in week 4 after
5      Jenkins went down with an ACL.
6    </p>
7  )
8}

1export function TypographyLarge() {
2  return <div className="text-lg font-semibold">Built for coaches, not for everyone else.</div>
3}

1export function TypographySmall() {
2  return (
3    <small className="text-sm leading-none font-medium">
4      Updated 3 minutes ago by Coach Patel.
5    </small>
6  )
7}

1export function TypographyMuted() {
2  return (
3    <p className="text-sm text-body-light">
4      We'll only show this to verified college recruiters.
5    </p>
6  )
7}

1export function TypographyInlineCode() {
2  return (
3    <code className="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
4      @radix-ui/react-alert-dialog
5    </code>
6  )
7}

1<p className="leading-7">
2  Run the audit with{" "}
3  <code className="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
4    yarn upnext:audit
5  </code>{" "}
6  before pushing.
7</p>

1<p className="text-sm leading-7">
2  Press{" "}
3  <kbd className="inline-flex items-center justify-center rounded-sm bg-muted px-1.5 py-0.5 font-sans text-xs text-body">
4    ⌘K
5  </kbd>{" "}
6  to open the recruit search.
7</p>

1import { Link } from "@/components/upnext";
2
3<p className="leading-7">
4  Read more about{" "}
5  <Link href="#">how we grade ceiling and floor</Link>.
6  {/* Primary tone for CTA emphasis: */}
7  <Link href="#" tone="primary">View the full rubric</Link>
8</p>

1export function TypographyBlockquote() {
2  return (
3    <blockquote className="mt-6 border-l-2 pl-6 italic">
4      "You don't recruit a player — you recruit a family. The best
5       programs figure that out by the second phone call."
6    </blockquote>
7  )
8}

1export function TypographyList() {
2  return (
3    <ul className="my-6 ml-6 list-disc [&>li]:mt-2">
4      <li>Read film three times before the first phone call.</li>
5      <li>Take notes in pen — phone notes you forget.</li>
6      <li>Never promise an offer in writing before the staff meeting.</li>
7    </ul>
8  )
9}

1<ol className="my-6 ml-6 list-decimal marker:text-body [&>li]:mt-2">
2  <li>Watch film at game speed first; only then go frame by frame.</li>
3  <li>Identify three plays that show the ceiling.</li>
4  <li>Identify three plays that show the floor.</li>
5</ol>

1export function TypographyTable() {
2  return (
3    <Table>
4      <TableHeader>
5        <TableRow>
6          <TableHead>Recruit</TableHead>
7          <TableHead>Position</TableHead>
8          <TableHead className="tabular-nums">40-yd</TableHead>
9        </TableRow>
10      </TableHeader>
11      <TableBody>
12        <TableRow>
13          <TableCell>Marcus Reed</TableCell>
14          <TableCell>QB</TableCell>
15          <TableCell className="tabular-nums">4.62s</TableCell>
16        </TableRow>
17      </TableBody>
18    </Table>
19  )
20}