import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Клуб КИЛН",
  description: "Страница будущей системы лояльности КИЛН."
};

export default function ClubPage() {
  return (
    <section className="section">
      <div className="site-container grid gap-8 lg:grid-cols-[0.9fr_1.1fr]">
        <div>
          <p className="eyebrow">Клуб КИЛН</p>
          <h1 className="display-title mt-2 text-5xl md:text-7xl">Программа готовится</h1>
          <p className="mt-5 muted">Полноценная лояльность будет подключаться после выбора POS/CRM. Сейчас можно оставить интерес к клубу без обещаний процентов и бонусного баланса.</p>
        </div>
        <form className="card grid gap-4 p-5">
          <label><span className="mb-1 block text-sm">Имя</span><input className="input" /></label>
          <label><span className="mb-1 block text-sm">Телефон</span><input className="input" type="tel" /></label>
          <label className="flex items-start gap-3 text-sm"><input className="mt-1 h-4 w-4" type="checkbox" /> <span>Согласен получать новости о запуске клуба.</span></label>
          <button className="button button-primary" type="button">Сообщить о запуске</button>
        </form>
      </div>
    </section>
  );
}