07 23 homepage 4 (#151)

Co-authored-by: Devin Logan <[email protected]>
Co-authored-by: Kapil Gowru <[email protected]>

Author: 3 people

fern/docs.yml

@@ -278,11 +278,6 @@ redirects:
     destination: /learn/sdks/overview/introduction
     permanent: true
 
-  # SDK Reference redirects
-  - source: /learn/sdks/reference/:slug*
-    destination: /learn/sdks/overview/reference/:slug*
-    permanent: true
-
   # SDK Guides - specific cases first, then general pattern
   - source: /learn/sdks/guides/generate-your-first-sdk
     destination: /learn/sdks/overview/introduction

fern/products/docs/docs.yml

@@ -27,7 +27,7 @@ navigation:
             icon: fa-regular fa-comment-dots
           - page: Button
             path: ./pages/component-library/default-components/button.mdx
-            icon: fa-regular fa-button
+            icon: fa-regular fa-arrow-pointer
           - page: Callouts
             path: ./pages/component-library/default-components/callouts.mdx
             icon: fa-regular fa-exclamation-triangle

fern/products/docs/pages/getting-started/images/payabl-blog_image_og.png

@@ -1,6 +1,6 @@
 ---
 title: Fern Docs
-subtitle: Beautiful, AI-native docs that are easy to configure, scale, and edit.
+subtitle: A website builder for beautiful agent and developer-friendly docs.
 ---
 
 <div className="docs-homepage">
@@ -31,7 +31,7 @@ subtitle: Beautiful, AI-native docs that are easy to configure, scale, and edit.
       </div>
     </a>
 
-    <a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/docs/configuration/what-is-docs-yml">
+    <a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/docs/customization/what-is-docs-yml">
       <div class="flex items-start flex-col space-y-3">
         <img class="mx-auto dark:hidden" alt="Configure with ease" src="./images/configure.png" />
         <img class="mx-auto hidden dark:block" alt="Configure with ease" src="./images/configure-dark.png" />

fern/products/docs/pages/getting-started/images/payabli-blog_image.png

@@ -114,7 +114,7 @@ import { FernFooter } from "../../../components/FernFooter";
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
           <a className="fern-button minimal normal gap-1 a-btn" href="/sdks/overview/set-up-the-fern-folder">
-            Configure
+            Quickstart
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
@@ -143,36 +143,37 @@ import { FernFooter } from "../../../components/FernFooter";
         <img src="./images/docs-preview-dark.svg" alt="Docs Preview" className="docs-preview-img hidden dark:block" noZoom />
 
         <div className="action-buttons-vertical">
-          <a className="fern-button filled normal primary gap-1 w-fit a-btn" href="/docs/getting-started/quickstart">
-            Quickstart
+          <a className="fern-button filled normal primary gap-1 w-fit a-btn" href="/docs/getting-started/overview">
+            Introduction
             <img src="./images/arrow-right-white.svg" alt="Arrow right" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-black.svg" alt="Arrow right" className="hidden dark:block" noZoom />
           </a>
-          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/customization/what-is-docs-yml">
-            Configure your docs site
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/getting-started/quickstart">
+            Quickstart
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
-          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/navigation/products"> 
-            Configure multiple products
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/writing-content/components/overview">
+            See all available components
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
-          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/navigation/versions">
-            Create versions
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/customization/what-is-docs-yml"> 
+            Configure your docs
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
-          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/seo/configuring-slugs">
-            Configure slugs via MDX
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/api-references/generate-api-ref">
+            Bring your own API spec
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
-          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/writing-content/components/overview">
-            See all available components
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/customization/project-structure">
+            Setup your project structure
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
+          
         </div>
       </div>
 
@@ -193,11 +194,16 @@ import { FernFooter } from "../../../components/FernFooter";
         <img src="./images/ai-search-preview-dark.svg" alt="AI Search Mockup" className="ai-search-preview-img hidden dark:block" noZoom />
 
         <div className="action-buttons">
-          <a className="fern-button filled normal primary gap-1 a-btn" href="/ask-fern/configuration/custom-prompting">
-            Configure
+          <a className="fern-button filled normal primary gap-1 a-btn" href="/ask-fern/getting-started/what-is-ask-fern">
+            Introduction
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
+          <a className="fern-button minimal normal gap-1 a-btn" href="/ask-fern/configuration/custom-prompting">
+            Configure
+            <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
+          </a>
           <a className="fern-button minimal normal gap-1 a-btn" href="https://buildwithfern.com/showcase">
             Customers
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />

fern/products/docs/pages/getting-started/overview.mdx

@@ -14,7 +14,7 @@ description: Generate idiomatic SDKs in multiple programming languages
     {/* <div className="dashed-gradient"></div> */}
   </div>
   <CardGroup cols={2}>
-    <a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/type-script/quickstart">
+    <a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/typescript/quickstart">
       <div class="flex items-start flex-col space-y-3">
         <img class="mx-auto dark:hidden" alt="TypeScript" src="./images/typescript-card.png" />
         <img class="mx-auto hidden dark:block" alt="TypeScript" src="./images/typescript-card-dark.png" />
@@ -66,7 +66,7 @@ description: Generate idiomatic SDKs in multiple programming languages
         </div>
       </div>
     </a>
-    <a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/net/quickstart">
+    <a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/csharp/quickstart">
       <div class="flex items-start flex-col space-y-3">
         <img class="mx-auto dark:hidden" alt=".NET" src="./images/csharp-card.png" />
         <img class="mx-auto hidden dark:block" alt=".NET" src="./images/csharp-card-dark.png" />