From 950d22cd833d0563eb8024ac08323d1aba4cae4c Mon Sep 17 00:00:00 2001
From: Mahendra Dani <danimahendra0904@gmail.com>
Date: Thu, 19 Oct 2023 10:14:46 +0530
Subject: [PATCH 1/2] fix: updated twitter icon and add hover effects to footer
 links

---
 components/Footer/footer.js | 107 ++++++++++++++++++++----------------
 public/img/twitter_new.png  | Bin 0 -> 1294 bytes
 2 files changed, 61 insertions(+), 46 deletions(-)
 create mode 100644 public/img/twitter_new.png

diff --git a/components/Footer/footer.js b/components/Footer/footer.js
index 318eda81..cc45daf9 100644
--- a/components/Footer/footer.js
+++ b/components/Footer/footer.js
@@ -1,51 +1,66 @@
-import React from 'react'
+import React from "react";
 
 function Footer() {
+  const socials = [
+    {
+      name: "Github",
+      href: "https://github.com/asyncapi",
+      imgUrl: "/img/Github.png",
+    },
+    {
+      name: "Linkedin",
+      href: "https://www.linkedin.com/company/asyncapi/",
+      imgUrl: "/img/Linkedln.png",
+    },
+    {
+      name: "Tweeter(X)",
+      href: "https://twitter.com/asyncapispec",
+      imgUrl: "/img/twitter_new.png",
+    },
+  ];
   return (
-		<div className='mt-[160px] w-full flex justify-center border border-t-[#333] container py-[96px]'>
-			<div className='w-[1131px]'>
-				<img src='/img/logo.png' className='w-[150px]' />
-				<div className='mt-[82px] flex items-center justify-between sm:flex-col sm:items-start'>
-					<div className='mt-2 text-[14px] text-gray py-4 underline'>
-						<a
-							href='https://github.com/asyncapi/.github/blob/master/CODE_OF_CONDUCT.md'
-							target='_blank'
-							rel='noreferrer'
-						>
-							Code of Conduct
-						</a>
-					</div>
-					<div className='flex justify-between items-center w-[284px] sm:mt-6'>
-						<div className='text-[16px] text-white'>
-							<span>Follow us</span>
-						</div>
-						<a
-							href='https://github.com/asyncapi'
-							target='_blank'
-							rel='noreferrer'
-							className='w-[52px] h-[52px] rounded-lg border border-[#556061] flex items-center justify-center'
-						>
-							<img src='/img/Github.png' />
-						</a>
-						<a
-							target='_blank'
-							href='https://www.linkedin.com/company/asyncapi/'
-							className='w-[52px] h-[52px] rounded-lg border border-[#556061] flex items-center justify-center' rel="noreferrer"
-						>
-							<img src='/img/Linkedln.png' />
-						</a>
-						<a
-							href='https://twitter.com/asyncapispec'
-							target='_blank'
-							className='w-[52px] h-[52px] rounded-lg border border-[#556061] flex items-center justify-center' rel="noreferrer"
-						>
-							<img src='/img/Twitter.png' />
-						</a>
-					</div>
-				</div>
-			</div>
-		</div>
-	);
+    <div className="mt-[160px] w-full flex justify-center border border-t-[#333] container py-[96px]">
+      <div className="w-[1131px]">
+        <img src="/img/logo.png" className="w-[150px]" />
+        <div className="mt-[82px] flex items-center justify-between sm:flex-col sm:items-start">
+          <div className="mt-2 text-[14px] text-gray py-4 underline">
+            <a
+              href="https://github.com/asyncapi/.github/blob/master/CODE_OF_CONDUCT.md"
+              target="_blank"
+              rel="noreferrer"
+              className="hover:text-sky-500 duration-200 ease-in-out"
+            >
+              Code of Conduct
+            </a>
+          </div>
+          <div className="flex flex-col justify-between items-start gap-2 w-[284px] sm:mt-6">
+            <div className="text-[16px] text-slate-300">
+              <span>Follow us</span>
+            </div>
+            <div className="flex justify-between items-center gap-3">
+              {socials.map((social, index) => {
+                return (
+                  <a
+                    key={index}
+                    href={social.href}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="w-12 h-12 rounded-lg border-[1.5px] border-[#556061] flex items-center justify-center hover:border-[#AD20E2] duration-150 ease-in-out"
+                  >
+                    <img
+                      src={social.imgUrl}
+                      alt={social.name}
+                      className="w-8 h-8"
+                    />
+                  </a>
+                );
+              })}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 }
 
