import s from './main.module.scss';

import Image from 'next/image';
import { ConsultationOrder } from '@/entities/home/consultation-order';
import { CallbackOrder } from '@/entities/home/callback-order';

import bgStart from '@public/images/bg-start-desktop.jpg';
import ruKrdMap from '@public/svg/ru-krd-map.svg';
import logo from '@public/images/dtr-logo.png';
import waIcon from '@public/svg/whatsapp.svg';
import emailIcon from '@public/svg/email-icon.svg';

export default function Main() {
  return (
    <section className={s.Main}>
      <div className={s.Main_BgWrapper}>
        <Image
          className={s.Background}
          src={bgStart}
          placeholder='blur'
          alt={''}
          sizes='100vw'
          quality={75}
          fill
          priority
        />
      </div>
      <div className={s.Header}>
        <div className={s.Logo}>
          <Image className={s.Image} src={logo} alt='ДиТрасо' />
          <div className={s.Block}>
            <p className={s.Title}>ДИ ТРАСО</p>
            <p className={s.Subtitle}>Пожарная экспертиза</p>
          </div>
        </div>

        <div className={s.Buttons}>
          <a
            href='mailto: spo-71@yandex.ru'
            target='_blank'
            rel='noopener noreferrer'
          >
            <Image className={s.Icon} src={emailIcon} alt='email' />
          </a>
          <a
            href='https://wa.me/?phone=79884009393&text=Консультация+по+пожарной+безопасности'
            target='_blank'
            rel='noopener noreferrer'
          >
            <Image className={s.Icon} src={waIcon} alt='whatsapp' />
          </a>
          <CallbackOrder />
        </div>
      </div>
      <div className={s.Info}>
        <Image className={s.Map} src={ruKrdMap} alt={''} priority />
        <div className={s.Content}>
          <h1 className={s.Title}>
            Полное обследование объекта на соответствие требованиям пожарной
            безопасности
          </h1>
          <ul className={s.List}>
            <li className={s.ListItem}>
              Пожарно-техническое обследование (пожарный аудит)
            </li>
            <li className={s.ListItem}>Расчёт пожарного риска</li>
            <li className={s.ListItem}>
              Сокращение затрат на модернизацию пожарных систем
            </li>
            <li className={s.ListItem}>
              Работаем на всей территории Краснодарского края
            </li>
          </ul>
        </div>
        <div className={s.Phone}>
          <p className={s.Title}>+7 (988) 400-93-93</p>
          <ConsultationOrder />
        </div>
      </div>
    </section>
  );
}
