feat: adding homepage designs

Author: Kapil Gowru

fern/products/home/pages/welcome.mdx

@@ -297,6 +297,7 @@ layout: custom
       box-shadow: 0 1.5em 1.375em 0 #0087000a, 0 .5em .5em #0087000f, 0 .25em .25em #00870012, 0 .15625em .125rem #00870014, 0 .071875em .75em #0087001f;
       cursor: pointer;
       width: fit-content;
+      gap: 0.5rem;
 
       &:hover {
         border-color: var(--accent-10);
@@ -682,7 +683,7 @@ layout: custom
           </p>
         </div>
 
-        <img src="./images/docs-mockup.png" alt="Docs Mockup" className="docs-preview-img" />
+        <img src="./images/docs-preview.svg" alt="Docs Preview" className="docs-preview-img" />
 
         <div className="action-buttons-vertical">
           <button className="btn-primary">
@@ -722,7 +723,7 @@ layout: custom
           </p>
         </div>
 
-        <img src="./images/ai-search-mockup.png" alt="AI Search Mockup" className="ai-search-preview-img" />
+        <img src="./images/ai-search-preview.svg" alt="AI Search Mockup" className="ai-search-preview-img" />
 
         <div className="action-buttons">
           <button className="btn-primary">