[docs] Add what can it do

docs/site/layouts/index.html

@@ -22,6 +22,52 @@
 {{ end }}
 
 {{ define "sidebar-prefooter" }}
+<section class='section section-sm'>
+  <div class='container hr'>
+    <div class='row justify-content-center text-center'>
+      <div class='col-12'>
+        <h2>
+          What can WAHA do?
+        </h2>
+      </div>
+      <div class='col-12 col-lg-4 pros-card'>
+        <img src='/images/icons/message-green.png' alt='Free' style='width: 5rem'>
+        <h2 class='h4 color-accent'>Send and Receive<br />Messages</h2>
+        <p>
+          You can
+          <a href='https://waha.devlike.pro/docs/how-to/send-messages/'>send</a>
+          and
+          <a href='https://waha.devlike.pro/docs/how-to/receive-messages/'>receive</a>
+          messages from WhatsApp using HTTP API.
+        </p>
+      </div>
+      <div class='col-12 col-lg-4 pros-card'>
+        <img src='/images/icons/file-check-green.svg' alt='Servers' style='width: 5rem'>
+        <h2 class='h4'>Send and Receive<br />Files</h2>
+        <p>
+          You can
+          <a href='https://waha.devlike.pro/docs/how-to/send-messages/'>send</a>
+          and
+          <a href='https://waha.devlike.pro/docs/how-to/receive-messages/'>receive</a>
+          files from WhatsApp using HTTP API.
+        </p>
+      </div>
+      <div class='col-12 col-lg-4 pros-card'>
+        <img src='/images/icons/button-green.png' alt='API' style='width: 5rem'>
+        <h2 class='h4'>
+          WAHA can do<br />a lot more
+        </h2>
+        <p>
+          Check out
+          <a href='https://waha.devlike.pro/docs/overview/introduction/#features'>
+            the documentation
+          </a>
+          to see all the features.
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
 <section class='section section-sm'>
   <div class='container hr'>
     <div class='row justify-content-center text-center'>

docs/site/static/images/icons/file-check-green.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path
+  d="M15 19L17 21L21 17M13 3H8.2C7.0799 3 6.51984 3 6.09202 3.21799C5.71569 3.40973 5.40973 3.71569 5.21799 4.09202C5 4.51984 5 5.0799 5 6.2V17.8C5 18.9201 5 19.4802 5.21799 19.908C5.40973 20.2843 5.71569 20.5903 6.09202 20.782C6.51984 21 7.0799 21 8.2 21H11.5M13 3L19 9M13 3V7.4C13 7.96005 13 8.24008 13.109 8.45399C13.2049 8.64215 13.3578 8.79513 13.546 8.89101C13.7599 9 14.0399 9 14.6 9H19M19 9V13.4M9 17H11.5M9 13H15M9 9H10" stroke="#388716" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

docs/site/static/images/icons/file-check.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 19L17 21L21 17M13 3H8.2C7.0799 3 6.51984 3 6.09202 3.21799C5.71569 3.40973 5.40973 3.71569 5.21799 4.09202C5 4.51984 5 5.0799 5 6.2V17.8C5 18.9201 5 19.4802 5.21799 19.908C5.40973 20.2843 5.71569 20.5903 6.09202 20.782C6.51984 21 7.0799 21 8.2 21H11.5M13 3L19 9M13 3V7.4C13 7.96005 13 8.24008 13.109 8.45399C13.2049 8.64215 13.3578 8.79513 13.546 8.89101C13.7599 9 14.0399 9 14.6 9H19M19 9V13.4M9 17H11.5M9 13H15M9 9H10" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>