From bc751e4ffae01af2b386a4385d52f29a02dd309d Mon Sep 17 00:00:00 2001
From: "fern-api[bot]" <115122769+fern-api[bot]@users.noreply.github.com>
Date: Fri, 4 Sep 2026 20:29:29 +0000
Subject: [PATCH] Fern Editor: Fix Ruby logo img tag in welcome page

---
 fern/products/home/pages/welcome.mdx | 184 ++++++++++++---------------
 1 file changed, 78 insertions(+), 106 deletions(-)

diff --git a/fern/products/home/pages/welcome.mdx b/fern/products/home/pages/welcome.mdx
index c7d982f404..91e75abf70 100644
--- a/fern/products/home/pages/welcome.mdx
+++ b/fern/products/home/pages/welcome.mdx
@@ -1,7 +1,9 @@
 ---
 title: Build with Fern
 slug: /
-description: Build better developer experiences. Generate SDKs in TypeScript, Python, Go, Java, C#, PHP, Ruby, Swift & Rust. Create interactive API docs with AI search.
+description: >-
+  Build better developer experiences. Generate SDKs in TypeScript, Python, Go,
+  Java, C#, PHP, Ruby, Swift & Rust. Create interactive API docs with AI search.
 hide-toc: true
 layout: custom
 ---
@@ -9,12 +11,9 @@ layout: custom
 
 <llms-ignore>
 <div className="lp-page-container">
-  {/* Main Content */}
   <div className="main-content">
-    {/* Dashed Pattern */}
     <div className="dashed-pattern dashed-pattern-left"></div>
     <div className="dashed-pattern dashed-pattern-right"></div>
-    {/* Hero Section */}
     <div className="hero-section">
       <div className="hero-title-container">
         <h1 className="hero-title" data-state="closed">
@@ -26,102 +25,88 @@ layout: custom
       </div>
     </div>
 
-    {/* Feature Grid */}
     <div className="feature-grid">
-      {/* SDKs Card */}
       <div className="panel-card sdks-card">
         <div className="card-header">
           <a className="card-title" href="/learn/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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             Generate client libraries in multiple languages.
           </p>
         </div>
         
-        {/* Rive Animation */}
         <div className="sdk-rive">
           <div className="rive-container">
             <canvas id="sdk-rive-canvas"></canvas>
           </div>
         </div>
 
-        {/* Language Icons */}
         <div className="language-icons">
           <span className="language-icons-label">Get started with:</span>
-          {/* TypeScript */}
           <a className="language-icon" href="/learn/sdks/generators/typescript/quickstart">
-            <img src="./images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
+            <img src="/products/home/pages/images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
           </a>
-          {/* Python */}
           <a className="language-icon" href="/learn/sdks/generators/python/quickstart">
-            <img src="./images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
+            <img src="/products/home/pages/images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
           </a> 
-          {/* Go */}
           <a className="language-icon" href="/learn/sdks/generators/go/quickstart">
-            <img src="./images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
+            <img src="/products/home/pages/images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
           </a>
-          {/* Java */}
           <a className="language-icon" href="/learn/sdks/generators/java/quickstart">
-            <img src="./images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
+            <img src="/products/home/pages/images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
           </a>
-          {/* C# */}
           <a className="language-icon" href="/learn/sdks/generators/csharp/quickstart">
-            <img src="./images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
+            <img src="/products/home/pages/images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
           </a>
-          {/* PHP */}
           <a className="language-icon" href="/learn/sdks/generators/php/quickstart">
-            <img src="./images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
+            <img src="/products/home/pages/images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
           </a>
-          {/* Ruby */}
           <a className="language-icon" href="/learn/sdks/generators/ruby/quickstart">
-            <img src="./images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
+             src="/products/home/pages/images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
           </a>
           <a className="language-icon" href="/learn/sdks/generators/swift/quickstart">
-              <img src="./images/swift-logo.svg" alt="Swift" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/swift-logo.svg" alt="Swift" className="language-icon-img" noZoom />
           </a>
           <a className="language-icon" href="/learn/sdks/generators/rust/quickstart">
-              <img src="./images/rust-light-mode.svg" alt="Rust" className="language-icon-img dark:hidden" noZoom />
-              <img src="./images/rust-dark-mode.svg" alt="Rust" className="language-icon-img hidden dark:block" noZoom />
+              <img src="/products/home/pages/images/rust-light-mode.svg" alt="Rust" className="language-icon-img dark:hidden" noZoom />
+              <img src="/products/home/pages/images/rust-dark-mode.svg" alt="Rust" className="language-icon-img hidden dark:block" noZoom />
             </a>
         </div>
 
-        {/* Action Buttons */}
         <div className="action-buttons">
           <a className="fern-button filled normal primary gap-1 a-btn" href="/learn/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="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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 />
-            <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
+            <img src="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
         </div>
       </div>
 
-      {/* Docs Card */}
       <div className="panel-card with-left-border docs-card">
         <div className="card-header">
           <a className="card-title" href="/learn/docs/getting-started/capabilities">
             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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="/products/home/pages/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.
           </p>
         </div>
         
