07 23 docs images (#130)

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

Author: 3 people

fern/images/product-switcher/api-specs-dark.png

@@ -91,25 +91,25 @@ description: Meet documentation that is stunning by default, AI-ready, and desig
 
     <a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/docs/component-library/writing-content/visual-editor">
       <div class="flex items-start flex-col space-y-3">
-        <img class="mx-auto dark:hidden" alt="Visual Editor" src="./images/visual-editor.png" />
-        <img class="mx-auto hidden dark:block" alt="Visual Editor" src="./images/visual-editor-dark.png" />
+        <img class="mx-auto dark:hidden" alt="Visual Editor" src="./images/api-specs-light.png" />
+        <img class="mx-auto hidden dark:block" alt="Visual Editor" src="./images/api-specs-dark.png" />
         <div class="w-full space-y-1 overflow-hidden">
           <div class="text-(color:--grayscale-a12) text-body text-base font-semibold card-title">
             Bring your own API Spec
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="arrow-right dark:hidden m-0" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="arrow-right hidden dark:block m-0" noZoom />
           </div>
           <div class="text-(color:--grayscale-a11) font-light">
-            <p>Use one or more of an OpenAPI, AsyncAPI, gRPC, OpenRPC, and the Fern Definition spec.</p>
+            <p>Use one or more of an OpenAPI, AsyncAPI, gRPC, OpenRPC, or the Fern spec.</p>
           </div>
         </div>
       </div>
     </a>
 
     <a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/docs/component-library/writing-content/visual-editor">
       <div class="flex items-start flex-col space-y-3">
-        <img class="mx-auto dark:hidden" alt="Visual Editor" src="./images/visual-editor.png" />
-        <img class="mx-auto hidden dark:block" alt="Visual Editor" src="./images/visual-editor-dark.png" />
+        <img class="mx-auto dark:hidden" alt="Visual Editor" src="./images/ask-fern-light.png" />
+        <img class="mx-auto hidden dark:block" alt="Visual Editor" src="./images/ask-fern-dark.png" />
         <div class="w-full space-y-1 overflow-hidden">
           <div class="text-(color:--grayscale-a12) text-body text-base font-semibold card-title">
             Ask Fern