Migrate docs

.gitignore

@@ -155,3 +155,5 @@ thumb
 sketch
 
 # End of https://www.toptal.com/developers/gitignore/api/node,react
+.wrangler/
+_holocron

components/hero-section.tsx

@@ -0,0 +1,56 @@
+// Hero matching the interfere.com homepage layout.
+// Side-by-side: heading left, subtitle + CTAs right on desktop.
+// Rendered inside <Above> which sits above the page grid.
+// Hero aligns to the left edge of the page (flush with sidebar).
+'use client'
+
+export function HeroSection() {
+  return (
+    <div className='relative flex flex-col items-start justify-between gap-6 pt-4 pb-10 lg:flex-row lg:items-end lg:gap-0 lg:pt-8 lg:pb-10'>
+      <h1 className='flex max-w-sm flex-wrap items-center font-medium text-foreground leading-none md:max-w-md lg:max-w-xl text-[32px] sm:text-[40px] lg:text-[56px]'>
+        <span className='relative block'>
+          <span className='block whitespace-nowrap'>
+            <span className='inline-block whitespace-pre-wrap tracking-[-0.02em]'>
+              Ship{' '}
+            </span>
+            <span className='inline-block whitespace-pre-wrap tracking-[-0.02em]'>
+              software{' '}
+            </span>
+            <span className='inline-block whitespace-pre-wrap tracking-[-0.02em]'>
+              that{' '}
+            </span>
+          </span>
+          <span className='inline-block h-9 whitespace-pre-wrap lg:h-14'>
+            <span className='inline-block whitespace-pre-wrap tracking-[-0.02em]'>
+              never{' '}
+            </span>
+            <span className='inline-block whitespace-pre-wrap italic leading-none tracking-[-0.03em]'>
+              breaks
+            </span>
+          </span>
+        </span>
+      </h1>
+
+      <div className='relative z-10 flex flex-col items-start gap-4 lg:items-end'>
+        <h2 className='max-w-lg text-balance text-base text-muted-foreground lg:text-right'>
+          Interfere empowers engineers, product managers and designers with
+          real-time understanding of previously unseen bugs and issues.
+        </h2>
+        <div className='flex items-center gap-4'>
+          <a
+            href='https://interfere.com/auth/waitlist'
+            className='inline-flex items-center justify-center rounded-lg border border-border px-5 py-2.5 text-sm font-medium no-underline hover:bg-muted transition-colors'
+          >
+            Get Early Access
+          </a>
+          <a
+            href='https://interfere.com/contact-sales'
+            className='inline-flex items-center justify-center rounded-lg bg-foreground text-background px-5 py-2.5 text-sm font-medium no-underline hover:opacity-90 transition-opacity'
+          >
+            Request a demo
+          </a>
+        </div>
+      </div>
+    </div>
+  )
+}

concepts.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Concepts"
+icon: "lightbulb"
 description: "The terms you'll see across Interfere, and what they mean."
 ---
 

docs.json

@@ -1,42 +1,78 @@
 {
-  "$schema": "https://mintlify.com/docs.json",
-  "theme": "almond",
+  "$schema": "https://holocron.so/docs.json",
   "name": "Interfere",
   "description": "Interfere empowers engineers, product managers and designers with real-time understanding of previously unseen bugs and issues.",
   "colors": {
     "primary": "#202020",
     "light": "#EEEEEE",
     "dark": "#202020"
   },
-  "background": {
-    "color": {
-      "light": "#FFFFFF",
-      "dark": "#111111"
-    }
-  },
   "favicon": {
-    "light": "/icons/favicon/light.png",
-    "dark": "/icons/favicon/dark.png"
+    "light": "/icons/logo/light.svg",
+    "dark": "/icons/logo/dark.svg"
   },
   "logo": {
     "href": "https://interfere.com",
     "light": "/icons/logo/light.svg",
     "dark": "/icons/logo/dark.svg"
   },
-  "fonts": {
-    "$ref": "./config/fonts.json"
-  },
   "icons": {
     "library": "lucide"
   },
-  "styling": {
-    "eyebrows": "breadcrumbs"
-  },
-  "contextual": {
-    "options": ["copy", "view", "assistant", "mcp", "add-mcp"]
-  },
   "navigation": {
-    "$ref": "./config/navigation.json"
+    "groups": [
+      {
+        "group": "Getting Started",
+        "pages": [
+          "index",
+          "quickstart",
+          "onboarding",
+          "concepts",
+          "power-user"
+        ]
+      },
+      {
+        "group": "Product",
+        "pages": [
+          "product/activity",
+          "product/inbox",
+          "product/problems",
+          "product/users",
+          "product/surfaces",
+          "product/settings",
+          "product/security",
+          "product/compliance"
+        ]
+      },
+      {
+        "group": "SDKs",
+        "pages": [
+          "sdk/next-js",
+          "sdk/vite",
+          "sdk/nestjs"
+        ]
+      },
+      {
+        "group": "Integrations",
+        "pages": [
+          "integrations/overview",
+          "integrations/github",
+          "integrations/vercel",
+          "integrations/cloudflare-workers",
+          "integrations/slack",
+          "integrations/cli"
+        ]
+      }
+    ],
+    "global": {
+      "anchors": [
+        {
+          "anchor": "GitHub",
+          "href": "https://github.com/interfere-inc",
+          "icon": "lucide:github"
+        }
+      ]
+    }
   },
   "navbar": {
     "links": [],
@@ -52,8 +88,5 @@
       "github": "https://github.com/interfere-inc",
       "linkedin": "https://www.linkedin.com/company/interfere-inc/"
     }
-  },
-  "appearance": {
-    "strict": false
   }
 }

