Run on hugging face button added to the instalation section (#69)

Author: paulo-valim

src/images/run_on_cloud.png

@@ -2,17 +2,17 @@
   <div class="mt-4 w-full p-4 rounded-2xl bg-white">
     <img src="/images/window_buttons.png" alt="" width="36" height="8" />
     <div
-      class="py-10 flex maxsm:flex-col flex-wrap md:flex-nowrap justify-center"
+      class="py-10 px-5 flex maxsm:flex-col flex-wrap md:flex-nowrap justify-center"
     >
       <!-- desktop app -->
       <div class="md:border-r md:pr-16">
         <div class="flex flex-nowrap">
           <img class="self-center" src="/images/desktop_download.svg" />
           <div class="self-center px-5 text-gray-700">
             <h2 class="font-semibold tracking-wide">
-              Install the Livebook App
+              Run on your machine
             </h2>
-            <h3>to run it on your machine</h3>
+            <h3>with the Livebook App</h3>
           </div>
         </div>
         <div class="flex maxsm:flex-col md:flex-nowrap md:space-x-5">
@@ -40,23 +40,35 @@ <h3>to run it on your machine</h3>
         </div>
       </div>
 
-      <!-- fly.io -->
+      <!-- Run on the Cloud -->
       <div class="flex flex-col md:items-start md:ml-14 maxsm:mt-16">
         <div class="flex flex-nowrap min-w-[270px]">
-          <img class="self-center" src="/images/flyio_logo_square.svg" />
+          <img class="self-center" src="/images/run_on_cloud.png" />
           <div class="self-center px-5 text-gray-700">
-            <h2 class="font-semibold tracking-wide">Launch on Fly.io</h2>
-            <h3>to run it on the cloud</h3>
+            <h2 class="font-semibold tracking-wide">Run in the cloud</h2>
+            <h3>on select platorms</h3>
           </div>
         </div>
-        <a
-          class="mt-10 px-5 py-2 button button-outlined-gray"
-          href="https://fly.io/launch/livebook"
-          rel="noopener"
-        >
-          <img src="/images/cloud_line_gray.svg" />
-          <span>Launch on Fly.io</span>
-        </a>
+        <div class="flex maxsm:flex-col md:flex-nowrap md:space-x-5">
+          <!-- fly.io -->
+          <a
+            class="mt-10 px-5 py-2 button button-outlined-gray"
+            href="https://fly.io/launch/livebook"
+            rel="noopener"
+          >
+            <img src="/images/flyio_logo.svg" class="w-[26px]" />
+            <span>Run on Fly.io</span>
+          </a>
+          <!-- hugging face -->
+          <a
+            class="mt-10 px-5 py-2 button button-outlined-gray"
+            href="https://huggingface.co/new-space?template=livebook-dev/livebook"
+            rel="noopener"
+          >
+            <img src="/images/hugging_face_logo.svg" class="w-[26px]" />
+            <span>Run on Hugging Face</span>
+          </a>
+        </div>
       </div>
     </div>
   </div>