new lab banner

src/components/lab/LabFactoryBanner/index.tsx

@@ -0,0 +1,26 @@
+import React, { FC } from 'react';
+
+import { Group } from '~/components/containers/Group';
+
+import styles from './styles.module.scss';
+
+interface LabFactoryBannerProps {}
+
+const LabFactoryBanner: FC<LabFactoryBannerProps> = () => (
+  <div className={styles.banner}>
+    <Group>
+      <div className={styles.title}>Лаборатория!</div>
+
+      <Group className={styles.content}>
+        <p>
+          <strong>
+            Всё, что происходит здесь &mdash; всего лишь эксперимент, о котором
+            не узнает никто за пределами Убежища.
+          </strong>
+        </p>
+      </Group>
+    </Group>
+  </div>
+);
+
+export { LabFactoryBanner };

src/components/lab/LabFactoryBanner/styles.module.scss

@@ -0,0 +1,23 @@
+@import 'src/styles/variables';
+
+.banner {
+  @include outer_shadow;
+
+  display: flex;
+  aspect-ratio: 0.7;
+  background: url('/images/peoples_lab.svg') 50% 100%;
+  background-size: cover;
+  padding: $gap;
+  border-radius: $radius;
+}
+
+.title {
+  font: $font_24_bold;
+  text-transform: uppercase;
+}
+
+.content {
+  font: $font_14_medium;
+  line-height: 19px;
+  opacity: 0.7;
+}

src/containers/lab/LabStats/index.tsx

@@ -3,7 +3,7 @@ import React, { FC } from 'react';
 import { SubTitle } from '~/components/common/SubTitle';
 import { Group } from '~/components/containers/Group';
 import { FlowRecentItem } from '~/components/flow/FlowRecentItem';
-import { LabBanner } from '~/components/lab/LabBanner';
+import { LabFactoryBanner } from '~/components/lab/LabFactoryBanner';
 import { LabHeroes } from '~/components/lab/LabHeroes';
 import { LabTags } from '~/components/lab/LabTags';
 import { useLabContext } from '~/utils/context/LabContextProvider';
@@ -17,7 +17,7 @@ const LabStats: FC<IProps> = () => {
 
   return (
     <Group>
-      <LabBanner />
+      <LabFactoryBanner />
 
       <div className={styles.card}>
         <Group>
@@ -39,7 +39,7 @@ const LabStats: FC<IProps> = () => {
             <>
               <div className={styles.title}>Новые</div>
               <Group className={styles.updates}>
-                {updates.slice(0, 10).map(node => (
+                {updates.slice(0, 10).map((node) => (
                   <FlowRecentItem node={node} key={node.id} has_new />
                 ))}
               </Group>