index.mdx

@@ -1,11 +1,17 @@
 ---
-title: "Welcome to Interfere"
+title: "Interfere — real-time bug detection for production apps"
+sidebarTitle: "Home"
+icon: "home"
 description: "What Interfere is, how it works, and what it takes to start."
 ---
 
-Interfere watches everything your app ships and turns the noise into a short list of real problems, each one already investigated and explained. You install one SDK, keep working as normal, and Interfere takes it from there.
+import { HeroSection } from './components/hero-section.tsx'
 
-Most tools hand you dashboards, alerts, and raw logs, then leave the thinking to you. Interfere does the thinking.
+<Above>
+
+<HeroSection />
+
+</Above>
 
 ## How it works
 

integrations/cloudflare-workers.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Cloudflare Workers"
 description: "Track Worker deployments and their versions."
-icon: "/icons/tech/cloudflare-workers/transparent.svg"
+icon: "cloud"
 ---
 
 Connecting Cloudflare lets Interfere follow your Worker deployments and tie each version to a release. Connect it from [**Settings → Integrations → Cloudflare**](https://interfere.com/~/*/settings/integrations/cloudflare).

integrations/github.mdx

@@ -1,7 +1,7 @@
 ---
 title: "GitHub"
 description: "Connect your repositories so Interfere can tie problems to the code that caused them."
-icon: "/icons/tech/github/currentcolor.svg"
+icon: "github"
 ---
 
 Connecting GitHub lets Interfere read your repositories, so it can map a problem back to the commit that introduced it and ground a proposed fix in your real source. It works with GitHub.com, GitHub Enterprise Cloud, and GitHub Enterprise Server.

integrations/overview.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Overview"
 description: "Connect Interfere to where your code lives, where it runs, and where your team talks."
-icon: "puzzle-piece"
+icon: "puzzle"
 ---
 
 Integrations give Interfere the context around your code and a way to reach your team. You connect and manage them from [**Settings → Integrations**](https://interfere.com/~/*/settings/integrations).

integrations/slack.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Slack"
 description: "Route notifications, receive direct messages, and direct the agent from Slack."
-icon: "/icons/tech/slack/transparent.svg"
+icon: "message-square"
 ---
 
 Slack is how Interfere reaches your team, and how your team hands work back to it. Connect it from [**Settings → Integrations → Slack**](https://interfere.com/~/*/settings/integrations/slack).

integrations/vercel.mdx

@@ -1,7 +1,7 @@
 ---
 title: "Vercel"
 description: "Watch your Vercel deployments so each release lines up with the deploy that shipped it."
-icon: "/icons/tech/vercel/currentcolor.svg"
+icon: "triangle"
 ---
 
 Connecting Vercel lets Interfere follow your deployments, so a new problem points at the release that introduced it. Connect it from [**Settings → Integrations → Vercel**](https://interfere.com/~/*/settings/integrations/vercel).

onboarding.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Onboarding"
+icon: "play"
 description: "What the first-run setup asks for, step by step."
 ---
 

package.json

@@ -1,13 +1,23 @@
 {
   "name": "@interfere/docs",
-  "private": false,
+  "private": true,
+  "type": "module",
   "scripts": {
-    "dev": "mint dev",
+    "dev": "vite",
+    "build": "vite build",
+    "deploy": "vite build && wrangler deploy",
     "fmt": "oxfmt"
   },
+  "dependencies": {
+    "@holocron.so/vite": "^0.29.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
   "devDependencies": {
-    "@interfere/typescript-config": "latest",
-    "@types/bun": "latest",
-    "mintlify": "latest"
+    "@cloudflare/vite-plugin": "^1.47.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "vite": "^8.0.0",
+    "wrangler": "^4.114.0"
   }
 }

power-user.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Get the most out of Interfere"
+icon: "sparkles"
 sidebarTitle: "Power user"
 description: "Work faster, and use Interfere the way it's meant to be used."
 ---

quickstart.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Quickstart"
+icon: "rocket"
 description: "Get Interfere running and events flowing in about five minutes."
 ---
 

sdk/nestjs.mdx

@@ -1,6 +1,6 @@
 ---
 title: "NestJS"
-icon: "/icons/tech/nestjs/transparent.svg"
+icon: "server"
 description: "Instrument your NestJS backend so server errors reach Interfere with full stack traces."
 ---
 

sdk/next-js.mdx

@@ -1,6 +1,6 @@
 ---
 title: "Next.js"
-icon: "/icons/tech/nextjs/currentcolor.svg"
+icon: "hexagon"
 mode: "default"
 description: "Add error tracking, session replay, and product analytics to your Next.js app with a single provider."
 ---

sdk/vite.mdx

@@ -1,6 +1,6 @@
 ---
 title: "Vite (React)"
-icon: "/icons/tech/vite/transparent.svg"
+icon: "zap"
 description: "Install the Interfere SDK in your Vite app. One-time setup, then Interfere captures everything you ship."
 sidebarTitle: "Vite"
 ---