<template>
  <div class="max-w-[720px] mx-auto">
    <n-card>
      <brand-header />

      <div>Get everyone interested in programming.</div>

      <n-divider class="mx-[-24px] w-[calc(100%+48px)]" />

      <div class="text-gray text-xs">
        <div>
          <nuxt-link class="link" target="_blank" to="https://smartsheep.studio">Made by SmartSheep Studio.</nuxt-link>
          Proprietary software.
        </div>
        <div>Fuxi Development Team © {{ new Date().getFullYear() }}</div>
      </div>
    </n-card>
  </div>
</template>

<script setup lang="ts">
import { NCard, NDivider } from "naive-ui";
</script>

<style scoped>
.link {
  all: unset;
  cursor: pointer;
}
</style>