Set head meta

FejZa · FejZa · commit 6d1c2c6fec26 · 2024-12-13T22:00:40.000+01:00
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -46,32 +46,6 @@ const config: Config = {
     ],
     themeConfig: {
         image: 'img/page-preview.png',
-        metadata: [
-            {
-                name: 'og:title',
-                content: 'Unity Tools for Azure DevOps'
-            },
-            {
-                name: 'og:description',
-                content: 'Free and open source. Save time and money by automating your Unity builds and deployments!'
-            },
-            {
-                name: 'og:url',
-                content: 'https://www.unitydevops.com/'
-            },
-            {
-                name: 'og:site_name',
-                content: 'Unity Tools for Azure DevOps'
-            },
-            {
-                name: 'og:image',
-                content: 'img/page-preview.png'
-            },
-            {
-                name: 'og:type',
-                content: 'website'
-            }
-        ],
         navbar: {
             title: 'Unity Tools for Azure DevOps',
             logo: {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,11 +1,20 @@
 import React from 'react';
 import Layout from '@theme/Layout';
 import HeroSection from './home/HeroSection';
+import Head from '@docusaurus/Head';
 
 export default function Home(): JSX.Element {
   return (
     <Layout description="Save time and money by automating your Unity builds and deployments!">
       <main>
+        <Head>
+          <meta property='og:url' content='https://www.unitydevops.com/' />
+          <meta property='og:site_name' content='Unity Tools for Azure DevOps' />
+          <meta property='og:title' content='Unity Tools for Azure DevOps' />
+          <meta property='og:description' content='Free and open source. Save time and money by automating your Unity builds and deployments!' />
+          <meta property='og:type' content='website' />
+          <meta property='og:image' content='img/page-preview.png' />
+        </Head>
         <HeroSection />
       </main>
     </Layout>
