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>
    );
};