'use client';

import { useEffect } from 'react';
import { useRouter } from 'next/navigation';

/**
 * /account (Session 24).
 *
 * Paid users see "Account" in the nav instead of "Pricing". Rather than
 * duplicate the subscription UI, this route forwards to /profile, which
 * already renders the current plan, usage, founder pricing, and the
 * cancel/manage-subscription controls. Keeping one canonical surface
 * avoids two screens drifting out of sync.
 */
export default function AccountPage() {
  const router = useRouter();
  useEffect(() => {
    router.replace('/profile');
  }, [router]);

  return (
    <section style={{ minHeight: '60vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
      <p
        className="mono"
        style={{ color: 'var(--text-tertiary)', fontSize: 13, letterSpacing: '0.08em', textTransform: 'uppercase' }}
      >
        Opening your account…
      </p>
    </section>
  );
}