mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-21 07:21:47 +01:00
43 lines
1.4 KiB
Vue
43 lines
1.4 KiB
Vue
<template>
|
|
<section class="w-full my-12">
|
|
<div class="md:space-x-12 space-y-8 md:space-y-0 flex flex-col md:flex-row items-center justify-around h-full">
|
|
<nuxt-link to="/uses" class="md:w-1/3 h-full">
|
|
<Ad color="rose" class="w-full flex flex-col justify-between items-center">
|
|
<div>
|
|
<img class="h-48" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
|
|
</div>
|
|
<div>
|
|
<h1 class="font-bold text-black text-4xl">
|
|
{{ $t('home.ad.uses.title') }}
|
|
</h1>
|
|
<h3 class="px-4 text-xl text-gray-700">
|
|
{{ $t('home.ad.uses.description') }}
|
|
</h3>
|
|
</div>
|
|
</Ad>
|
|
</nuxt-link>
|
|
<nuxt-link to="/contact" class="md:w-1/3 h-full">
|
|
<Ad color="blue" class="w-full flex flex-col justify-between items-center">
|
|
<div>
|
|
<img class="h-48" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />
|
|
</div>
|
|
<div>
|
|
<h1 class="font-bold text-black text-4xl">
|
|
{{ $t('home.ad.contact.title') }}
|
|
</h1>
|
|
<h3 class="px-4 text-lg text-gray-700">
|
|
{{ $t('home.ad.contact.description') }}
|
|
</h3>
|
|
</div>
|
|
</Ad>
|
|
</nuxt-link>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
name: "AdPreview"
|
|
}
|
|
</script>
|