← back to geospatios-bot__thirty-under-thirty

Function bodies 5 total

RootLayout function · typescript · L16-L40 (25 LOC)

src/app/layout.tsx

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link
          rel="preconnect"
          href="https://fonts.gstatic.com"
          crossOrigin="anonymous"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Mono:wght@400;700&display=swap"
          rel="stylesheet"
        />
      </head>
      <body className="bg-[#e8e8e8] text-black antialiased font-mono">
        {children}
      </body>
    </html>
  );
}

Ticker function · typescript · L1-L25 (25 LOC)

src/app/page.tsx

function Ticker() {
  const items = [
    "SEC INVESTIGATION PENDING",
    "$4.2B UNACCOUNTED FOR",
    "EXIT LIQUIDITY DETECTED",
    "AUDITORS RESIGNING",
    "HYPER-GROWTH TO HYPER-LIABILITY",
    "RUNWAY: -6 MONTHS",
    '"WE\'RE STILL PRE-REVENUE"',
    "BOARD SEATS VACATED",
  ];

  const text = items.join("  //  ");

  return (
    <div className="bg-black text-[#00ff41] font-mono overflow-hidden whitespace-nowrap" style={{ fontSize: "16px" }}>
      <div className="animate-ticker inline-flex py-2.5">
        <span className="px-4">{text}</span>
        <span className="px-4">{text}</span>
        <span className="px-4">{text}</span>
        <span className="px-4">{text}</span>
      </div>
    </div>
  );
}

StatsCard function · typescript · L27-L58 (32 LOC)

src/app/page.tsx

function StatsCard() {
  return (
    <div className="border border-black/80 bg-white p-10 flex flex-col justify-between shadow-[6px_6px_0px_0px_rgba(0,0,0,0.08)]">
      <div>
        <p className="font-mono uppercase" style={{ fontSize: "10px", letterSpacing: "0.5px" }}>
          Total Liability Exposure
        </p>
        <p className="font-serif italic mt-4" style={{ fontSize: "64px", letterSpacing: "-1.28px" }}>
          $12.8B
        </p>
      </div>

      <hr className="border-black my-10" />

      <div>
        <p className="font-mono uppercase" style={{ fontSize: "10px", letterSpacing: "0.5px" }}>
          Median Series-B Valuation Gap
        </p>
        <p className="font-serif italic text-[#2d43ff] mt-4" style={{ fontSize: "48px", letterSpacing: "-0.96px" }}>
          842%
        </p>
        <p className="font-mono uppercase text-neutral-400 mt-2" style={{ fontSize: "10px", letterSpacing: "0.5px" }}>
          Compared to Underlying EBITDA
        </p>
      </

Header function · typescript · L60-L81 (22 LOC)

src/app/page.tsx

function Header() {
  return (
    <div className="flex justify-between items-start mb-2">
      <div>
        <p className="font-mono uppercase" style={{ fontSize: "10px", letterSpacing: "0.5px" }}>
          Classification: Financial Risk / High Priority
        </p>
        <p className="font-serif italic" style={{ fontSize: "32px", letterSpacing: "-0.64px" }}>
          VANTAGE POINTS / 2024
        </p>
      </div>
      <div className="text-right">
        <p className="font-mono uppercase" style={{ fontSize: "10px", letterSpacing: "0.5px" }}>
          Updated: 14:02 UTC
        </p>
        <p className="font-mono uppercase text-[#2d43ff]" style={{ fontSize: "10px", letterSpacing: "0.5px" }}>
          Status: Surveillance Active
        </p>
      </div>
    </div>
  );
}

Home function · typescript · L83-L133 (51 LOC)

src/app/page.tsx

export default function Home() {
  return (
    <main className="min-h-screen bg-[#e8e8e8] relative overflow-hidden">
      {/* Subtle lavender gradient in top-left */}
      <div className="absolute top-0 left-0 w-[60%] h-[80%] bg-gradient-to-br from-[#d8d0e8]/60 via-[#ddd8ea]/30 to-transparent pointer-events-none" />

      <div className="relative">
        <Ticker />

        <div className="max-w-[1400px] mx-auto px-12 py-14">
          <Header />

          <hr className="border-black mb-12 mt-4" />

          <div className="grid grid-cols-1 lg:grid-cols-[1fr_400px] gap-16 items-start">
            <div>
              <h1 className="font-serif italic leading-[0.88]" style={{ fontSize: "clamp(3rem, 7vw, 128px)", letterSpacing: "-0.02em" }}>
                <span className="block">THE THIRTY</span>
                <span className="block">UNDER</span>
                <span className="block whitespace-nowrap">
                  THIRTY{" "}
                  <span className="text-[#2