www.komisarnews.com Open in urlscan Pro
2a00:7a60:0:1084::1 Public Scan

Back to summary

Submitted URL:
http://komisarnews.com/
Effective URL:
https://www.komisarnews.com/
Submission: On November 08 via api (November 8th 2024, 4:23:33 am UTC) from US — Scanned from DE

Form analysis
3 forms found in the DOM

<form wire:submit="save" x-data="{
            descriptionFull: false,
            rulesConfirm: false,
        }">
  <div class="mb-5">
    <span class="block text-lg font-medium text-center uppercase text-max-dark"> Оцінка та продаж волосся </span>
  </div>
  <ul class="relative flex flex-row justify-between max-w-sm mx-auto gap-x-2">
    <li>
      <div class="relative min-w-[28px] min-h-[28px] flex flex-col items-center md:w-full md:inline-flex md:flex-wrap md:flex-row text-xs align-middl" :class="$active === $step ? 'animate-bounce' : ''">
        <span class="flex items-center justify-center flex-shrink-0 mx-auto font-medium rounded-full size-8">
          <svg class="size-6 text-max-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
            <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
            <path d="M10 9H8"></path>
            <path d="M16 13H8"></path>
            <path d="M16 17H8"></path>
          </svg> <svg class="hidden size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M20 6 9 17l-5-5"></path>
          </svg> </span>
      </div>
      <div class="grow md:grow-0">
        <span class="block text-xs font-semibold text-max-dark lg:text-sm"> Заявка </span>
      </div>
    </li>
    <li>
      <div class="relative min-w-[28px] min-h-[28px] flex flex-col items-center md:w-full md:inline-flex md:flex-wrap md:flex-row text-xs align-middl" :class="$active === $step ? 'animate-bounce' : ''">
        <span class="flex items-center justify-center flex-shrink-0 mx-auto font-medium rounded-full size-8">
          <svg class="size-6 text-max-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z"></path>
            <path d="M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7"></path>
            <path d="M 7 17h.01"></path>
            <path d="m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8"></path>
          </svg> <svg class="hidden size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M20 6 9 17l-5-5"></path>
          </svg> </span>
      </div>
      <div class="grow md:grow-0">
        <span class="block text-xs font-semibold text-max-dark lg:text-sm"> Опції </span>
      </div>
    </li>
    <li>
      <div class="relative min-w-[28px] min-h-[28px] flex flex-col items-center md:w-full md:inline-flex md:flex-wrap md:flex-row text-xs align-middl" :class="$active === $step ? 'animate-bounce' : ''">
        <span class="flex items-center justify-center flex-shrink-0 mx-auto font-medium rounded-full size-8">
          <svg class="size-6 text-max-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path>
            <circle cx="12" cy="13" r="3"></circle>
          </svg> <svg class="hidden size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M20 6 9 17l-5-5"></path>
          </svg> </span>
      </div>
      <div class="grow md:grow-0">
        <span class="block text-xs font-semibold text-max-dark lg:text-sm"> Фото </span>
      </div>
    </li>
    <li>
      <div class="relative min-w-[28px] min-h-[28px] flex flex-col items-center md:w-full md:inline-flex md:flex-wrap md:flex-row text-xs align-middl" :class="$active === $step ? 'animate-bounce' : ''">
        <span class="flex items-center justify-center flex-shrink-0 mx-auto font-medium rounded-full size-8">
          <svg class="size-6 text-max-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path>
            <path d="M8 12h.01"></path>
            <path d="M12 12h.01"></path>
            <path d="M16 12h.01"></path>
          </svg> <svg class="hidden size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M20 6 9 17l-5-5"></path>
          </svg> </span>
      </div>
      <div class="grow md:grow-0">
        <span class="block text-xs font-semibold text-max-dark lg:text-sm"> Опис </span>
      </div>
    </li>
    <li>
      <div class="relative min-w-[28px] min-h-[28px] flex flex-col items-center md:w-full md:inline-flex md:flex-wrap md:flex-row text-xs align-middl" :class="$active === $step ? 'animate-bounce' : ''">
        <span class="flex items-center justify-center flex-shrink-0 mx-auto font-medium rounded-full size-8">
          <svg class="size-6 text-max-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
            <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
            <path d="m9 15 2 2 4-4"></path>
          </svg> <svg class="hidden size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M20 6 9 17l-5-5"></path>
          </svg> </span>
      </div>
      <div class="grow md:grow-0">
        <span class="block text-xs font-semibold text-max-dark lg:text-sm"> Дані </span>
      </div>
    </li>
  </ul>
  <div class="flex flex-col justify-between h-[450px]">
    <div class="space-y-5 mt-5" x-show="step == 1" style="display: none;">
      <div class="flex flex-col w-full gap-y-5">
        <div x-data="{ isOpen: false }" @keydown.esc.window="isOpen = false" class="relative">
          <!-- Toggle Button -->
          <button type="button" @click="isOpen = !isOpen"
            class="flex justify-between w-full p-4 text-sm border rounded-lg peer placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none bg-max-soft/20 border-max-soft/20 text-max-dark"
            :class="isOpen ? '' : ''" :aria-expanded="isOpen" aria-haspopup="true" aria-expanded="false"> Вкажіть ціль заявки </button>
          <!-- Dropdown Menu -->
          <div x-show="isOpen" x-transition="" @click.outside="isOpen = false, openedWithKeyboard = false" @keydown.down.prevent="$focus.wrap().next()" @keydown.up.prevent="$focus.wrap().previous()"
            class="absolute top-16 flex w-full min-w-[12rem] flex-col overflow-hidden rounded-xl bg-max-dark z-30" role="menu" style="display: none;">
            <!-- Dropdown Section -->
            <div class="flex flex-col py-1.5">
              <!--[if BLOCK]><![endif]-->
              <div
                class="flex items-center gap-2 px-4 py-2 text-sm transition duration-300 cursor-pointer bg-max-soft/80 text-max-light hover:bg-neutral-800/5 focus-visible:bg-neutr al-800/10 focus-visible:text-neutral-700 hover:text-max-light/80 focus-visible:outline-none"
                wire:click="$set('order.goal', 'Хочу оцінити волосся')" @click="isOpen = !isOpen">
                <!--[if BLOCK]><![endif]-->
                <div class="me-2">
                  <svg class="size-6 text-max-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path>
                    <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path>
                    <path d="M12 18V6"></path>
                  </svg>
                </div>
                <!--[if ENDBLOCK]><![endif]-->
                <div>
                  <!--[if BLOCK]><![endif]-->
                  <div class="text-sm font-semibold">Хочу оцінити волосся</div>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]-->
                  <div class="text-xs font-normal text-zinc-200">Лише дізнатись ціну у майстра</div>
                  <!--[if ENDBLOCK]><![endif]-->
                </div>
              </div>
              <div
                class="flex items-center gap-2 px-4 py-2 text-sm transition duration-300 cursor-pointer bg-max-soft/80 text-max-light hover:bg-neutral-800/5 focus-visible:bg-neutr al-800/10 focus-visible:text-neutral-700 hover:text-max-light/80 focus-visible:outline-none"
                wire:click="$set('order.goal', 'Хочу продати волосся')" @click="isOpen = !isOpen">
                <!--[if BLOCK]><![endif]-->
                <div class="me-2">
                  <svg class="size-6 text-max-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path>
                    <path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path>
                  </svg>
                </div>
                <!--[if ENDBLOCK]><![endif]-->
                <div>
                  <!--[if BLOCK]><![endif]-->
                  <div class="text-sm font-semibold">Хочу продати волосся</div>
                  <!--[if ENDBLOCK]><![endif]-->
                  <!--[if BLOCK]><![endif]-->
                  <div class="text-xs font-normal text-zinc-200">Відправити волосся та отримати гроші</div>
                  <!--[if ENDBLOCK]><![endif]-->
                </div>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
            </div>
          </div>
        </div>
        <div x-data="{ counter: false }">
          <div class="">
            <div class="relative grow">
              <!--[if BLOCK]><![endif]-->
              <div class="input-icon text-max-dark/80">
                <svg class="flex-shrink-0 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
                  <circle cx="12" cy="7" r="4"></circle>
                </svg>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
              <input wire:model="order.name" type="text"
                class="pl-12 bg-max-soft/20 border-max-soft/20 text-max-dark peer border p-4 block w-full rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 outline-none"
                maxlength="40" id="input-vase-imia" placeholder="Ваше ім'я" x-on:focus="counter = true" x-on:blur="counter = false">
              <label for="input-vase-imia" class="pl-12 text-max-dark peer-[:not(:placeholder-shown)]:text-max-dark peer-focus:text-max-dark input-label"> Ваше ім'я </label>
              <template x-if="''">
                <div class="absolute text-lg top-2 right-2">
                  <span class="block bg-red size-1.5 rounded-full"></span>
                </div>
              </template>
              <template x-if="'1'">
                <div x-show="counter" x-transition.opacity.duration.300ms="">
                  <span x-bind:class="$wire.order.name.length !== 40 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
                    <span x-text="$wire.order.name.length + '/' + 40"></span>
                  </span>
                </div>
              </template>
              <div x-show="counter" x-transition.opacity.duration.300ms="" style="display: none;">
                <span x-bind:class="$wire.order.name.length !== 40 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light bg-max-soft">
                  <span x-text="$wire.order.name.length + '/' + 40">0/40</span>
                </span>
              </div>
            </div>
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          </div>
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        </div>
        <div x-data="{ counter: false }">
          <div class="">
            <div class="relative grow">
              <!--[if BLOCK]><![endif]-->
              <div class="input-icon text-max-dark/80">
                <svg class="flex-shrink-0 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path>
                  <circle cx="12" cy="10" r="3"></circle>
                </svg>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
              <input wire:model="order.city" type="text"
                class="pl-12 bg-max-soft/20 border-max-soft/20 text-max-dark peer border p-4 block w-full rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 outline-none"
                maxlength="30" id="input-misto" placeholder="Місто" x-on:focus="counter = true" x-on:blur="counter = false">
              <label for="input-misto" class="pl-12 text-max-dark peer-[:not(:placeholder-shown)]:text-max-dark peer-focus:text-max-dark input-label"> Місто </label>
              <template x-if="'1'">
                <div class="absolute text-lg top-2 right-2">
                  <span class="block bg-red size-1.5 rounded-full"></span>
                </div>
              </template>
              <div class="absolute text-lg top-2 right-2">
                <span class="block bg-red size-1.5 rounded-full"></span>
              </div>
              <template x-if="'1'">
                <div x-show="counter" x-transition.opacity.duration.300ms="">
                  <span x-bind:class="$wire.order.city.length !== 30 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
                    <span x-text="$wire.order.city.length + '/' + 30"></span>
                  </span>
                </div>
              </template>
              <div x-show="counter" x-transition.opacity.duration.300ms="" style="display: none;">
                <span x-bind:class="$wire.order.city.length !== 30 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light bg-max-soft">
                  <span x-text="$wire.order.city.length + '/' + 30">0/30</span>
                </span>
              </div>
            </div>
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          </div>
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        </div>
        <div x-data="{ counter: false }">
          <div class="">
            <div class="relative grow">
              <!--[if BLOCK]><![endif]-->
              <div class="input-icon text-max-dark/80">
                <svg class="flex-shrink-0 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <rect width="20" height="16" x="2" y="4" rx="2"></rect>
                  <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
                </svg>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
              <input wire:model="order.email" type="text"
                class="pl-12 bg-max-soft/20 border-max-soft/20 text-max-dark peer border p-4 block w-full rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 outline-none"
                maxlength="40" id="input-elektronna-posta" placeholder="Електронна пошта" x-on:focus="counter = true" x-on:blur="counter = false">
              <label for="input-elektronna-posta" class="pl-12 text-max-dark peer-[:not(:placeholder-shown)]:text-max-dark peer-focus:text-max-dark input-label"> Електронна пошта </label>
              <template x-if="''">
                <div class="absolute text-lg top-2 right-2">
                  <span class="block bg-red size-1.5 rounded-full"></span>
                </div>
              </template>
              <template x-if="'1'">
                <div x-show="counter" x-transition.opacity.duration.300ms="">
                  <span x-bind:class="$wire.order.email.length !== 40 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
                    <span x-text="$wire.order.email.length + '/' + 40"></span>
                  </span>
                </div>
              </template>
              <div x-show="counter" x-transition.opacity.duration.300ms="" style="display: none;">
                <span x-bind:class="$wire.order.email.length !== 40 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light bg-max-soft">
                  <span x-text="$wire.order.email.length + '/' + 40">0/40</span>
                </span>
              </div>
            </div>
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          </div>
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        </div>
        <div x-data="{ counter: false }">
          <div class="">
            <div class="relative grow">
              <!--[if BLOCK]><![endif]-->
              <div class="input-icon text-max-dark/80">
                <svg class="flex-shrink-0 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path
                    d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
                  </path>
                </svg>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
              <input wire:model="order.phone" type="text"
                class="pl-12 bg-max-soft/20 border-max-soft/20 text-max-dark peer border p-4 block w-full rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 outline-none"
                maxlength="15" id="input-nomer-telefonu" placeholder="Номер телефону" x-on:focus="counter = true" x-on:blur="counter = false">
              <label for="input-nomer-telefonu" class="pl-12 text-max-dark peer-[:not(:placeholder-shown)]:text-max-dark peer-focus:text-max-dark input-label"> Номер телефону </label>
              <template x-if="'1'">
                <div class="absolute text-lg top-2 right-2">
                  <span class="block bg-red size-1.5 rounded-full"></span>
                </div>
              </template>
              <div class="absolute text-lg top-2 right-2">
                <span class="block bg-red size-1.5 rounded-full"></span>
              </div>
              <template x-if="'1'">
                <div x-show="counter" x-transition.opacity.duration.300ms="">
                  <span x-bind:class="$wire.order.phone.length !== 15 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
                    <span x-text="$wire.order.phone.length + '/' + 15"></span>
                  </span>
                </div>
              </template>
              <div x-show="counter" x-transition.opacity.duration.300ms="" style="display: none;">
                <span x-bind:class="$wire.order.phone.length !== 15 ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light bg-max-soft">
                  <span x-text="$wire.order.phone.length + '/' + 15">0/15</span>
                </span>
              </div>
            </div>
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          </div>
          <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        </div>
      </div>
    </div>
    <div class="space-y-5 mt-5" x-show="step == 2" style="display: none;">
      <div x-data="{ isOpen: false }" @keydown.esc.window="isOpen = false" class="relative">
        <!-- Toggle Button -->
        <button type="button" @click="isOpen = !isOpen"
          class="flex justify-between w-full p-4 text-sm border rounded-lg peer placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none bg-max-soft/20 border-max-soft/20 text-max-dark"
          :class="isOpen ? '' : ''" :aria-expanded="isOpen" aria-haspopup="true" aria-expanded="false"> Вкажіть колір волосся </button>
        <!-- Dropdown Menu -->
        <div x-show="isOpen" x-transition="" @click.outside="isOpen = false, openedWithKeyboard = false" @keydown.down.prevent="$focus.wrap().next()" @keydown.up.prevent="$focus.wrap().previous()"
          class="absolute top-16 flex w-full min-w-[12rem] flex-col overflow-hidden rounded-xl bg-max-dark z-30" role="menu" style="display: none;">
          <!-- Dropdown Section -->
          <div class="flex flex-col py-1.5">
            <!--[if BLOCK]><![endif]-->
            <option value="1"> Блонд </option>
            <option value="2"> Світло-русий </option>
            <option value="3"> Русий </option>
            <option value="4"> Світло-коричневий </option>
            <option value="5"> Темно-коричневий </option>
            <option value="6"> Чорний </option>
            <!--[if ENDBLOCK]><![endif]-->
          </div>
        </div>
      </div>
      <div>
        <p class="hidden text-xs leading-4 lg:inline-block text-max-dark/80">
          <svg class="inline-block size-3 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="10"></circle>
            <path d="M12 16v-4"></path>
            <path d="M12 8h.01"></path>
          </svg> Бажано вказати якомога більше подробиць
        </p>
        <div class="flex justify-between gap-x-4">
          <!-- Input Number -->
          <div class="border rounded-lg bg-max-soft/20 border-max-soft/30">
            <div class="flex items-center justify-between w-full gap-x-1">
              <div class="relative px-3 py-2 grow">
                <span class="block text-xs text-max-dark line-clamp-1">Вага (гр)</span>
                <input type="text" wire:model="order.hair_weight" placeholder="0" class="w-full p-0 bg-transparent border-0 weight-input text-max-dark focus:ring-0 placeholder:text-sm placeholder:text-max-soft/50" aria-label="Вага">
              </div>
            </div>
          </div>
          <!-- End Input Number -->
          <!-- Input Number -->
          <div class="border rounded-lg bg-max-soft/20 border-max-soft/30" data-hs-input-number="">
            <div class="flex items-center justify-between w-full gap-x-1">
              <div class="relative px-3 py-2 grow">
                <span class="text-xs text-max-dark line-clamp-1">Довжина (мм)</span>
                <div class="absolute text-lg top-2 right-2">
                  <span class="block bg-red-500 h-1.5 w-1.5 rounded-full"></span>
                </div>
                <input type="text" wire:model.blur="order.hair_length" placeholder="0" class="w-full p-0 bg-transparent border-0 length-input text-max-dark focus:ring-0 placeholder:text-sm placeholder:text-max-soft/50" aria-label="Довжина"
                  data-hs-input-number-input="">
              </div>
            </div>
          </div>
          <!-- End Input Number -->
          <!-- Input Number -->
          <div class="w-[130px] border rounded-lg bg-max-soft/20 border-max-soft/30">
            <div class="flex items-center justify-between w-full gap-x-1">
              <div class="px-3 py-2 grow">
                <span class="block text-xs text-max-dark">Вік</span>
                <input type="text" wire:model="order.age" placeholder="25" class="w-full p-0 bg-transparent border-0 age-input text-max-dark focus:ring-0 placeholder:text-sm placeholder:text-max-soft/50" aria-label="Вік">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div>
        <p class="text-xs text-max-dark/80">
          <svg class="inline-block size-3 -mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="10"></circle>
            <path d="M12 16v-4"></path>
            <path d="M12 8h.01"></path>
          </svg> Вкажіть особливості волосся для оцінки
        </p>
        <ul class="flex flex-col justify-between border rounded-lg lg:rounded-t-lg lg:rounded-b-none bg-max-soft/30 sm:flex-row border-max-soft/50">
          <li
            class="inline-flex items-center w-full gap-x-2.5 py-2 px-4 lg:py-4 text-sm font-medium lg:transition lg:hover:bg-max-soft/40 lg:border-e border-max-soft/50 text-max-dark -mt-px first:rounded-t-lg first:mt-0 last:rounded-b-lg sm:-ms-px sm:mt-0 sm:first:rounded-se-none sm:first:rounded-tl-lg sm:last:rounded-es-none sm:last:rounded-se-lg">
            <div class="relative flex items-start w-full">
              <div class="flex items-center self-center h-6">
              </div>
              <label for="hair-options-1" class="flex flex-col self-center w-full text-sm font-semibold ms-3 text-max-dark">Зрізане <span class="-mt-1 text-xs text-max-dark/80 lg:hidden"> волосся наразі зрізане </span>
              </label>
            </div>
          </li>
          <li
            class="inline-flex items-center w-full gap-x-2.5 py-2 px-4 lg:py-4 text-sm font-medium border-t lg:transition lg:hover:bg-max-soft/40 lg:border-e border-max-soft/50 lg:border-t-0 text-max-dark -mt-px first:rounded-t-lg first:mt-0 last:rounded-b-lg sm:-ms-px sm:mt-0 sm:first:rounded-se-none sm:first:rounded-es-lg sm:last:rounded-es-none sm:last:rounded-se-lg">
            <div class="relative flex items-start w-full">
              <div class="flex items-center self-center h-6">
              </div>
              <label for="hair-options-2" class="flex flex-col self-center w-full text-sm font-semibold ms-3 text-max-dark">Фарбоване <span class="-mt-1 text-xs text-max-dark/80 lg:hidden"> волосся вже фарбоване </span>
              </label>
            </div>
          </li>
          <li
            class="inline-flex items-center w-full gap-x-2.5 py-2 px-4 lg:py-4 text-sm font-medium border-t lg:rounded-tr-lg lg:cursor-pointer lg:transition lg:hover:bg-max-soft/40 border-max-soft/50 lg:border-t-0 text-max-dark -mt-px first:rounded-t-lg first:mt-0 last:rounded-b-lg sm:-ms-px sm:mt-0 sm:first:rounded-se-none sm:first:rounded-es-lg sm:last:rounded-es-none sm:last:rounded-se-lg">
            <div class="relative flex items-start w-full">
              <div class="flex items-center self-center h-6">
              </div>
              <label for="hair-options-3" class="flex flex-col self-center w-full text-sm font-semibold ms-3 text-max-dark lg:cursor-pointer"> З сивиною <span class="-mt-1 text-xs text-max-dark/80 lg:hidden"> частково має сивину </span>
              </label>
            </div>
          </li>
          <li
            class="inline-flex items-center w-full lg:hidden gap-x-2.5 py-2 px-4 lg:py-4 text-sm font-medium border-t border-max-soft/50 lg:border-t text-max-dark -mt-px first:rounded-t-lg first:mt-0 last:rounded-b-lg sm:-ms-px sm:mt-0 sm:first:rounded-se-none sm:first:rounded-es-lg sm:last:rounded-es-none sm:last:rounded-se-lg">
            <div class="hs-tooltip [--trigger:hover] w-full">
              <div class="flex hs-tooltip-toggle">
                <svg class="size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path>
                  <path d="M8 12h.01"></path>
                  <path d="M12 12h.01"></path>
                  <path d="M16 12h.01"></path>
                </svg>
                <div class="flex flex-col ms-3 hs-tooltip-toggle">
                  <span class="font-semibold text-max-dark">Інші уточнення</span>
                  <span class="-mt-1 text-xs text-max-dark/80 lg:hidden"> власні особливості </span>
                </div>
                <div
                  class="absolute z-10 invisible hidden w-full max-w-xs transition-opacity border rounded-lg shadow-lg opacity-0 shadow-max-dark/50 bg-max-light border-max-soft/30 hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible text-start"
                  role="tooltip">
                  <div class="px-4 py-3 text-sm">
                    <div>
                      <div x-data="{ counter: false }" class="relative">
                        <textarea wire:model="order.description"
                          class="bg-max-soft/20 border-max-soft/20 text-max-dark peer p-4 block w-full border-gray-200 rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2"
                          rows="6" maxlength="1000" id="hs-floating-" placeholder="Інші уточнення" x-on:focus="counter = true" x-on:blur="counter = false" style="resize: none"></textarea>
                        <label for="hs-floating-"
                          class="absolute top-0 start-0 p-4 h-full text-sm truncate text-max-dark pointer-events-none transition ease-in-out duration-100 border border-transparent peer-disabled:opacity-50 peer-disabled:pointer-events-none peer-focus:text-xs peer-focus:-translate-y-1.5 peer-focus:text-max-soft peer-[:not(:placeholder-shown)]:text-xs peer-[:not(:placeholder-shown)]:-translate-y-1.5 peer-[:not(:placeholder-shown)]:text-max-soft">
                          Інші уточнення </label>
                        <template x-if="''">
                          <div class="absolute text-lg top-2 right-2">
                            <span class="block bg-red-500 h-1.5 w-1.5 rounded-full"></span>
                          </div>
                        </template>
                        <template x-if="'1'">
                          <div x-show="counter" x-transition.opacity.duration.300ms="">
                            <span x-bind:class="$wire.order.description.length !== 1000 ? 'bg-max-soft' : 'bg-red-500'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
                              <span x-text="$wire.order.description.length + '/' + 1000"></span>
                            </span>
                          </div>
                        </template>
                        <div x-show="counter" x-transition.opacity.duration.300ms="" style="display: none;">
                          <span x-bind:class="$wire.order.description.length !== 1000 ? 'bg-max-soft' : 'bg-red-500'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light bg-max-soft">
                            <span x-text="$wire.order.description.length + '/' + 1000">0/1000</span>
                          </span>
                        </div>
                      </div>
                      <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
        <div class="hidden lg:block">
          <div>
            <div x-data="{ counter: false }" class="relative">
              <textarea wire:model="order.description"
                class="bg-max-light/90 border-max-soft/50 text-max-dark focus:bg-max-light/85 peer p-4 block w-full border-gray-200 rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 border-t-0 rounded-t-none bg-max-soft/20 focus:ring-0"
                maxlength="1000" rows="4" id="hs-floating-" placeholder="Додаткові уточнення" x-on:focus="counter = true" x-on:blur="counter = false" style="resize: none"></textarea>
              <label for="hs-floating-"
                class="absolute top-0 start-0 p-4 h-full text-sm truncate text-max-dark pointer-events-none transition ease-in-out duration-100 border border-transparent peer-disabled:opacity-50 peer-disabled:pointer-events-none peer-focus:text-xs peer-focus:-translate-y-1.5 peer-focus:text-max-soft peer-[:not(:placeholder-shown)]:text-xs peer-[:not(:placeholder-shown)]:-translate-y-1.5 peer-[:not(:placeholder-shown)]:text-max-soft">
                Додаткові уточнення </label>
              <template x-if="''">
                <div class="absolute text-lg top-2 right-2">
                  <span class="block bg-red-500 h-1.5 w-1.5 rounded-full"></span>
                </div>
              </template>
              <template x-if="'1'">
                <div x-show="counter" x-transition.opacity.duration.300ms="">
                  <span x-bind:class="$wire.order.description.length !== 1000 ? 'bg-max-soft' : 'bg-red-500'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
                    <span x-text="$wire.order.description.length + '/' + 1000"></span>
                  </span>
                </div>
              </template>
              <div x-show="counter" x-transition.opacity.duration.300ms="" style="display: none;">
                <span x-bind:class="$wire.order.description.length !== 1000 ? 'bg-max-soft' : 'bg-red-500'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light bg-max-soft">
                  <span x-text="$wire.order.description.length + '/' + 1000">0/1000</span>
                </span>
              </div>
            </div>
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
          </div>
        </div>
      </div>
    </div>
    <div class="space-y-5 mt-5" x-show="step == 3">
      <div
        wire:snapshot="{&quot;data&quot;:{&quot;order&quot;:[{&quot;goal&quot;:&quot;&quot;,&quot;name&quot;:&quot;&quot;,&quot;city&quot;:&quot;&quot;,&quot;email&quot;:&quot;&quot;,&quot;phone&quot;:&quot;&quot;,&quot;photos&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;color&quot;:null,&quot;hair_weight&quot;:null,&quot;hair_length&quot;:null,&quot;age&quot;:null,&quot;hair_options&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;description&quot;:&quot;&quot;},{&quot;class&quot;:&quot;App\\Livewire\\Forms\\OrderForm&quot;,&quot;s&quot;:&quot;form&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;8n8MAorrwRkBjYIrgZZW&quot;,&quot;name&quot;:&quot;order.photos&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;1340498689-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;uk&quot;},&quot;checksum&quot;:&quot;aa3974a33ad1fd2d855e6860c3b23d4aabf8a292446048edeeb3fe26c4006ee9&quot;}"
        wire:effects="{&quot;scripts&quot;:{&quot;1340498689-0&quot;:&quot;    <script>\n        Alpine.data('dropzone', () => ({\n            isDropping: false,\n            isUploading: false,\n            handleFileDrop(event) {\n                this.isDropping = false;\n                this.isUploading = true;\n\n                let photos = $wire.el.querySelector('input[type=\&quot;file\&quot;]').files;\n\n                if (photos.length < 5) {\n                    $wire.uploadMultiple('order.photos', photos, (uploadedFilename) => {\n                        \/\/ Success callback...\n                        this.isUploading = false;\n                        console.log(uploadedFilename);\n                    }, () => {\n                        \/\/ Error callback...\n                        this.isUploading = false;\n                    }, (event) => {\n                        \/\/ Progress callback...\n                        this.progress = event.detail.progress\n                    }, () => {\n                        \/\/ Cancelled callback...\n                        this.isUploading = false;\n                    })\n                }\n            },\n\n            remove(photo) {\n                $wire.removeUpload('order.photos', uploadedFilename, successCallback)\n            }\n        }));\n    <\/script>\n    &quot;}}"
        wire:id="8n8MAorrwRkBjYIrgZZW" x-data="dropzone">
        <!--[if BLOCK]><![endif]-->
        <div :class="isDropping ? 'bg-max-text/60' : 'bg-max-text/20'" class="relative w-full h-40 overflow-hidden duration-300 border border-dashed rounded-lg border-max-text/90 bg-max-text/20">
          <input type="file" multiple="" @change="handleFileDrop($event)" @drop="isDropping=false" class="absolute inset-0 z-50 p-0 m-0 outline-none opacity-0 cursor-pointer size-full block" :class="'block'" @dragover="isDropping=true"
            @dragleave="isDropping=false">
          <svg class="absolute text-indigo-600 opacity-5 -top-3 left-3 size-20 -rotate-[25deg]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path>
            <circle cx="12" cy="13" r="3"></circle>
          </svg> <svg class="absolute text-red-600 opacity-5 top-1 -right-2 rotate-[35deg] size-16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect>
            <circle cx="9" cy="9" r="2"></circle>
            <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
          </svg> <svg class="absolute text-purple-600 opacity-5 bottom-1 left-16 size-16 -rotate-[55deg]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"></path>
            <path d="m14 19.5 3-3 3 3"></path>
            <path d="M17 22v-5.5"></path>
            <circle cx="9" cy="9" r="2"></circle>
          </svg> <svg class="absolute text-cyan-600 opacity-5 bottom-4 right-32 size-14 rotate-[20deg]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path d="M16 5h6"></path>
            <path d="M19 2v6"></path>
            <path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"></path>
            <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
            <circle cx="9" cy="9" r="2"></circle>
          </svg> <svg class="absolute text-cyan-600 opacity-5 top-4 left-36 size-16 rotate-[10deg]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
            <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
            <circle cx="10" cy="12" r="2"></circle>
            <path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path>
          </svg>
          <div class="flex flex-row h-full">
            <div class="content-center w-1/3">
              <div class="relative flex mx-auto size-16">
                <span class="absolute inline-flex rounded-full opacity-75 size-full animate-ping bg-max-soft/50"></span>
                <span class="relative inline-flex border-2 rounded-full size-16 border-max-soft/70 bg-max-light">
                  <svg class="self-center mx-auto size-7 text-max-soft opacity-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path>
                    <path d="M12 12v9"></path>
                    <path d="m16 16-4-4-4 4"></path>
                  </svg> </span>
              </div>
            </div>
            <div class="flex items-stretch w-2/3">
              <div class="flex flex-col self-center">
                <button type="button" class="bg-max-dark lg:hover:bg-max-dark/80 px-3 py-2 rounded-md font-medium text-max-light text-sm transition duration-300 disabled:opacity-50 flex items-center justify-center">
                  <svg class="inline-flex size-5 me-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path>
                    <circle cx="12" cy="13" r="3"></circle>
                  </svg> Відкрити<span class="hidden md:block">&nbsp;зображення</span>
                </button>
                <span class="text-sm text-max-dark/70">або перетягнути сюди...</span>
              </div>
            </div>
          </div>
          <div class="absolute bottom-0 left-0 flex justify-between w-full">
            <span class="text-xs text-max-black/60 ms-2">
              <svg class="inline-flex -mt-1 size-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
                <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
                <circle cx="10" cy="12" r="2"></circle>
                <path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path>
              </svg> JPG, PNG </span>
            <span class="text-xs text-max-black/60 me-2">
              <svg class="inline-flex -mt-1 size-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
                <path d="M14 15H9v-5"></path>
                <path d="M16 3h5v5"></path>
                <path d="M21 3 9 15"></path>
              </svg> 1980x1024 </span>
          </div>
        </div>
        <!--[if ENDBLOCK]><![endif]-->
        <div x-show="isUploading" class="mt-3" style="display: none;">
          <div class="w-full overflow-hidden rounded-lg bg-max-soft/30">
            <span class="block size-16 bg-max-soft/50"></span>
          </div>
          <div class="grid grid-cols-4 mt-4 gap-x-4">
            <!--[if BLOCK]><![endif]-->
            <div class="overflow-hidden rounded-lg bg-max-soft/30">
              <div class="h-16"></div>
              <div class="flex justify-between h-8">
                <span class="flex w-full bg-max-dark/30"></span>
              </div>
            </div>
            <div class="overflow-hidden rounded-lg bg-max-soft/30">
              <div class="h-16"></div>
              <div class="flex justify-between h-8">
                <span class="flex w-full bg-max-dark/30"></span>
              </div>
            </div>
            <div class="overflow-hidden rounded-lg bg-max-soft/30">
              <div class="h-16"></div>
              <div class="flex justify-between h-8">
                <span class="flex w-full bg-max-dark/30"></span>
              </div>
            </div>
            <div class="overflow-hidden rounded-lg bg-max-soft/30">
              <div class="h-16"></div>
              <div class="flex justify-between h-8">
                <span class="flex w-full bg-max-dark/30"></span>
              </div>
            </div>
            <!--[if ENDBLOCK]><![endif]-->
          </div>
        </div>
        <div x-show="!isUploading">
          <!--[if BLOCK]><![endif]-->
          <div class="bg-max-soft/15 border-max-soft/20 border rounded-lg overflow-hidden relative mt-5">
            <div class="flex flex-row">
              <span class="flex px-4 border-r border-max-soft/20 bg-max-soft/25" x-bind:class="{
                'border-max-soft/20 bg-max-soft/25': '1',
                'border-warning/20 bg-warning/25': '',
                'border-red/20 bg-red/25': ''
            }">
                <svg class="self-center size-6 text-max-soft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <circle cx="12" cy="12" r="10"></circle>
                  <path d="M12 16v-4"></path>
                  <path d="M12 8h.01"></path>
                </svg> </span>
              <div class="text-max-dark/90 px-4 py-2 m-0 text-xs leading-4"> Намагайтесь обирати максимально вигідні фото та ракурс, який найкраще відображає волосся та їх стан. Максимум до <b>4</b> фото. </div>
            </div>
          </div>
          <div class="bg-warning/15 border-warning/20 border rounded-lg overflow-hidden relative mt-5">
            <div class="flex flex-row">
              <span class="flex px-4 border-r border-warning/20 bg-warning/25" x-bind:class="{
                'border-max-soft/20 bg-max-soft/25': '',
                'border-warning/20 bg-warning/25': '1',
                'border-red/20 bg-red/25': ''
            }">
                <svg class="self-center text-warning size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path>
                  <path d="M12 9v4"></path>
                  <path d="M12 17h.01"></path>
                </svg> </span>
              <div class="text-max-dark/90 px-4 py-2 m-0 text-xs leading-4"> Не застосовуйте фільтрів, які змінюють кольори та якість фото. Не робіть фото занадто малим, щоб майстер міг детальніше роздивитись волосся. </div>
            </div>
          </div>
          <!--[if ENDBLOCK]><![endif]-->
        </div>
      </div>
    </div>
    <!-- Button Group -->
    <div class="flex justify-between gap-x-2">
      <button type="button" class="bg-max-dark lg:hover:bg-max-dark/80 px-3 py-2 rounded-md font-medium text-max-light text-sm transition duration-300 disabled:opacity-50" x-show="step !== 1" @click="preview">
        <div wire:loading="" wire:target="preview">
          <span class="text-xs text-max-light/80">Перевірка...</span>
          <svg class="inline-block size-4 ms-1 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
          </svg>
        </div>
        <div wire:loading.remove="" wire:target="preview" class="flex">
          <svg class="inline-block size-5 me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="m12 19-7-7 7-7"></path>
            <path d="M19 12H5"></path>
          </svg> <span class="text-sm text-max-light">Назад</span>
        </div>
      </button>
      <div class="me-auto">
        <div x-data="{ modalIsOpen: false }">
          <div @click="modalIsOpen = true">
            <button type="button" class="bg-max-dark lg:hover:bg-max-dark/80 px-3 py-2 rounded-md font-medium text-max-light text-sm transition duration-300 disabled:opacity-50">
              <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="12" r="10"></circle>
                <path d="M12 16v-4"></path>
                <path d="M12 8h.01"></path>
              </svg>
            </button>
          </div>
          <div x-show="modalIsOpen" x-transition.opacity.duration.200ms="" x-trap.inert.noscroll="modalIsOpen" @keydown.esc.window="modalIsOpen = false" @click.self="modalIsOpen = false"
            class="fixed inset-0 z-50 flex items-center justify-center p-4 pb-8 bg-black/30 backdrop-blur-md sm:items-center lg:p-8" role="dialog" aria-modal="true" style="display: none;">
            <!-- Modal -->
            <div x-show="modalIsOpen" x-transition:enter="transition ease-out duration-200 delay-100 motion-reduce:transition-opacity" x-transition:enter-start="opacity-0 scale-50" x-transition:enter-end="opacity-100 scale-100" class="modal"
              style="display: none;">
              <!--  Header -->
              <!--[if BLOCK]><![endif]-->
              <div class="modal-header"> Правила заявки <button type="button" @click="modalIsOpen = false" aria-label="Закрити вікно">
                  <svg class="size-5 text-max-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M18 6 6 18"></path>
                    <path d="m6 6 12 12"></path>
                  </svg> </button>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
              <!-- Body -->
              <div class="modal-body">
                <div class="space-y-5 mb-auto overflow-y-auto
        [&amp;::-webkit-scrollbar]:w-2
        [&amp;::-webkit-scrollbar-track]:rounded-full
        [&amp;::-webkit-scrollbar-track]:bg-gray-100
        [&amp;::-webkit-scrollbar-thumb]:rounded-full
        [&amp;::-webkit-scrollbar-thumb]:bg-gray-300
        [&amp;::-webkit-scrollbar-track]:bg-max-soft/20
        [&amp;::-webkit-scrollbar-thumb]:bg-max-soft h-52">
                  <p class="text-sm font-medium"><svg class="size-14 float-start me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                      <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
                      <path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
                      <path d="M10 9H8"></path>
                      <path d="M16 13H8"></path>
                      <path d="M16 17H8"></path>
                    </svg> Заповніть всі необхіні поля та надішліть нам замовлення. Бажано вказати колір, вагу і довжину Вашого волосся. Електронна пошта та номер телефону нам необхідний для зворотнього зв`язку з Вами та для того щоб повідомити Вас
                    про купівлю волосся і його вартість. </p>
                  <p class="text-sm font-medium">Спочатку Ви отримаєте сповіщення про те, що наш фахівець ознайомлюється з замовленням, після чого Вам надійде другий лист з інформацією про вартість та іншими деталями. Зазвичай це займає не більше
                    декількох годин після відправлення замовлення. </p>
                  <p class="m-0 text-sm font-medium">В полі "Ваше повідомлення" Ви можете вказати будь-яку іншу, на Вашу думку, важливу інформацію стосовно волосся. Наприклад, структуру волосся, стан зрізу: свіжа рівна стрижка або просто укладене
                    волосся або шиньйон. Вкажіть якомога більше інформації, важливі всі деталі.</p>
                </div>
              </div>
              <!-- Footer -->
              <!--[if BLOCK]><![endif]-->
              <div class="modal-footer bg-red/80">
                <div class="text-xs font-normal leading-4 text-white"> МИ НЕ НАДАЄМО ВАШІ КОНТАКТНІ ДАНІ ІНШИМ ОСОБАМ ТА НЕ РОЗСИЛАЄМО СПАМ! НЕ НАМАГАЙТЕСЯ ОБДУРИТИ ОЦІНЮВАЧА, ВИКОРИСТОВУЮЧИ ПРИЙОМИ, ЩОБ ПОЛІПШИТИ ЯКІСТЬ ВОЛОССЯ, АБО РОЗТЯГУВАТИ
                  ПАСМО ЩОБ ВІЗУАЛЬНО ЗБІЛЬШИТИ ДОВЖИНУ. НАШ ФАХІВЕЦЬ ОБОВ'ЯЗКОВО РОЗПІЗНАЄ ОБМАН. </div>
              </div>
              <!--[if ENDBLOCK]><![endif]-->
            </div>
          </div>
        </div>
      </div>
      <button type="button" class="bg-max-dark lg:hover:bg-max-dark/80 px-3 py-2 rounded-md font-medium text-max-light text-sm transition duration-300 disabled:opacity-50" x-show="$wire.step !== 'order.check'" @click="next">
        <div wire:loading="" wire:target="next">
          <span class="text-xs text-max-light/80">Перевірка...</span>
          <svg class="inline-block size-4 ms-1 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
          </svg>
        </div>
        <div wire:loading.remove="" wire:target="next" class="flex">
          <span class="text-sm text-max-light">Далі</span>
          <svg class="inline-block size-5 ms-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M5 12h14"></path>
            <path d="m12 5 7 7-7 7"></path>
          </svg>
        </div>
      </button>
      <button type="submit" class="bg-max-dark lg:hover:bg-max-dark/80 px-3 py-2 rounded-md font-medium text-max-light text-sm transition duration-300 disabled:opacity-50" x-show="$wire.step === 'order.check'"
        x-bind:disabled="!$wire.order.city || !$wire.order.phone || !$wire.order.hair_length || !rulesConfirm" disabled="disabled" style="display: none;"> Відправити <svg class="inline-block size-4 ms-1" xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="m22 2-7 20-4-9-9-4Z"></path>
          <path d="M22 2 11 13"></path>
        </svg>
      </button>
    </div>
    <!-- End Button Group -->
  </div>
  <div wire:loading="" wire:target="save" class="absolute top-0 w-full h-full rounded-lg start-0 bg-white/80">
    <div class="flex flex-col items-stretch justify-center h-full text-max-soft" role="status">
      <div class="self-center text-center">
        <div class="animate-spin inline-block w-14 h-14 border-[3px] border-current border-t-transparent text-max-soft rounded-full" role="status" aria-label="loading">
          <span class="sr-only">Loading...</span>
        </div>
      </div>
    </div>
  </div>
</form>

<form wire:submit="save">
  <div x-data="{ counter: false }">
    <div class=" flex ">
      <div class="relative grow">
        <!--[if BLOCK]><![endif]-->
        <div class="input-icon text-max-text">
          <svg class="flex-shrink-0 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <rect width="20" height="16" x="2" y="4" rx="2"></rect>
            <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
          </svg>
        </div>
        <!--[if ENDBLOCK]><![endif]-->
        <input wire:model="form.email" type="text"
          class="pl-12 border-e-0 rounded-e-none bg-max-dark/40 border-max-dark text-max-text focus:bg-max-light/10 focus:text-max-text peer border p-4 block w-full rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 outline-none"
          wire:target="save" wire:loading.attr="disabled" id="input-elektronna-posta" placeholder="Електронна пошта" x-on:focus="counter = true" x-on:blur="counter = false">
        <label for="input-elektronna-posta" class="pl-12 text-max-text peer-[:not(:placeholder-shown)]:text-max-text peer-focus:text-max-text input-label"> Електронна пошта </label>
        <template x-if="''">
          <div class="absolute text-lg top-2 right-2">
            <span class="block bg-red size-1.5 rounded-full"></span>
          </div>
        </template>
        <template x-if="''">
          <div x-show="counter" x-transition.opacity.duration.300ms="">
            <span x-bind:class="$wire.form.email.length !==  ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
              <span x-text="$wire.form.email.length + '/' + "></span>
            </span>
          </div>
        </template>
      </div>
      <!--[if BLOCK]><![endif]--> <button
        class="inline-flex flex-none items-center justify-center text-sm p-4 text-max-text rounded-e-lg border border-s-0 border-max-dark bg-max-dark/25 transition duration-300 active:bg-max-soft/50 lg:hover:bg-max-dark/70 disabled:opacity-50"
        type="submit" wire:loading.attr="disabled">
        <span wire:loading.class="hidden" wire:target="save">Підписатись <svg class="inline-block size-4 ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path d="m22 2-7 20-4-9-9-4Z"></path>
            <path d="M22 2 11 13"></path>
          </svg> </span>
        <span wire:loading="" wire:target="save">Відправка <svg class="inline-block size-4 ms-1 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
          </svg> </span>
      </button>
      <!--[if ENDBLOCK]><![endif]-->
    </div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
  </div>
</form>

<form wire:submit="save">
  <div class="flex">
    <div class="text-sm uppercase text-max-text">Передзвоніть мені</div>
    <div class="inline-block ms-2">
      <div class="relative">
        <button type="button" class="cursor-pointer peer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2" aria-describedby="tooltip">
          <svg class="size-4 text-max-light/80 hover:text-max-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="10"></circle>
            <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
            <path d="M12 17h.01"></path>
          </svg> </button>
        <div id="tooltip"
          class="pointer-events-none absolute bottom-full mb-2 left-1/2 -translate-x-1/2 z-10 flex w-64 flex-col gap-1 rounded bg-max-black p-2.5 opacity-0 duration-500 transition-all ease-out peer-hover:opacity-100 peer-focus:opacity-100"
          role="tooltip">
          <p class="m-0 text-xs text-max-light">Якщо у Вас не вистачає грошей на рахунку, менеджер зателефонує Вам в зручний для Вас час..</p>
        </div>
      </div>
    </div>
  </div>
  <div x-data="{ counter: false }">
    <div class=" flex ">
      <div class="relative grow">
        <!--[if BLOCK]><![endif]-->
        <div class="input-icon text-max-text">
          <svg class="flex-shrink-0 size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path
              d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
            </path>
          </svg>
        </div>
        <!--[if ENDBLOCK]><![endif]-->
        <input wire:model="form.phone" type="text"
          class="pl-12 border-e-0 rounded-e-none bg-max-dark/40 border-max-dark text-max-text focus:bg-max-light/10 focus:text-max-text peer border p-4 block w-full rounded-lg text-sm placeholder:text-transparent focus:border-max-soft focus:ring-max-soft disabled:opacity-50 disabled:pointer-events-none focus:pt-6 focus:pb-2 [&amp;:not(:placeholder-shown)]:pt-6 [&amp;:not(:placeholder-shown)]:pb-2 autofill:pt-6 autofill:pb-2 outline-none"
          x-maska="'+380 (##) ###-##-##'" wire:target="save" wire:loading.attr="disabled" id="input-nomer-telefonu" placeholder="Номер телефону" x-on:focus="counter = true" x-on:blur="counter = false">
        <label for="input-nomer-telefonu" class="pl-12 text-max-text peer-[:not(:placeholder-shown)]:text-max-text peer-focus:text-max-text input-label"> Номер телефону </label>
        <template x-if="''">
          <div class="absolute text-lg top-2 right-2">
            <span class="block bg-red size-1.5 rounded-full"></span>
          </div>
        </template>
        <template x-if="''">
          <div x-show="counter" x-transition.opacity.duration.300ms="">
            <span x-bind:class="$wire.form.phone.length !==  ? 'bg-max-soft' :
                            'bg-red'" class="absolute px-1 text-xs rounded -bottom-2 right-2 text-max-light">
              <span x-text="$wire.form.phone.length + '/' + "></span>
            </span>
          </div>
        </template>
      </div>
      <!--[if BLOCK]><![endif]--> <button
        class="inline-flex flex-none items-center justify-center text-sm p-4 text-max-text rounded-e-lg border border-s-0 border-max-dark bg-max-dark/25 transition duration-300 active:bg-max-soft/50 lg:hover:bg-max-dark/70 disabled:opacity-50"
        type="submit" color="dark" wire:loading.attr="disabled" aria-label="Передзвоніть">
        <span wire:loading.class="hidden" wire:target="save">Передзвоніть <svg class="inline-block size-4 ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path
              d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
            </path>
            <path d="M14.05 2a9 9 0 0 1 8 7.94"></path>
            <path d="M14.05 6A5 5 0 0 1 18 10"></path>
          </svg> </span>
        <span wire:loading="" wire:target="save">Відправка <svg class="inline-block size-4 ms-1 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
          </svg> </span>
      </button>
      <!--[if ENDBLOCK]><![endif]-->
    </div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
  </div>
</form>

Text Content

Kom!sarnews
* Статті
* Контакти

Обрати місто Міста
Open main menu
* Статті
* Контакти

почніть вводити запит для пошуку

Триває пошук статей за запитом...
По вашому запиту статей не знайдено.

ПРОДАЖ ТА ПОКУПКА
ВОЛОССЯ У КИЄВІ.

ШВИДКО РЕАГУ

ШУКАЄТЕ КОМУ ВИГІДНО
ПРОДАТИ ВОЛОССЯ?

НАША КОМПАНІЯ ЗАВЖДИ ГОТОВА
КУПИТИ ВОЛОССЯ ДОРОГО!

Жителі багатьох міст можуть продати волосся особисто нам в руки! Подаруєте собі
настрій, не бійтеся мінятися і удосконалюватися, продаючи свої коси, ви робите
благу справу і заробляєте додаткові гроші на потрібні покупки.

Звертайтеся за консультацією прямо зараз за нашими контактами. Ми завжди готові
відповісти на будь-які питання і запропонувати вам європейські ціни. Наша
компанія завжди готова запропонувати найвищу ціну за натуральний слов'янський
зріз від 40 см, а також кращий сервіс і обслуговування. Ми є професіоналами
своєї справи і поважаємо кожного нашого клієнта, тому гарантуємо максимум
задоволення від співпраці.

ЧОМУ ВАРТО ЗВЕРНУТИСЯ
САМЕ В НАШУ КОМПАНІЮ?

Куплю волосся - в мережі можна знайти тисячі оголошень, але далеко не всі
продавці працюють чесно. Ми є Європейською компанією, яка співпрацює з клієнтами
по всьому світу. Наша компанія є прямим скупником локонів, тому пропонуємо
найвищі ціни. Цінуємо визнання і довіру наших клієнтів, гарантуємо приємну
співпрацю і гідну оплату Вашого товару. Здійснюємо скупку волосся по Україні і
відбираємо якісні, живі зрізи.

Після покупки, всі зрізи проходять обробку і надходять в подальший продаж, а
також використовуються у виробництві перук.

ЗВЕРТАЮЧИСЬ В НАШУ КОМПАНІЮ
З БАЖАННЯМ ПРОДАТИ ВОЛОССЯ,
ВИ ГАРАНТОВАНО ОТРИМУЄТЕ

Індивідуальність
1

Окремий та індивідуальний підхід для кожного нашого покупця
Вигоду
2

Найвигідніші для Вас умови співпраці. Ми зацікавлені в цьому
Зручність
3

Обговорена грошова виплата в зручний для Вас час та спосіб
Швидкість
4

Моментальна оплата після оцінки та відправки Вашої шевелюри
Інформативність
5

Відправляйте по вайберу фото волосся і спеціаліст оголосить ціну
Стиль
6

Ми запропонуємо Вам стильну та модну стрижку в подарунок

ЯК ВІДПРАВИТИ СВІЙ ЗРІЗ?

ВІДПРАВИТИ СВІЙ ЗРІЗ МОЖНА ЗА
ДОПОМОГОЮ ПОСЛУГ НОВОЇ ПОШТИ

При відправці ви вказуєте встановлену нашим оцінювачем вартість, а при отриманні
ми оплачуємо дану суму, плюс вартість доставки. гроші ви зможете забрати в
своєму відділенні нової пошти.

Насамперед ви повинні обумовити деталі з нашим менеджером.
Кладемо біля волосся сантиметр і робимо фото, після чого зважуємо їх.
Надсилаємо фотографію на наш Вайбер, а оцінювач встановлює точну вартість зрізу.
Коли локони надійно упаковані, їх можна відправляти поштою в нашу компанію.
Відправка волосся проводиться післяплатою, через послуги Нової Пошти.

КУПІВЛЯ ВОЛОССЯ

ЯК ПРАВИЛЬНО ЗРОБИТИ ЗРІЗ
ЩОБ ВИРУЧИТИ МАКСИМАЛЬНУ ЦІНУ

МИТТЯ ВОЛОССЯ

Попередньо необхідно вимити волосся шампунем, яким Ви зазвичай користуєтесь.

СУШКА ВОЛОССЯ

Просушити волосся без використання фена, дайте локонам висохнути природним
шляхом.

РОЗЧІСУВАННЯ ВОЛОССЯ

Розчесати пасма, щоб позбутися ковтунів (якщо такі є), також, запобігти
подальшому заплутування.

ПОДІЛ ВОЛОССЯ

Розділити волосся на кілька пасів, обмотавши кілька разів, туго перетягнути
кожну гумкою.

ЗРІЗ ВОЛОССЯ

Зробити зріз, відступивши кілька сантиметрів трохи вище кріплення та заплітаємо
зрізане волосся в косу.

ОЦІНКА ВОЛОССЯ

Зважити зріз та сфотографувати біля сантиметра і надіслати дані для оцінювання.
1
Миття волосся
Попередньо необхідно вимити волосся шампунем, яким Ви зазвичай користуєтесь.
2
Сушка волосся
Просушити волосся без використання фена, дайте локонам висохнути природним
шляхом.
3
Розчісування
Розчесати пасма, щоб позбутися ковтунів (якщо такі є), також, запобігти
подальшому заплутування.
4
Поділ волосся
Розділити волосся на кілька пасів, обмотавши кілька разів, туго перетягнути
кожну гумкою.
5
Зріз волосся
Зробити зріз, відступивши кілька сантиметрів трохи вище кріплення та заплітаємо
зрізане волосся в косу.
6
Оцінка волосся
Зважити зріз та сфотографувати біля сантиметра і надіслати дані для оцінювання.
Не намагайтесь обдурити оцінювача, використовуючи прийоми, щоб поліпшити якість
волосся, або розтягувати пасмо, щоб візуально збільшити довжину. Наш фахівець
обов'язково розпізнає обман.

ПРОДАТИ ВОЛОССЯ АБО
ВСЕ Ж ЗБЕРЕГТИ ДОВЖИНУ?

МІНЯЙТЕСЯ І ЗАРОБЛЯЙТЕ
НА НОВОМУ ОБРАЗІ ГРОШІ

Якщо ви досі не вирішили, то завжди можете звернутися до нас з питаннями, що
цікавлять. Ми готові дати детальну інформацію про продаж та покупку і провести
повну консультацію, щоб кожен клієнт міг зробити для себе остаточні висновки.
Наші контактні менеджери завжди на зв'язку з клієнтами, що робить наш сервіс
кращим.
Вся продукція надходить в салони, для процедур нарощування, а також на
виробництво перук, накладних кіс і шиньйонів.

Гарна густа шевелюра – це справжнє багатство будь-якої жінки. Стильна зачіска
завжди прикрашає образ, робить його більш ніжним, акуратним, жіночним і
природним.

Але така краса, забирає не тільки грошові вкладення, але й багато часу, сил і
терпіння. Тривалі укладання, дорогий догляд, ерез це, в сучасному світі, де
кожна хвилина на рахунку, іноді просто немає можливості цим займатись. Якщо ви
зважилися щось змінити, змінити образ, надати йому родзинку і відчути небувалу
легкість , то пропонуємо вам продати волосся. Якщо ви думаєте про продаж волосся
але ніяк не зважитеся, то уявіть, скільки вільного часу у вас з'явиться. Ви
зможете присвятити цінні години улюбленій справі, приділити увагу близьким, а не
витрачати час на укладання. Свіжий образ надихне вас на нові справи, подарує
впевненість, а компліменти на вашу адресу будуть сипатися звідусіль. Змінюючи
себе, свій образ і стиль, ви можете заробити хороші гроші в свій сімейний
бюджет! Ще ніколи зміна образу не була такою прибутковою . Пам'ятайте, що ваші
локони можуть принести радість іншим людям, які в силу різних причин не мають
можливості відростити красиву довжину.

Стильно
Модно
Молодіжно
Що потрібно знати, перш ніж зважитися на продаж волосся?
Купівля волосся нашою компанією здійснюється тільки після їх оцінки.
Вартість формується індивідуально в кожному випадку.
Щоб озвучити точну ціну нам необхідно побачити фотографію зрізу біля сантиметра
і знати точну вагу.
Купуємо жіночі, чоловічі та дитячі коси від 40 сантиметрів, в будь-яких
відтінках.
Найвищу ціну готові запропонувати за шовковисті, м'які зрізи, без сивини, що не
піддавалися фарбуванню, а також хімічній завивці.
Ми гарантуємо чесну оцінку, без заниження ціни.
Натуральне слов'янське волосся - це дуже цінний товар, який не може коштувати
мало. Ми готові запропонувати дійсно високі ціни, так як цінуємо Вашу працю та
час, витрачений на догляд за такою шевелюрою. Щоб збільшити вартість, можна
попередньо підготувати волосся. Пропийте курс вітамінів, використовуйте
натуральні масла, пийте більше рідини, стежте за кінчиками волосся, постійно
оновлюючи їх і позбавляючись від посічених кінців. Нас цікавлять живі, здорові,
блискучі пасма.

ПОКУПКА ВОЛОССЯ

ЯКІ ЧИННИКИ ВПЛИВАЮТЬ НА ВАРТІСТЬ

Довжина зрізу

20%

Ми купуємо зрізи від 40 сантиметрів. Якщо ваші локони коротші, то рекомендуємо
ненадовго відкласти продаж, кожен сантиметр здатний сильно відбитися на
вартості.

Структура локонів

20%

Вища вартість пропонується за якісні, здорові та рівномірні локони. М'які і
природньо гладкі на дотик пасма, завжди мають значно вищу ціну.

Стан пучка

20%

Зріз має бути зроблений за правилами та закріплений зверху гумкою і не мати
колунів. Краще продавати свіжозрізані коси, їх ціна вища. Пролежані прядки
втрачають свій природний блиск та натуральні масла, які містяться в них.

Хімічний вплив

20%

Ми не приймаємо пошкодженні, ламкі та сухі локони, або локони з неоднорідною
структурою. А також волосся із завивкою, забруднене або оброблене будь якими
хімічними речовинами.

Колір волосся

20%

Пофарбовані пасма будуть коштувати набагато дешевше натуральних. Скупка волосся
здійснюється будь-якому кольорі, але більш висока ціна встановлюється на світлі
натуральні тони.

Наявність сивини

20%

Зрізи з сивиною теж підлягають купівлі, але багато залежить від доглянутості
волосся та як довго росло з сивиною. Забарвлене і сиве волосся приймається від
50 сантиметрів.

Відсоткове відношення впливу на ціну є відносним та орієнтовним. В деяких
випадках відсотки можуть змінюватись та інші фактори можуть переважати.

КУПІВЛЯ І ПРОДАЖ
ВОЛОССЯ В МІСТАХ

ОБЕРІТЬ ВАШЕ МІСТО
АБО ЗРОБІТЬ ЗАЯВКУ

Регіони в яких скуповуємо
Тимчасово не співпрацюємо
Київ Житомир Запоріжжя Луцьк Вінниця Тернопіль Суми Рівне Полтава Одеса Миколаїв
Львів Луганск Хмельницький Херсон Харків Івано-Франківськ Донецьк Дніпро Черкаси
Чернівці Ужгород Кропивницький Чернігів Сімферополь Севастополь
Оцінка та продаж волосся
* Заявка
* Опції
* Фото
* Опис
* Дані

Вкажіть ціль заявки
Хочу оцінити волосся
Лише дізнатись ціну у майстра
Хочу продати волосся
Відправити волосся та отримати гроші

Ваше ім'я

0/40

Місто

0/30

Електронна пошта

0/40

Номер телефону

0/15
Вкажіть колір волосся
Блонд Світло-русий Русий Світло-коричневий Темно-коричневий Чорний

Бажано вказати якомога більше подробиць

Вага (гр)
Довжина (мм)

Вік

Вкажіть особливості волосся для оцінки

*
Зрізане волосся наразі зрізане
*
Фарбоване волосся вже фарбоване
*
З сивиною частково має сивину
* Інші уточнення власні особливості
Інші уточнення

0/1000

Додаткові уточнення

0/1000
Відкрити зображення або перетягнути сюди...
JPG, PNG 1980x1024

Намагайтесь обирати максимально вигідні фото та ракурс, який найкраще відображає
волосся та їх стан. Максимум до 4 фото.
Не застосовуйте фільтрів, які змінюють кольори та якість фото. Не робіть фото
занадто малим, щоб майстер міг детальніше роздивитись волосся.
Перевірка...
Назад
Правила заявки

Заповніть всі необхіні поля та надішліть нам замовлення. Бажано вказати колір,
вагу і довжину Вашого волосся. Електронна пошта та номер телефону нам необхідний
для зворотнього зв`язку з Вами та для того щоб повідомити Вас про купівлю
волосся і його вартість.

