docs: add attention to new AI features (#1709)

Author: YousefED

docs/components/Navigation.tsx

@@ -3,9 +3,18 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment -- Lots of Nextra magic. */
 
 import { Navbar } from "nextra-theme-docs";
+import "./navigation.css";
 
 export function Navigation(props: any) {
   // items last to override the default
   // return <div>hello</div>;
-  return <Navbar {...props} />;
+  return (
+    <>
+      <div className="top-banner">
+        🚀 BlockNote AI is here!{" "}
+        <a href="/docs/ai">Access the early preview.</a>
+      </div>
+      <Navbar {...props} />
+    </>
+  );
 }

docs/components/navigation.css

@@ -0,0 +1,13 @@
+.top-banner {
+  background-color: #fef6d5;
+  color: #000;
+  text-align: center;
+  padding: 0.2em 0;
+  font-size: 0.8em;
+  font-style: italic;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.top-banner a {
+  text-decoration: underline;
+}

docs/pages/_meta.json

@@ -16,6 +16,11 @@
     "title": "Docs",
     "display": "children"
   },
+  "ai": {
+    "title": "AI",
+    "href": "/docs/ai",
+    "route": "/needs-fake-route-otherwise-menu-shows-bold"
+  },
   "examples": {
     "title": "Examples",
     "display": "children"