cleanup

src/components/main/Footer/index.tsx

@@ -0,0 +1,13 @@
+import React, { FC, memo } from 'react';
+import styles from './styles.scss';
+
+interface IProps {}
+
+const Footer: FC<IProps> = memo(() => (
+  <div className={styles.footer}>
+    <div className={styles.slogan}>Уделяй больше времени тишине. Спасибо</div>
+    <div className={styles.copy}>2009 - {new Date().getFullYear()}</div>
+  </div>
+));
+
+export { Footer };

src/components/main/Footer/styles.scss

@@ -0,0 +1,23 @@
+.footer {
+  display: flex;
+  flex-direction: row;
+  font: $font_12_semibold;
+  background: transparentize(black, 0.9);
+  border-radius: 0 0 $radius $radius;
+  align-items: center;
+  text-transform: uppercase;
+  color: darken(white, 80%);
+  padding-top: 2px;
+  box-sizing: border-box;
+
+  @include outer_shadow();
+}
+
+.slogan {
+  flex: 1;
+  padding: $gap;
+}
+
+.copy {
+  padding: $gap;
+}