import s from './styles.module.scss';
import { Breadcrumbs } from '@/widgets';
import { Partners } from '@/feature/article';
import { LicenceSlider, YandexMap } from '@/feature/contacts';
import { breadcrumbData } from './model/breadcrums';
import { Icons } from '@shared/ui/icon';
import { slidesData } from './model/slides';
import clsx from 'clsx';

function Contacts() {
  return (
    <>
      <Breadcrumbs breadcrumbs={breadcrumbData} />
      <section>
        <YandexMap />
      </section>
      <section className={s.Information}>
        <div className={s.Contact}>
          <h3>Обращайтесь к нам, любым удобным способом</h3>
          <div className={s.Row}>
            <Icons.ContactCall width={96} height={96} color={'#19bb3f'} />
            <div className={s.Info}>
              <p className={s.Text}>Звоните</p>
              <p className={s.Text}>
                <a href={`tel:+79002413434`}>+7 (900) 241-34-34</a>
              </p>
            </div>
          </div>
          <div className={s.Row}>
            <Icons.ContactTimer width={84} height={84} color={'#19bb3f'} />
            <div className={s.Info}>
              <p className={s.Text}>Ежедневно</p>
              <p className={s.Text}>с 09:00 до 17:00</p>
            </div>
          </div>
          <div className={s.Row}>
            <Icons.Envelope width={96} height={96} color={'#19bb3f'} />
            <div className={s.Info}>
              <p className={s.Text}>E-mail:</p>
              <p className={s.Text}>
                <a href={`mailto:spo-71@yandex.ru`}>spo-71@yandex.ru</a>
              </p>
            </div>
          </div>
          <div className={s.Row}>
            <Icons.ContactWhatsapp width={96} height={96} color={'#19bb3f'} />
            <div className={s.Info}>
              <p className={s.Text}>Whatsapp, Telegram:</p>
              <p className={s.Text}>+7 (900) 241-34-34</p>
            </div>
          </div>
        </div>
        <div className={s.Details}>
          <h3>Реквизиты</h3>
          <p> Название: ООО “ДИ ТРАСО” </p>
          <p>
            {' '}
            Юр.адрес: 354000, Краснодарский край, г.Сочи, ул.Труда, д.15, кв.
            64{' '}
          </p>
          <p />
          <p>
            ИНН: 2320219187 <br />
            КПП: 232001001 <br />
            ОГРН: 1142366003010
          </p>
          <p>
            Банк: Юго-Западный Банк ПАО Сбербанк г. Ростов-на-Дону <br />
            БИК: 046015602
            <br />
            Р/с: 40702810230060002355
            <br />
            К/с: 30101810600000000602 <br />
          </p>
          <p>Директор: Ельчищев Иван Борисович </p>
        </div>
      </section>
      <section className={s.LicenceSlider}>
        <h3 className={s.Title}>Лицензии и сертификаты</h3>
        <LicenceSlider slidesData={slidesData} />
      </section>
      <section className={s.WorkTime}>
        <div className={clsx(s.Block, s.Block_grad)}>
          <Icons.CloudScale
            className={s.Icon}
            width={64}
            height={64}
            color={'#FFFFFF'}
          />
          <h3 className={s.Title}>Режим работы:</h3>
          <p className={s.Text}>Будние дни: с 9.00 до 17.00</p>
          <p className={s.Text}>Выходные: суббота, воскресенье</p>
        </div>
        <div className={s.Block}>
          <Icons.MailBulk
            className={s.Icon}
            width={64}
            height={64}
            color={'#FFFFFF'}
          />
          <h3 className={s.Title}>Контакты для связи</h3>
          <p className={s.Text}>Тел.: +7 (900) 241-34-34</p>
          <p className={s.Text}>E-mail: spo-71@yandex.ru</p>
        </div>
      </section>
      <Partners />
    </>
  );
}

export { Contacts };
