29 lines
1.6 KiB
Vue
29 lines
1.6 KiB
Vue
<template>
|
|
<footer class="ftr">
|
|
<div class="container inner">
|
|
<div class="stack" style="gap: 8px">
|
|
<p class="display" style="font-size: 30px">PANZAÏ</p>
|
|
<p class="muted small">Jungle Street Food · Produits 100 % frais · Wok feu du dragon<br>2 avenue de Champagne, 74200 Thonon-les-Bains · <a href="tel:+33485478262">04 85 47 82 62</a></p>
|
|
</div>
|
|
<div class="row" style="gap: 10px">
|
|
<a class="soc" href="https://instagram.com/panzai.jsf" target="_blank" rel="noopener" aria-label="Instagram"><Icon name="insta" /></a>
|
|
<a class="soc" href="https://tiktok.com/@panzai.jsf" target="_blank" rel="noopener" aria-label="TikTok"><Icon name="tiktok" /></a>
|
|
</div>
|
|
<nav class="row wrap small" style="gap: 18px" aria-label="Liens utiles">
|
|
<NuxtLink to="/menu">La carte</NuxtLink>
|
|
<NuxtLink to="/#infos">Horaires</NuxtLink>
|
|
<a href="#">Mentions légales</a>
|
|
<a href="#">CGV</a>
|
|
<a href="#">Allergènes</a>
|
|
</nav>
|
|
<p class="small muted">Site réalisé par <a href="https://knrwebsite.fr" style="font-weight: 800">KNRWebsite</a></p>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.ftr { margin-top: 80px; background: var(--bg-deep); border-top: 1px solid rgba(243,227,195,.08); padding: 40px 0 120px; }
|
|
.inner { display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: flex-start; justify-content: space-between; }
|
|
.soc { width: 44px; height: 44px; border-radius: 14px; background: var(--surface); display: flex; align-items: center; justify-content: center; color: var(--cream); }
|
|
@media (min-width: 1024px) { .ftr { padding-bottom: 48px; } }
|
|
</style>
|