import styles from './FooterSection.module.css';
import {Container} from "@/shared/components/Container/Container";
import Link from "next/link";
import Image from "next/image";
import dencoLogo from "@/shared/assets/icons/DENCO 2024.svg";
import whatsAppLogo from '@/shared/assets/icons/ватсап.svg';
import telegramLogo from '@/shared/assets/icons/телеграм.svg';

export function FooterSection() {
    return (
        <footer>
            <Container className={styles.container}>
                <h3 className={styles.heading}>Зарабатывайте вместе с нами!</h3>
                <Link href={''} className={styles.joinButton}>Стать партнёром</Link>
                <div className={styles.bottom}>
                    <div className={styles.bottomLeft}>
                        <p className={styles.instruction}>Инструкция к подключению</p>
                        <Image className={styles.logo} src={dencoLogo} alt={'Логотип'}/>
                        <p>Все права защищены</p>
                    </div>
                    <div className={styles.bottomRight}>
                        <p className={styles.contactUs}>Свяжитесь с нами!</p>
                        <div className={styles.socialButtons}>
                            <Link href={''}>
                                <Image className={styles.whatsAppLogo} src={whatsAppLogo} alt={''}/>
                            </Link>
                            <Link href={''}>
                                <Image className={styles.telegramLogo} src={telegramLogo} alt={''}/>
                            </Link>
                        </div>
                        <div className={styles.contactDetails}>
                            <Link href={'tel:+79000000000'}>+7(900)000-00-00</Link>
                            <Link href={'mailto:emailemail110@gmail.com'}>emailemail110@gmail.com</Link>
                        </div>
                    </div>
                </div>
            </Container>
        </footer>
    );
};