<div class="k-banner left-center" style="--background-url: url('{{ asset('build/images/home-banner-background.webp') }}'); --background-before-url: url('{{ asset('build/images/index-banner.webp') }}')"> <div class="banner"> <h1 class="banner-title"> {% trans %}Time for your beauty{% endtrans %} </h1> <div class="banner-content"> {% trans %}Find salons in your area{% endtrans %} </div> <postcode-search inline-template> <div class="banner-address-form"> <form class="address-form" @submit.prevent="submit(postcode)"> <div class="address-form-input input-with-icon"> <svg class="svg-icon icon" viewBox="0 0 20 20" width="20" height="20"> <path d="M10,1.375c-3.17,0-5.75,2.548-5.75,5.682c0,6.685,5.259,11.276,5.483,11.469c0.152,0.132,0.382,0.132,0.534,0c0.224-0.193,5.481-4.784,5.483-11.469C15.75,3.923,13.171,1.375,10,1.375 M10,17.653c-1.064-1.024-4.929-5.127-4.929-10.596c0-2.68,2.212-4.861,4.929-4.861s4.929,2.181,4.929,4.861C14.927,12.518,11.063,16.627,10,17.653 M10,3.839c-1.815,0-3.286,1.47-3.286,3.286s1.47,3.286,3.286,3.286s3.286-1.47,3.286-3.286S11.815,3.839,10,3.839 M10,9.589c-1.359,0-2.464-1.105-2.464-2.464S8.641,4.661,10,4.661s2.464,1.105,2.464,2.464S11.359,9.589,10,9.589"></path> </svg> <input v-model="postcode" ref="input" type="text" :placeholder="'{% trans %}Your ZIP code, eg. 80999{% endtrans %}'"> <button class="address-form-submit" type="submit">{% trans %}Show{% endtrans %}</button> </div> </form> </div> </postcode-search> </div></div>