From fe417a50786374f2fe75cf7d933589f0567570c6 Mon Sep 17 00:00:00 2001
From: Deep Singhvi <deep@usebirch.com>
Date: Thu, 11 Apr 2024 11:40:47 -0400
Subject: [PATCH] (chore): setup docs landing page (#3361)

* (chore): setup docs landing page

* (chore): armando feedback on logo size

* fix
---
 fern/assets/styles.css |  3 +++
 fern/docs.yml          | 20 +++++++++------
 fern/pages/welcome.mdx | 57 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 73 insertions(+), 7 deletions(-)
 create mode 100644 fern/assets/styles.css
 create mode 100644 fern/pages/welcome.mdx

diff --git a/fern/assets/styles.css b/fern/assets/styles.css
new file mode 100644
index 00000000000..e433c4b9071
--- /dev/null
+++ b/fern/assets/styles.css
@@ -0,0 +1,3 @@
+.motivation p {
+  max-width: unset !important;
+}
\ No newline at end of file
diff --git a/fern/docs.yml b/fern/docs.yml
index 48dcb463f64..e1ca5103a5e 100644
--- a/fern/docs.yml
+++ b/fern/docs.yml
@@ -11,19 +11,28 @@ instances:
 title: Fern | Documentation
 
 tabs:
+  home:
+    display-name: Home
+    slug: home
   overview:
     display-name: Overview
-  sdks:
-    display-name: SDKs
-    slug: sdks
   docs:
     display-name: Docs
     slug: docs
+  sdks:
+    display-name: SDKs
+    slug: sdks
   api:
     display-name: API Reference
     slug: api
 
+css: ./assets/styles.css
+
 navigation:
+  - tab: home
+    layout:
+      - page: Welcome
+        path: pages/welcome.mdx
   - tab: overview
     layout:
       - page: Introduction
@@ -274,9 +283,6 @@ navigation:
   
 
 navbar-links:
-  - type: minimal
-    text: GitHub
-    url: https://github.com/fern-api/fern
   - type: filled
     text: Book a demo
     url: https://buildwithfern.com/contact
@@ -299,6 +305,6 @@ favicon: ./images/favicon.ico
 
 layout:
   page-width: 1504px
-  header-height: 83px
+  header-height: 75px
   searchbar-placement: header
   tabs-placement: header
diff --git a/fern/pages/welcome.mdx b/fern/pages/welcome.mdx
new file mode 100644
index 00000000000..78ec8c08117
--- /dev/null
+++ b/fern/pages/welcome.mdx
@@ -0,0 +1,57 @@
+---
+title: Welcome
+excerpt: Input OpenAPI. Output SDKs and Docs.
+slug: home
+layout: overview
+---
+
+## Products
+
+<Cards cols={3}>
+  <Card
+    title="Docs"
+    icon="fa-solid fa-browser"
+    href="/docs"
+  >
+    A beautiful documentation website
+  </Card>
+  <Card
+    title="SDKs"
+    icon="fa-brands fa-codepen"
+    href="/sdks"
+  >
+    Idiomatic client libraries
+  </Card>
+  <Card
+    title="API First Development"
+    icon="fa-solid fa-pen"
+    href="/sdks/other-generators/server-side/"
+  >
+    Start with an API Definition
+  </Card>
+</Cards>
+
+## Motivation
+
+<div className="motivation">
+  Stripe, Twilio, and AWS have the resources to invest in internal tooling for developer 
+  experience. They provide client libraries in multiple language and developer documentation
+  that stays up-to-date. 
+
+  We are building Fern to productize this process and make it accessible to all
+  software companies.
+</div>
+
+<ButtonGroup>
+<Button href="https://buildwithfern.com/contact" intent="primary" rightIcon="arrow-right" large>
+  Schedule a demo with our team!
+</Button>
+
+<Button href="https://buildwithfern.com/showcase" minimal large>
+  View our showcase
+</Button>
+</ButtonGroup>
+
+
+
+