index.html

<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <meta charset="UTF-8" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <base href="/">

  <meta property="og:site_name" content="DataSoccer" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="DataSoccer - Acompanhe as principais ligas do futebol internacional!" />
  <meta property="og:description"
    content="Acompanhe as principais ligas do futebol internacional de maneira rápida e intuitiva!" />
  <meta property="og:url" content="https://data-soccer-qg2lqrirr-the-riquelme.vercel.app/" />
  <meta property="og:image" content="./images/ogp-cover-image.svg" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:locale" content="pt_BR" />
  <meta name="twitter:card" content="summary_large_image">

  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

  <title>DataSoccer</title>
  <meta name="description"
    content="DataSoccer é um aplicativo no qual vocẽ pode acompanhar as principais ligas do futebol internacional de maneira rápida e intuitiva" />
  <link rel="shortcut icon" href="./images/datasoccer-logo.svg" type="image/x-icon">
  <meta name="theme-color" content="#06aa48" />
</head>

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.jsx"></script>
</body>

</html>