30 lines
1.7 KiB
Vue
30 lines
1.7 KiB
Vue
<script setup>
|
||
import { arrowSvg } from './symbols';
|
||
|
||
defineProps({
|
||
playUrl: { type: String, required: true },
|
||
clientVersion: { type: String, default: '3.3.5a' },
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<section class="hero" data-screen-label="01 Hero">
|
||
<div class="wrap hero-inner">
|
||
<div class="hero-pretitle"><span class="dot"></span><span>MoonWell · клиент World of Warcraft {{ clientVersion }}</span></div>
|
||
<h1 class="h-display hero-title">История Азерота в твоём темпе<span class="ornament">— Лунный колодец —</span></h1>
|
||
<p class="hero-tagline">Пройди путь от Классики до Короля-лича — в одиночку или с небольшим отрядом.</p>
|
||
<div class="hero-meta">
|
||
<span>Личный прогресс</span><span>Одиночные подземелья</span><span>Режим «Предатель»</span><span>Мифик+ без предела</span>
|
||
</div>
|
||
<div class="hero-cta">
|
||
<a :href="playUrl" class="btn btn-primary">Начни играть <span v-html="arrowSvg"></span></a>
|
||
<a href="#about" class="btn btn-ghost">Узнай больше</a>
|
||
</div>
|
||
<div class="hero-launcher-note">
|
||
<span class="os">Windows 10/11</span><span class="sep">·</span><span>macOS — в разработке</span><span class="sep">·</span><span>Автоматическая установка и обновления</span>
|
||
</div>
|
||
</div>
|
||
<div class="hero-scroll">Прокрути вниз</div>
|
||
</section>
|
||
</template>
|