<template>
  <main class="min-h-screen bg-surface-0 text-surface-900 dark:bg-surface-950 dark:text-surface-0">
    <section class="max-w-5xl mx-auto px-6 py-20 flex flex-col gap-6">
      <p class="text-sm uppercase tracking-wide text-surface-500 dark:text-surface-400">
        Public homepage
      </p>
      <h1 class="text-4xl md:text-5xl font-semibold leading-tight">
        Welcome to your Maestro public page
      </h1>
      <p class="max-w-2xl text-base md:text-lg text-surface-600 dark:text-surface-300">
        Edit resources/js/maestro/publicHome.vue for your branded homepage.
        Enable customer_override in Superadmin › Public homepage.
      </p>
      <div class="pt-2">
        <a
          href="/auth/login"
          class="inline-flex items-center rounded-md bg-primary-600 hover:bg-primary-700 text-white px-5 py-2.5 text-sm font-medium transition-colors"
        >
          Login
        </a>
      </div>
    </section>
  </main>
</template>
