sbermarket
/
landing


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<!doctype html>
<html><head>

  <title>Landing title</title>
  <link rel="stylesheet" href="/web/main.css">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="/web/favicon.ico">

</head><body><main class="root">

  <header>
    <h1>Заказывайте в СберМаркете оптом</h1>
    <p>Получайте специальные скидки за объём</p>
    <div>
      <a class="href-button" href="#main-form">
        <span>За покупками<span>
      </a>
      <img src="/web/boy.png"></img>
    </div>
  </header>

  <h2>СберМарект для бизнеса - это</h2>
  <div class="card-holder">
    <div class="card">
      <div class="icon">🛒</div>
      <div class="title">Доставка день в день*</div>
      <div class="desc">
        Работаем даже в выходные и праздничные дни
      </div>
    </div>

    <div class="card">
      <div class="icon">🏷</div>
      <div class="title">Выгода до 20%</div>
      <div class="desc">
        Уникальные цены и скиду за покупку товаров оптом
      </div>
    </div>

    <div class="card">
      <div class="icon">💼</div>
      <div class="title">Личный менеджер</div>
      <div class="desc">
        Поможет оформить заказ и ответит на любые вопросы
      </div>
    </div>

    <div class="card">
      <div class="icon">🗂️</div>
      <div class="title">Электронный документооборот</div>
      <div class="desc">
        Быстро присылаем закрывающие документы
      </div>
    </div>

    <div class="card">
      <div class="icon">🪙</div>
      <div class="title">Возмещение НДС</div>
      <div class="desc">
        Можно вернуть до 20% от стоимости товаров
      </div>
    </div>

    <div class="card">
      <div class="icon">💳</div>
      <div class="title">Удобная оплата</div>
      <div class="desc">
        Принимаем платежи по карте и на расчётный счёт
      </div>
    </div>
  </div>

  <div class="form-holder">
    <h2>
      Оставьте заявку
    </h2>
    <p> Узнайте подробнее об оптовых закупках в СберМаркете для бизнеса </p>
    <form id="main-form" action="/api/b2b_new_clients" method="POST">
      <div class="field">
        <label for="user-name">* ФИО</label>
        <input id="user-name" name="user_name" type="text"
          required placeholder="Волков Андрей Генадьевич" />
      </div>

      <div class="field">
        <label for="phone-number">* Телефон</label>
        <input id="phone-number" name="phone_number" type="tel" 
          required placeholder="+79876543210" maxlength="12"
          pattern="\+7\d{10}"
        />
      </div>

      <div class="field">
        <label for="email">E-Mail</label>
        <input id="email" name="email" type="email" 
          placeholder="example@example.com"/>
      </div>

      <div class="field">
        <label for="inn">* ИНН</label>
        <input required id="inn" name="inn" type="text" 
          placeholder="9876543210[98]" maxlength="12"
          pattern="\d{10}|\d{12}"
        />
      </div>

      <div class="field">
        <label for="company-name">* Название компании</label>
        <input id="company-name" name="company_name" type="text" 
          placeholder="ООО Компания"/>
      </div>

      <div class="field">
        <label for="product-categories">* Закупаемые товары</label>
        <select required id="product-categories" name="product_categories"
            type="text" >
          <option value="">Выберите категорию товаров</option>
          <option value="Продукты">Продукты</option>
          <option value="Канцелярия">Канцелярия</option>
          <option value="Бытовая химия">Бытовая химия</option>
          <option value="Сертификаты">Сертификаты</option>
          <option value="Алкоголь">Алкоголь</option>
          <option value="Неизвестно">Неизвестно</option>
        </select>
      </div>

      <div class="field">
        <label for="average-amount">* Сумма покупок</label>
        <input id="average-amount" name="average_amount" type="number"
          min="0" max="100000000" list="average-amount-list"
          placeholder="Максимум 100 000 000"
        />
        <datalist id="average-amount-list">
          <option value="1000">1000</option>
          <option value="5000">5000</option>
        </datalist>
      </div>

      <div class="field">
        <label for="call-at">Плановое время звонка лиду</label>
        <input id="call-at" name="call_at"
          type="datetime-local"/>
      </div>

      <div class="field row">
        <input required id="promo-terms-accepted" name="promo_terms_accepted" type="checkbox" />
        <label for="promo-terms-accepted">
          Согласен с обработкой персональных данных, политикой обработки ПД
        </label>
      </div>

      <input type="submit" value="Отправить"/>
    </form>
  </div>

  <script src="/web/main.js"></script>

</main></body></html>