{{ 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.svg' title='WhatsApp HTTP API' alt='logo' width='100' style='border-radius: 50%'/>
      </div>
      <p class='lead'>{{ .Params.lead | safeHTML }}</p>
      <div class='code-block highlight'>
        <pre tabindex='0' class='chroma'><code class='language-bash' data-lang='bash' style='padding: 0'>docker run -it -p 3000:3000/tcp devlikeapro/whatsapp-http-api</code></pre>
      </div>
      <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 hr'>
    <div class='row justify-content-center text-center'>
      <div class='col-12'>
        <h2>
          WAHA Features
        </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 class='code-block highlight' style='text-align: left'>
          <pre tabindex='0' class='chroma m-0'>
            <code class='language-json' data-lang='json' style='padding: 1rem!important; border-radius: 0.5rem'>POST /api/sendText
{
  "session": "default",
  "chatId": "12132132130@c.us",
  "text": "Hi there!"
}

            </code>
          </pre>
        </div>

      </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 class='code-block highlight' style='text-align: left'>
          <pre tabindex='0' class='chroma m-0'>
            <code class='language-json' data-lang='json' style='padding: 1rem!important; border-radius: 0.5rem'>POST /api/sendFile
{
  "session": "default",
  "chatId": "12132132130@c.us",
  "file": {
    "url": "https://d.com/invoice.pdf"
  }
}</code>
          </pre>
        </div>
      </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 class='code-block highlight' style='text-align: left'>
          <pre tabindex='0' class='chroma m-0'>
            <code class='language-json' data-lang='json' style='padding: 1rem!important; border-radius: 0.5rem'>POST /api/{session}/groups
{
  "name": "Group name",
  "participants": [
    {"id": "123123123123@c.us"}
  ]
}
            </code>
          </pre>
        </div>
      </div>

      <div class='col-12 pros-card' style='width: 80%'>
        <h2 class='h4 color-accent'>Swagger documentation and OpenApi schema!</h2>
        <p>
          <a href='https://waha.devlike.pro/docs/how-to/plus-version/#core' target='_blank'>
            <b>WAHA Core</b>
          </a>
          and
          <a href='https://waha.devlike.pro/docs/how-to/plus-version/#plus' target='_blank'>
            <b>WAHA Plus</b>
          </a>
          provide
          <a href='https://waha.devlike.pro/swagger' target='_blank'>
            Swagger documentation and OpenApi schema.
          </a>
          <br>
        </p>
        <img src='/images/swagger.png' alt='Swagger' style='max-width: 100%'>
      </div>

      <div class='col-12 pros-card' style='width: 80%'>
        <h2 class='h4 color-accent'>WAHA Dashboard</h2>
        <p>
          <a href='https://waha.devlike.pro/docs/how-to/plus-version/#plus' target='_blank'>
            <b>WAHA Plus</b>
          </a>
          provides
          <a href='https://waha.devlike.pro/docs/how-to/waha-dashboard' target='_blank'>
            WAHA Dashboard
          </a> - a web interface to easily manage your WhatsApp sessions!
          <br>
        </p>
        <img src='/images/waha-dashboard.png' alt='WAHA Dashboard' style='max-width: 100%'>
      </div>
    </div>
  </div>
</section>
<section class='section section-sm'>
  <div class='container hr'>
    <div class='row justify-content-center text-center'>
      <div class='col-12'>
        <h2>
          Why WAHA?
        </h2>
      </div>
      <div class='col-12 col-lg-4 pros-card'>
        <img src='/images/icons/free-green.png' alt='Free' style='width: 5rem'>
        <h2 class='h4 color-accent'>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, <b>no limits in messages</b> or time!
          <br>
          <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-12 col-lg-4 pros-card'>
        <img src='/images/icons/servers-green.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-12 col-lg-4 pros-card'>
        <img src='/images/icons/api-green.png' alt='API' style='width: 5rem'>
        <h2 class='h4'>HTTP API</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>
    <div class='row justify-content-center text-center'>
      <div class='col-12 col-lg-4 pros-card'>
        <img src='/images/icons/document-green.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 class='col-12 col-lg-4 pros-card'>
        <img src='/images/icons/easy-green.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-12 col-lg-4 pros-card'>
        <img src='/images/icons/checked-green.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>

<section class='section section-sm'>
  <div class='container hr'>
    <div class='text-center mt-4'>
      <h2>
        Try it now!
      </h2>
      <div class='mb-4'>
        <img src='/images/logo.png' title='WhatsApp HTTP API' alt='logo' width='100' />
      </div>
      <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-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 }}