import Link from 'next/link';
import { getContent } from '@/content';
import { site } from '@/lib/config';
import { BrandLogo } from './Logo';

export function SiteFooter() {
  const { disclaimer } = getContent();
  return (
    <footer className="site-footer">
      <div className="container footer-grid">
        <div>
          <p className="brand">
            <BrandLogo className="brand-logo-footer" />
          </p>
          <p className="small">{disclaimer}</p>
          {site.attribution && <p className="small">{site.attribution}</p>}
        </div>
        <div>
          <ul className="footer-links">
            <li>
              <Link href="/assessment">Assessment</Link>
            </li>
            <li>
              <Link href="/archetypes">The 8 archetypes</Link>
            </li>
            <li>
              <Link href="/#vip">Ark Summit VIP Ticket</Link>
            </li>
            <li>
              <Link href="/legal">Terms &amp; privacy</Link>
            </li>
            {site.supportEmail && (
              <li>
                <a href={`mailto:${site.supportEmail}`}>Contact</a>
              </li>
            )}
          </ul>
          <p className="small" style={{ marginTop: '1rem' }}>
            © {new Date().getFullYear()} {site.name}. All rights reserved.
          </p>
        </div>
      </div>
    </footer>
  );
}