diff --git a/apps/website/public/images/contributing/code-cave.jpg b/apps/website/public/images/contributing/code-cave.jpg
new file mode 100644
index 000000000..6fe7cedc1
Binary files /dev/null and b/apps/website/public/images/contributing/code-cave.jpg differ
diff --git a/apps/website/src/components/router-head/router-head.tsx b/apps/website/src/components/router-head/router-head.tsx
index 6819d36ef..f6c787f91 100644
--- a/apps/website/src/components/router-head/router-head.tsx
+++ b/apps/website/src/components/router-head/router-head.tsx
@@ -1,5 +1,6 @@
import { component$ } from '@builder.io/qwik';
import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
+import codeCave from '../../../public/images/contributing/code-cave.jpg';
/**
* The RouterHead component is placed inside of the document `` element.
@@ -16,12 +17,41 @@ export const RouterHead = component$(() => {
+ {/* Theme and color scheme */}
+
+
+
+
-
+ {/* Standard meta description for search engines */}
+
+
+
-
+
+
+
+
+ {/* Full absolute URLs for social media previews */}
+
+
+
+ {/* Add additional OpenGraph tags for better Facebook/LinkedIn support */}
+
+
+
+
{head.meta.map((m, i) => (