Added basic layout from figma

docs/index.md

@@ -8,7 +8,7 @@ hero:
     API3 builds solutions that bridge the gap between off-chain data and
     on-chain applications with maximum security and minimal latency.
   image:
-    src: /img/beacons.svg
+    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
@@ -41,13 +41,72 @@ export default {
 </script>
 
 <style>
-.api3-land-title{
-  font-size:xx-large;
+
+.api3-land-box{
+  display: flex;
+  flex-wrap: wrap;
+  padding-bottom:30px;
+
 }
-.api3-land-title-desc{
-  margin-top:15px;
-  margin-bottom:10px;
+.api3-land-desc{
   font-size:x-large;
-  color:gray
+  color:gray; line-height: 1.4;
+}
+.api3-land-code-image{
+  flex: 0 600px;
+  ;
+}
+.api3-land-button-feeds{
+  margin-top:30px;
+  margin-right:20px;
+  font-size:large;
+  border-radius:4px;
+  width:200px;
+  border:#4169E1 solid 1px;
+  padding:7px;
+  background-color:#4169E1;
+}
+.api3-land-button{
+  margin-top:30px;
+  font-size:large;
+  border-radius:4px;
+  width:200px;
+  border:gray solid 1px;
+  padding:7px;
+}
+
+.api3-land-links{
+  color:gray !important;
+  text-decoration:none !important;
 }
 </style>
+
+<!-- DESCRIPTION and CODE IMAGE-->
+<div style="margin-top:50px;"/>
+
+<div class="api3-land-box">
+  <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">
+    <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">
+    <div>
+    <img 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"/>
+    </div>
+  </div>
+</div>