forked from UKSOURCE/hailearning.edu.vn
refactor: merge code and update main.css, delete file css in component
This commit is contained in:
21
app/components/contact/Accessibility.tsx
Normal file
21
app/components/contact/Accessibility.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user