From 0d4d00efb5cc9d8ca14bb310e6d5e9173af1a5aa Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 5 Oct 2025 16:49:29 +0000
Subject: [PATCH 1/4] Initial plan


From a67de66b687562a93d447aae8286a6d39a488bcc Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 5 Oct 2025 16:54:31 +0000
Subject: [PATCH 2/4] Add Open Graph and Twitter Card meta tags to index.html

Co-authored-by: JasonMore <383719+JasonMore@users.noreply.github.com>
---
 index.html | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/index.html b/index.html
index f9686fb..59abbd3 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,38 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
+    />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:url"
+      content="https://stackblitz.com/~/github.com/JasonMore/react-performance-examples"
+    />
+    <meta property="og:title" content="React Performance Examples" />
+    <meta
+      property="og:description"
+      content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
+    />
+    <meta property="og:image" content="/vite.svg" />
+    <meta property="og:site_name" content="React Performance Examples" />
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:url"
+      content="https://stackblitz.com/~/github.com/JasonMore/react-performance-examples"
+    />
+    <meta name="twitter:title" content="React Performance Examples" />
+    <meta
+      name="twitter:description"
+      content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
+    />
+    <meta name="twitter:image" content="/vite.svg" />
+
     <link
       href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
       rel="stylesheet"

From 6556a1922a3ceed7cf6194ae235627eda5a0201c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 5 Oct 2025 16:55:50 +0000
Subject: [PATCH 3/4] Fix Open Graph and Twitter Card image URLs to use
 absolute URLs

Co-authored-by: JasonMore <383719+JasonMore@users.noreply.github.com>
---
 index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 59abbd3..bd47738 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,10 @@
       property="og:description"
       content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
     />
-    <meta property="og:image" content="/vite.svg" />
+    <meta
+      property="og:image"
+      content="https://stackblitz.com/~/github.com/JasonMore/react-performance-examples/vite.svg"
+    />
     <meta property="og:site_name" content="React Performance Examples" />
 
     <!-- Twitter -->
@@ -34,7 +37,10 @@
       name="twitter:description"
       content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
     />
-    <meta name="twitter:image" content="/vite.svg" />
+    <meta
+      name="twitter:image"
+      content="https://stackblitz.com/~/github.com/JasonMore/react-performance-examples/vite.svg"
+    />
 
     <link
       href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"

From 7a4033d91e50b12be76739dc43e72af48dca2851 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 5 Oct 2025 16:58:55 +0000
Subject: [PATCH 4/4] Use relative image URLs with documentation for
 flexibility across deployments

Co-authored-by: JasonMore <383719+JasonMore@users.noreply.github.com>
---
 index.html | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index bd47738..16706dd 100644
--- a/index.html
+++ b/index.html
@@ -20,10 +20,9 @@
       property="og:description"
       content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
     />
-    <meta
-      property="og:image"
-      content="https://stackblitz.com/~/github.com/JasonMore/react-performance-examples/vite.svg"
-    />
+    <!-- Note: og:image uses a relative path for flexibility across deployments.
+         For production, consider using an absolute URL and a custom social media image. -->
+    <meta property="og:image" content="/vite.svg" />
     <meta property="og:site_name" content="React Performance Examples" />
 
     <!-- Twitter -->
@@ -37,10 +36,9 @@
       name="twitter:description"
       content="Interactive React performance examples and demos to help developers understand optimization techniques and patterns. Compare efficient and inefficient implementations side-by-side."
     />
-    <meta
-      name="twitter:image"
-      content="https://stackblitz.com/~/github.com/JasonMore/react-performance-examples/vite.svg"
-    />
+    <!-- Note: twitter:image uses a relative path for flexibility across deployments.
+         For production, consider using an absolute URL and a custom social media image. -->
+    <meta name="twitter:image" content="/vite.svg" />
 
     <link
       href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"