DOCS-1928: Update get started page

viamrobotics · Mar 11, 2024 · 341d0f7 · 341d0f7
1 parent 9750d51
commit 341d0f7
Showing 1 changed file with 21 additions and 54 deletions.
diff --git a/docs/get-started/_index.md b/docs/get-started/_index.md
@@ -3,61 +3,28 @@ title: "Get Started"
 linkTitle: "Get Started"
 weight: 5
 type: "docs"
-layout: "empty"
-empty_node: true
+no_list: true
 ---
 
-{{< board-carousel >}}
+Explore more about the Viam platform by reading our Viam in 3 minutes guide or try it out for yourself:
+
+{{< cards >}}
+{{% card link="/get-started/viam/" %}}
+{{% card link="/get-started/try-viam/" %}}
+{{< /cards >}}
+
 <br>
+If you're ready to try it out for yourself, start by installing Viam. If you need any help along the way, join our community:
+
+{{< cards >}}
+{{% card link="/get-started/installation/" %}}
+{{% manualcard link="https://discord.gg/viam" %}}
+
+{{<gif webm_src="/heart.webm" mp4_src="/heart.mp4" alt="A robot drawing a heart">}}
+
+#### Community
+
+Have questions, or want to meet other people working on smart machines? Join us in the Community Discord!
 
-<div class="max-page">
-  <p>
-    Explore more about the Viam platform or try it out for yourself:
-  </p>
-</div>
-
-<div class="cards max-page">
-  <div class="row">
-      <div class="col hover-card landing yellow">
-        <div>
-          <div>Learn and Try</div>
-          <p style="text-align: left;">
-            Learn about <a href="/get-started/viam/">the Viam platform in 3 minutes</a> and then
-            <a href="get-started/try-viam/">drive a Viam rover</a> from the comfort of your home or follow along with a <a href="tutorials/"> tutorial</a>.</p>
-        </div>
-        {{<gif webm_src="/rover.webm" mp4_src="/rover.mp4" alt="A Viam Rover moving about">}}
-      </div>
-      <div class="col hover-card landing purple">
-        <div>
-          <div>Configure your machine</div>
-          <div style="text-align: left">
-            <ol style="padding-inline-start: 1.1rem">
-              <li>Configure a <a href="build/configure/"> machine</a> or a <a href="fleet/">fleet</a></li>
-              <li><a href="get-started/installation/">Install Viam on your machine</a></li>
-              <li>Configure <a href="components/">components</a> and <a href="services/">add services</a></li>
-              <li><a href="fleet/machines/#control">Control and test your machine</a></li>
-            </ol>
-          </div>
-        </div>
-        {{<gif webm_src="/blink.webm" mp4_src="/blink.mp4" alt="A blinking L.E.D. connected to a Raspberry Pi">}}
-      </div>
-      <div class="col hover-card landing teal">
-        <div>
-          <div>Program your machine</div>
-          <p style="text-align: left;">
-            Program and control your machines in <a href="/build/program/apis/"> the languages you already know</a> like <a href="https://python.viam.dev/">Python</a>, <a href="https://pkg.go.dev/go.viam.com/rdk">Go</a>, <a href="https://ts.viam.dev/">TypeScript</a>, <a href="https://cpp.viam.dev/" target="_blank">C++</a>, or <a href="https://flutter.viam.dev/" target="_blank">Flutter</a>.
-          </p>
-        </div>
-        <div class="hover-card-img">
-          {{<imgproc src="/general/code.png" alt="machine code" resize="400x" >}}
-        </div>
-      </div>
-      <div class="col hover-card landing pink">
-        <div>
-          <div>Community</div>
-          <p style="text-align: left;">Have questions, or want to meet other people working on smart machines? <a href="https://discord.gg/viam">Join us in the Community Discord!</a></p>
-        </div>
-        {{<gif webm_src="/heart.webm" mp4_src="/heart.mp4" alt="A robot drawing a heart">}}
-      </div>
-    </div>
-</div>
+{{% /manualcard %}}
+{{< /cards >}}