<template>
  <div class="container mx-auto px-4 py-12 md:py-16">
    <h2 class="text-2xl md:text-3xl font-bold text-center text-blue-800 mb-12">Phương châm làm việc</h2>
    <div class="max-w-4xl mx-auto">
      <div class="bg-white rounded-xl shadow-md overflow-hidden">
        <div class="md:flex">
          <div class="md:w-1/2 bg-blue-600 p-8 text-white">
            <h3 class="text-xl font-bold mb-4">Cam kết của chúng tôi</h3>
            <ul class="space-y-4">
              <li class="flex items-start">
                <svg class="w-5 h-5 mt-1 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                </svg>
                <span>Tìm hiểu kỹ yêu cầu khách hàng để cung cấp dịch vụ và giải pháp tối ưu</span>
              </li>
              <li class="flex items-start">
                <svg class="w-5 h-5 mt-1 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                </svg>
                <span>Không ngừng nâng cao năng lực chuyên môn, tích lũy kinh nghiệm thực tế</span>
              </li>
              <li class="flex items-start">
                <svg class="w-5 h-5 mt-1 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                </svg>
                <span>Đảm bảo đúng tiến độ theo hợp đồng</span>
              </li>
            </ul>
          </div>
          <div class="md:w-1/2 p-8">
            <h3 class="text-xl font-bold mb-4 text-blue-800">Chất lượng là ưu tiên hàng đầu</h3>
            <p class="text-gray-700 mb-4">Chúng tôi coi chất lượng là nhiệm vụ hàng đầu trong lĩnh vực hoạt động sản xuất kinh doanh của mình.</p>
            <p class="text-gray-700">Sẵn sàng liên danh, hợp tác với các đơn vị tư vấn trong và ngoài nước nhằm nâng cao chất lượng sản phẩm tư vấn, sản phẩm xây dựng có yêu cầu kỹ thuật cao.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
