diff --git a/src/pages/index.js b/src/pages/index.js
index e5ef4bbb..220bf64f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -34,6 +34,30 @@ export default function Home() {
         <HomepageHeader />
         <div className={styles.productSection}>
           <div className={styles.productCardsWrapper}>
+            <div
+              className={styles.productCard}
+              style={{
+                background: "linear-gradient(215deg, var(--ifm-color-primary) -33%, var(--box-color) 50%)"
+              }}
+            >
+              <h3>Build with ComposeDB</h3>
+              <div>A decentralized, composable graph database to build interoperable applications on Ceramic.</div>
+              <div
+                style={{
+                  display: "flex",
+                  columnGap: "24px",
+                  rowGap: "4px",
+                  width: "100%",
+                  flexWrap: "wrap",
+                  padding: "16px 0 0",
+                  fontWeight: "500"
+                }}
+              >
+                <div>
+                  <a href="/docs/composedb/getting-started">Getting Started →</a>
+                </div>
+              </div>
+            </div>
             <div
               className={styles.productCard}
               style={{
@@ -75,30 +99,6 @@ export default function Home() {
                 </div>
               </div>
             </div>
-            <div
-              className={styles.productCard}
-              style={{
-                background: "linear-gradient(215deg, var(--ifm-color-primary) -33%, var(--box-color) 50%)"
-              }}
-            >
-              <h3>Build with ComposeDB</h3>
-              <div>A decentralized, composable graph database to build interoperable applications on Ceramic.</div>
-              <div
-                style={{
-                  display: "flex",
-                  columnGap: "24px",
-                  rowGap: "4px",
-                  width: "100%",
-                  flexWrap: "wrap",
-                  padding: "16px 0 0",
-                  fontWeight: "500"
-                }}
-              >
-                <div>
-                  <a href="/docs/composedb/getting-started">Getting Started →</a>
-                </div>
-              </div>
-            </div>
           </div>
         </div>
         <div