upgrade and improve readme

Author: dannysheridan

README.md

@@ -29,10 +29,6 @@ Get inspired by API documentation built with Fern: [Webflow](https://developers.
 2. Choose the option to **create a new repository**. Name it `fern-docs`.
 3. Install the Fern CLI by running:
 
-```bash
-npm install -g fern-api
-```
-
 ### Step 2: Clone and open the repo in your preferred code editor
 
 Clone your newly created repository and open it in your favorite code editor (e.g., Cursor, VS Code).
@@ -49,10 +45,16 @@ Open the `fern.config.json` file and change the organization name:
 ```json
 {
   "organization": "your-organization-name",
-  "version": "0.77.3"
+  "version": "0.77.4"
 }
 ```
 
+Run the following command to ensure you are using the latest version of Fern:
+
+```bash
+fern upgrade
+```
+
 **2. Update `docs.yml`:**
 Open the `docs.yml` file and update the URL:
 

fern/docs.yml

@@ -9,18 +9,38 @@ title: Plant Store
 layout:
   searchbar-placement: header
   page-width: full
+  tabs-placement: header
+
+tabs:
+  home:
+    display-name: Home
+    icon: home
+  guides:
+    display-name: Guides
+    icon: book
+  API Reference:
+    display-name: API Reference
+    icon: puzzle
 
 navigation:
-  - section: Get Started
-    contents:
-      - page: Welcome
-        path: docs/pages/welcome.mdx
-      - page: Concepts
-        path: docs/pages/concepts.mdx
-      - page: SDKs
-        path: docs/pages/sdks.mdx
-        slug: sdks
-  - api: API Reference
+  - tab: home
+    layout:
+      - section: Get Started
+        contents:
+          - page: Welcome
+            path: docs/pages/welcome.mdx
+  - tab: guides
+    layout:
+      - section: Learn
+        contents:
+          - page: Concepts
+            path: docs/pages/concepts.mdx
+          - page: SDKs
+            path: docs/pages/sdks.mdx
+            slug: sdks
+  - tab: API Reference
+    layout:
+      - api: API Reference
 
 navbar-links:
   - type: minimal
@@ -31,7 +51,7 @@ navbar-links:
     url: https://buildwithfern.com/contact?utm_campaign=demo&utm_medium=plantstore&utm_source=navbar
   - type: github
     value: https://github.com/fern-api/fern
-
+      
 colors:
   accentPrimary:
     dark: "#81C784"

fern/docs/pages/welcome.mdx

@@ -12,11 +12,15 @@ Welcome to the Plant Store API docs! This site demonstrates how to use Fern to g
 Here you'll find information about managing your plants, customers, and orders for your plant shop.
 
 <CardGroup>
-  <Card title="API Reference" icon="fa-solid fa-code" href="/api-reference" />
+  <Card 
+    title="API Reference" 
+    icon="fa-solid fa-code" 
+    href="/api-reference" 
+  />
   <Card
-    title="Discord Community"
-    icon="fa-brands fa-discord"
-    href="https://discord.com/invite/JkkXumPzcG"
+    title="Slack Community"
+    icon="fa-brands fa-slack"
+    href="https://join.slack.com/t/fern-community/shared_invite/zt-2q7ev4mki-mhO5anKslwRowp4oExWf4A"
   />
   <Card
     title="Blog"

fern/fern.config.json

@@ -1,4 +1,4 @@
 {
   "organization": "plantstore",
-  "version": "0.77.3"
+  "version": "0.77.4"
 }