<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">

    {%  include 'head.html' %}

    <body class="presentation-page bg-gray-200">
        {% include 'navbar.html' %}
        {% include 'header.html' %}
        <hr>
        <div class="card card-body blur shadow-blur mx-3 mx-md-4 mt-n6 mb-4">
            <!-- -------- START Features w/ 4 cols w/ colored icon & title & text -------- -->
            <section class="py-md-7">
              <div class="container">
                <div class="row justify-content-start">
                  <div class="col-md-4 ms-md-auto me-md-4">
                    <div class="text-start">
                      <div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4">
                        <i class="material-icons opacity-10">payment</i>
                      </div>
                      <h5 class="mt-3">Enhanced User Interaction</h5>
                      <p>Interact with your customers in a modern and futureproof way, using the latest technololgie.</p>
                    </div>
                    <div class="primary text-start border-radius-lg mt-6">
                      <div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4">
                        <i class="material-icons opacity-10">insights</i>
                      </div>
                      <h5 class="mt-3">Modern Technology</h5>
                      <p>Use the latest Large Language Models (think ChatGPT) to expose your knowledge and information.</p>
                    </div>
                  </div>
                  <div class="col-md-4 me-md-auto ms-md-4">
                    <div class="primary text-start border-radius-lg">
                      <div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4">
                        <i class="material-icons opacity-10">access_alarms</i>
                      </div>
                      <h5 class="mt-3">Based on Your Information</h5>
                      <p>Ensure your virtual assistant is up to date with your information.</p>
                    </div>
                    <div class="primary text-start border-radius-lg mt-6">
                      <div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4">
                        <i class="material-icons opacity-10">sentiment_satisfied</i>
                      </div>
                      <h5 class="mt-3">Enrich Your Information</h5>
                      <p>If required, enrich your information with the general knowledge of the world.</p>
                    </div>
                  </div>
                </div>
              </div>
            </section>
          </div>
        <hr>
        {% include 'footer.html' %}
        {% include 'scripts.html' %}
    </body>
</html>