<template>
      <div class="bg-gray-100 py-12 md:py-16">
      <div class="container mx-auto px-4">
        <h2 class="text-2xl md:text-3xl font-bold text-center text-blue-800 mb-12">Đội ngũ nhân sự</h2>
        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
          <div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
            <!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
              <NuxtImg placeholder="/placeholder.png"  src="/images/team-1.png" alt="Đào Đình Dũng" class="w-full h-full object-cover"/>
            </div> -->
            <h3 class="text-xl font-semibold">Ông. Đào Đình Dũng</h3>
            <p class="text-blue-600 mb-2">Chủ tịch HĐQT - Giám đốc</p>
            <p class="text-gray-600">Kỹ sư cầu đường</p>
            <p class="text-gray-500 text-sm mt-2">Hơn 15 năm kinh nghiệm</p>
          </div>

          <div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
            <!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
              <NuxtImg placeholder="/placeholder.png"  src="/images/team-2.png" alt="Vũ Hồng Phong" class="w-full h-full object-cover"/>
            </div> -->
            <h3 class="text-xl font-semibold">Ông. Vũ Hồng Phong</h3>
            <p class="text-blue-600 mb-2">Thành viên HĐQT</p>
            <p class="text-gray-600">Kỹ sư cầu đường</p>
            <p class="text-gray-500 text-sm mt-2">Hơn 15 năm kinh nghiệm</p>
          </div>

          <div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
            <!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
              <NuxtImg placeholder="/placeholder.png" src="/images/team-3.png" alt="Trần Thị Thu Hiền" class="w-full h-full object-cover"/>
            </div> -->
            <h3 class="text-xl font-semibold">Bà. Trần Thị Thu Hiền</h3>
            <p class="text-blue-600 mb-2">Thành viên HĐQT</p>
            <p class="text-gray-600">Kỹ sư cầu đường bộ</p>
            <p class="text-gray-500 text-sm mt-2">Hơn 7 năm kinh nghiệm</p>
          </div>

          <div class="bg-white rounded-lg overflow-hidden shadow-md text-center p-6">
            <!-- <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-blue-100">
              <NuxtImg placeholder="/placeholder.png"  src="/images/team-4.png" alt="Nguyễn Thị Thu Hằng" class="w-full h-full object-cover"/>
            </div> -->
            <h3 class="text-xl font-semibold">Bà. Nguyễn Thị Thu Hằng</h3>
            <p class="text-blue-600 mb-2">Trưởng phòng kế toán</p>
            <p class="text-gray-600">Kế toán trưởng</p>
            <p class="text-gray-500 text-sm mt-2">Hơn 8 năm kinh nghiệm</p>
          </div>
        </div>
      </div>
    </div>
</template>