export default function Footer() {
  return (
    <footer className="footer has-background-primary-light">
      <div className="content has-text-centered">
        <div>
          <a
            target="_blank"
            rel="noopener noreferrer"
            href="https://mastodon.social/@beachpartyballoons@mastodon.social"
          >
            <i className="fa-brands fa-mastodon is-size-2" />
          </a>
          {' '}
          <a
            target="_blank"
            rel="noopener noreferrer"
            href="https://www.facebook.com/beachpartyballoons"
          >
            <i className="fa-brands fa-facebook-f is-size-2" />
          </a>
          {' '}
          <a
            target="_blank"
            rel="noopener noreferrer"
            href="https://www.instagram.com/beachpartyballoons/"
          >
            <i className="fa-brands fa-instagram is-size-2" />
          </a>
          {' '}
          <a
            target="_blank"
            rel="noopener noreferrer"
            href="https://bsky.app/profile/beachpartyballoons.bsky.social"
          >
            <i className="fa-brands fa-bluesky is-size-2" />
          </a>
        </div>

        <p>
          Copyright &copy; {new Date().getFullYear()} Beach Party Balloons
        </p>
        <p>
          All images &amp; content are property of Beach Party Balloons.
          Use of images without written permission is prohibited.
        </p>
        <p style={{ fontSize: '0.8rem', marginTop: '0.5rem' }}>
          <a href="/shop/privacy">Privacy Policy</a>
          {' · '}
          <a href="/shop/terms">Terms of Service</a>
          {' · '}
          <a href="/shop/refund">Refund &amp; Cancellation Policy</a>
        </p>
      </div>
    </footer>
  )
}
