fix: improving links on home page (#92)

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

Author: kgowru

fern/assets/styles.css

@@ -38,9 +38,7 @@
 }
 
 /*** START -- PRODUCT SELECTOR STYLING ***/
-
 @media (min-width: 1024px) {
-
   .fern-product-selector {
     transform: translate(-2px, 4px);
   }
@@ -212,6 +210,10 @@
 /*** END -- PRODUCT SELECTOR STYLING ***/
 
 /*** START -- DOCS HOMEPAGE STYLING ***/
+a[href*="changelog"] svg {
+  display: none;
+}
+
 .docs-homepage {
   position: relative;
   .fern-card {
@@ -284,6 +286,10 @@
 /*** END -- DOCS HOMEPAGE STYLING ***/
 
 /*** START -- SDKS HOMEPAGE STYLING ***/
+a[href*="changelog"] svg {
+  display: none;
+}
+
 .sdks-homepage {
   position: relative;
 

fern/docs.yml

@@ -315,9 +315,9 @@ redirects:
     destination: /learn/docs/preview-publish/publishing-your-docs
     permanent: true
   # General getting started pattern
-  - source: /learn/docs/getting-started/:slug*
-    destination: /learn/docs/guides/getting-started/:slug*
-    permanent: true
+  # - source: /learn/docs/getting-started/:slug*
+  #   destination: /learn/docs/guides/getting-started/:slug*
+  #   permanent: true
 
   # Building and Customizing Your Docs redirects - specific cases first
   - source: /learn/docs/building-and-customizing-your-docs/navigation

fern/products/docs/docs.yml

@@ -7,15 +7,11 @@ navigation:
         path: ./pages/getting-started/quickstart.mdx
       - link: Customer Showcase
         href: https://buildwithfern.com/customers
-  - section: Component Library
+  - section: Writing Content
     contents:
-      - section: Writing Content
-        contents:
-          - page: Markdown
-            path: ./pages/component-library/writing-content/markdown.mdx
-          - page: Visual Editor
-            path: ./pages/component-library/writing-content/visual-editor.mdx
-      - section: Default Components
+      - page: Markdown
+        path: ./pages/component-library/writing-content/markdown.mdx
+      - section: Components
         contents:
           - page: Overview
             path: ./pages/component-library/default-components/overview.mdx
@@ -71,12 +67,12 @@ navigation:
           - page: Tooltips
             path: ./pages/component-library/default-components/tooltips.mdx
             icon: fa-regular fa-comment
-      - page: Reusable Snippets
-        path: ./pages/component-library/custom-components/reusable-snippets.mdx
+      - page: Visual Editor
+        path: ./pages/component-library/writing-content/visual-editor.mdx
+      - page: Reusable Markdown
+        path: ./pages/component-library/custom-components/reusable-markdown.mdx
       - page: Custom React Components
         path: ./pages/component-library/custom-components/custom-react-components.mdx
-      - page: Custom CSS & JS
-        path: ./pages/component-library/custom-components/custom-css-js.mdx
   - section: Configuration
     collapsed: true
     contents:
@@ -88,6 +84,8 @@ navigation:
         path: ./pages/configuration/frontmatter.mdx
       - page: Search
         path: ./pages/configuration/search.mdx
+      - page: Custom CSS & JS
+        path: ./pages/component-library/custom-components/custom-css-js.mdx
   - section: Preview & Publish
     collapsed: true
     contents:

fern/products/docs/pages/component-library/custom-components/reusable-snippets.mdx renamed to fern/products/docs/pages/component-library/custom-components/reusable-markdown.mdx

@@ -1,6 +1,6 @@
 ---
-title: Reusable Snippets
-description: Reusable, custom snippets to keep content in sync. Edit once, update everywhere.
+title: Reusable Markdown
+description: Reusable, custom markdown to keep content in sync. Edit once, update everywhere.
 ---
 
 Keep your documentation DRY (Don't Repeat Yourself) by defining a reusable snippet once, and then referencing it in multiple places. This way, you only need to update the snippet in one place to keep all references in sync.

fern/products/home/pages/welcome.mdx

@@ -148,18 +148,13 @@ import { FernFooter } from "../../../components/FernFooter";
             <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/getting-started/migrating-from-an-existing-site">
-            Import your brand language
-            <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/guides/getting-started/add-multiple-specs">
             Add multiple specs to your docs site
             <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/tabs">
-            Set up tabs
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/configuration/what-is-docs-yml">
+            Configure your docs site
             <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>
@@ -173,12 +168,12 @@ import { FernFooter } from "../../../components/FernFooter";
             <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/reference/frontmatter">
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/configuration/frontmatter">
             Customize slug from MDX
             <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/component-library/overview">
+          <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/component-library/default-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 />