yude.jp/pages/components/Footer/Footer.js

// Tailwind CSS
import "tailwindcss/tailwind.css";

// Next.js
import Link from 'next/link';

// i18n
import { useTranslation, useLanguageQuery } from 'next-export-i18n';

export default function Footer(props) {
  const { t } = useTranslation();
  const [query] = useLanguageQuery();
    return (
      <>
        <div className="container mx-auto px-6">
        <div className="flex flex-col items-center">
            <div className="sm:w-full text-center py-6">
                <p className="text-sm font-bold mb-2">
                    {t('footer')} / <Link href="https://github.com/yudejp/yude.jp"><a className="hover:underline">{t('source')}</a></Link>
                </p>
            </div>
          </div>
        </div>
      </>
    );
}