{% extends "base.html" %} {% block main %}
<main class="container my-5">
  <!-- Cloud Consulting Section -->
  <section class="mb-5">
    <h2 class="mb-3">Cloud Consulting</h2>
    <p>
      We offer cloud migration, strategy, and optimization tailored for your
      business, enabling scalable and secure cloud solutions to drive
      innovation.
    </p>

    <div class="service-card-grid">
      <div class="service-card">🚀 Cloud Migration Planning & Execution</div>
      <div class="service-card">🌐 Multi-Cloud Strategy & Architecture</div>
      <div class="service-card">💰 Cost Optimization & Management</div>
      <div class="service-card">🔒 Security & Compliance Audits</div>
    </div>
  </section>

  <!-- DevOps Solutions Section -->
  <section class="mb-5">
    <h2 class="mb-3">DevOps Solutions</h2>
    <p>
      From CI/CD pipelines to automated infrastructure, our DevOps services
      improve software delivery, reliability, and efficiency.
    </p>

    <div class="service-card-grid">
      <div class="service-card">⚙️ CI/CD Pipeline Setup & Automation</div>
      <div class="service-card">
        📦 Infrastructure as Code (IaC) Implementations
      </div>
      <div class="service-card">📊 Monitoring & Logging with Modern Tools</div>
      <div class="service-card">
        🛠 Configuration Management (Ansible, Chef, Puppet)
      </div>
    </div>
  </section>
</main>
{% endblock main %}
