Sign In
Book an Appointment
Fill in your details to request a fitting or consultation.
$refs.searchInput.focus())"
@keydown.escape.window="open = false"
@keydown.meta.k.window.prevent="open = !open; if(open) $nextTick(() => $refs.searchInput.focus())"
@keydown.ctrl.k.window.prevent="open = !open; if(open) $nextTick(() => $refs.searchInput.focus())"
x-cloak
>
show = false, 3000)
"
x-show="show"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-2"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-2"
class="fixed bottom-4 right-4 left-4 sm:left-auto z-[70] px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 sm:min-w-[300px] border"
:class="{
'bg-white border-green-200 text-green-700': type === 'success',
'bg-white border-red-200 text-red-700': type === 'error',
'bg-white border-blue-200 text-blue-700': type === 'info'
}"
x-cloak
>