diff --git a/fern/products/home/pages/welcome.mdx b/fern/products/home/pages/welcome.mdx
index 167d3acc9..b76da3fa1 100644
--- a/fern/products/home/pages/welcome.mdx
+++ b/fern/products/home/pages/welcome.mdx
@@ -17,10 +17,7 @@ import { FernFooter } from "../../../components/FernFooter";
   }} 
     className="box-border block"
   />
-  <div className="bg-gradient-green-left box-border block" />
-  <div className="bg-gradient-blue-left box-border block" />
-  <div className="bg-gradient-green-right box-border block" />
-  <div className="bg-gradient-blue-right box-border block" />
+  TEST
 </div>
 
 <div className="lp-page-container">
@@ -28,6 +25,7 @@ import { FernFooter } from "../../../components/FernFooter";
   <div className="main-content">
     {/* Dashed Pattern - Left Side */}
     <div className="dashed-pattern-left"></div>
+    DON'T MERGE ME JUST A TEST
 
     {/* Dashed Pattern - Right Side */}
     <div className="dashed-pattern-right"></div>
@@ -50,8 +48,8 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="card-header">
           <a className="card-title" href="/sdks/overview/introduction">
             SDKs
-            <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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             Generate client libraries in multiple languages.
@@ -70,31 +68,31 @@ import { FernFooter } from "../../../components/FernFooter";
           <span className="language-icons-label">Get started with:</span>
           {/* TypeScript */}
           <a className="language-icon" href="/sdks/generators/typescript/quickstart">
-            <img src="./images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
+            <img src="file:35b7423d-2b4b-43f9-91f6-7517d3dd0f70" alt="TypeScript" className="language-icon-img" noZoom />
           </a>
           {/* Python */}
           <a className="language-icon" href="/sdks/generators/python/quickstart">
-            <img src="./images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
+            <img src="file:03fb36f0-d3b1-4462-b940-f02f3cd72bc2" alt="Python" className="language-icon-img" noZoom />
           </a> 
           {/* Go */}
           <a className="language-icon" href="/sdks/generators/go/quickstart">
-            <img src="./images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
+            <img src="file:7d10ec5b-c0bb-44ea-b039-321998466c60" alt="Go" className="language-icon-img" noZoom />
           </a>
           {/* Java */}
           <a className="language-icon" href="/sdks/generators/java/quickstart">
-            <img src="./images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
+            <img src="file:c42b93c9-0253-4631-aab9-350bfb849601" alt="Java" className="language-icon-img" noZoom />
           </a>
           {/* C# */}
           <a className="language-icon" href="/sdks/generators/csharp/quickstart">
-            <img src="./images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
+            <img src="file:7626747f-1c1e-4986-9c65-169e8b5fc7e4" alt="C#" className="language-icon-img" noZoom />
           </a>
           {/* PHP */}
           <a className="language-icon" href="/sdks/generators/php/quickstart">
-            <img src="./images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
+            <img src="file:0a7aab6a-4569-4f01-b326-bdb9909b44bf" alt="PHP" className="language-icon-img" noZoom />
           </a>
           {/* Ruby */}
           <a className="language-icon" href="/sdks/generators/ruby/quickstart">
-            <img src="./images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
+            <img src="file:21e88ab2-e01a-4a66-a496-aa38c74d6300" alt="Ruby" className="language-icon-img" noZoom />
           </a>
         </div>
 
@@ -102,18 +100,18 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="action-buttons">
           <a className="fern-button filled normal primary gap-1 a-btn" href="/sdks/overview/introduction">
             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 />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
           <a className="fern-button minimal normal gap-1 a-btn" href="/sdks/overview/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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" 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 />
-            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
         </div>
       </div>
@@ -123,8 +121,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 m-0" noZoom />
-            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             A beautiful, interactive documentation website.
@@ -141,38 +139,38 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="action-buttons-vertical">
           <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 />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right" className="dark:hidden" noZoom />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" 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/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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
             <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/getting-started/project-structure">
             Set up 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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" 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
-            <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="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" 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
-            <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="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
           <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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
           <a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/authentication/rbac">
             Control role-based access
-            <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="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
           
         </div>
@@ -183,8 +181,8 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="card-header">
           <a className="card-title" href="/ask-fern/getting-started/what-is-ask-fern">
             Ask Fern
-            <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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             AI Search that lets users find answers in your documentation instantly.
@@ -201,18 +199,18 @@ import { FernFooter } from "../../../components/FernFooter";
         <div className="action-buttons">
           <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 />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" 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 />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" 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 />
-            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
+            <img src="file:df6b2113-5b7a-4612-9c32-7b46f48adcf7" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="file:cbd5c9c3-e246-4f7d-ae8e-629018f8afb0" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
         </div>
       </div>
@@ -226,8 +224,8 @@ import { FernFooter } from "../../../components/FernFooter";
       
       <div className="community-grid">
         <div className="community-card">
-          <img className="m-0 dark:hidden" src="./images/changelog-light.svg" alt="Changelog Preview" noZoom />
-          <img className="m-0 hidden dark:block" src="./images/changelog-dark.svg" alt="Changelog Preview" noZoom />
+          <img className="m-0 dark:hidden" src="file:bcdee158-ca72-435d-a97e-e7047a4fa50d" alt="Changelog Preview" noZoom />
+          <img className="m-0 hidden dark:block" src="file:07eb4c4b-2513-44d3-9466-82af82485527" alt="Changelog Preview" noZoom />
 
           <h3 className="community-card-title">Changelog</h3>
           <p className="community-card-description">
