From 835363030c61ace99cbe430686a8e1e2b0c2a8d7 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Sun, 3 May 2026 10:31:42 -0400
Subject: [PATCH] =?UTF-8?q?Update=20site=20=E2=80=94=20significant=20redes?=
 =?UTF-8?q?ign:=20opengraph-image.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/projects/[slug]/opengraph-image.tsx | 102 ++------------------
 1 file changed, 8 insertions(+), 94 deletions(-)

diff --git a/src/app/projects/[slug]/opengraph-image.tsx b/src/app/projects/[slug]/opengraph-image.tsx
index 0e1c2e6..3ba91cd 100644
--- a/src/app/projects/[slug]/opengraph-image.tsx
+++ b/src/app/projects/[slug]/opengraph-image.tsx
@@ -8,11 +8,7 @@ export function generateStaticParams() {
   return projects.map((p) => ({ slug: p.slug }));
 }
 
-export default async function Image({
-  params,
-}: {
-  params: Promise<{ slug: string }>;
-}) {
+export default async function Image({ params }: { params: Promise<{ slug: string }> }) {
   const { slug } = await params;
   const project = projects.find((p) => p.slug === slug);
 
@@ -25,96 +21,14 @@ export default async function Image({
 
   return new ImageResponse(
     (
-      <div
-        style={{
-          background: "#0a0a0a",
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "flex-start",
-          justifyContent: "center",
-          padding: "80px 80px",
-          position: "relative",
-        }}
-      >
-        {/* Brand mark top-left */}
-        <div
-          style={{
-            position: "absolute",
-            top: 56,
-            left: 80,
-            fontSize: 12,
-            color: "#404040",
-            letterSpacing: "0.25em",
-          }}
-        >
-          WILD DRAGON
-        </div>
-
-        {/* URL bottom-right */}
-        <div
-          style={{
-            position: "absolute",
-            bottom: 56,
-            right: 80,
-            fontSize: 16,
-            color: "#404040",
-            letterSpacing: "0.08em",
-          }}
-        >
-          wilddragon.net
-        </div>
-
-        {/* Accent bar */}
-        <div
-          style={{
-            width: 48,
-            height: 3,
-            background: "#3b82f6",
-            marginBottom: 36,
-          }}
-        />
-
-        {/* Client name */}
-        <div
-          style={{
-            fontSize: 68,
-            fontWeight: 700,
-            color: "#ffffff",
-            lineHeight: 1.05,
-            marginBottom: 28,
-            maxWidth: 900,
-            letterSpacing: "-0.5px",
-          }}
-        >
-          {project.client}
-        </div>
-
-        {/* Category + Year row */}
+      <div style={{ background: "#0a0a0a", width: "100%", height: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start", justifyContent: "center", padding: "80px 80px", position: "relative" }}>
+        <div style={{ position: "absolute", top: 56, left: 80, fontSize: 12, color: "#404040", letterSpacing: "0.25em" }}>WILD DRAGON</div>
+        <div style={{ position: "absolute", bottom: 56, right: 80, fontSize: 16, color: "#404040", letterSpacing: "0.08em" }}>wilddragon.net</div>
+        <div style={{ width: 48, height: 3, background: "#3b82f6", marginBottom: 36 }} />
+        <div style={{ fontSize: 68, fontWeight: 700, color: "#ffffff", lineHeight: 1.05, marginBottom: 28, maxWidth: 900, letterSpacing: "-0.5px" }}>{project.client}</div>
         <div style={{ display: "flex", alignItems: "center", gap: 20 }}>
-          <div
-            style={{
-              padding: "10px 20px",
-              background: "rgba(59,130,246,0.12)",
-              color: "#3b82f6",
-              borderRadius: 8,
-              fontSize: 16,
-              fontWeight: 500,
-              border: "1px solid rgba(59,130,246,0.2)",
-            }}
-          >
-            {project.category}
-          </div>
-          <div
-            style={{
-              fontSize: 16,
-              color: "#525252",
-              letterSpacing: "0.05em",
-            }}
-          >
-            {project.year}
-          </div>
+          <div style={{ padding: "10px 20px", background: "rgba(59,130,246,0.12)", color: "#3b82f6", borderRadius: 8, fontSize: 16, fontWeight: 500, border: "1px solid rgba(59,130,246,0.2)" }}>{project.category}</div>
+          <div style={{ fontSize: 16, color: "#525252", letterSpacing: "0.05em" }}>{project.year}</div>
         </div>
       </div>
     ),