added contacts

src/components/boris/BorisContactItem/index.tsx

@@ -0,0 +1,25 @@
+import React, { FC } from 'react';
+import styles from './styles.module.scss';
+import { Icon } from '~/components/input/Icon';
+
+interface Props {
+  icon: string;
+  title: string;
+  subtitle: string;
+  link: string;
+}
+
+const BorisContactItem: FC<Props> = ({ icon, title, subtitle, link }) => (
+  <a className={styles.item} href={link} target="_blank">
+    <div className={styles.icon}>
+      <Icon icon={icon} size={32} />
+    </div>
+
+    <div className={styles.info}>
+      <div className={styles.title}>{title}</div>
+      <div className={styles.subtitle}>{subtitle}</div>
+    </div>
+  </a>
+);
+
+export { BorisContactItem };

src/components/boris/BorisContactItem/styles.module.scss

@@ -0,0 +1,29 @@
+@import "~/styles/variables.scss";
+
+.item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: stretch;
+  text-decoration: none;
+  color: darken(white, 50%);
+}
+
+.icon {
+  fill: currentColor;
+  height: 32px;
+}
+
+.info {
+  flex: 1;
+  margin-left: $gap;
+}
+
+.title {
+  font: $font_16_semibold;
+}
+
+.subtitle {
+  font: $font_12_medium;
+  opacity: 0.7;
+}