Files
uldp.edu.vn/app/components/contact/Accessibility.tsx

22 lines
1.2 KiB
TypeScript

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>
);
}