// Gate-лестница после wow-урока (ежедневные заметки). Двойной оффер:
// основной — трипвайр «Второй мозг для предпринимателя», вторичный — полный курс.
// Server component, ДС-2 (Aubade).

import { GateViewTracker } from "./gate-view-tracker";

const TRIPWIRE_URL = "https://second-brain.ru/entrepreneur";
const FULL_COURSE_URL = "https://obsidian.second-brain.ru/";

export function TripwireGateBanner() {
  return (
    <div
      className="card-aubade p-6 mt-10"
      style={{ background: "var(--accent)", boxShadow: "4px 4px 0 0 var(--foreground)" }}
    >
      <GateViewTracker />
      <p
        className="text-xs font-bold uppercase tracking-widest mb-2"
        style={{ color: "var(--muted-foreground)" }}
      >
        Ты освоил главную привычку
      </p>
      <h2 className="font-bold text-xl mb-2">🎯 Что дальше?</h2>
      <p className="text-sm mb-4" style={{ color: "var(--foreground)" }}>
        Ежедневные заметки — это фундамент второго мозга. Дальше система начинает
        работать на тебя. Выбери свой следующий шаг:
      </p>
      <div className="flex flex-col sm:flex-row gap-3">
        <a
          href={TRIPWIRE_URL}
          target="_blank"
          rel="noopener noreferrer"
          className="btn-aubade btn-aubade-accent text-sm flex-1 text-center font-bold"
        >
          ⚡ Второй мозг для предпринимателя →
        </a>
        <a
          href={FULL_COURSE_URL}
          target="_blank"
          rel="noopener noreferrer"
          className="btn-aubade text-sm flex-1 text-center"
        >
          🏛 Полный курс «Obsidian» →
        </a>
      </div>
    </div>
  );
}