fix: seo meta

mstark5652 · mstark5652 · commit bccd526ef82a · 2023-08-04T16:10:00.000-05:00
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -18,7 +18,7 @@ export default function App({ Component, pageProps }: AppProps) {
       <CssBaseline />
       <BusProvider>
         <div className="app-container">
-          {!embed && <Header title="Linx" user={user} />}
+          {!embed && <Header title="Link Flow" user={user} />}
           <Container disableGutters maxWidth="xl">
             <Component {...pageProps} />
           </Container>
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -5,9 +5,10 @@ export default function Document() {
   return (
     <Html lang="en">
       <Head>
-        <meta name="description" content="Linx Flow" />
+        <meta name="description" content="Link Flow - Routing your users to their preferred platform. A Firebase Dynamic Link alternative." />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
+        <meta name="theme-color" content="#202124" />
         <GA />
       </Head>
       <body>
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -122,7 +122,7 @@ export default function Home({
   return (
     <>
       <Head>
-        <title>Linx Flow</title>
+        <title>Link Flow</title>
       </Head>
       <main>
         <>
diff --git a/pages/link/[userId]/[id].tsx b/pages/link/[userId]/[id].tsx
@@ -19,12 +19,25 @@ const LinkPage = ({ data }: LinkProps): JSX.Element => {
     return <Error statusCode={404} />
   }
 
-
+  const title = data?.seo?.title || "Link Flow Config"
+  const desc = data?.seo?.description || "Link Flow Config"
+  const imgSrc = data?.seo?.media || ""
   return (
     <>
       <Head>
-        <title>{data?.seo?.title || "Link Config"}</title>
-        <meta name="description" content={data?.seo?.description || "Link Config"} />
+        <title>{title}</title>
+        <meta property="og:site_name" content={title} />
+        <meta property="og:title" content={title} />
+
+        <meta name="description" content={desc} />
+        <meta property="og:description" content={desc} />
+
+        <meta property="og:image" content={imgSrc} />
+
+        <meta name="twitter:title" content={title} />
+        <meta name="twitter:description" content={desc} />
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:image" content={imgSrc} />
       </Head>
       <p>{data?.seo?.title || "Link Config"}</p>
       <PlatformRedirect destinations={data?.destinations || []} />
