feat: update OG social image and complete OpenGraph meta tags (#192)

- Replace social image with clean brand-focused design (lockup + headline + URL)
- Add og:site_name, og:image:width, og:image:height meta tags globally
- Fix Schema.org JSON-LD logo URL to use opentdf-social.png
- Widen hero grid split to prevent heading text wrap
- Remove "Start here" badge from Web SDK card

Closes #192

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Mike Morper <mike.morper@virtru.com>

Author: vmorps

docusaurus.config.ts

@@ -55,9 +55,21 @@ const config: Config = {
         "@type": "Organization",
         name: "OpenTDF",
         url: "https://opentdf.io",
-        logo: "https://opentdf.io/img/opentdf-icon.svg",
+        logo: "https://opentdf.io/img/opentdf-social.png",
       }),
     },
+    {
+      tagName: "meta",
+      attributes: { property: "og:site_name", content: "OpenTDF" },
+    },
+    {
+      tagName: "meta",
+      attributes: { property: "og:image:width", content: "1200" },
+    },
+    {
+      tagName: "meta",
+      attributes: { property: "og:image:height", content: "630" },
+    },
   ],
 
   onBrokenLinks: "throw",

src/components/landing/DeveloperFirst.tsx

@@ -9,7 +9,7 @@ const sdks = [
     colorClass: "sdk-js",
     icon: "TS",
     href: "https://www.npmjs.com/package/@opentdf/sdk",
-    recommended: true,
+    recommended: false,
   },
   {
     name: "Platform SDK",

src/components/landing/Hero.module.css

@@ -189,8 +189,8 @@
   }
 
   .grid {
-    grid-template-columns: 1fr 1fr;
-    gap: 4rem;
+    grid-template-columns: 1.15fr 1fr;
+    gap: 3rem;
   }
 
   .heading {