export default function Accessibility() {
  return (
    <div className="bg-white rounded-[24px] p-8  shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-gray-100">
      <div className="contact-card-title font-bold text-dark mb-4">Accessibility</div>
      <p className="text-sm text-gray-600 mb-3 mt-2">
        Our campus is designed to be accessible to everyone. If you require specific accommodations for your visit, please contact us in advance.
      </p>
      <div className="flex flex-wrap gap-3">
        <div className="px-4 py-2 bg-gray-50 border border-gray-200 rounded-full text-xs font-medium text-gray-600 flex items-center gap-2">
          <i className="fa-brands fa-accessible-icon text-primary"></i> Wheelchair Access
        </div>
        <div className="px-4 py-2 bg-gray-50 border border-gray-200 rounded-full text-xs font-medium text-gray-600 flex items-center gap-2">
          <i className="fa-solid fa-elevator text-primary"></i> Elevators
        </div>
        <div className="px-4 py-2 bg-gray-50 border border-gray-200 rounded-full text-xs font-medium text-gray-600 flex items-center gap-2">
          <i className="fa-solid fa-square-parking text-primary"></i> Reserved Parking
        </div>
      </div>
    </div>
  );
}