first commit

src/sections/HeaderSection/HeaderSection.tsx

@@ -0,0 +1,26 @@
+import dencoLogo from '../../shared/assets/icons/DENCO лого.svg';
+import telegramLogo from '../../shared/assets/icons/лого телега.svg';
+import Image from "next/image";
+import Link from "next/link";
+import {Container} from "@/shared/components/Container/Container";
+import styles from "./Header.module.css";
+
+export function HeaderSection() {
+    return (
+        <header>
+            <Container>
+                <div className={styles.innerContainer}>
+                    <Link href={''}>
+                        <Image className={styles.dencoLogo} src={dencoLogo} alt={'Логотип'}/>
+                    </Link>
+                    <div className={styles.joinGroup}>
+                        <p className={styles.joinText}>Подключиться к сервису</p>
+                        <Link className={styles.link} href={''}>
+                            <Image src={telegramLogo} alt={'Логотип Телеграм'} className={styles.joinLogo}/>
+                        </Link>
+                    </div>
+                </div>
+            </Container>
+        </header>
+    );
+};