-        {/* Rive Animation */}
         <a href="/learn/docs/getting-started/capabilities" style="cursor: pointer; text-decoration: none;">
           <div class="docs-rive rive-container fade-bottom">
             <canvas id="docs-rive-canvas"></canvas>
@@ -131,61 +116,59 @@ layout: custom
         <div className="action-buttons-vertical">
           <a className="fern-button filled normal primary gap-1 w-fit a-btn" href="/learn/docs/getting-started/capabilities">
             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="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/docs/ai-features/overview">
             AI features
-            <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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/docs/writing-content/fern-editor">
             Fern Editor
-            <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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/docs/authentication/features/rbac">
             Gate docs by role
-            <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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/docs/self-hosted/overview"> 
             Self-host 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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="https://buildwithfern.com/showcase#docs-customers.alldocs-features">
             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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
         </div>
       </div>
 
-      {/* AI Search Card */}
       <div className="panel-card ai-search-card">
         <div className="card-header">
           <a className="card-title" href="/learn/docs/ai-features/ask-fern/overview">
             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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden m-0" noZoom />
+            <img src="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block m-0" noZoom />
           </a>
           <p className="card-description">
             AI search to find answers in your documentation instantly.
           </p>
         </div>
 
-        {/* Rive Animation */}
         <a href="/learn/docs/ai-features/ask-fern/overview" style="cursor: pointer; text-decoration: none;">
           <div class="ask-fern-rive rive-container fade-bottom">
             <canvas id="ai-rive-canvas"></canvas>
@@ -195,25 +178,24 @@ layout: custom
         <div className="action-buttons">
           <a className="fern-button filled normal primary gap-1 a-btn" href="/learn/docs/ai-features/ask-fern/overview">
             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="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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="/learn/docs/ai-features/ask-fern/overview">
             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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/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#ask-fern-customers">
             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="/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
+            <img src="/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
           </a>
         </div>
       </div>
     </div>
 
 
-    {/* Supported Specs Section */}
     <div className="community-section specs">
       <div className="community-title-container specs">
         <p className="card-title">Supported Specs</p>
@@ -224,32 +206,31 @@ layout: custom
       
       <div className="specs-grid">
         <a className="specs-card" href="/learn/api-definitions/openapi/overview">
-          <img className="m-0 dark:hidden" src="./images/openapi-light.svg" alt="OpenAPI" noZoom/>
-          <img className="m-0 hidden dark:block" src="./images/openapi-dark.svg" alt="OpenAPI" noZoom />
+          <img className="m-0 dark:hidden" src="/products/home/pages/images/openapi-light.svg" alt="OpenAPI" noZoom/>
+          <img className="m-0 hidden dark:block" src="/products/home/pages/images/openapi-dark.svg" alt="OpenAPI" noZoom />
 
           <p className="community-card-title">OpenAPI</p>
         </a>
         <a className="specs-card" href="/learn/api-definitions/asyncapi/overview">
-          <img className="m-0 dark:hidden" src="./images/asyncapi-light.svg" alt="AsyncAPI" noZoom/>
-          <img className="m-0 hidden dark:block" src="./images/asyncapi-dark.svg" alt="AsyncAPI" noZoom />
+          <img className="m-0 dark:hidden" src="/products/home/pages/images/asyncapi-light.svg" alt="AsyncAPI" noZoom/>
+          <img className="m-0 hidden dark:block" src="/products/home/pages/images/asyncapi-dark.svg" alt="AsyncAPI" noZoom />
 
           <h3 className="community-card-title">AsyncAPI</h3>
         </a>
         <a className="specs-card" href="/learn/api-definitions/openrpc/overview">
-          <img className="m-0 dark:hidden" src="./images/openrpc-light.svg" alt="OpenRPC" noZoom/>
-          <img className="m-0 hidden dark:block" src="./images/openrpc-dark.svg" alt="OpenRPC" noZoom />
+          <img className="m-0 dark:hidden" src="/products/home/pages/images/openrpc-light.svg" alt="OpenRPC" noZoom/>
+          <img className="m-0 hidden dark:block" src="/products/home/pages/images/openrpc-dark.svg" alt="OpenRPC" noZoom />
 
           <h3 className="community-card-title">OpenRPC</h3>
         </a>
         <a className="specs-card" href="/learn/api-definitions/grpc/overview">
-          <img className="m-0 dark:hidden" src="./images/grpc-light.svg" alt="gRPC" noZoom/>
-          <img className="m-0 hidden dark:block" src="./images/grpc-dark.svg" alt="gRPC" noZoom />
+          <img className="m-0 dark:hidden" src="/products/home/pages/images/grpc-light.svg" alt="gRPC" noZoom/>
+          <img className="m-0 hidden dark:block" src="/products/home/pages/images/grpc-dark.svg" alt="gRPC" noZoom />
 
           <h3 className="community-card-title">gRPC</h3>
         </a>
       </div>
     </div>
