json-ld improvements

app/birthday/page.tsx

@@ -1,6 +1,9 @@
+import { JsonLd } from "react-schemaorg";
 import PageTitle from "../../components/PageTitle";
 import Video from "../../components/Video";
 import { addMetadata } from "../../lib/helpers/metadata";
+import { BASE_URL } from "../../lib/config/constants";
+import type { VideoObject } from "schema-dts";
 
 import thumbnail from "./thumbnail.png";
 
@@ -15,6 +18,20 @@ export const metadata = addMetadata({
 const Page = () => {
   return (
     <>
+      <JsonLd<VideoObject>
+        item={{
+          "@context": "https://schema.org",
+          "@type": "VideoObject",
+          name: metadata.title as string,
+          description: metadata.description as string,
+          thumbnailUrl: `${BASE_URL}${thumbnail.src}`,
+          contentUrl:
+            "https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/birthday/birthday-8iayCEy1jfEHpNGZkdBPvxPFOuGz0g.mp4",
+          uploadDate: "1996-02-06T00:00:00Z",
+          duration: "PT6M10S",
+        }}
+      />
+
       <PageTitle canonical="/birthday">1996.mov</PageTitle>
 
       <Video