<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>About Us - CDC Firm</title>
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='css/main.css') }}"
    />
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='css/about.css') }}"
    />
  </head>

  <body>
    <section class="about-hero">
      <div class="about-container">
        <h1>🚀 About CDC Firm</h1>
        <p>
          At CDC 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>
        <p style="font-weight: bold; color: hotpink">{{ message }}</p>

        <!-- templates/about.html -->
        <form action="/about" method="post">
          <label for="mood">What's your mood?</label>
          <input
            type="text"
            name="mood"
            placeholder="excited / curious / other"
            required
          />
          <button type="submit">Submit</button>
        </form>

        <hr />

        {% if message %}
        <p><strong>Message:</strong> {{ message }}</p>
        {% endif %}
      </div>
    </section>
  </body>
</html>
