feat(quickstart): new "Get started" section

Author: goosewin

fern/advanced/sip/sip-plivo.mdx

@@ -150,7 +150,7 @@ Indian phone numbers cannot be used with Plivo on Vapi due to TRAI regulations.
         ```
       </Step>
       <Step title="Create a Vapi Assistant">
-        1. [Follow this guide to create an assistant](https://docs.vapi.ai/quickstart/dashboard#create-an-assistant)
+        1. [Follow this guide to create an assistant](https://docs.vapi.ai/quickstart/phone#create-your-first-voice-assistant)
         2. Note your Assistant ID for making calls.
       </Step>
       <Step title="Make Outbound Calls">

fern/advanced/sip/sip-twilio.mdx

@@ -144,7 +144,7 @@ This guide walks you through setting up both outbound and inbound SIP trunking b
 
 1. **Create and Configure a Vapi Assistant**
 
-   - Create an assistant following the steps at [https://docs.vapi.ai/quickstart/dashboard#create-an-assistant](https://docs.vapi.ai/quickstart/dashboard#create-an-assistant)
+   - Create an assistant following the steps at [https://docs.vapi.ai/quickstart/phone#create-your-first-voice-assistant](https://docs.vapi.ai/quickstart/phone#create-your-first-voice-assistant)
    - In the assistant settings, link it to the phone number you created
 
    Now when someone calls your Twilio number, the call will be routed to your Vapi assistant.

fern/assets/styles.css

@@ -7,6 +7,43 @@
   font-weight: 500;
 }
 
+/* Badge/Pill Styles */
+.vapi-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+  margin-bottom: 6px;
+}
+
+.vapi-badge-assistant {
+  background-color: #E6F7F4;
+  color: #0F766E;
+  border: 1px solid #A7F3D0;
+}
+
+.vapi-badge-workflow {
+  background-color: #EEF2FF;
+  color: #4338CA;
+  border: 1px solid #C7D2FE;
+}
+
+/* Dark mode adjustments */
+:is(.dark) .vapi-badge-assistant {
+  background-color: #134E4A;
+  color: #99F6E4;
+  border: 1px solid #14B8A6;
+}
+
+:is(.dark) .vapi-badge-workflow {
+  background-color: #312E81;
+  color: #C7D2FE;
+  border: 1px solid #6366F1;
+}
+
 /* for a grid of videos */
 
 .video-grid {

fern/docs.yml

@@ -95,10 +95,13 @@ navigation:
     layout:
       - section: Get started
         contents:
-          - page: Quickstart
-            icon: fa-light fa-rocket
-            path: quickstart/dashboard.mdx
-          - page: Make a web call
+          - page: Introduction
+            icon: fa-light fa-info-circle
+            path: quickstart/introduction.mdx
+          - page: Phone calls
+            icon: fa-solid fa-phone
+            path: quickstart/phone.mdx
+          - page: Web integration
             icon: fa-light fa-browser
             path: quickstart/web.mdx
           - section: How Vapi works
@@ -123,7 +126,7 @@ navigation:
                 path: examples/docs-agent.mdx
                 icon: fa-light fa-microphone
 
-      - section: Assistant customization
+      - section: Assistants
         contents:
           - section: Conversation behavior
             icon: fa-light fa-comments
@@ -690,9 +693,11 @@ redirects:
   - source: "api-reference/calls/create-call"
     destination: "https://api.vapi.ai/api#/Calls/CallController_create"
   - source: "/getting_started"
-    destination: "/quickstart/dashboard"
+    destination: "/quickstart/phone"
   - source: "/dashboard"
-    destination: "/quickstart/dashboard"
+    destination: "/quickstart/phone"
+  - source: "/quickstart/dashboard"
+    destination: "/quickstart/phone"
   - source: "/provider_keys"
     destination: "/assistants/provider-keys"
   - source: "/provider-keys"
@@ -782,9 +787,9 @@ redirects:
   - source: /phone-calling/voicemail-detection
     destination: /calls/voicemail-detection
   - source: /quickstart/phone/inbound
-    destination: /quickstart/dashboard
+    destination: /quickstart/phone
   - source: /quickstart/phone/outbound
-    destination: /quickstart/dashboard
+    destination: /quickstart/phone
   - source: /introduction
     destination: /quickstart
   - source: /welcome
@@ -803,3 +808,5 @@ redirects:
     destination: /workflows/examples/lead-qualification
   - source: /workflows
     destination: /workflows/quickstart
+  - source: /web-integration
+    destination: /web

fern/overview.mdx

@@ -37,14 +37,14 @@ Each layer is highly customizable and we support dozens of models across STT, LL
 ## Quickstart Guides
 <CardGroup cols={2}>
   <Card
-    title="No-code Quickstart"
-    href="/quickstart/dashboard">
+    title="Phone Calls"
+    href="/quickstart/phone">
     The easiest way to start with Vapi. Build a voice agent in 5 minutes.
   </Card>
   <Card
-    title="Web Quickstart"
-    href="https://docs.vapi.ai/quickstart/web">
-    Quickly get started making web calls.
+    title="Web Integration"
+    href="/quickstart/web-integration">
+    Integrate voice calls into your web application.
   </Card>
 </CardGroup>
 

fern/pricing.mdx

@@ -35,7 +35,7 @@ slug: pricing
 
 ### Starter Credits
 
-Every new account is granted **$10 in free credits** to begin testing voice workflows. You can [begin using Vapi](/quickstart/dashboard) without a credit card.
+Every new account is granted **$10 in free credits** to begin testing voice workflows. You can [begin using Vapi](/quickstart/phone) without a credit card.
 
 ---