| 1 |
import quickLinks from '../../data/quickLinks'; |
| 2 |
|
| 3 |
export default function DiscoQuickLinks() { |
| 4 |
return ( |
| 5 |
<div className="disco:bg-white disco:rounded-2xl disco:border disco:border-gray-200 disco:p-6 disco:shadow-sm"> |
| 6 |
<h3 className="disco:text-lg! disco:font-bold! disco:text-gray-800 disco:m-0 disco:mb-4! disco:flex! disco:items-center disco:gap-2"> |
| 7 |
<span className="disco:w-1 disco:h-5 disco:bg-primary disco:rounded-full disco:inline-block"></span> |
| 8 |
Quick Links |
| 9 |
</h3> |
| 10 |
<div className="disco:flex disco:flex-col disco:gap-1"> |
| 11 |
{quickLinks.map((obj, i) => ( |
| 12 |
<a |
| 13 |
key={i} |
| 14 |
href={obj.link} |
| 15 |
target="_blank" |
| 16 |
rel="noopener noreferrer" |
| 17 |
className="disco:flex disco:items-center disco:gap-3 disco:py-2.5 disco:px-3 disco:rounded-lg disco:no-underline disco:text-gray-700! disco:hover:text-primary! disco:hover:bg-gray-50 disco:transition-colors disco:cursor-pointer" |
| 18 |
> |
| 19 |
<span className="disco:text-lg">{obj.icon}</span> |
| 20 |
<span className="disco:text-sm disco:font-medium"> |
| 21 |
{obj.label} |
| 22 |
</span> |
| 23 |
</a> |
| 24 |
))} |
| 25 |
</div> |
| 26 |
</div> |
| 27 |
); |
| 28 |
} |
| 29 |
|