@@ -235,41 +233,41 @@ import { FernFooter } from "../../../components/FernFooter";
           </p>
           <div className="flex flex-row gap-2 flex-wrap items-center">
             <a className="language-icon" href="/docs/changelog">
-              <img src="./images/fern-logo.svg" alt="Docs" className="language-icon-img" noZoom />
+              <img src="file:500f1362-6424-4fe6-a66d-8c1d66f56a62" alt="Docs" className="language-icon-img" noZoom />
             </a>
             <a className="language-icon" href="/sdks/generators/typescript/changelog">
-              <img src="./images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
+              <img src="file:35b7423d-2b4b-43f9-91f6-7517d3dd0f70" alt="TypeScript" className="language-icon-img" noZoom />
             </a>
             {/* Python */}
             <a className="language-icon" href="/sdks/generators/python/changelog">
-              <img src="./images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
+              <img src="file:03fb36f0-d3b1-4462-b940-f02f3cd72bc2" alt="Python" className="language-icon-img" noZoom />
             </a> 
             {/* Go */}
             <a className="language-icon" href="/sdks/generators/go/changelog">
-              <img src="./images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
+              <img src="file:7d10ec5b-c0bb-44ea-b039-321998466c60" alt="Go" className="language-icon-img" noZoom />
             </a>
             {/* Java */}
             <a className="language-icon" href="/sdks/generators/java/changelog">
-              <img src="./images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
+              <img src="file:c42b93c9-0253-4631-aab9-350bfb849601" alt="Java" className="language-icon-img" noZoom />
             </a>
             {/* C# */}
             <a className="language-icon" href="/sdks/generators/csharp/changelog">
-              <img src="./images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
+              <img src="file:7626747f-1c1e-4986-9c65-169e8b5fc7e4" alt="C#" className="language-icon-img" noZoom />
             </a>
             {/* PHP */}
             <a className="language-icon" href="/sdks/generators/php/changelog">
-              <img src="./images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
+              <img src="file:0a7aab6a-4569-4f01-b326-bdb9909b44bf" alt="PHP" className="language-icon-img" noZoom />
             </a>
             {/* Ruby */}
             <a className="language-icon" href="/sdks/generators/ruby/changelog">
-              <img src="./images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
+              <img src="file:21e88ab2-e01a-4a66-a496-aa38c74d6300" alt="Ruby" className="language-icon-img" noZoom />
             </a>
           </div>
         </div>
 
         <div className="community-card"> 
-          <img className="m-0 dark:hidden" src="./images/github-light.svg" alt="Github Preview" noZoom/>
-          <img className="m-0 hidden dark:block" src="./images/github-dark.svg" alt="Github Preview" noZoom />
+          <img className="m-0 dark:hidden" src="file:71a5bb6a-4061-499f-9e06-9b4b0b2186cb" alt="Github Preview" noZoom/>
+          <img className="m-0 hidden dark:block" src="file:96f92ead-e8ad-4159-81c6-e62752221fca" alt="Github Preview" noZoom />
 
           <h3 className="community-card-title">Github</h3>
           <p className="community-card-description">
@@ -281,8 +279,8 @@ import { FernFooter } from "../../../components/FernFooter";
         </div>
 
         <div className="community-card">
-          <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 />
+          <img className="m-0 dark:hidden" src="file:436bc673-d346-4bce-bde2-bbc3bd605e46" alt="Discord Preview" noZoom />
+          <img className="m-0 hidden dark:block" src="file:2a544b68-cb46-40d7-9b06-a8b25c3c436e" alt="Discord Preview" noZoom />
 
           <h3 className="community-card-title">Slack</h3>
           <p className="community-card-description">
@@ -294,8 +292,8 @@ import { FernFooter } from "../../../components/FernFooter";
         </div>
 
         <div className="community-card">
-          <img className="m-0 dark:hidden" src="./images/x-light.svg" alt="Twitter Preview" noZoom />
-          <img className="m-0 hidden dark:block" src="./images/x-dark.svg" alt="Twitter Preview" noZoom />
+          <img className="m-0 dark:hidden" src="file:3a03fc23-03e2-4414-8861-95a6740cf11d" alt="Twitter Preview" noZoom />
+          <img className="m-0 hidden dark:block" src="file:4768fc15-768e-4887-ad3f-72b357babf10" alt="Twitter Preview" noZoom />
 
           <h3 className="community-card-title">
             <span className="twitter-strikethrough">Twitter</span> X
@@ -321,15 +319,15 @@ import { FernFooter } from "../../../components/FernFooter";
       
       <div className="help-buttons">
         <a className="fern-button outlined normal gap-2 a-btn" href="https://github.com/fern-api/fern/issues">
-          <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 />
+          <img src="file:71a5bb6a-4061-499f-9e06-9b4b0b2186cb" alt="Github" className="h-4 w-4 dark:hidden" noZoom />
+          <img src="file:96f92ead-e8ad-4159-81c6-e62752221fca" 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" href="mailto:support@buildwithfern.com">
-          <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 />
+          <img src="file:cacffff0-5701-4d77-8834-89f4fd4f1360" alt="Email" className="h-4 w-4 dark:hidden" noZoom />
+          <img src="file:35f7ed4c-1feb-404a-9076-c024bb55b7e0" alt="Email" className="h-4 w-4 hidden dark:block" noZoom />
 
           Email us
         </a>
@@ -337,4 +335,4 @@ import { FernFooter } from "../../../components/FernFooter";
     </div>
 
   </div>
-</div>
\ No newline at end of file
+</div>