random messages

src/components/Footer.astro

@@ -1,9 +1,8 @@
 ---
-import { metaData } from "../config";
-import { Icon } from "astro-icon/components";
+import { metaData, API_URL } from "../config";
+import RandomMsg from "../components/RandomMsg";
 
 const YEAR = new Date().getFullYear();
-
 ---
 
 <small class="block lg:mt-24 mt-16 text-[#1C1C1C] dark:text-[#D4D4D4] footer-text">
@@ -11,6 +10,7 @@ const YEAR = new Date().getFullYear();
     {metaData.owner}
   </a>
 </small>
+<RandomMsg client:only="react" />
 
 <style>
   @media screen and (max-width: 480px) {