app/templates/index.html

{% extends "base.html" %} {% block title %}Welcome{% endblock %} {% block
content %}
<div
  class="container text-center"
  style="padding-top: 5rem; padding-bottom: 5rem"
>
  <!-- Main Heading and Subtitle -->
  <h1 class="display-4 fw-bold">Vocal Analysis for Parkinson's</h1>
  <p class="lead text-muted col-lg-8 mx-auto mt-3">
    Our platform utilizes advanced machine learning to provide a non-invasive,
    preliminary analysis based on voice characteristics. Get an informational
    result in just a few minutes.
  </p>

  <!-- Call to Action Button -->
  <div class="my-5">
    {% if current_user.is_anonymous %} {# If user is not logged in, button goes
    to the login page #}
    <a
      href="{{ url_for('auth.login') }}"
      class="btn btn-primary btn-lg px-5 py-3 fs-5 shadow"
      >Get Started</a
    >
    {% else %} {# If user is logged in, button goes directly to their dashboard
    #}
    <a
      href="{{ url_for('main.dashboard') }}"
      class="btn btn-primary btn-lg px-5 py-3 fs-5 shadow"
      >Go to Your Dashboard</a
    >
    {% endif %}
  </div>

  <!-- Medical Disclaimer Box -->
  <div class="row justify-content-center mt-5">
    <div class="col-lg-10">
      <div
        class="alert alert-warning d-flex align-items-center shadow-sm"
        role="alert"
      >
        <div class="flex-shrink-0 me-3">
          <i class="fas fa-exclamation-triangle fa-2x"></i>
        </div>
        <div class="text-start">
          <h4 class="alert-heading h6">Medical Disclaimer</h4>
          This tool is for informational and research purposes only and is not a
          substitute for professional medical diagnosis or advice. The outcomes
          are not fully reliable. Always consult with a qualified healthcare
          provider for any health concerns.
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}