feat: rebuild marketing site with full component suite and preview

2026-08-27 16:53:12 +01:00
parent 0a2ae76f34
commit 3580c00fa1
24 changed files with 2883 additions and 0 deletions
@@ -0,0 +1,5 @@
+import "../styles/globals.css";
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
@@ -0,0 +1,27 @@
+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head>
+        {/* Mark JS as available before paint so `.reveal` only hides when it can also un-hide
+            (no-JS users and crawlers see all content). */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: "document.documentElement.classList.add('js')",
+          }}
+        />
+        <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=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,900;1,9..144,400;1,9..144,500&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap"
+          rel="stylesheet"
+        />
+      </Head>
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
@@ -0,0 +1,44 @@
+import Head from "next/head";
+import useReveal from "../lib/useReveal";
+import Nav from "../components/Nav";
+import Hero from "../components/Hero";
+import FieldNotes from "../components/FieldNotes";
+import Recipe from "../components/Recipe";
+import Contents from "../components/Contents";
+import Letter from "../components/Letter";
+import Authors from "../components/Authors";
+import Capture from "../components/Capture";
+import Tiers from "../components/Tiers";
+import FAQ from "../components/FAQ";
+import Footer from "../components/Footer";
+
+export default function Home() {
+  useReveal();
+
+  return (
+    <>
+      <Head>
+        <title>AIBook.fun — a field guide to AI agents at work</title>
+        <meta
+          name="description"
+          content="A living, crowd-written field guide to using AI agents responsibly at work. Tested workflows you can run — launching on Kickstarter, Sept 26, 2026."
+        />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+      </Head>
+
+      <Nav />
+      <main>
+        <Hero />
+        <FieldNotes />
+        <Recipe />
+        <Contents />
+        <Letter />
+        <Authors />
+        <Capture />
+        <Tiers />
+        <FAQ />
+      </main>
+      <Footer />
+    </>
+  );
+}