finxol.io
1<script setup lang="ts">
2const config = useRuntimeConfig().public;
3
4const props = defineProps<{
5 description: string;
6}>();
7
8const { description } = props;
9</script>
10
11<template>
12 <div class="h-full w-full flex items-start justify-start bg-stone-100">
13 <div class="flex items-start justify-start h-full">
14 <div class="flex flex-col justify-between w-full h-full px-30 py-15" style="font-family: 'Recoleta'">
15 <div class="flex flex-col justify-between">
16 <h1 class="text-[90px] text-left">
17 {{ config.title }}
18 </h1>
19 <h2 class="text-4xl text-left">
20 {{ description }}
21 </h2>
22 </div>
23 <div class="flex flex-row items-center justify-between text-4xl font-bold mb-0">
24 <div class="flex flex-row items-center gap-8">
25 <img src="/logo.png" alt="Author Avatar" height="56" width="56">
26 <p>
27 {{ config.author }}
28 </p>
29 </div>
30 </div>
31 </div>
32 </div>
33 </div>
34</template>