feat: adding flare to docs homepage

Kapil Gowru · Kapil Gowru · commit 63a57041f2cf · 2025-07-17T00:34:46.000-04:00
diff --git a/fern/products/docs/pages/getting-started/images/arrow-right-black.svg b/fern/products/docs/pages/getting-started/images/arrow-right-black.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 6C2.5 5.79289 2.66789 5.625 2.875 5.625L8.19396 5.625L6.11508 3.64531C5.96579 3.50176 5.96114 3.26437 6.10469 3.11508C6.24823 2.96579 6.48563 2.96114 6.63492 3.10469L9.38492 5.72969C9.45844 5.80039 9.5 5.89799 9.5 6C9.5 6.10201 9.45844 6.19961 9.38492 6.27031L6.63492 8.89531C6.48563 9.03886 6.24824 9.0342 6.10469 8.88492C5.96114 8.73563 5.96579 8.49823 6.11508 8.35469L8.19396 6.375L2.875 6.375C2.66789 6.375 2.5 6.20711 2.5 6Z" fill="black"/>
+</svg>
diff --git a/fern/products/docs/pages/getting-started/images/arrow-right-white.svg b/fern/products/docs/pages/getting-started/images/arrow-right-white.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 6C2.5 5.79289 2.66789 5.625 2.875 5.625L8.19396 5.625L6.11508 3.64531C5.96579 3.50176 5.96114 3.26437 6.10469 3.11508C6.24823 2.96579 6.48563 2.96114 6.63492 3.10469L9.38492 5.72969C9.45844 5.80039 9.5 5.89799 9.5 6C9.5 6.10201 9.45844 6.19961 9.38492 6.27031L6.63492 8.89531C6.48563 9.03886 6.24824 9.0342 6.10469 8.88492C5.96114 8.73563 5.96579 8.49823 6.11508 8.35469L8.19396 6.375L2.875 6.375C2.66789 6.375 2.5 6.20711 2.5 6Z" fill="white"/>
+</svg>
diff --git a/fern/products/home/pages/welcome.mdx b/fern/products/home/pages/welcome.mdx
@@ -135,8 +135,8 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="card-header">
           <a className="card-title" href="/docs/getting-started/overview">
             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 />
+            <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             A beautiful, interactive documentation website.
@@ -195,8 +195,8 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="card-header">
           <a className="card-title" href="/ask-fern/getting-started/what-is-ask-fern">
             AI Search
-            <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 />
+            <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             Let users find answers in your documentation instantly
