connect links to a tegs

components/nav_foot/footer.tsx

@@ -32,25 +32,25 @@ export default function Footer() {
               </div>
               <div className="  flex items-center justify-center gap-2">
                 <a
-                  href=""
+                  href="https://www.facebook.com/"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaFacebookF />
                 </a>
                 <a
-                  href=""
+                  href="https://x.com/"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaTwitter />
                 </a>
                 <a
-                  href=""
+                  href="https://www.linkedin.com/in/davron-chetin-959833246/"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaLinkedinIn />
                 </a>
                 <a
-                  href=""
+                  href="https://t.me/@ndx_09"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaTelegramPlane />
@@ -111,7 +111,8 @@ export default function Footer() {
         </div>
         <div className=" max-[1200px]:absolute z-10 bottom-30 right-5  group flex flex-col items-end justify-end pt-15">
           <div className="group relative">
-            <div
+            <a
+              href="https://t.me/@ndx_09"
               className="
                     flex gap-1 items-center text-white text-xl
                     opacity-0 translate-x-8 pointer-events-none
@@ -123,11 +124,11 @@ export default function Footer() {
               <span className="rounded-full p-2 bg-[#0e76a8] ml-2">
                 <FaTelegram />
               </span>
-            </div>
+            </a>
           </div>
 
           <div className="group relative my-2 ">
-            <div
+            <a href="https://instagram.com/temur_wariors"
               className="
                     flex gap-1 items-center text-white text-xl
                     opacity-0 translate-x-6 pointer-events-none
@@ -141,11 +142,11 @@ export default function Footer() {
               <span className="bg-linear-to-tr from-[#feda75] via-[#cc2980] to-[#9a2eba] rounded-[50%] p-2 ">
                 <FaInstagram />
               </span>
-            </div>
+            </a>
           </div>
 
           <div className="group relative">
-            <div
+            <a href="tel:+998917412920"
               className="
                     flex gap-1 items-center text-white text-xl
                     opacity-0 translate-x-2 pointer-events-none
@@ -157,7 +158,7 @@ export default function Footer() {
               <span className="rounded-[50%] p-2 bg-[#00900c] ">
                 <FaPhone />
               </span>
-            </div>
+            </a>
           </div>
           <Image
             src={Ekxkavator_vektor}