feat: adding homepage designs

Author: Kapil Gowru

fern/products/home/pages/images/changelog.svg

@@ -736,45 +736,49 @@ layout: custom
 
       <div className="community-grid">
         <div className="community-card">
+          <img src="./images/changelog.svg" alt="Changelog Preview" />
           <h3 className="community-card-title">Changelog</h3>
           <p className="community-card-description">
             See our most recent product updates.
           </p>
-          <div className="community-card-arrow">
-            arrow
-          </div>
+          <button className="btn-secondary">
+            View
+          </button>
         </div>
 
         <div className="community-card"> 
+          <img src="./images/github.svg" alt="Github Preview" />
           <h3 className="community-card-title">Github</h3>
           <p className="community-card-description">
             Follow progress and contribute to the codebase.
           </p>
-          <div className="community-card-arrow">
-            arrow
-          </div>
+          <button className="btn-secondary">
+            View
+          </button>
         </div>
 
         <div className="community-card">
+          <img src="./images/discord.svg" alt="Discord Preview" />
           <h3 className="community-card-title">Discord</h3>
           <p className="community-card-description">
             Connect with the Fern community.
           </p>
-          <div className="community-card-arrow">
-            arrow
-          </div>
+          <button className="btn-secondary">
+            View
+          </button>
         </div>
 
         <div className="community-card">
+          <img src="./images/twitter.svg" alt="Twitter Preview" />
           <h3 className="community-card-title">
-            <span className="twitter-strikethrough">Twitter</span> X
+            <span className="twitter-strikethrough">Twitter</span>
           </h3>
           <p className="community-card-description">
             Get updates on the Fern platform.
           </p>
-          <div className="community-card-arrow">
-            Arrow
-          </div>
+          <button className="btn-secondary">
+            View
+          </button>
         </div>
       </div>
     </div>