Second pass at possible layouts

api3dao · Jul 9, 2024 · 1fd9bce · 1fd9bce
1 parent d92ed0f
commit 1fd9bce
Showing 1 changed file with 35 additions and 51 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -2,6 +2,30 @@
 layout: home
 
 hero:
+  name: API3
+  text: Documentation
+  tagline:
+    API3 builds solutions that bridge the gap between off-chain data and
+    on-chain applications with maximum security and minimal latency.
+  image:
+    src: https://res.cloudinary.com/practicaldev/image/fetch/s--Ij0eKVIW--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/77oanfb0c05w88jlmc8s.jpg
+    alt: API3
+  actions:
+    - theme: brand
+      text: dAPI
+      link: /guides/dapis/
+    - theme: brand
+      text: OEV Network
+      link: /reference/oev-network/
+    - theme: brand
+      text: QRNG
+      link: /reference/qrng/
+    - theme: brand
+      text: Airnode
+      link: /reference/airnode/latest/understand/
+    - theme: brand
+      text: DAO Members
+      link: /reference/dao-members/
 ---
 
 <script>
@@ -61,19 +85,23 @@ export default {
 <div style="margin-top:50px;"/>
 
 <div class="api3-land-box">
-<hr/>
   <div style="flex: 0 500px;margin-right:30px;"> 
+    <h1>API3 Docs</h1><br/>
     <div class="api3-land-desc" ><b>API3</b> builds solutions that
           bridge the gap between off-chain data and on-chain applications with maximum
           security and minimal latency. 
     </div>
     <div style="display: flex;padding-bottom:30px !important">
-       <button type="button" class="api3-land-button-feeds">
-        <a style="color:white;text-decoration: none;" href="/reference/dapis/understand/">Data Feeds</a>
-       </button>
-       <button type="button" class="api3-land-button">
-        <a class="api3-land-links" href="/reference/oev-network/">OEV Network</a>
-       </button>
+    <a style="color:white;text-decoration: none;" href="/reference/dapis/understand/">
+        <button type="button" class="api3-land-button-feeds">
+          Data Feeds
+        </button>
+       </a>
+       <a class="api3-land-links" href="/reference/oev-network/">
+        <button type="button" class="api3-land-button">
+          OEV Network
+        </button>
+       </a>
     </div>
   </div>
   <div class="api3-land-code-image">
@@ -82,47 +110,3 @@ export default {
     </div>
   </div>
 </div>
-
-<!-- LINK -->
-<hr/>
-[This section appears to be the top menu bar from the main api3.org page.]
-
-<div class="api3-land-box">
-
-  <div  style="flex: 0 200px;margin-right:30px;margin-top:15px">
-     DEVELOPERS
-     <br/><br/><a class="api3-land-links" href="">Data feeds</a>
-     <br/><br/><a class="api3-land-links" href="">QRNG</a>
-     <br/><br/><a class="api3-land-links" href="">Web3 APIs</a>
-  </div>
-  <div  style="flex: 0 200px;margin-right:30px;margin-top:15px">
-     DATA PROVIDERS
-     <br/><br/><a class="api3-land-links" href="">Airnode</a>
-     <br/><br/><a class="api3-land-links" href="">API3 Alliance</a>
-     
-  </div>
-  <div style="flex: 0 200px;margin-right:30px;margin-top:15px">
-     <b>DAO</b>
-     <div style="padding-left:7px;">
-      <a class="api3-land-links" href="">Overview</a>
-      <br/><a class="api3-land-links" href="">Dashboard</a>
-      <br/><a class="api3-land-links" href="">Tracker</a>
-      <br/><a class="api3-land-links" href="">Docs - ???</a>
-      <br/><a class="api3-land-links" href="">Forum</a>
-     </div>
-  </div>
-  <div style="flex: 0 200px;margin-right:30px;margin-top:15px">
-     RESOURCES
-     <br/><br/><a class="api3-land-links" href="">Docs - ???</a>
-     <br/><br/><a class="api3-land-links" href="">Articles - ???</a>
-     <br/><br/><a class="api3-land-links" href="">Whitepapers - ???</a>
-     <br/><br/><a class="api3-land-links" href="">Overview</a>
-  </div>
-  <div style="flex: 0 200px;margin-right:30px;margin-top:15px">
-     PARTICIPATE
-     <br/><br/><a class="api3-land-links" href="">GitHub</a>
-     <br/><br/><a class="api3-land-links" href="">Open Bank Project -???</a>
-     <br/><br/><a class="api3-land-links" href="">Open Positions - ???</a>
-     <br/><br/><a class="api3-land-links" href="">Contact - ???</a>
-  </div>
-</div>