feat: add footer section

src/views/home/ui/footer/footer.module.scss

@@ -1,2 +1,36 @@
 .Footer {
+  background-color: #1B1B25;
+  padding: 80px 160px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 20px;
+
+  .Header {
+    font-family: $font-open-sans;
+    font-weight: $font-semi-bold;
+    font-size: 60px;
+    line-height: 100%;
+    color: $color-white;
+    margin-bottom: 40px;
+  }
+
+  .Bottom {
+    width: 100%;
+    height: 80px;
+    border-top: 1px solid $color-white;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .Policy {
+      font-family: $font-open-sans;
+      font-weight: $font-regular;
+      font-size: 16px;
+      line-height: 100%;
+      color: $color-white;
+      margin-left: auto;
+    }
+  }
 }

src/views/home/ui/footer/footer.tsx

@@ -1,5 +1,27 @@
 import s from './footer.module.scss';
+import { Button, Mark } from '@shared/ui';
 
 export default function Footer() {
-  return <section className={s.Footer}>Footer</section>;
+  return (
+    <section className={s.Footer}>
+      <h2 className={s.Header}>
+        Давайте <Mark>обсудим</Mark> ваши задачи
+      </h2>
+
+      <input type='text' placeholder={'Ваше имя'} />
+      <input type='text' placeholder={'+7 999 1234567'} />
+      <textarea
+        name=''
+        id=''
+        placeholder={'Кратко опишите вашу задачу'}
+      ></textarea>
+      <Button variant={'orange'}>Отправить</Button>
+      <div className={s.Bottom}>
+        <div>TG</div>
+        <div>WA</div>
+        <div>+7 999 1234567</div>
+        <p className={s.Policy}>Политика конфиденциальности</p>
+      </div>
+    </section>
+  );
 }