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

import { Button, Mark } from '@shared/ui';

import bgForm from '@public/images/bg-form.jpg';
import Image from 'next/image';

export default function License() {
  return (
    <section className={s.License}>
      <h2 className={s.Header}>
        Наши услуги <Mark>подтверждены лицензиями</Mark> и сертификатами
      </h2>

      <div className={s.Slider}>Slider here</div>

      <div className={s.Form}>
        <div className={s.Offer}>
          <Image
            className={s.Background}
            src={bgForm}
            placeholder='blur'
            alt={''}
            quality={75}
            fill
            priority
          />
          <h3 className={s.Title}>
            Заключите договор до 1 июня и получите скидку на проведение пожарной
            экспертизы 15 %
          </h3>
          <p className={s.SubTitle}>
            Оставьте свои контактные данные и мы закрепим скидку до 1 июня за
            вами
          </p>
        </div>
        <div className={s.Inputs}>
          <input type='text' placeholder='Ваше имя' />
          <input type='text' placeholder='+79991234567' />
          <Button variant='orange'>Получить консультацию</Button>
        </div>
      </div>
    </section>
  );
}
