feat: enhance featured on section with badge grid layout and additional links

Author: ivictbor

adminforth/documentation/src/pages/index.module.css

@@ -86,8 +86,25 @@
   margin-bottom: 1.5rem;
 }
 
+.featuredOnBadges {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 267px));
+  gap: 1.5rem;
+  justify-content: center;
+  max-width: 849px;
+  margin: 0 auto;
+}
+
 .featuredOnLink {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   justify-content: center;
+  width: 100%;
+}
+
+.featuredOnBadgeImage {
+  display: block;
+  width: 100%;
+  height: 70px;
+  object-fit: contain;
 }

adminforth/documentation/src/pages/index.tsx

@@ -331,19 +331,49 @@ export default function Home(): JSX.Element {
             <Heading as="h2" className={styles.featuredOnTitle}>
               Featured on
             </Heading>
-            <a
-              href="https://auraplusplus.com/projects/adminforth-agent-first-open-source-admin-panel-framework"
-              target="_blank"
-              rel="noopener"
-              className={styles.featuredOnLink}
-            >
-              <img
-                src="https://auraplusplus.com/images/badges/featured-on-light.svg"
-                alt="Featured on Aura++"
-                width="265"
-                height="58"
-              />
-            </a>
+            <div className={styles.featuredOnBadges}>
+              <a
+                href="https://auraplusplus.com/projects/adminforth-agent-first-open-source-admin-panel-framework"
+                target="_blank"
+                rel="noopener"
+                className={styles.featuredOnLink}
+              >
+                <img
+                  className={styles.featuredOnBadgeImage}
+                  src="https://auraplusplus.com/images/badges/featured-on-light.svg"
+                  alt="Featured on Aura++"
+                  width="265"
+                  height="58"
+                />
+              </a>
+              <a
+                href="https://peerpush.net/p/adminforth"
+                target="_blank"
+                rel="noopener"
+                className={styles.featuredOnLink}
+              >
+                <img
+                  className={styles.featuredOnBadgeImage}
+                  src="https://peerpush.net/p/adminforth/badge.png"
+                  alt="AdminForth on PeerPush"
+                  width="230"
+                />
+              </a>
+              <a
+                href="https://openhunts.com"
+                target="_blank"
+                rel="noopener"
+                title="OpenHunts Club"
+                className={styles.featuredOnLink}
+              >
+                <img
+                  className={styles.featuredOnBadgeImage}
+                  src="https://cdn.openhunts.com/badges/club.webp"
+                  alt="OpenHunts Club Member"
+                  width="195"
+                />
+              </a>
+            </div>
           </div>
         </section>