import s from './styles.module.scss';
import Link from 'next/link';
import Image from 'next/image';
import { ROUTES, ROUTES_EXTERNAL } from '@shared/const/route';
import { Icons } from '@shared/ui/icon';
import dtrLogo from '@public/images/logo-dtr-white.png';

function Footer() {
  return (
    <footer className={s.Footer}>
      <div className={s.Container_green}>
        <div className={s.Grid}>
          <div className={s.About}>
            <Image className={s.Image} src={dtrLogo} alt='ДиТрасо' />
            <p className={s.Description}>
              В соответствии с п.5.1 ст.18 №128-фз лицензия для оценочной
              деятельности не требуется с 01.07.2006г.
            </p>
          </div>
          <div className={s.LinksA}>
            <h3 className={s.Title}>Оценка имущества</h3>
            <ol className={s.List}>
              <li className={s.ListItem}>Оценка жилой недвижимости</li>
              <li className={s.ListItem}>Оценка коммерческой недвижимости</li>
              <li className={s.ListItem}>Оценка ущерба недвижимости</li>
              <li className={s.ListItem}>Оценка сооружений</li>
              <li className={s.ListItem}>Оценка машин и оборудования</li>
              <li className={s.ListItem}>
                Оценка стоимости предприятия (бизнеса)
              </li>
            </ol>
          </div>
          <div className={s.LinksB}>
            <h3 className={s.Title}>Экспертиза</h3>
            <ol className={s.List}>
              <li className={s.ListItem}>Автотехническая экспертиза</li>
              <li className={s.ListItem}>Товароведческая экспертиза</li>
              <li className={s.ListItem}>Трасологическая экспертиза</li>
              <li className={s.ListItem}>Кадастровая экспертиза</li>
              <li className={s.ListItem}>Строительно-техническая экспертиза</li>
              <li className={s.ListItem}>Оценочная экспертиза</li>
            </ol>
          </div>
          <div className={s.LinksC}>
            <h3 className={s.Title}>Юриспруденция</h3>
            <ol className={s.List}>
              <li className={s.ListItem}>Семейные и наследственные споры</li>
              <li className={s.ListItem}>Земельные и имущественные споры</li>
              <li className={s.ListItem}>Взыскание долгов с юридических лиц</li>
              <li className={s.ListItem}>Страховые споры</li>
              <li className={s.ListItem}>
                Сопровождение сделок и составление договоров
              </li>
              <li className={s.ListItem}>Представительство в суде</li>
            </ol>
          </div>
          <div className={s.Contacts}>
            <h3 className={s.Title}>Контакты и адреса</h3>
            <div className={s.Icons}>
              <div className={s.IconBox}>
                <a href='mailto: spo-71@yandex.ru'>
                  <Icons.Envelope className={s.Icon} />
                </a>
                <p className={s.Text}>
                  <a href='mailto: spo-71@yandex.ru'>spo-71@yandex.ru</a>
                </p>
              </div>
              <div className={s.IconBox}>
                <a href={ROUTES_EXTERNAL.YANDEX_MAP}>
                  <Icons.Map className={s.Icon} />
                </a>
                <p className={s.Text}>
                  <a href={ROUTES_EXTERNAL.YANDEX_MAP}>
                    Сочи, ул. Навагинская д.9д, офис 35
                  </a>
                </p>
              </div>
              <div className={s.IconBox}>
                <a href='tel:+79002413434'>
                  <Icons.Phone className={s.Icon} />
                </a>
                <p className={s.Text}>
                  <a href='tel:+79002413434'>+7 (900) 241-34-34</a>
                </p>
              </div>
            </div>
          </div>
          <div className={s.Social}>
            <h3 className={s.Title}>Социальные сети:</h3>
            <div className={s.Row}>
              <a href={ROUTES_EXTERNAL.WHATSAPP}>
                <Icons.Whatsapp className={s.Icon} width={48} height={48} />
              </a>
              <a href={ROUTES_EXTERNAL.TELEGRAM}>
                <Icons.Telegram className={s.Icon} width={48} height={48} />
              </a>
              <a href={ROUTES_EXTERNAL.VK}>
                <Icons.Vk className={s.Icon} width={48} height={48} />
              </a>
              <a href={ROUTES_EXTERNAL.YOUTUBE}>
                <Icons.Youtube className={s.Icon} width={48} height={48} />
              </a>
            </div>
          </div>
        </div>
      </div>

      <div className={s.Container_gray}>
        <div className={s.Bottom}>
          <ul className={s.List}>
            <li className={s.ListItem}>© ООО “ДИ ТРАСО”</li>
            <li className={s.ListItem}>
              <Link href={ROUTES.EMPTY}>Политика конфиденциальности</Link>
            </li>
            <li className={s.ListItem}>
              <Link href={ROUTES.EMPTY}>Карта сайта</Link>
            </li>
          </ul>
        </div>
      </div>
    </footer>
  );
}

export { Footer };
