pages/index.js
// Page Footer with About and Privacy Policy Links
Page Footer with About and Privacy Policy Links
Page Footer with About and Privacy Policy Links
function Footer() {
  const lang = useSelector((state) => state.lang);
  const isTabletOrMobile = useMediaQuery({ query: "(max-width: 767px)" });
  return (
    <div id={styles.Footer}>
      <div className={styles.middleDiv} />
      <div className={styles.bottomDiv}>
        <a
          className={
            isTabletOrMobile
              ? styles.footerLink
              : `${styles.footerLink} ${styles.desktop}`
          }
          href='/about'>
          About
        </a>
        <a
          className={
            isTabletOrMobile
              ? styles.footerLink
              : `${styles.footerLink} ${styles.desktop}`
          }
          target='_blank'
          href={
            lang === "eng"
              ? "https://www.uni-muenster.de/de/en/datenschutzerklaerung.html"
              : "https://www.uni-muenster.de/de/datenschutzerklaerung.html"
          }>
          Privacy Policy
        </a>
      </div>
    </div>
  );
}
function Footer ( ) { const lang = useSelector ( ( state ) => state . lang ) ; const isTabletOrMobile = useMediaQuery ( { query : "(max-width: 767px)" } ) ; return ( < div id = { styles . Footer } > < div className = { styles . middleDiv } / > < div className = { styles . bottomDiv } > < a className = { isTabletOrMobile ? styles . footerLink : ` ${ styles . footerLink } ${ styles . desktop } ` } href = '/about' > 
          About
         < / a > < a className = { isTabletOrMobile ? styles . footerLink : ` ${ styles . footerLink } ${ styles . desktop } ` } target = '_blank' href = { lang === "eng" ? "https://www.uni-muenster.de/de/en/datenschutzerklaerung.html" : "https://www.uni-muenster.de/de/datenschutzerklaerung.html" } > 
          Privacy Policy
         < / a > < / div > < / div > ) ; }
Page Footer with About and Privacy Policy Links
Page Footer with About and Privacy Policy Links