Merge pull request #50 from Sushil010/feature/improved-footer-section

Improved footer design
Devmangrani · Oct 23, 2024 · 17d6c11 · 17d6c11
2 parents 8772c5d + 33837ed
commit 17d6c11
Showing 1 changed file with 23 additions and 19 deletions.
diff --git a/components/Intro.jsx b/components/Intro.jsx
@@ -6,6 +6,12 @@ import { BsFillBookmarkFill } from "react-icons/bs";
 import { useSelector } from "react-redux";
 import JobsCard from "./JobsCard";
 import { motion } from "framer-motion";
+import { FiTwitter } from "react-icons/fi";
+import { GrLinkedin } from "react-icons/gr";
+import { BsFacebook } from "react-icons/bs";
+
+
+
 
 export default function Intro() {
   const [search, setSearch] = useState("");
@@ -155,25 +161,23 @@ export default function Intro() {
         </div>
       )}
       {/* Footer Component */}
-      <footer className="w-full bg-gray-800 py-4 text-white text-center mt-6">
-        <div className="container mx-auto">
-          <p className="text-sm">
-            &copy; {new Date().getFullYear()} JobSewa. All rights reserved.
-          </p>
-          <p className="text-xs">
-            Designed by JobSewa Team. Follow us on{" "}
-            <a href="#" className="underline hover:text-blue-400">
-              Twitter
-            </a>{" "}
-            |{" "}
-            <a href="#" className="underline hover:text-blue-400">
-              LinkedIn
-            </a>{" "}
-            |{" "}
-            <a href="#" className="underline hover:text-blue-400">
-              Facebook
-            </a>
-          </p>
+        <footer className="w-full h-20 px-6 flex justify-between text-lg items-center bg-[#1B263B] text-[#D3D3D3]">
+        <div className="left gap-6">
+           &copy; {new Date().getFullYear()} JobSewa. All rights reserved.
+        </div>
+
+        <div className="right flex gap-11">
+          <a href="https://twitter.com" target="_blank" className="hover:text-[#3A7CA5] transform hover:translate-y-[-5px] transition-transform duration-300 ease-in-out">
+          <FiTwitter size={22} />
+          </a>
+
+          <a href="https://linkedin.com" target="_blank" className="hover:text-[#3A7CA5] transform hover:translate-y-[-5px] transition-transform duration-300 ease-in-out">
+          <GrLinkedin size={22} />
+          </a>
+
+          <a href="https://facebook.com" target="_blank" className="hover:text-[#3A7CA5] transform hover:translate-y-[-5px] transition-transform duration-300 ease-in-out">
+          <BsFacebook size={22} />
+          </a>
         </div>
       </footer>
     </>