Add Open Graph and Twitter Card metadata for social sharing

- Add og-image.jpg (1200x630) for link previews
- Add metadataBase, openGraph, and twitter metadata to layout.tsx

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/layout.tsx

@@ -18,6 +18,7 @@ const _permanentMarker = Permanent_Marker({
 })
 
 export const metadata: Metadata = {
+  metadataBase: new URL("https://jefflix.com"),
   title: "Jefflix - Seize the Streams of Production",
   description: "A revolutionary approach to media consumption. Free from subscriptions, owned by the people.",
   generator: "v0.app",
@@ -38,6 +39,28 @@ export const metadata: Metadata = {
     ],
     apple: "/apple-icon.png",
   },
+  openGraph: {
+    type: "website",
+    locale: "en_US",
+    url: "https://jefflix.com",
+    title: "Jefflix - Seize the Streams of Production",
+    description: "A revolutionary approach to media consumption. Free from subscriptions, owned by the people.",
+    siteName: "Jefflix",
+    images: [
+      {
+        url: "/og-image.jpg",
+        width: 1200,
+        height: 630,
+        alt: "Jefflix - Seize the Streams of Production",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Jefflix - Seize the Streams of Production",
+    description: "A revolutionary approach to media consumption. Free from subscriptions, owned by the people.",
+    images: ["/og-image.jpg"],
+  },
 }
 
 export default function RootLayout({