Footer Section

src/App.jsx

@@ -5,6 +5,7 @@ import AboutMe from "./components/AboutMe";
 import Skills from "./components/Skills";
 import Experience from "./components/Experience";
 import ContactMe from "./components/ContactMe";
+import Footer from "./components/Footer";
 
 export default function App() {
   return (
@@ -15,6 +16,7 @@ export default function App() {
       <Skills />
       <Experience />
       <ContactMe />
+      <Footer />
     </div>
   );
 }

src/components/ContactMe.jsx

@@ -49,7 +49,7 @@ export default function ContactMe() {
   };
 
   return (
-    <div>
+    <div className="my-10">
       <ToastContainer />
       <h2 className="text-3xl font-bold mb-4 text-center my-2 flex justify-center">
         Contact Me

src/components/Footer.jsx

@@ -0,0 +1,40 @@
+import React from "react";
+
+export default function Footer() {
+  return (
+    <div className="bg-blue-950 text-white py-6 text-center">
+      <div className="container mx-auto">
+        <p className="text-sm">
+          &copy; 2024 Abhinav Choudhary. All rights reserved.
+        </p>
+        <p className="mt-2">
+          Connect with me:{" "}
+          <a
+            href="https://www.linkedin.com/in/abhinavchdhary/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-400 hover:underline"
+          >
+            LinkedIn
+          </a>{" "}
+          |{" "}
+          <a
+            href="https://github.com/Abhinav-Chdhary"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-400 hover:underline"
+          >
+            GitHub
+          </a>{" "}
+          |{" "}
+          <a
+            href="mailto:[email protected]"
+            className="text-blue-400 hover:underline"
+          >
+            Email
+          </a>
+        </p>
+      </div>
+    </div>
+  );
+}