feat: Create a fully responsive footer with copyright symbol and app version (#82)

* Create a footer

* feat(footer): Create a fully responsive footer with copyright symbol and dynamic app version from package.json

Author: Piyush-Tilokani

src/app/page.tsx

@@ -1,13 +1,15 @@
 import Navbar from "@/components/Nav";
 import Hero from "@/components/Hero";
 import Repos from "@/components/Repos";
+import Footer from "@/components/Footer";
 
 export default function Home() {
   return (
     <main>
       <Navbar />
       <Hero />
       <Repos />
+      <Footer />
     </main>
   );
 }

src/components/Footer.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import packageJson from "../../package.json"; // Adjust the path as per your folder structure
+
+const Footer = () => {
+  return (
+    <div>
+      <footer className="footer footer-center bg-base-300 text-base-content p-10">
+        <aside>
+          <p>
+            Copyright © {new Date().getFullYear()} - All rights reserved by
+            TrendTrack - v{packageJson.version}
+          </p>
+        </aside>
+      </footer>
+    </div>
+  );
+};
+
+export default Footer;