<script setup lang="ts">
import InDev from '@/components/InDev.vue'
import { useHead } from '@unhead/vue'

useHead({
  title: '剧本市场',
})
</script>

<template>
  <div class="marketplace-page">
    <div class="marketplace-header-card"></div>

    <in-dev />
  </div>
</template>

<style scoped>
div.marketplace-page {
  min-width: min(1200px, 90%);
  width: min(1200px, 90%);
  min-height: 0;
  padding: 6px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

div.marketplace-header-card {
  background-image: url('/nyahome/normal-header.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  width: 100%;
  height: 500px;
}
</style>
