/* global React */

function Footer() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div>
            <div className="footer-brand">Story Builder</div>
            <p className="footer-tag">A writer’s studio that understands the whole book, and runs on the laptop in front of you.</p>
          </div>
          <div className="footer-col">
            <div className="footer-col-title">Product</div>
            <a href="#features">Features</a>
            <a href="#local">On your machine</a>
            {/*<a href="#photo-essay">Writers everywhere</a>*/}
            <a href="#pricing">Pricing</a>
            <a href="#waitlist">Sign up for updates</a>
          </div>
          <div className="footer-col">
            <div className="footer-col-title">Company</div>
            <a href="#founder">Our story</a>
            {/*<a href="#">Press kit</a>
            <a href="#">Contact</a>*/}
          </div>
          <div className="footer-col">
            <div className="footer-col-title">Legal</div>
            <a href="/privacy">Privacy Policy</a>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© 2026 Story Builder · Built in New York</span>
          <span>macOS · iOS</span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;