revamp template

src/partials/menu/mega-menu/components/MegaMenuFooter.tsx

@@ -0,0 +1,19 @@
+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 };