fix: update globe

Author: dillionverma

Diff for: config/docs.ts

@@ -73,9 +73,10 @@ export const docsConfig: DocsConfig = {
           ],
         },
         {
-          title: "CLI",
-          href: "/docs/cli",
+          title: "Tailwind v4",
+          href: "/docs/tailwind-v4",
           items: [],
+          label: "New",
         },
       ],
     },

Diff for: content/docs/cli.mdx

@@ -16,28 +16,28 @@ description: How to install dependencies and structure your app.
 Run the `init` command to create a new Next.js project or to setup an existing one:
 
 ```bash
-npx shadcn@latest init
+npx shadcn@canary init
 ```
 
 ### Add components
 
 You can now start adding components to your project.
 
 ```bash
-npx shadcn@latest add "https://v3.magicui.design/r/android.json"
+npx shadcn@canary add "https://magicui.design/r/globe.json"
 ```
 
 ### Import component
 
-The command above will add the `Android` component to your project. You can then import it like this:
+The command above will add the `Globe` component to your project. You can then import it like this:
 
 ```tsx {1,6} showLineNumbers
-import { Android } from "@/components/ui/android";
+import { Globe } from "@/components/ui/globe";
 
 export default function Home() {
   return (
     <div>
-      <Android />
+      <Globe />
     </div>
   );
 }

Diff for: content/docs/installation/index.mdx

@@ -0,0 +1,11 @@
+---
+title: Tailwind v4
+description: We've released a new version of Magic UI that uses Tailwind CSS v4.
+date: 2024-04-08
+---
+
+Magic UI now supports Tailwind v4 and React 19. You can start using it today.
+
+If you're using v3, you can head over to [v3.magicui.design](https://v3.magicui.design) to use tailwind v3.
+
+If you're using v4, you can head over to [magicui.design](https://magicui.design) to use tailwind v4.