add Peeranha footer

components/layout/footer/footer-social.tsx

@@ -8,6 +8,7 @@ import IconReddit from 'remixicon/icons/Logos/reddit-fill.svg';
 import { socialMediaUrls } from 'data/config';
 
 import IconMatrix from '../../../public/images/common/matrix-logo-white.svg';
+import IconPeeranha from '../../../public/images/common/peeranha-logo-white.svg';
 
 const SOCIAL_LINKS = {
   Discord: {
@@ -34,12 +35,16 @@ const SOCIAL_LINKS = {
     icon: IconMatrix,
     href: socialMediaUrls.matrixUrl,
   },
+  Peeranha: {
+    icon: IconPeeranha,
+    href: socialMediaUrls.peeranhaUrl,
+  },
 };
 
 export const FooterSocial = () => {
   const linkEntries = Object.entries(SOCIAL_LINKS);
   return (
-    <div className="flex flex-row justify-start">
+    <div className="flex flex-row items-center justify-start">
       {linkEntries.map(([key, linkData]) => {
         const Icon = linkData.icon;
         if (key === 'Matrix') {
@@ -57,6 +62,21 @@ export const FooterSocial = () => {
           );
         }
 
+        if (key === 'Peeranha') {
+          return (
+            <a
+              href={linkData.href}
+              className="mr-4 opacity-25 hover:opacity-50"
+              target="_blank"
+              rel="noopener noreferrer"
+              key={key}
+              aria-label={key}
+            >
+              <Icon className="h-7 fill-white" />
+            </a>
+          );
+        }
+
         return (
           <a
             href={linkData.href}

data/config.ts

@@ -2,7 +2,8 @@ export const socialMediaUrls = {
   discordUrl: 'https://discord.gg/4pnzjWTJ9b',
   twitterUrl: 'https://twitter.com/EdgewareDAO',
   githubUrl: 'https://github.com/orgs/Edgeware-Network',
-  redditUrl: 'https://www.reddit.com/r/edgeware',
+  peeranhaUrl: 'https://edgeware.peeranha.io/',
   telegramUrl: 'https://t.me/heyedgeware',
+  redditUrl: 'https://www.reddit.com/r/edgeware',
   matrixUrl: 'https://matrix.to/#/#Edgeverse:matrix.org',
 };