61 lines
4.5 KiB
Vue
61 lines
4.5 KiB
Vue
<script setup>
|
||
import { arrowSvg, moonMark } from './symbols';
|
||
|
||
defineProps({
|
||
playUrl: { type: String, required: true },
|
||
legalUrls: { type: Object, required: true },
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<footer class="footer" data-screen-label="05 Footer">
|
||
<div class="wrap">
|
||
<div class="footer-cta reveal">
|
||
<span class="eyebrow">Простая установка</span>
|
||
<div style="height: 20px"></div>
|
||
<h2 class="h-display">Твоя история начинается здесь</h2>
|
||
<p>Лаунчер сам скачает, установит и обновит игровой клиент. Тебе не придётся вручную ставить патчи или менять файлы.</p>
|
||
<div class="launcher-steps">
|
||
<div class="launcher-step"><span class="n">01</span><span class="t">Скачай лаунчер</span></div>
|
||
<div class="launcher-step"><span class="n">02</span><span class="t">Войди или создай аккаунт</span></div>
|
||
<div class="launcher-step"><span class="n">03</span><span class="t">Нажми «Играть» — остальное сделает лаунчер</span></div>
|
||
</div>
|
||
<div class="hero-cta" style="justify-content: center; margin-top: 40px">
|
||
<a :href="playUrl" class="btn btn-primary">Скачай лаунчер для Windows <span v-html="arrowSvg"></span></a>
|
||
<a href="#" class="btn btn-ghost is-disabled" aria-disabled="true">macOS — в разработке</a>
|
||
</div>
|
||
<div style="margin-top: 20px; font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--text-mute); text-transform: uppercase">v 1.4.2 · автоматическая установка и обновления</div>
|
||
</div>
|
||
|
||
<div class="footer-grid">
|
||
<div class="footer-col footer-brand">
|
||
<div style="display: flex; align-items: center; gap: 12px; color: var(--moon)">
|
||
<span v-html="moonMark(28)"></span>
|
||
<span style="font-family: var(--f-display); letter-spacing: 0.18em; font-size: 16px; color: var(--ivory)">MOONWELL</span>
|
||
</div>
|
||
<p>Сервер World of Warcraft 1.12.1. Исследуй классический Азерот, развивай героя до 60-го уровня и играй вместе с друзьями.</p>
|
||
</div>
|
||
<div class="footer-col"><h4>Сервер</h4><a href="#">Статус реалмов</a><a :href="playUrl">Скачать клиент</a><a v-if="legalUrls.offer_published" :href="legalUrls.offer">Публичная оферта</a><a v-if="legalUrls.privacy_published" :href="legalUrls.privacy">Персональные данные</a><a v-if="legalUrls.rules_published" :href="legalUrls.rules">Правила проекта</a></div>
|
||
<div class="footer-col">
|
||
<h4>Сообщество</h4>
|
||
<a href="https://vk.ru/moonwellwow" target="_blank" rel="noopener">ВКонтакте</a>
|
||
<a href="https://t.me/+cVJjNhAgj3IyMTYy" target="_blank" rel="noopener">Telegram</a>
|
||
<a href="mailto:support@moon-well.online">Поддержка</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<span>© 2026 MoonWell · фанатский проект · не связан с Blizzard Entertainment</span>
|
||
<span v-if="legalUrls.offer_published || legalUrls.privacy_published || legalUrls.rules_published">
|
||
<a v-if="legalUrls.offer_published" :href="legalUrls.offer">Оферта</a>
|
||
<template v-if="legalUrls.offer_published && (legalUrls.privacy_published || legalUrls.rules_published)"> · </template>
|
||
<a v-if="legalUrls.privacy_published" :href="legalUrls.privacy">Политика обработки персональных данных</a>
|
||
<template v-if="legalUrls.privacy_published && legalUrls.rules_published"> · </template>
|
||
<a v-if="legalUrls.rules_published" :href="legalUrls.rules">Правила проекта</a>
|
||
</span>
|
||
<span v-else>Сделано с лунным светом</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</template>
|