Спочатку Ви отримаєте сповіщення про те, що наш фахівець ознайомлюється з
замовленням, після чого Вам надійде другий лист з інформацією про вартість та
іншими деталями. Зазвичай це займає не більше декількох годин після відправлення
замовлення.

В полі "Ваше повідомлення" Ви можете вказати будь-яку іншу, на Вашу думку,
важливу інформацію стосовно волосся. Наприклад, структуру волосся, стан зрізу:
свіжа рівна стрижка або просто укладене волосся або шиньйон. Вкажіть якомога
більше інформації, важливі всі деталі.

МИ НЕ НАДАЄМО ВАШІ КОНТАКТНІ ДАНІ ІНШИМ ОСОБАМ ТА НЕ РОЗСИЛАЄМО СПАМ! НЕ
НАМАГАЙТЕСЯ ОБДУРИТИ ОЦІНЮВАЧА, ВИКОРИСТОВУЮЧИ ПРИЙОМИ, ЩОБ ПОЛІПШИТИ ЯКІСТЬ
ВОЛОССЯ, АБО РОЗТЯГУВАТИ ПАСМО ЩОБ ВІЗУАЛЬНО ЗБІЛЬШИТИ ДОВЖИНУ. НАШ ФАХІВЕЦЬ
ОБОВ'ЯЗКОВО РОЗПІЗНАЄ ОБМАН.
Перевірка...
Далі
Відправити
Loading...
Підпишіться

Оформіть підписку на статті і отримуйте завжди вчасно цікаву інформацію. Ми не
розсилаємо спам та листів рекламного характеру..

Електронна пошта

Підписатись Відправка
Передзвоніть мені

Якщо у Вас не вистачає грошей на рахунку, менеджер зателефонує Вам в зручний для
Вас час..

Номер телефону

Передзвоніть Відправка
Україна, Київ
Максим Комісар
+380 (73) 785-77-77
123komisar@gmail.com

www.komisarnews.com Open in urlscan Pro 2a00:7a60:0:1084::1 Public Scan

Form analysis 3 forms found in the DOM

Text Content

www.komisarnews.com Open in urlscan Pro
2a00:7a60:0:1084::1 Public Scan

Form analysis
3 forms found in the DOM