json-ld improvements

app/leo/page.tsx

@@ -1,7 +1,10 @@
+import { JsonLd } from "react-schemaorg";
 import PageTitle from "../../components/PageTitle";
 import Link from "../../components/Link";
 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";
 
@@ -16,6 +19,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/leo/leo-x4E4eG4YPo22KSTJuZwAk6fpNF1NgG.mp4",
+          uploadDate: "2007-05-10T00:00:00Z",
+          duration: "PT1M48S",
+        }}
+      />
+
       <PageTitle canonical="/leo">TheLab.mov</PageTitle>
 
       <Video