feat: update navigation menu

apps/docs/app/docs/layout.tsx

@@ -9,11 +9,17 @@ export default function RootDocsLayout({ children }: { children: ReactNode }) {
       tree={pageTree}
       nav={{
         title: <Logo />,
-        url: "/",
+        url: "https://postiva.app",
         enabled: true,
-        transparentMode: "always",
+        transparentMode: "top",
         githubUrl: "https://github.com/postiva/postiva-client",
       }}
+      links={[
+        {
+          text: "Documentation",
+          url: "/",
+        },
+      ]}
       sidebar={{
         collapsible: false,
         footer: (

apps/docs/app/global.css

@@ -1,3 +1,4 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+

apps/docs/app/layout.tsx

@@ -1,4 +1,6 @@
 import { RootProvider } from "fumadocs-ui/provider";
+
+import "fumadocs-ui/twoslash.css";
 import { Metadata } from "next";
 import { Inter } from "next/font/google";
 import type { ReactNode } from "react";

apps/docs/components/logo/index.tsx

@@ -1,5 +1,18 @@
 import Image from "next/image";
 
 export function Logo() {
-  return <Image src="/navbar_logo.png" alt="Logo" width={140} height={100} />;
+  return (
+    <div className="relative mr-0.5">
+      <Image
+        className="mb-1.5"
+        src="/navbar_logo.png"
+        alt="Logo"
+        width={110}
+        height={110}
+      />
+      <div className="absolute -right-2.5 top-0.5 text-muted-foreground hover:text-accent-foreground">
+        .
+      </div>
+    </div>
+  );
 }

apps/docs/content/docs/index.mdx

@@ -33,7 +33,7 @@ The `@postiva/client` is a simple and easy to use SDK for Postiva API. It provid
 Create a `.env` file in the root of your project and add the following:
 
 <Callout title="Info">
-Please register on our platform to obtain your API key and workspace ID from the control panel. You can find your workspace ID in the account settings after registration.
+For access to your API key and workspace ID, [sign up on our platform](https://dash.postiva.app/). You can locate your workspace ID via the account settings once you're registered.
 </Callout>
 
 <Tabs id="library" items={['Nextjs', 'Vite']}>

apps/docs/package.json

@@ -17,6 +17,7 @@
     "fumadocs-ui": "^11.0.4",
     "lucide-react": "^0.378.0",
     "next": "^14.0.4",
+    "next-docs-ui": "^7.1.2",
     "next-docs-zeta": "6.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",