diff --git a/src/pages/showcase/index.js b/src/pages/showcase/index.js
index 427081ae99..0dcd10dc07 100644
--- a/src/pages/showcase/index.js
+++ b/src/pages/showcase/index.js
@@ -1,5 +1,5 @@
import React, { useState, useMemo, useCallback, useEffect } from "react";
-
+import Head from '@docusaurus/Head';
import Layout from "@theme/Layout";
import ShowcaseTooltip from "@site/src/components/showcase/ShowcaseTooltip";
import ShowcaseTagSelect from "@site/src/components/showcase/ShowcaseTagSelect";
@@ -332,12 +332,23 @@ function SearchBar() {
);
}
+// Add open graph image to showcase page
+function MetaData() {
+ return (
+
+
+
+
+ )
+}
+
function Showcase() {
const { selectedTags, toggleTag } = useSelectedTags();
const filteredProjects = useFilteredProjects();
return (
+
diff --git a/src/pages/tools/index.js b/src/pages/tools/index.js
index 9e8a5ff9d9..aa7b0ee809 100644
--- a/src/pages/tools/index.js
+++ b/src/pages/tools/index.js
@@ -1,5 +1,5 @@
import React, { useState, useMemo, useCallback, useEffect } from "react";
-
+import Head from '@docusaurus/Head';
import Layout from "@theme/Layout";
import ShowcaseTooltip from "@site/src/components/showcase/ShowcaseTooltip";
import ShowcaseTagSelect from "@site/src/components/showcase/ShowcaseTagSelect";
@@ -331,12 +331,23 @@ function SearchBar() {
);
}
+// Add open graph image to builder tool page
+function MetaData() {
+ return (
+
+
+
+
+ )
+}
+
function Showcase() {
const { selectedTags, toggleTag } = useSelectedTags();
const filteredProjects = useFilteredProjects();
return (
+