import { brand } from "../content";
import { Wordmark } from "./Wordmark";

export function SiteFooter() {
  return (
    <footer className="site-footer" id="contact">
      <div className="site-footer__top">
        <Wordmark size={26} />
        <p className="site-footer__line">Taste the North — seasonal winter line</p>
      </div>

      <div className="site-footer__bottom">
        <p className="site-footer__contact">{brand.footer_contact}</p>
        <p className="site-footer__notice">{brand.fictional_notice}</p>
      </div>
    </footer>
  );
}