Add meta tags and title template

package.json

@@ -21,6 +21,7 @@
   "dependencies": {
     "@neato/guider": "^0.1.3",
     "next": "^14.1.4",
+    "next-seo": "^6.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

pnpm-lock.yaml

@@ -11,6 +11,9 @@ dependencies:
   next:
     specifier: ^14.1.4
     version: 14.1.4(react-dom@18.2.0)(react@18.2.0)
+  next-seo:
+    specifier: ^6.5.0
+    version: 6.5.0(next@14.1.4)(react-dom@18.2.0)(react@18.2.0)
   react:
     specifier: ^18.2.0
     version: 18.2.0

theme.config.tsx

@@ -1,5 +1,7 @@
 import { defineTheme, directory, group, link, social } from '@neato/guider/theme';
 import { Logo } from './components/Logo';
+import { NextSeo } from 'next-seo';
+import coverUrl from "./public/cover.png"; 
 
 export default defineTheme({
   github: "movie-web/movie-web",
@@ -11,6 +13,23 @@ export default defineTheme({
       social.discord("https://movie-web.github.io/links/discord"),
     ]
   },
+  meta: (pageMeta) => (
+    <NextSeo {...{
+      titleTemplate: '%s | movie-web',
+      title: pageMeta.title ?? "For all your movie and TV show needs",
+      description: pageMeta.description ?? "movie-web is a free and open source streaming site, no ads, no tracking, no nonsense.",
+      openGraph: {
+        images: [{
+          url: coverUrl.src,
+        }],
+        title: pageMeta.title ?? "For all your movie and TV show needs",
+        description: pageMeta.description ?? "movie-web is a free and open source streaming site, no ads, no tracking, no nonsense.",
+      },
+      twitter: {
+        cardType: 'summary_large_image',
+      },
+    }} />
+  ),
   settings: {
     logo: () => <Logo />,
     colors: {