-export default Footer
\ No newline at end of file
+export default Footer;
diff --git a/public/img/twitter_new.png b/public/img/twitter_new.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e90a3bec45ec619e6953d0220d402085a23242e
GIT binary patch
literal 1294
zcmV+p1@ZccP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkSz)3_wRCt{2S!+maRTMt=-d;onJt%ro5ft>IC?W_ViioIRH3dHA
ztZ$$3=p7x!2ayjvDWr&KWCr=eO9}boN@!_eq=b?`60In-GEGa<e3Xy8mao~d#XYTa
zuQwcL9OuV;AUZR9t@VAg*WPEXrC}tHKmrNGBaRW#CjjI=f8LK)U?Ic<MD&;TO+;@V
z$dT9Uy%E5lVTgDs3gmA9@GJBAvB%>%abSn0X{LrDV8OQS>mwk4IT3xs{0;j3{>zL=
z0pPTDnwy&|S65f1#@gDNEGQ@li6Ej+Rr-Y+!{hOs0PqnbKjriJZZe_)+qSO(Fr%F}
zG&D$#k&zK8gy154;l=>)HnU&xdcF4<(F74a&(o#9zuzUIxw)CA(yC=ycZ5Oy6-ItT
z2=R1O$ukkBbf7>WAeWYwLIO57H)Tml2^aCjehwdi7l~+_*_|{F3+g}t7}ddQYHDOK
z7z~M+n3#}0pO1^k|3803^e_>fVe2c5!v=uI_&3(m)8k5|wzf8Y7XBfkd-w9=^Z9Ng
zqTd<$(~jdDH(~)IdP4`!$jFehv$G)q+uPf+yu6%?_{!t)T*U1y%esn)eqd|9v~BxR
zBUT6m0v8j}cbY&&Ma2$rjp^xWnVz1`MU-h<+qN$R(8WF*OG!z&)`&HT=s|U3Xd<1R
zovu_;uNlcr0FUgJC-1TM{}4jlX&e;*yr#*drKQQq$;prab-1gls`!Ea-ZahE+3R&7
z#1qC*!f~7nRQ_sGj^pfHryBF~^V0A4?^SXHRf%H615DGr3&5Ht*V@|ZN~PZ3-n|4A
z8}S4p%G2a5%aUVbV=fW(_4Tf&bW&2%l}0?lah&4-KG!6Rii+g=`g%yf%F2q&$;sh|
z`jioGFirDT0Lz-Bs*N}X2M1kgB!qauh&KSR7(qEaJnRyos#vxQbCzXYXT%!-e4t6@
z<>j5zJLKo*^POlj;tc?Dd2i6z*y!4Yp`jsH?_kEub*f;R<}<rbU01#j3=FtLG&MEx
zR9Z?+O}*u)xvK%d-HHq&_LKfQJ3Cu0FE57#s2i%Vu#k)FI!GHDHJm+3P~(`)%*?9+
z{G#8htE+SE!szJe&NBo5*<>9F`Q0YxYhFI<NdkbURN0_E>+9=tiD+qQ;R4RYys%R(
zBN2VbNc=`bH=nOrS9Q_C!a_)Zs+&qnOL-~{sB$}I0sy?lCkX)VKYNX8Q~>;_*Hu?n
zyV}sHsVQmOcI@jU)$g*PTWV@?zO_P#N7Wj=zN@Rtl}a5Q9j@L%2=UNilYfpAA|n4j
zY%276)ve9U%!C94gF#tYS;<8VnWlNkp^#VKj;bhGu&Vvo?Y5Ew+ODjuOm1y$g+$EF
z&F%Ep;rb1`VB?bnB5Da|lAxXy0RGnY?d|QZRO;^T<^t5@<MF7GPfkw00>HN{@B0rj
zNdWLF?;Xa+$6cvZTU*OT{HzAP5tCQjPeh+_#|Nz>)s7KSkM>nuTr4*>HbNp67Z+t#
zRu;dN-ieg|F#zxK+C>O)Pb3Zj+`fD5?$vId(?1i@vylWVW#l(Z(|j@#^33naeF~67
zG_8hVVFw|imsu&GetV50`WF@vHAgXa0tqCLfDt|X3vJh+c*#v~h5!Hn07*qoM6N<$
Ef@`*L`~Uy|

literal 0
HcmV?d00001


From 47e882f3db7facc9a32458b4d6aeae44349d2b65 Mon Sep 17 00:00:00 2001
From: Mahendra Dani <danimahendra0904@gmail.com>
Date: Wed, 22 Nov 2023 18:45:38 +0530
Subject: [PATCH 2/2] fix: deleted old tweeter logo from repo

---
 public/img/Twitter.png | Bin 844 -> 0 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 public/img/Twitter.png

diff --git a/public/img/Twitter.png b/public/img/Twitter.png
deleted file mode 100644
index 8448a9100fb5e87ba7abfd5c9c4523b4ffe9c06c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 844
zcmV-S1GD^zP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0^vzSK~#7FwN_70
z8c`6Rc}r5ffv3U=yfq#QdNP_6qL(Hn1%-nNv~utR^b;6A3AQxp0R)<u^jJ+ao>Y2J
zZ?Y%pjlIc%-Pbn{7h&0dQu<3ayYJ2H{NBu)H*XMppi*t5kQpDq;3<w66H}olkp_S*
zMBd^C`%%niPrPiQoAB$=(Jlkn=Nw|-1Bjp+00$qpw+|h4>?XfA8Zlkh8yqkJQ-FvS
z#?m|4tZJ1p>%_Nu{Zn5zuBRm<P(;W^rB=&KEM{~tP{0Pv5Xf-1u(kDNf{?;UtAgi*
zm=&~u!jfiqhauGs<JW&6BZTz6K8%|5kg^dul&zY*UJru7psf{>U7Vl8#o3u0zgb*_
z_nVv0d3b=}To59W=$Jl7C{gwXXdqMHV({+v7S#KDX~YgckB{N{@^Uz)@4K5DK{f|F
zg~EhBafsI;t5mBgyL0xZ(~%yKVJoz5cZ_V*>)zudsO|QIj5w%(1OOG0nS4Sa7LUs}
zk&?IRjSWaHEy=mAAap`<c^Ot#SM7zUX98jq-*OvSd|?41(Wu-L@~Ba*%7^CN;30n(
z5M;IooIJBbTkNYFUO6P$02mW{$!(9q>qta;_fk+)To7VT5(-UveH~r``X}h>q0Cm)
zoP;ZDYcdJ^BH^v8F$6<(lG18bk3BO%-kDkK3~VtD?9@%Aw6`a{bPH7|9ENNz2i`D#
zGvIpDO@)jl#LC0-^R{wY2vru+^8{C#W-V=_rP@&Xx2~>a#c|433L|;uhfLH`Rn*dW
z;Awmyp0d>#fk+7^X;>JK2^o3qRRk;`j_3QZQmc!*kWYQfyTSC1zK7?quVB{gi2MUI
zUGz8RU`SXJH!?^58D<V%DvdN#W0hvm-tk#^s?nue%;m;Tfo+>u7X6JPS`PHtk4}QO
z`ihb**|dqCjj(v_`z5C2fN2_GE2t|F-E9VeiMvx~^03uMK$U}WDz5ZqF`qy2vh^3x
W10ys5yAOr{0000<MNUMnLSTXwBYA@W