Files
revenue-fe/src/partials/menu/mega-menu/components/MegaMenuFooter.tsx
2025-02-01 16:44:51 +07:00

20 lines
751 B
TypeScript

const MegaMenuFooter = () => {
return (
<div className="flex flex-wrap items-center lg:justify-between rounded-xl lg:rounded-t-none bg-light-active dark:bg-coal-500 border border-gray-300 lg:border-0 lg:border-t lg:border-t-gray-300 dark:lg:border-t-gray-100 px-4 py-4 lg:px-7.5 lg:py-5 gap-2.5">
<div className="flex flex-col gap-1.5">
<div className="text-md font-semibold text-gray-900 leading-none">
Read to Get Started ?
</div>
<div className="text-2sm fomt-medium text-gray-600">
Take your docs to the next level of Metronic
</div>
</div>
<a href="#" className="btn btn-sm btn-dark">
Read Documentation
</a>
</div>
);
};
export { MegaMenuFooter };