-    {/* Community Section */}
     <div className="community-section">
       <div className="community-title-container">
         <p className="card-title">Community</p>
@@ -258,8 +239,8 @@ layout: custom
       <div className="community-grid">
         <div className="community-card">
           <div className="community-card-header">
-            <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="/products/home/pages/images/changelog-light.svg" alt="Changelog Preview" noZoom />
+            <img className="m-0 hidden dark:block" src="/products/home/pages/images/changelog-dark.svg" alt="Changelog Preview" noZoom />
 
             <h3 className="community-card-title">Changelog</h3>
           </div>
@@ -268,51 +249,43 @@ layout: custom
           </p>
           <div className="flex flex-row flex-wrap items-center">
             <a className="language-icon" href="/learn/docs/changelog">
-              <img src="./images/fern-logo.svg" alt="Docs" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/fern-logo.svg" alt="Docs" className="language-icon-img" noZoom />
             </a>
             <a className="language-icon" href="/learn/sdks/generators/typescript/changelog">
-              <img src="./images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
             </a>
-            {/* Python */}
             <a className="language-icon" href="/learn/sdks/generators/python/changelog">
-              <img src="./images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
             </a> 
-            {/* Go */}
             <a className="language-icon" href="/learn/sdks/generators/go/changelog">
-              <img src="./images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
             </a>
-            {/* Java */}
             <a className="language-icon" href="/learn/sdks/generators/java/changelog">
-              <img src="./images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
             </a>
-            {/* C# */}
             <a className="language-icon" href="/learn/sdks/generators/csharp/changelog">
-              <img src="./images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
             </a>
-            {/* PHP */}
             <a className="language-icon" href="/learn/sdks/generators/php/changelog">
-              <img src="./images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
             </a>
-            {/* Ruby */}
             <a className="language-icon" href="/learn/sdks/generators/ruby/changelog">
-              <img src="./images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
             </a>
-            {/* Swift */}
             <a className="language-icon" href="/learn/sdks/generators/swift/changelog">
-              <img src="./images/swift-logo.svg" alt="Swift" className="language-icon-img" noZoom />
+              <img src="/products/home/pages/images/swift-logo.svg" alt="Swift" className="language-icon-img" noZoom />
             </a>
-            {/* Rust */}
             <a className="language-icon" href="/learn/sdks/generators/rust/changelog">
-              <img src="./images/rust-light-mode.svg" alt="Rust" className="language-icon-img dark:hidden" noZoom />
-              <img src="./images/rust-dark-mode.svg" alt="Rust" className="language-icon-img hidden dark:block" noZoom />
+              <img src="/products/home/pages/images/rust-light-mode.svg" alt="Rust" className="language-icon-img dark:hidden" noZoom />
+              <img src="/products/home/pages/images/rust-dark-mode.svg" alt="Rust" className="language-icon-img hidden dark:block" noZoom />
             </a>
           </div>
         </div>
 
         <div className="community-card">
           <div className="community-card-header">
-            <img className="m-0 dark:hidden" src="./images/github-light.svg" alt="GitHub" noZoom/>
-            <img className="m-0 hidden dark:block" src="./images/github-dark.svg" alt="GitHub" noZoom />
+            <img className="m-0 dark:hidden" src="/products/home/pages/images/github-light.svg" alt="GitHub" noZoom/>
+            <img className="m-0 hidden dark:block" src="/products/home/pages/images/github-dark.svg" alt="GitHub" noZoom />
 
             <h3 className="community-card-title">GitHub</h3>
           </div>
@@ -326,8 +299,8 @@ layout: custom
 
         <div className="community-card">
           <div className="community-card-header">
-            <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="/products/home/pages/images/x-light.svg" alt="Twitter Preview" noZoom />
+            <img className="m-0 hidden dark:block" src="/products/home/pages/images/x-dark.svg" alt="Twitter Preview" noZoom />
 
             <h3 className="community-card-title">
               <span className="twitter-strikethrough">Twitter</span> X
@@ -343,7 +316,6 @@ layout: custom
       </div>
     </div>
 
-    {/* Help Section */}
     <div id="get-support" className="help-section">
       <div className="card-header">
         <p className="card-title">Help</p>
@@ -354,21 +326,21 @@ layout: custom
       
       <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="/products/home/pages/images/github-light.svg" alt="GitHub" className="h-4 w-4 dark:hidden" noZoom />
+          <img src="/products/home/pages/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" 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="/products/home/pages/images/email-light.svg" alt="Email" className="h-4 w-4 dark:hidden" noZoom />
+          <img src="/products/home/pages/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" href="https://buildwithfern.com/book-demo">
-          <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="/products/home/pages/images/email-light.svg" alt="Email" className="h-4 w-4 dark:hidden" noZoom />
+          <img src="/products/home/pages/images/email-dark.svg" alt="Email" className="h-4 w-4 hidden dark:block" noZoom />
 
           Book a demo
         </a>