update landing page

fern/docs.yml

@@ -55,9 +55,11 @@ footer-links:
 tabs:
   api-reference:
     slug: api-reference
+    icon: terminal
     display-name: API Reference
   documentation:
     display-name: Documentation
+    icon: book
     slug: documentation
 layout: 
   tabs-placement: header

fern/welcome.mdx

@@ -1,98 +1,25 @@
 ---
-layout: custom
+title: Welcome to Vapi's Developer Documentation 
+layout: overview
 ---
 
-<style>
-  {`
-    body {
-      background-color: #000;
-      background-image: url("https://vapi.ai/assets/SolutionsBg-714aa4a1.svg");
-      background-position: center top;
-      background-repeat: no-repeat;
-      background-size: cover;
-      margin-top: 100px;
-    }
-    
-    h1 {
-      background: linear-gradient(110deg, #fff 18.62%, #afdee9 121.64%);
-      -webkit-background-clip: text;
-      -webkit-font-smoothing: antialiased;
-      -webkit-text-fill-color: transparent;
-    }
-    
-    .full {
-      width: 100%;
-      height: 100vh;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding-top: 100px;
-    }
-    
-    .floating {
-      animation: floating 4s ease-in-out infinite !important;
-    }
-    
-    @keyframes floating {
-      0% { transform: translate(0,  0px); }
-      50%  { transform: translate(0, 20px); }
-      100%   { transform: translate(0, -0px); }    
-    }
-    
-    .vapi {
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      flex: 1 1 0%;
-    }
-    
-    .vapi .fern-card {
-      border-radius: 20px !important;
-      border: 1px solid rgba(148, 255, 210, 0.8) !important;
-      background: radial-gradient(72.24% 136.19% at 52.51% 0%, rgba(0, 0, 0, 0) 0%, rgba(15, 32, 28, 0.08) 57.49%, rgba(128, 209, 255, 0.2) 90.03%, rgba(128, 255, 171, 0.2) 100%), rgba(0, 0, 0, 0.95) !important;
-      backdrop-filter: blur(4px) !important;
-    }
-    
-    .not-vapi .fern-card {
-      border-radius: 20px !important;
-      border: 1px solid rgba(255, 255, 255, 0.2) !important;
-      background: rgba(0, 0, 0, 0.7) !important;
-      backdrop-filter: blur(4px) !important;
-    }
-    
-    .cards {
-      padding-top: 100px;
-      width: 75%;
-    }
-  `}
-</style>
+Everything you need to build, test, & deploy voice AI agents in minutes rather than months
 
-<div class="full dark"> 
-<h1>Welcome to Vapi's</h1>
-<h1>Developer Documentation</h1>
-<p>Build, test, & deploy voice AI agents in minutes rather than months</p>
-
-<div class="cards">
 <CardGroup cols={2}>
-<div class="not-vapi">
-<Card
-  title="The status quo"
-  icon="fa-solid fa-waveform-lines"
-  color="#BCC5CC"
->
-  Months to work to production, continued DevOps and R&D investment.
-</Card>
-</div>
-<div class="vapi">
-<img src="https://vapi.ai/assets/ComparisonCardTop-16f844a0.svg" />
-<Card
-  title="Using Vapi"
-  icon={<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.3062 13.4393C15.4321 13.695 15.6921 13.8572 15.9771 13.858C16.2622 13.8587 16.523 13.6978 16.6502 13.4427L19.9263 6.87415C20.8632 4.99584 23.1771 4.21162 25.0968 5.14201C27.0107 6.0696 27.7888 8.34107 26.855 10.2132L19.4167 25.1269C18.7688 26.4257 17.4225 27.2537 15.9425 27.25C14.4625 27.2463 13.1205 26.4116 12.4794 25.1096L5.13642 10.1959C4.21237 8.31916 5.00207 6.05154 6.92086 5.13351C8.84542 4.21272 11.1552 5.00861 12.0823 6.89148L15.3062 13.4393Z" stroke="#94FFD2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>}
->
-In production tonight, world-class pushing DevOps and R&D.
-</Card>
-<img src="https://vapi.ai/assets/ComparisonCardBottom-d214c8de.svg" />
-</div>
-</CardGroup>
-</div>
-</div>
+  <Card
+    title="Quickstart"
+    icon="clock"
+    href="/quickstart/dashboard"
+  >
+    Get started now with the Vapi web dashboard. 
+  </Card>
+  <Card title="Documentation" icon="book" href="introduction">
+    Reference our documentation for how to use Vapi's Voice AI platform. 
+  </Card>
+  <Card title="Community" icon="fa-brands fa-discord" href="https://discord.gg/pUFNcf2WmH">
+    Connect with our team & other developers using Vapi.
+  </Card>
+  <Card title="GitHub" icon="fa-brands fa-github" href="https://github.com/VapiAI">
+    Check out our GitHub to see what the Vapi team has been up to. 
+  </Card>
+</CardGroup>