{{ define "main" }}
<section class='section container-fluid mt-n3 pb-3'>
  <div class='row justify-content-center'>
    <div class='col-lg-12 text-center'>
      <h1 class='mt-0'>{{ .Title }}</h1>
    </div>
    <div class='col-lg-9 col-xl-9 text-center'>
      <div class='mb-4'>
        <img src='/images/logo.png' title='WhatsApp HTTP API' alt='logo' width='100' />
      </div>
      <p class='lead'>{{ .Params.lead | safeHTML }}</p>
      <code>
        docker run -it -p 3000:3000/tcp devlikeapro/whatsapp-http-api
      </code>
      <br />
      <br />
      <a class='btn btn-primary btn-lg px-4 mb-2'
         href='/docs/{{ if .Site.Params.options.docsVersioning }}{{ .Site.Params.docsVersion }}/{{ end }}overview/introduction/'
         role='button'>Get Started</a>
      <p class='meta'><a href='https://github.com/devlikeapro/whatsapp-http-api'>Source code in GitHub.</a></p>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-prefooter" }}
<section class='section section-sm'>
  <div class='container'>
    <div class='row justify-content-center text-center'>
      <div class='col-lg-5'>
        <img src='/images/icons/free.png' alt='Free' style='width: 5rem'>
        <h2 class='h4'>It's free!</h2>
        <p>
          <a href='https://waha.devlike.pro/docs/how-to/plus-version/#tiers' target='_blank'>
            <b>WAHA Core</b>
          </a>
          version is always free!
          <br>
          Even
          <a href='https://waha.devlike.pro/docs/how-to/plus-version/#tiers' target='_blank'>
            <b>WAHA Plus</b>
          </a>
          version have no licence expiration!
        </p>
      </div>
      <div class='col-lg-5'>
        <img src='/images/icons/api.png' alt='API' style='width: 5rem'>
        <h2 class='h4'>Language agnostic</h2>
        <p>
          Use your own favorite language - Python, JavaScript, PHP, C#, Clojure, or PowerShell.
          <br />
          <small class='text-muted'>
            PowerShell, really? Are you insane?! Choose another language, dude.
          </small>
        </p>
      </div>
      <div class='col-lg-5'>
        <img src='/images/icons/document.png' alt='Document' style='width: 5rem'>
        <h2 class='h4'>Well documented</h2>
        <p>
          <a href='https://waha.devlike.pro/docs/overview/introduction/' target='_blank'>
            Documentation
          </a>
          has a lof examples and how-to guides.</p>
      </div>
    </div>
    <div class='row justify-content-center text-center'>
      <div class='col-lg-5'>
        <img src='/images/icons/servers.png' alt='Servers' style='width: 5rem'>
        <h2 class='h4'>Self-hosted solution</h2>
        <p>
          <a href='https://waha.devlike.pro/docs/how-to/plus-version/#why-waha' target='_blank'>
            No strings to suspicious SaaS WhatsApp HTTP API solutions.
          </a>
          Install it on your own server!
        </p>
      </div>
      <div class='col-lg-5'>
        <img src='/images/icons/easy.png' alt='Easy' style='width: 5rem'>
        <h2 class='h4'>Quick installation</h2>
        <p>
          You need to install Docker and
          <a href='https://waha.devlike.pro/docs/how-to/install/' target='_blank'>
            run the API in a click!
          </a>
          <br />
          <small class='text-muted'>
            It's actually "a command", not a click.
          </small>
        </p>
      </div>
      <div class='col-lg-5'>
        <img src='/images/icons/checked.png' alt='Checked' style='width: 5rem'>
        <h2 class='h4'>No blocking</h2>
        <p>
          <a href='https://waha.devlike.pro/docs/how-to/engines/' target='_blank'>
            Under the hood
          </a>
          it runs a real instance of Whatsapp Web to avoid getting blocked.
          <br />
          <small class='text-muted'>
            WhatsApp does not allow bots or unofficial clients on their platform, so this shouldn't be considered
            totally safe.
          </small>
        </p>
      </div>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-footer" }}
<section class='section section-sm container-fluid'>
  <div class='row justify-content-center text-center'>
    <div class='col-lg-9'>
      {{- .Content -}}
    </div>
  </div>
</section>
{{ end }}