imaginerio/imaginerioNext

import React from 'react';
import PropTypes from 'prop-types';
import NextHead from 'next/head';
import { useRouter } from 'next/router';

import translations from '../../assets/config/translations';

const Head = ({ title }) => {
  const { asPath, locale } = useRouter();
  return (
    <NextHead>
      <meta charSet="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta httpEquiv="x-ua-compatible" content="ie=edge" />
      <link rel="preconnect" href="https://fonts.gstatic.com" />
      <link
        href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;500&display=swap"
        rel="stylesheet"
      />
      <script
        async
        src="https://umami.axismaps.com/script.js"
        data-website-id="6cee94a9-7318-4916-b4e7-4b61d2771dec"
      />
      <title>{title}</title>
      <meta property="og:title" content={title} />
      <meta property="og:type" content="website" />
      <meta property="og:url" content={`${process.env.NEXT_PUBLIC_HOST}${asPath}`} />
      <meta
        property="og:image"
        content={`${process.env.NEXT_PUBLIC_HOST}/img/imaginerio-cover.png`}
      />
      <meta property="og:description" content={translations.description[locale]} />
    </NextHead>
  );
};

Head.propTypes = {
  title: PropTypes.string.isRequired,
};

export default Head;