From 03a536ccb92c0bd1075dfa66d7b016dca99db2ca Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 29 Oct 2026 03:35:45 +0000
Subject: [PATCH] web/landing: use the swirl og image and add an og video

Signed-off-by: oppiliappan <me@oppi.li>
---
 web/src/lib/components/landing/LiveLanding.svelte | 2 ++
 web/src/lib/components/seo/Meta.svelte            | 9 +++++++++
 2 files changed, 11 insertions(+)

diff --git a/web/src/lib/components/landing/LiveLanding.svelte b/web/src/lib/components/landing/LiveLanding.svelte
index d012eaea9..a41a9942e 100644
--- a/web/src/lib/components/landing/LiveLanding.svelte
+++ b/web/src/lib/components/landing/LiveLanding.svelte
@@ -6,6 +6,8 @@
 		title: "Tangled · Your code forge for the next decade",
 		description: DESCRIPTION,
 		canonical: "https://tangled.org",
+		image: "https://assets.tangled.network/og-landing.png",
+		video: "https://assets.tangled.network/blog/forge/og.mp4",
 		jsonLd: {
 			"@context": "https://schema.org",
 			"@type": "WebApplication",
diff --git a/web/src/lib/components/seo/Meta.svelte b/web/src/lib/components/seo/Meta.svelte
index 40b03850d..34c03c6b3 100644
--- a/web/src/lib/components/seo/Meta.svelte
+++ b/web/src/lib/components/seo/Meta.svelte
@@ -8,6 +8,7 @@
 		type?: "website" | "profile" | "article";
 		card?: "summary" | "summary_large_image";
 		image?: string;
+		video?: string;
 		noindex?: boolean;
 		jsonLd?: Record<string, unknown> | Array<Record<string, unknown>>;
 	}
@@ -19,6 +20,7 @@
 		type = "website",
 		card = "summary_large_image",
 		image,
+		video,
 		noindex = false,
 		jsonLd
 	}: Props = $props();
@@ -59,6 +61,13 @@
 	<meta property="og:image:width" content="1200" />
 	<meta property="og:image:height" content="630" />
 	<meta name="twitter:image" content={image || "https://assets.tangled.network/og-image.jpg"} />
+	{#if video}
+		<meta property="og:video" content={video} />
+		<meta property="og:video:secure_url" content={video} />
+		<meta property="og:video:type" content="video/mp4" />
+		<meta property="og:video:width" content="1200" />
+		<meta property="og:video:height" content="630" />
+	{/if}
 	{#if noindex}
 		<meta name="robots" content="noindex, nofollow" />
 	{/if}
-- 
knotmirror 0.0.1