// landing-v3-footer.jsx — v3 footer: adds legal links (Privacy, Terms) + support email.
// Keeps the giant cropped "ssup!" sign-off from v2; rebuilds the link row into
// grouped columns so the legal pages have a real home.

function LPFooterV3() {
  const [time, setTime] = React.useState('');
  React.useEffect(() => {
    const f = () => setTime(new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }));
    f();
    const t = setInterval(f, 30000);
    return () => clearInterval(t);
  }, []);

  return (
    <footer className="lp-footer lp-footer-v3">
      <div className="lp-wrap lp-footcols">
        <div className="lp-footbrand">
          <img className="lp-mark" src="brand/ssup-wordmark.png" alt="Ssup!" style={{ height: 30 }} />
          <p className="lp-foottag">A reason to leave the house. Verified humans, real moves, tonight.</p>
          <a className="lp-footmail" href="mailto:what@ssup.social">
            <S2Icon name="arrow" size={15} sw={2.4} />what@ssup.social
          </a>
        </div>

        <nav className="lp-footnav">
          <span className="lp-footnav-h">App</span>
          <a href="#top">Top</a>
          <a href="#how">How it works</a>
          <a href="#cities">Cities</a>
          <a href="#download">Download</a>
        </nav>

        <nav className="lp-footnav">
          <span className="lp-footnav-h">Legal</span>
          <a href="privacy.html">Privacy Policy</a>
          <a href="terms.html">Terms of Use</a>
          <a href="mailto:what@ssup.social">Support</a>
        </nav>
      </div>

      <div className="lp-wrap lp-footbar">
        <small>© 2026 Ssup · all rights reserved</small>
        <small>{time} rn — the night&rsquo;s still young ✦</small>
      </div>

      <div className="lp-footer-giant" aria-hidden="true">
        ssup!
        <span className="lp-footer-sticker">est. on a rooftop in Goa ✦</span>
      </div>
    </footer>
  );
}

Object.assign(window, { LPFooterV3 });