add contact

src/components/organisms/Socials.tsx

@@ -1,6 +1,6 @@
 import { info } from "@/themes/settings/color";
 import { css } from "@emotion/react";
-import { GoGlobe } from "react-icons/go";
+import { GoGlobe, GoMail } from "react-icons/go";
 import { SocialIcon } from "react-social-icons";
 
 export const Socials = () => {
@@ -13,14 +13,12 @@ export const Socials = () => {
 
   return (
     <div css={container}>
-      <a
-        href="https://ethereumjapan.org/"
-        target="_blank"
-        rel="noreferrer"
-        css={css`line-height: 0;`}
-      >
+      <a href="https://ethereumjp.org/contact" target="_blank" rel="noreferrer">
         <GoGlobe size={36} css={css`margin: 12.5px;`} />
       </a>
+      <a href="mailto:[email protected]">
+        <GoMail size={36} css={css`margin: 12.5px;`} />
+      </a>
       <SocialIcon
         css={css`:hover {fill: ${info.Attention};}`}
         url="https://x.com/Ethereum_JP"
@@ -33,20 +31,20 @@ export const Socials = () => {
       />
       <SocialIcon
         css={css`:hover {fill: ${info.Attention};}`}
-        url="https://discord.gg/Tm5jU3DSCE"
+        url="https://github.com/ethereumjp"
         bgColor="transparent"
         fgColor="currentColor"
-        label="Discord"
+        label="Github"
         target="_blank"
         rel="noreferrer"
         style={{ height: 72, width: 72 }}
       />
       <SocialIcon
         css={css`:hover {fill: ${info.Attention};}`}
-        url="https://github.com/ethereumjp"
+        url="https://discord.gg/Tm5jU3DSCE"
         bgColor="transparent"
         fgColor="currentColor"
-        label="Github"
+        label="Discord"
         target="_blank"
         rel="noreferrer"
         style={{ height: 72, width: 72 }}