feat: added footer image

Author: Kapil Gowru

fern/products/docs/docs.yml

@@ -139,7 +139,5 @@ navigation:
             path: ./pages/component-library/custom-components/reusable-snippets.mdx
           - page: Custom React Components
             path: ./pages/component-library/custom-components/custom-react-components.mdx
-  - section: Changelog
-    contents:
-      - page: Overview
-        path: ./pages/changelog/overview.mdx
+  - page: Changelog
+    path: ./pages/changelog/overview.mdx

fern/products/home/pages/images/email-dark.svg

@@ -598,10 +598,14 @@ layout: custom
       color: var(--grayscale-11);
       text-decoration: none;
       transition: color 0.15s ease-in-out;
+
+      svg {
+        display: none !important;
+      }
     }
 
     .footer-link:hover {
-      color: #1e1f24;
+      color: var(--grayscale-12);
     }
 
     .footer-bottom {
@@ -625,6 +629,14 @@ layout: custom
       svg {
         display: none !important;
       }
+
+      &.no-hover {
+        cursor: default;
+        &:hover {
+          background: none !important;
+          color: var(--grayscale-a11) !important;
+        }
+      }
     }
   `}
 </style>
@@ -872,8 +884,8 @@ layout: custom
           <p className="community-card-description">
             See our most recent product updates.
           </p>
-          <a className="fern-button outlined normal gap-1 a-btn">
-            View
+          <a className="fern-button outlined normal gap-1 a-btn" href="/docs/changelog">
+            Docs
             <img src="./images/arrow-right-dark.svg" alt="Arrow right dark" className="dark:hidden" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right dark" className="hidden dark:block" noZoom />
           </a>
@@ -895,10 +907,10 @@ layout: custom
         </div>
 
         <div className="community-card">
-          <img className="m-0 dark:hidden" src="./images/discord-light.svg" alt="Discord Preview" noZoom />
-          <img className="m-0 hidden dark:block" src="./images/discord-dark.svg" alt="Discord Preview" noZoom />
+          <img className="m-0 dark:hidden" src="./images/slack-light.svg" alt="Discord Preview" noZoom />
+          <img className="m-0 hidden dark:block" src="./images/slack-dark.svg" alt="Discord Preview" noZoom />
 
-          <h3 className="community-card-title">Discord</h3>
+          <h3 className="community-card-title">Slack</h3>
           <p className="community-card-description">
             Connect with the Fern community.
           </p>
@@ -938,25 +950,25 @@ layout: custom
       </div>
 
       <div className="help-buttons">
-        <a className="fern-button outlined normal gap-2 a-btn">
+        <a className="fern-button outlined normal gap-2 a-btn" href="https://github.com/fern-api/fern">
           <img src="./images/github-light.svg" alt="Github" className="h-4 w-4 dark:hidden" noZoom />
           <img src="./images/github-dark.svg" alt="Github" className="h-4 w-4 hidden dark:block" noZoom />
 
           File a Github issue
         </a>
 
-        <a className="fern-button outlined normal gap-2 a-btn">
+        <a className="fern-button outlined normal gap-2 a-btn" href="mailto:[email protected]">
           <img src="./images/email-light.svg" alt="Email" className="h-4 w-4 dark:hidden" noZoom />
           <img src="./images/email-dark.svg" alt="Email" className="h-4 w-4 hidden dark:block" noZoom />
 
           Email us
         </a>
 
-        <a className="fern-button outlined normal gap-2 a-btn">
+        <div className="fern-button minimal normal gap-2 a-btn no-hover">
           <img src="./images/slack-light.svg" alt="Slack" className="h-4 w-4 dark:hidden" noZoom />
           <img src="./images/slack-dark.svg" alt="Slack" className="h-4 w-4 hidden dark:block" noZoom />
           Slack (for customers only)
-        </a>
+        </div>
       </div>
     </div>
 
@@ -1001,7 +1013,6 @@ layout: custom
         <div className="footer-column">
           <h4 className="footer-column-title">Documentation</h4>
           <div className="footer-column-links">
-            <a href="#" className="footer-link">Introduction</a>
             <a href="#" className="footer-link">OpenAPI Compatibility</a>
             <a href="#" className="footer-link">SDKs</a>
             <a href="#" className="footer-link">Docs</a>
@@ -1011,20 +1022,20 @@ layout: custom
         <div className="footer-column">
           <h4 className="footer-column-title">Resources</h4>
           <div className="footer-column-links">
-            <a href="#" className="footer-link">Blog</a>
-            <a href="#" className="footer-link">Support</a>
-            <a href="#" className="footer-link">Pricing</a>
-            <a href="#" className="footer-link">Discord</a>
+            <a href="https://buildwithfern.com/blog" className="footer-link">Blog</a>
+            <a href="#support" className="footer-link">Support</a>
+            <a href="https://buildwithfern.com/pricing" className="footer-link">Pricing</a>
+            <a href="https://buildwithfern.com/slack" className="footer-link">Slack</a>
           </div>
         </div>
 
         <div className="footer-column">
           <h4 className="footer-column-title">Company</h4>
           <div className="footer-column-links">
-            <a href="#" className="footer-link">Brand Kit</a>
-            <a href="#" className="footer-link">Github</a>
-            <a href="#" className="footer-link">Privacy Policy</a>
-            <a href="#" className="footer-link">Terms of Service</a>
+            <a href="https://brandfetch.com/buildwithfern.com" className="footer-link">Brand Kit</a>
+            <a href="https://github.com/fern-api/fern" className="footer-link">Github</a>
+            <a href="https://buildwithfern.com/privacy-policy" className="footer-link">Privacy Policy</a>
+            <a href="https://buildwithfern.com/terms-of-service" className="footer-link">Terms of Service</a>
           </div>
         </div>
       </div>