1 files changed, 48 insertions, 0 deletions
diff --git a/examples/with-tailwind/apps/web/src/pages/index.tsx b/examples/with-tailwind/apps/web/src/pages/index.tsx
new file mode 100644
index 0000000..27f57cb
--- /dev/null
+++ b/examples/with-tailwind/apps/web/src/pages/index.tsx
@@ -0,0 +1,48 @@
+import Head from "next/head";
+import { Button, Card } from "ui";
+
+const CARD_CONTENT = [
+  {
+    title: "Caching Tasks",
+    href: "https://turbo.build/repo/docs/core-concepts/caching",
+    cta: "Read More",
+  },
+  {
+    title: "Running Tasks",
+    href: "https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks",
+    cta: "Read More",
+  },
+  {
+    title: "Configuration Options",
+    href: "https://turbo.build/repo/docs/reference/configuration",
+    cta: "Read More",
+  },
+];
+
+export default function Home() {
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center py-2">
+      <Head>
+        <title>Web - Turborepo Example</title>
+      </Head>
+
+      <main className="mx-auto w-auto px-4 pt-16 pb-8 sm:pt-24 lg:px-8">
+        <h1 className="mx-auto text-center text-6xl font-extrabold tracking-tight text-white sm:text-7xl lg:text-8xl xl:text-8xl">
+          Web
+          <span className="block bg-gradient-to-r from-brandred to-brandblue bg-clip-text text-transparent px-2">
+            Turborepo Example
+          </span>
+        </h1>
+        <div className="mx-auto mt-5 max-w-xl sm:flex sm:justify-center md:mt-8">
+          <Button />
+        </div>
+
+        <div className="mt-12 grid grid-cols-1 sm:grid-cols-3 gap-4 place-content-evenly">
+          {CARD_CONTENT.map((card) => (
+            <Card key={card.title} {...card} />
+          ))}
+        </div>
+      </main>
+    </div>
+  );
+}