{% extends "base.html" %} {% block main %}
<main class="container my-5">
  <section class="about-hero">
    <div class="about-container">
      <h1>🚀 About JWT Firm</h1>
      <p>
        At JWT Firm, we are a passionate team of cloud and DevOps engineers
        committed to helping businesses embrace modern, scalable, and secure
        solutions.
      </p>
      <p>
        Our expertise spans across cloud architecture, CI/CD automation,
        Kubernetes deployments, infrastructure-as-code, and DevSecOps practices
        — all tailored to accelerate your digital transformation.
      </p>

      {% if message %}
      <p style="font-weight: bold; color: hotpink">{{ message }}</p>
      {% endif %}

      <form action="{{ url_for('about') }}" method="post">
        <label for="mood">What's your mood?</label>
        <input
          type="text"
          name="mood"
          id="mood"
          placeholder="Excited / Curious / Other"
          required
        />
        <button type="submit">Submit</button>
      </form>
    </div>
  </section>

  <!-- ✅ CEO SECTION START -->
  <section
    class="ceo-profile my-5"
    style="padding: 40px 20px; background-color: #f9f9f9"
  >
    <div style="max-width: 900px; margin: auto; text-align: center">
      <h2 style="font-weight: 700; font-size: 2rem; color: #007c91">
        Meet Our CEO
      </h2>
      <img
        src="{{ url_for('static', filename='images/betrand-profile.jpg') }}"
        alt="Betrand Mutagha, CEO of JoinWorldTech"
        style="
          border-radius: 50%;
          width: 150px;
          height: 150px;
          object-fit: cover;
          margin-top: 20px;
        "
      />
      <p style="font-size: 1.1rem; margin-top: 20px">
        <strong>Betrand Mutagha</strong> is the Founder and CEO of
        <strong>JoinWorldTech</strong>, a cloud and DevOps consulting firm based
        in the United States. He specializes in helping enterprises modernize
        infrastructure, automate pipelines, and scale securely with cloud-native
        tools.
      </p>
      <p>
        Learn more on his
        <a href="https://www.linkedin.com/in/betrand-mutagha/" target="_blank"
          >LinkedIn profile</a
        >.
      </p>
    </div>
  </section>
  <!-- ✅ CEO SECTION END -->
</main>
{% endblock %}
