qw-gallery-scenery/components/Footer.tsx

import {makeStyles } from '@material-ui/core/styles';
import Link from './Link'
const useStyles = makeStyles(() => ({
  footer: {
    display: "flex",
    justifyContent: "center"
  }
}));

export default function Footer() {
  const classes = useStyles();
  return (
    <div>
    <div className={classes.footer}>
      <Link href={process.env.api_domain}>API&nbsp;</Link>
      <Link href='/stats'>Stats&nbsp;</Link>
      <Link href='/tags'>Tags&nbsp;</Link>
      <Link href='/about'>About&nbsp;</Link>
    </div>
    <div className={classes.footer}>
      Powered by&nbsp;<Link href='https://github.com/qwertyforce/scenery'>scenery</Link>
    </div>
    </div>
  );
}