import React from 'react';
import './Footer.css';
import logo from '../assets/CREATIVELAND_wordmark_white.png';

const Footer: React.FC = () => {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="creativeland-footer">
      <div className="footer-container">
        <div className="footer-content">
          <div className="footer-section footer-logo-section">
            <img src={logo} alt="Creativeland" className="footer-logo" />
            <p>Trivia, podcasts, and apps.</p>
          </div>

          <div className="footer-section" style={{ textAlign: 'right' }}>
            <ul>
              <li><a href="https://wearecreativeland.com/info/terms-conditions">Terms of Service</a></li>
              <li><a href="https://wearecreativeland.com/info/privacy-policy">Privacy Policy</a></li>
              <li><a href="https://wearecreativeland.com/info/refund-policy">Refund Policy</a></li>
              <li><a href="https://wearecreativeland.com/info/fast-facts-live-game-rules">Fast Facts Live Rules</a></li>
              <li><a href="https://wearecreativeland.com/info/pointmaps-privacy-policy">Pointmaps Privacy Policy</a></li>
            </ul>
          </div>
        </div>

        <div className="footer-bottom">
          <p>&copy; {currentYear} Creativeland LLC. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;