---
import BaseLayout from '@/layouts/BaseLayout.astro'
import SignupForm from '@/components/SignupForm.tsx'

const url = Astro.url
const plan = url.searchParams.get('plan') ?? 'start'
---
<BaseLayout title="Регистрация" description="Регистрация в Food Market — 90 дней бесплатно, без банковской карты.">
  <section class="max-w-md mx-auto px-4 sm:px-6 py-12">
    <h1 class="text-3xl font-extrabold text-center">Создать аккаунт</h1>
    <p class="text-center text-slate-500 mt-2">90 дней бесплатно. Без банковской карты.</p>
    <div class="mt-8 rounded-xl border border-slate-200 p-6 bg-white">
      <SignupForm client:load defaultPlan={plan} />
    </div>
  </section>
</BaseLayout>
