🎉 {isSubscribed ? : null}

{isSubscribed ? 'Welcome to Academy.' : "You're all set."}

{isSubscribed ? 'Your subscription is active and all premium content for your plan is now unlocked. Head to Academy and start exploring.' : "Your payment was confirmed and your subscription is activating now. This usually takes just a moment. If you don't see your access right away, refresh the Academy page in a few seconds."}

{!isSubscribed ? (

If your access isn't updated automatically

If your Academy access doesn't appear within a few minutes, email academy@skinbase.org or click the button below to open a prefilled message. Include your account email{userEmail ? ` (${userEmail})` : ''} and the checkout session id{sessionId ? `: ${sessionId}` : '.'}

{ e.preventDefault(); post(links.reportIssue, { preserveScroll: true }) }} className="flex w-full max-w-lg items-start gap-2">

setData('message', e.target.value)} placeholder="Optional: Tell us what you expected to see or any useful details" className="flex-1 rounded-md bg-black/20 border border-amber-300/20 p-2 text-sm text-amber-50" rows={3} />
                  <button type="submit" disabled={processing} className="rounded-full border border-amber-300/30 bg-amber-300/12 px-4 py-2 text-sm font-semibold text-amber-900 hover:bg-amber-300/16">Send report</button>
                </form>

<div className="text-xs text-amber-100">
                  <div>- Wait 2–3 minutes and refresh the Academy page.</div>
                  <div>- If you still lack access, use the form above or email academy@skinbase.org.</div>
                </div>
              </div>
            </div>
          ) : null}
        </section>

<div className="flex flex-wrap gap-3">
          <Link
            href={links.academy || '/academy'}
            className="rounded-full border border-emerald-300/25 bg-emerald-300/12 px-5 py-3 text-sm font-semibold text-emerald-100 transition hover:bg-emerald-300/18"
          >
            Go to Academy
          </Link>
          {links.account ? (
            <Link
              href={links.account}
              className="rounded-full border border-white/10 bg-white/[0.05] px-5 py-3 text-sm font-semibold text-white transition hover:border-white/20 hover:bg-white/[0.08]"
            >
              View my subscription
            </Link>
          ) : null}
        </div>
      </div>
    </main>
  )
}