feat: 加上 og:image

app/routes/($lang)._index.tsx

@@ -13,6 +13,8 @@ import endometriosis1 from "~/images/endometriosis-1.png";
 import endometriosis2 from "~/images/endometriosis-2.png";
 import endometriosis3 from "~/images/endometriosis-3.png";
 import endometriosis4 from "~/images/endometriosis-4.png";
+import logo from "~/images/logo.png";
+
 import { getTitle } from "~/utils";
 
 const endometriosis = [
@@ -43,6 +45,10 @@ export const meta: V2_MetaFunction = (x) => {
       name: "description",
       content: greeting,
     },
+    {
+      name: "og:image",
+      content: logo,
+    },
   ];
 };
 

app/routes/($lang).assessment.tsx

@@ -2,6 +2,7 @@ import type { LinksFunction, V2_MetaFunction } from "@remix-run/node";
 import { useTranslation } from "react-i18next";
 import stylesheet from "~/styles/assessment.css";
 
+import logo from "~/images/logo.png";
 import usCDC from "~/images/us-cdc.png";
 import { getTitle } from "~/utils";
 
@@ -25,6 +26,10 @@ export const meta: V2_MetaFunction = (x) => {
       name: "description",
       content: greeting,
     },
+    {
+      name: "og:image",
+      content: logo,
+    },
   ];
 };
 

app/routes/($lang).choice.tsx

@@ -14,6 +14,7 @@ import choice1 from "~/images/choice1.png";
 import choice2 from "~/images/choice2.png";
 import choice3 from "~/images/choice3.png";
 import choice4 from "~/images/choice4.png";
+import logo from "~/images/logo.png";
 import { getTitle } from "~/utils";
 
 export const links: LinksFunction = () => [
@@ -36,6 +37,10 @@ export const meta: V2_MetaFunction = (x) => {
       name: "description",
       content: greeting,
     },
+    {
+      name: "og:image",
+      content: logo,
+    },
   ];
 };
 

app/routes/($lang).contact.tsx

@@ -1,6 +1,7 @@
 import type { LinksFunction, V2_MetaFunction } from "@remix-run/node";
 import stylesheet from "~/styles/contact.css";
 
+import logo from "~/images/logo.png";
 import people from "~/images/361068627_1015588909782458_8471306656182809679_n.png";
 import { useTranslation } from "react-i18next";
 import { getTitle } from "~/utils";
@@ -25,6 +26,10 @@ export const meta: V2_MetaFunction = (x) => {
       name: "description",
       content: greeting,
     },
+    {
+      name: "og:image",
+      content: logo,
+    },
   ];
 };
 

app/routes/($lang).curing.tsx

@@ -1,10 +1,11 @@
 import type { LinksFunction, V2_MetaFunction } from "@remix-run/node";
+import { useTranslation } from "react-i18next";
 import { ArrowAltCircleDown } from "~/components/icons";
 import stylesheet from "~/styles/curing.css";
 import curingData from "~/data/curing.json";
 import type { CuringDataType } from "~/components/CuringSubPage";
 import CuringSubPage from "~/components/CuringSubPage";
-import { useTranslation } from "react-i18next";
+import logo from "~/images/logo.png";
 import { getTitle } from "~/utils";
 
 export const links: LinksFunction = () => [
@@ -27,6 +28,10 @@ export const meta: V2_MetaFunction = (x) => {
       name: "description",
       content: greeting,
     },
+    {
+      name: "og:image",
+      content: logo,
+    },
   ];
 };
 

app/routes/($lang).plan.tsx

@@ -1,6 +1,7 @@
 import type { LinksFunction, V2_MetaFunction } from "@remix-run/node";
 import { useTranslation } from "react-i18next";
 
+import logo from "~/images/logo.png";
 import stylesheet from "~/styles/plan.css";
 import { getTitle } from "~/utils";
 
@@ -24,6 +25,10 @@ export const meta: V2_MetaFunction = (x) => {
       name: "description",
       content: greeting,
     },
+    {
+      name: "og:image",
+      content: logo,
+    },
   ];
 };