Сохраните жизнь и здоровье юным участникам дорожного движения

</p> </div> </div> </div>  <div class="mt-6" id="violation-modal" @vue:mounted="mounted" v-cloak> <div class="flex justify-between text-sm"> <a href="#" class="text-gray-500 hover:text-primary-600 transition" @click.prevent="violation" v-if="!showViolationModal">Пожаловаться на новость</a> <a href="#" class="text-gray-500 hover:text-primary-600 transition" @click.prevent="comment" v-if="!showViolationModal">Прокомментировать</a> </div> <div v-if="showViolationModal" class="mt-4 bg-white rounded-xl border border-gray-100 p-5">  <div v-if="mode == 'comment' && !isLoggedIn && !success"> <h3 class="font-semibold text-gray-900 mb-4">Войдите, чтобы оставить комментарий</h3>  <div v-if="authStep == 1"> <p class="text-sm text-gray-600 mb-4">Введите почту, получите PIN-код и готово!</p> <input type="email" v-model="authEmail" @keyup.enter="checkEmail" placeholder="example@mail.ru" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3"> <div class="flex gap-2"> <button @click="checkEmail" :disabled="!isValidEmail" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition disabled:opacity-50"> Получить код </button> <button @click="closeModal" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Отмена</button> </div> </div>  <div v-if="authStep == 2"> <p class="text-sm text-gray-600 mb-4">Код отправлен на {{ authEmail }}</p> <input type="text" v-model="authPin" @keyup.enter="checkPin" placeholder="Введите код" maxlength="4" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3"> <label class="flex items-center gap-2 text-sm text-gray-600 mb-3" v-if="!authPolicy"> <input type="checkbox" v-model="authPolicyAgreement" class="rounded"> <span>Согласен на <a href="https://help.lyubimiigorod.ru/docs/согласие-на-обработку-персональных-д/" target="_blank" class="text-primary-600 underline">обработку данных</a></span> </label> <div class="flex gap-2"> <button @click="checkPin" :disabled="!canSubmitPin" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition disabled:opacity-50"> Войти </button> <button @click="authStep = 1" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Назад</button> </div> </div>  <div v-if="authStep == 3"> <p class="text-sm text-gray-600 mb-4">Введите пароль для {{ authEmail }}</p> <input type="password" v-model="authPassword" @keyup.enter="checkPassword" placeholder="Пароль" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3"> <label class="flex items-center gap-2 text-sm text-gray-600 mb-3" v-if="!authPolicy"> <input type="checkbox" v-model="authPolicyAgreement" class="rounded"> <span>Согласен на обработку данных</span> </label> <div class="flex gap-2"> <button @click="checkPassword" :disabled="!canSubmitPassword" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition disabled:opacity-50"> Войти </button> <button @click="enterWithPin" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition">По коду</button> <button @click="authStep = 1" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Назад</button> </div> </div> <div v-if="authError" class="mt-3 p-3 bg-red-50 text-red-600 rounded-lg text-sm">{{ authError }}</div> </div>  <div v-if="(mode == 'violation' || (mode == 'comment' && isLoggedIn)) && !success"> <h3 class="font-semibold text-gray-900 mb-4" v-if="mode == 'violation'">Пожаловаться на новость</h3> <h3 class="font-semibold text-gray-900 mb-4" v-if="mode == 'comment'">Оставить комментарий</h3> <p class="text-sm text-gray-600 mb-3" v-if="mode == 'violation'">Если материал нарушает права или содержит недопустимый контент:</p> <textarea v-model="message" rows="4" placeholder="Ваше сообщение..." class="w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3 resize-none"></textarea> <div class="flex gap-2"> <button @click="sendViolation" v-if="mode == 'violation'" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition"> Отправить </button> <button @click="sendComment" v-if="mode == 'comment'" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition"> Отправить </button> <button @click="closeModal" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Отмена</button> </div> </div> <div v-if="success" class="p-4 bg-green-50 text-green-700 rounded-lg">Сообщение успешно отправлено!</div> <div v-if="errorMessage" class="p-4 bg-red-50 text-red-600 rounded-lg">{{ errorText }}</div> </div> </div>   <section class="mt-10"> <h2 class="text-xl font-bold text-gray-900 mb-4">Читайте также</h2> <div class="grid sm:grid-cols-2 gap-4"> <a href="/vereya/news/6929662" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">19.08.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">ЦИТАТА ДНЯ</h3> </div> </a> <a href="/vereya/news/6927037" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">19.08.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">Гороскоп на 19 августа</h3> </div> </a> <a href="/vereya/news/6922413" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">18.08.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">Спортсмен из наро-фоминского клуба «Шторм» Илья Федоров установил новый рекорд Европы</h3> </div> </a> <a href="/vereya/news/6922412" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">18.08.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">Мобильные телефоны — участникам Великой Отечественной</h3> </div> </a> </div> </section> </article>  <aside class="hidden lg:block w-[300px] flex-shrink-0"> <div class="space-y-6">  <div class="bg-white rounded-xl border border-gray-100 p-5"> <h3 class="font-semibold text-gray-900 mb-4">Поделиться</h3> <div class="flex gap-2"> <a href="https://vk.com/share.php?url=https%3A%2F%2Flyubimiigorod.ru%2Fvereya%2Fnews%2F6932891" target="_blank" class="share-btn flex-1 py-2.5 bg-blue-500 text-white rounded-lg flex items-center justify-center transition hover:bg-blue-600"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M15.684 0H8.316C1.592 0 0 1.592 0 8.316v7.368C0 22.408 1.592 24 8.316 24h7.368C22.408 24 24 22.408 24 15.684V8.316C24 1.592 22.408 0 15.684 0zm3.692 17.123h-1.744c-.66 0-.862-.523-2.049-1.713-1.033-1.004-1.49-1.139-1.744-1.139-.356 0-.458.102-.458.597v1.565c0 .424-.135.678-1.253.678-1.846 0-3.896-1.12-5.339-3.202-2.167-3.044-2.763-5.329-2.763-5.796 0-.254.102-.491.596-.491h1.744c.44 0 .61.203.779.678.863 2.49 2.303 4.675 2.896 4.675.22 0 .322-.102.322-.66V9.721c-.068-1.186-.695-1.287-.695-1.71 0-.203.17-.407.44-.407h2.744c.372 0 .507.203.507.643v3.473c0 .372.17.507.271.507.22 0 .407-.135.814-.542 1.253-1.406 2.151-3.574 2.151-3.574.118-.254.322-.491.762-.491h1.744c.525 0 .644.27.525.643-.22 1.017-2.354 4.031-2.354 4.031-.186.305-.254.44 0 .779.186.254.796.779 1.203 1.253.745.847 1.32 1.558 1.473 2.049.17.491-.085.745-.576.745z" /> </svg> </a> <a href="https://t.me/share/url?url=https%3A%2F%2Flyubimiigorod.ru%2Fvereya%2Fnews%2F6932891" target="_blank" class="share-btn flex-1 py-2.5 bg-sky-500 text-white rounded-lg flex items-center justify-center transition hover:bg-sky-600"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" /> </svg> </a> <a href="https://wa.me/?text=https%3A%2F%2Flyubimiigorod.ru%2Fvereya%2Fnews%2F6932891" target="_blank" class="share-btn flex-1 py-2.5 bg-green-500 text-white rounded-lg flex items-center justify-center transition hover:bg-green-600"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" /> </svg> </a> </div> <button onclick="copyLink()" class="w-full mt-3 py-2.5 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition flex items-center justify-center gap-2"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /> </svg> Копировать ссылку </button> </div>  <div class="bg-white rounded-xl border border-gray-100 p-4"> <div id="yandex_rtb_R-A-1313109-12"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-1313109-12', blockId: 'R-A-1313109-12' }) }) </script> </div>  <div class="bg-white rounded-xl border border-gray-100 p-5"> <h3 class="font-bold text-gray-900 mb-4">Последние новости</h3> <div class="space-y-4"> <a href="/vereya/news/6929662" class="block group"> <span class="text-xs text-gray-500">19.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> ЦИТАТА ДНЯ </h4> </a> <a href="/vereya/news/6927037" class="block group"> <span class="text-xs text-gray-500">19.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Гороскоп на 19 августа </h4> </a> <a href="/vereya/news/6922413" class="block group"> <span class="text-xs text-gray-500">18.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Спортсмен из наро-фоминского клуба «Шторм» Илья Федоров установил новый рекорд Европы </h4> </a> <a href="/vereya/news/6922412" class="block group"> <span class="text-xs text-gray-500">18.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Мобильные телефоны — участникам Великой Отечественной </h4> </a> <a href="/vereya/news/6920393" class="block group"> <span class="text-xs text-gray-500">18.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> «Все герои, не могу по-другому вас назвать!» </h4> </a> <a href="/vereya/news/6919484" class="block group"> <span class="text-xs text-gray-500">18.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Азербайджанка создала первый в мире Коран из шелка с золотыми буквами ♥️ </h4> </a> <a href="/vereya/news/6918368" class="block group"> <span class="text-xs text-gray-500">18.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Работодатели смогут возместить расходы на приобретение масок и перчаток за счет начисленных страховых взносов </h4> </a> <a href="/vereya/news/6918367" class="block group"> <span class="text-xs text-gray-500">18.08.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Продолжаем работы по благоустройству территории </h4> </a> </div> </div> </div> </aside> </div> </main>  <nav class="bottom-nav fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 lg:hidden z-50"> <div class="flex items-center justify-around h-16"> <a href="/vereya" class="flex flex-col items-center justify-center flex-1 h-full text-gray-400 hover:text-gray-600 transition"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> </svg> <span class="text-xs mt-0.5">Главная</span> </a> <a href="/vereya/news" class="flex flex-col items-center justify-center flex-1 h-full text-primary-500"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z" /> </svg> <span class="text-xs mt-0.5">Новости</span> </a> <a href="/vereya/catalog" class="flex flex-col items-center justify-center flex-1 h-full text-gray-400 hover:text-gray-600 transition"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> <span class="text-xs mt-0.5">Каталог</span> </a> </div> </nav> <script> function copyLink() { navigator.clipboard.writeText(window.location.href).then(() => { window.emitter && window.emitter.emit('notify', { type: 'success', message: 'Ссылка скопирована!' }); }); } const app = PetiteVue.createApp({ showViolationModal: false, message: '', success: false, errorMessage: false, errorText: '', mode: 'violation', isLoggedIn: false, authStep: 1, authEmail: '', authPin: '', authPassword: '', authPolicy: false, authPolicyAgreement: false, authLoading: false, authError: '', get isValidEmail() { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.authEmail); }, get canSubmitPin() { return /^\d{4}$/.test(this.authPin) && (this.authPolicy || this.authPolicyAgreement); }, get canSubmitPassword() { return this.authPassword.length >= 3 && (this.authPolicy || this.authPolicyAgreement); }, violation() { this.mode = 'violation'; this.showViolationModal = !this.showViolationModal; }, comment() { this.mode = 'comment'; this.showViolationModal = !this.showViolationModal; }, closeModal() { this.showViolationModal = false; this.mode = 'violation'; this.message = ''; this.success = false; this.errorMessage = false; this.authStep = 1; this.authEmail = ''; this.authPin = ''; this.authPassword = ''; this.authError = ''; this.authPolicyAgreement = false; }, checkEmail() { if (!this.isValidEmail) return; this.authLoading = true; this.authError = ''; const fd = new FormData(); fd.append('email', this.authEmail); fetch('/login/check_email', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; if (data.response.policy == 1) { this.authPolicy = true; this.authPolicyAgreement = true; } this.authStep = data.response.method == 'password' ? 3 : 2; }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка проверки'; }); }, checkPin() { if (!this.canSubmitPin) return; this.authLoading = true; this.authError = ''; const fd = new FormData(); fd.append('email', this.authEmail); fd.append('pin', this.authPin); fd.append('policy', this.authPolicy ? 1 : 0); fd.append('policy_agreement', this.authPolicyAgreement ? 1 : 0); fetch('/login/check_pin', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; if (data.response.auth == 'success') { this.setCookie('auth_token_next', data.response.token, 31); this.isLoggedIn = true; } else { this.authError = data.response.message || 'Неверный код'; } }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка авторизации'; }); }, checkPassword() { if (!this.canSubmitPassword) return; this.authLoading = true; this.authError = ''; const fd = new FormData(); fd.append('email', this.authEmail); fd.append('password', this.authPassword); fd.append('policy', this.authPolicy ? 1 : 0); fd.append('policy_agreement', this.authPolicyAgreement ? 1 : 0); fetch('/login/check_password', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; if (data.response.auth == 'success') { this.setCookie('auth_token_next', data.response.token, 31); this.isLoggedIn = true; } else { this.authError = data.response.message || 'Неверный пароль'; } }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка авторизации'; }); }, enterWithPin() { this.authLoading = true; const fd = new FormData(); fd.append('email', this.authEmail); fetch('/login/enter_pin', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; this.authStep = data.response.method == 'pin' ? 2 : 3; }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка'; }); }, setCookie(name, value, days) { const d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + d.toUTCString() + ';path=/'; }, sendViolation() { const fd = new FormData(); fd.append("message", this.message); fetch("/vereya/news/6932891/notify_violation", { method: "POST", body: fd }) .then(res => res.json()) .then(data => { if (data.success) { this.success = true; } else { this.errorMessage = true; this.errorText = data.message || 'Ошибка'; } }); }, sendComment() { const fd = new FormData(); fd.append("message", this.message); fetch("/vereya/news/6932891/add_comment", { method: "POST", body: fd }) .then(res => res.json()) .then(data => { if (data.success) { this.success = true; } else { this.errorMessage = true; this.errorText = data.message || 'Ошибка'; } }); }, mounted() {} }).mount("#violation-modal"); </script> </div> <footer id="footer_desktop" class="bg-gray-100 py-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-12 gap-6 justify-between">  <div class="md:col-span-3"> <ul class="space-y-2"> <li> <a href="#" class="inline-block"> <img src="/assets/ui-kit/img/logo_lg.svg" alt="" class="h-8"> </a> </li> <li> <a href="#" class="text-gray-700 hover:text-blue-600 transition-colors">Про "Любимый город"</a> </li> <li> <a href="https://franchise.lyubimiigorod.ru/" target="_blank" class="text-gray-700 hover:text-blue-600 transition-colors">Франшиза</a> </li> <li> <div class="flex space-x-2"> <a target="_blank" rel="noopener nofollow" href="https://play.google.com/store/apps/details?id=pro.goapp.belovedcity&hl=ru"> <img src="/web/v2assets/img/market_android.png" loading="lazy" alt="Иконка Play market" width="36" height="36"> </a> <a target="_blank" rel="noopener nofollow" href="https://itunes.apple.com/ru/app/%D0%BB%D1%8E%D0%B1%D0%B8%D0%BC%D1%8B%D0%B9-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4/id1305580261"> <img src="/web/v2assets/img/market_ios.png" loading="lazy" alt="Иконка Apple Store" width="36" height="36"> </a> <a target="_blank" rel="noopener nofollow" href="https://apps.rustore.ru/app/pro.goapp.belovedcity"> <img src="/images/rustore4.png" width="112" height="36" alt="магазин приложений rustore" /> </a> </div> </li> </ul> </div>  <div class="md:col-span-4"> <div class="font-bold text-gray-900 pt-2 mb-4">Обратная связь</div> <div class="grid grid-cols-2 gap-4"> <div> <ul class="space-y-2"> <li> <noindex> <a href="tel:+7 495 249 43 30" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">+7 495 249 43 30</a> </noindex> </li> </ul> </div> <div> <ul class="space-y-2"> <li> <noindex> <a href="https://vk.com/spravochnik_naraokrug" target="_blank" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">ВКонтакте</a> </noindex> </li> </ul> </div> </div> </div>  <div class="md:col-span-2"> <ul class="space-y-2"> <li class="font-bold text-gray-900">Пользователям</li> <li> <a href="/vereya/catalog" class="text-gray-700 hover:text-blue-600 transition-colors">Каталог</a> </li> <li> <a href="/vereya/questions" class="text-gray-700 hover:text-blue-600 transition-colors">Частые вопросы</a> </li> <li> <a href="https://lyubimiigorod.ru/docs/" class="text-gray-700 hover:text-blue-600 transition-colors">Документы</a> </li> </ul> </div>  <div class="md:col-span-2"> <ul class="space-y-2"> <li class="font-bold text-gray-900">Бизнесу</li> <li> <a href="/vereya/catalog/begin" class="text-gray-700 hover:text-blue-600 transition-colors">Стать продавцом</a> </li> <li> <a href="https://help.lyubimiigorod.ru/docs/" target="_blank" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">Помощь</a> </li> </ul> </div> </div> </div> </footer> <script id="settings" type="application/json"> {"city_name":"vereya","mobile":false,"is_mobile":"0","first_name":"","free":0,"currency":"руб.","curr":"₽"} </script>    <script> // 1. Инициализация Event Bus (mitt) const bus = mitt(); const NotificationsApp = { notifications: [], nextId: 0, typeClasses: { success: 'bg-green-500', info: 'bg-blue-500', warning: 'bg-yellow-500', error: 'bg-red-500', }, addNotification(event) { const id = this.nextId++; const { type = 'info', message = 'Что-то произошло' } = event; const notification = { id, message, classes: this.typeClasses[type] || this.typeClasses.info }; this.notifications.unshift(notification); setTimeout(() => { this.removeNotification(id); }, 1500); }, removeNotification(id) { this.notifications = this.notifications.filter(n => n.id !== id); }, mounted() { window.emitter.on('notify', this.addNotification.bind(this)); // Показываем приветственное уведомление при загрузке страницы // window.emitter.emit('notify', { // type: 'info', // message: 'Система уведомлений готова!' // }); } }; PetiteVue.createApp(NotificationsApp).mount('#notifications-container'); </script> </body> </html>

Выберите город