Added social links to env and added hero text to the pages

src/components/Footer/Footer.tsx

@@ -4,14 +4,18 @@ import { socialsIcons } from "../../utils/data";
 export default function Footer() {
   const date = new Date().getFullYear();
   return (
-    <div className="w-full h-[5.4375rem] bg-[F7F7F7] flex items-center">
+    <div className="w-full h-[5.4375rem] bg-[F7F7F7] flex items-center self-end">
       <div className="containerMode flex justify-between items-center flex-wrap gap-2">
         <p className="text-[.9375rem] tracking-[2%] font-semibold text-[#969696]">
           {date} @ First City Monument Bank Limited
         </p>
         <div className="footer-social-icons flex justify-end items-center gap-2">
           {socialsIcons.map((icon, index) => (
-            <Link key={index} className="w-[1.875rem] h-[1.875rem]" to="#">
+            <Link
+              key={index}
+              className="w-[1.875rem] h-[1.875rem]"
+              to={icon.link}
+            >
               <img src={icon.image} alt={icon.name} />
             </Link>
           ))}