import { Link } from 'react-router-dom'
import { footer, images } from '../content/site'
import './Footer.css'

export function Footer() {
  return (
    <footer className="site-footer">
      <div className="container footer-inner">
        <div className="footer-brand">
          <img src={images.logo} alt="" className="footer-logo" />
          <div>
            <p className="serif footer-title">{footer.brandLine}</p>
            <p className="footer-slogan">{footer.slogan}</p>
          </div>
        </div>
        <div className="footer-meta">
          <p>
            {footer.copyright} · {footer.icp}
          </p>
          <p>{footer.compliance}</p>
          <p>{footer.dataNote}</p>
          <p>
            <Link to="/contact">联系我们</Link>
          </p>
        </div>
      </div>
    </footer>
  )
}
