From cfd0da62ea199e25630441f59b1717eb5e4796e4 Mon Sep 17 00:00:00 2001
From: chdeskur <chdeskur@gmail.com>
Date: Thu, 10 Oct 2024 11:18:57 -0400
Subject: [PATCH] update landing page

---
 fern/docs.yml    |   2 +
 fern/welcome.mdx | 113 +++++++++--------------------------------------
 2 files changed, 22 insertions(+), 93 deletions(-)

diff --git a/fern/docs.yml b/fern/docs.yml
index 64bab7e..c21ab64 100644
--- a/fern/docs.yml
+++ b/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
diff --git a/fern/welcome.mdx b/fern/welcome.mdx
index 123aac6..eb0f367 100644
--- a/fern/welcome.mdx
+++ b/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>
\ No newline at end of file
+  <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>
\ No newline at end of file