57 lines
1.4 KiB
Vue
57 lines
1.4 KiB
Vue
<script setup>
|
|
import { AreaChart } from 'lucide-vue-next'
|
|
import { GitHubIcon } from 'vue3-simple-icons'
|
|
import heroImg from '@/assets/images/hero.svg?raw'
|
|
|
|
const { title, description } = useAppConfig()
|
|
</script>
|
|
|
|
<template>
|
|
<main
|
|
class="grid pt-8 pb-8 lg:grid-cols-2 place-items-center md:py-12"
|
|
>
|
|
<div class="hidden py-6 md:order-1 md:block">
|
|
<div
|
|
class="w-[512px]"
|
|
v-html="heroImg"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<h1
|
|
class="text-5xl font-bold lg:text-6xl xl:text-7xl lg:tracking-tight xl:tracking-tighter"
|
|
>
|
|
{{ title }}
|
|
</h1>
|
|
<p class="max-w-xl mt-4 text-lg text-slate-600">
|
|
{{ description }}
|
|
</p>
|
|
<div class="flex flex-col gap-3 mt-6 sm:flex-row">
|
|
<HomeLink
|
|
href="/dashboard"
|
|
target="_blank"
|
|
class="flex items-center justify-center gap-1"
|
|
rel="noopener"
|
|
>
|
|
<AreaChart
|
|
class="w-5 h-5"
|
|
/>
|
|
Dashboard
|
|
</HomeLink>
|
|
<HomeLink
|
|
size="lg"
|
|
type="outline"
|
|
rel="noopener"
|
|
href="https://github.com/ccbikai/sink"
|
|
class="flex items-center justify-center gap-1"
|
|
target="_blank"
|
|
>
|
|
<GitHubIcon
|
|
class="w-5 h-5"
|
|
/>
|
|
GitHub Repo
|
|
</HomeLink>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</template>
|