feat: home page for docs

docs.json

@@ -2,6 +2,9 @@
   "$schema": "https://mintlify.com/docs.json",
   "theme": "mint",
   "name": "TFH Docs",
+  "metadata": {
+    "timestamp": true
+  },
   "colors": {
     "primary": "#000000",
     "dark": "#000",
@@ -19,14 +22,13 @@
     "global": {
       "anchors": [
         {
-          "anchor": "World ID",
-          "href": "https://docs.world.org/world-id",
-          "icon": "id-card-clip"
-        },
-        {
-          "anchor": "World Chain",
-          "href": "https://docs.world.org/world-chain",
-          "icon": "dice-d10"
+          "anchor": "Mini Apps",
+          "href": "https://docs.world.org/mini-apps",
+          "icon": "/images/mini-apps-card.svg",
+          "color": {
+            "light": "#fff",
+            "dark": "#fff"
+          }
         }
       ]
     },
@@ -60,13 +62,8 @@
         ]
       },
       {
-        "tab": "Mini Apps",
-        "pages": [
-          {
-            "group": "Introduction",
-            "pages": ["mini-apps/index"]
-          }
-        ]
+        "tab": "Orb",
+        "pages": ["orb/index"]
       }
     ]
   },

index.mdx

@@ -1,5 +1,32 @@
 ---
-title: "Home"
-description: "Documentation for World App and Mini Apps."
-mode: "custom"
----
+title: "TFH Documentation"
+description: "Technical documentation for Tools for Humanity — World App, Mini Apps, and the Orb."
+mode: "center"
+timestamp: false
+---
+
+Tools for Humanity is a technology company building for humans in the age of AI. This is the technical documentation for TFH's products.
+
+<CardGroup cols={3}>
+  <Card href="/world-app">
+    <div className="-mt-8">
+      <img src="/images/world-app-card.svg" width="48" className="mb-4" />
+      <div className="text-xl font-semibold mb-2">World App</div>
+      <div className="text-md text-gray-500">World App provides simple access to the World Network. World Wallet, World Chat, World ID.</div>
+    </div>
+  </Card>
+  <Card href="https://docs.world.org/mini-apps">
+    <div className="-mt-8">
+      <img src="/images/mini-apps-card.svg" width="48" className="mb-4" />
+      <div className="text-xl font-semibold mb-2">Mini Apps</div>
+      <div className="text-md text-gray-500">Native-like apps that run inside World App, reaching millions of verified users.</div>
+    </div>
+  </Card>
+  <Card href="/orb">
+    <div className="-mt-8">
+      <img src="/images/orb-card.png" width="48" className="mb-4" />
+      <div className="text-xl font-semibold mb-2">Orb</div>
+      <div className="text-md text-gray-500">Biometric verification device powering Proof of Human credentials.</div>
+    </div>
+  </Card>
+</CardGroup>

orb/index.mdx

@@ -0,0 +1,41 @@
+---
+title: "About the Orb"
+sidebarTitle: "About"
+description: "Biometric verification device powering Proof of Human credentials"
+---
+
+Much of the Orb is open-source and verifies an individual is a unique human. Learn more about [the Orb](https://www.toolsforhumanity.com/orb).
+
+
+<Columns cols={2}>
+    <Card
+    title="Orb Software"
+    icon="code"
+    iconType="duotone"
+    href="https://github.com/worldcoin/orb-software"
+    arrow="true"
+    cta="View on GitHub"
+    >
+        Software powering the Orb.
+    </Card>
+    <Card
+    title="Orb Hardware"
+    icon="memory"
+    iconType="duotone"
+    href="https://github.com/worldcoin/orb-hardware"
+    arrow="true"
+    cta="View on GitHub"
+    >
+        Hardware which comprises the Orb.
+    </Card>
+    <Card
+    title="Orb Hardware (Schematics)"
+    icon="clipboard-list"
+    iconType="duotone"
+    href="https://hub.allspice.io/WorldOrb"
+    arrow="true"
+    cta="View on AllSpice.io"
+    >
+        Hardware which comprises the Orb.
+    </Card>
+</Columns>