text: import React from "react";
  import { Helmet } from "react-helmet";
  
  const Meta = () => (
    <Helmet>
      <meta charSet="utf-8" />
      <meta
        name="viewport"
        content="width=device-width, initial-scale=1, shrink-to-fit=no"
      />
      <meta name="application-name" content="MovieHood" />
      <meta name="apple-mobile-web-app-title" content="MovieHood" />
      <title>Browse millions of movies - MovieHood</title>
      <meta
        name="description"
        content="Search menus from any restaurant and add them to your shopping cart"
      />
  
      <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" />
      <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png" />
      <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" />
      <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png" />
      <link
        rel="apple-touch-icon"
        sizes="114x114"
        href="/apple-icon-114x114.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="120x120"
        href="/apple-icon-120x120.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="144x144"
        href="/apple-icon-144x144.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="152x152"
        href="/apple-icon-152x152.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="180x180"
        href="/apple-icon-180x180.png"
      />
      <link
        rel="icon"
        type="image/png"
        sizes="192x192"
        href="/android-icon-192x192.png"
      />
      <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
      <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
      <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
      <link rel="manifest" href="/manifest.json" />
      <meta name="msapplication-TileColor" content="#ffffff" />
      <meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
      <meta name="theme-color" content="#ff5722" />
      <meta name="apple-mobile-web-app-status-bar-style" content="#ff5722" />
  
      {/* Copyright */}
      <meta name="copyright" content="komillog.com" />
      <meta name="author" content="Léon Logli" />
      <meta name="web_author" content="Léon Logli" />
  
      {/* Open Graph */}
      <meta
        property="og:url"
        content={process.env.REACT_APP_ROOT_PATH}
        key="url"
      />
      <meta
        property="og:title"
        content="Browse millions of movies, save your favorite ones"
        key="title"
      />
      <meta property="og:type" content="website" />
      <meta property="og:site_name" content="MovieHood" />
      <meta property="og:image:width" content="1200" />
      <meta property="og:image:height" content="630" />
      <meta property="og:image" content="/screenshots/homepage.png" key="image" />
      <meta
        property="og:description"
        content="Browse millions of movies, save your favorite ones"
        key="description"
      />
    </Helmet>
  );
  
  export default Meta;
  export { Meta };
  