feat: harden portfolio and add SEO foundations

app/opengraph-image.tsx

@@ -1,49 +1,18 @@
 import { ImageResponse } from "next/og";
+import { OG_CONTENT_TYPE, OG_SIZE, OgCard } from "@/lib/og-card";
 
 export const alt =
   "Evandro Fonseca Junior - Engenheiro da Computação e Desenvolvedor de Software";
-export const size = {
-  width: 1200,
-  height: 630,
-};
-export const contentType = "image/png";
+export const size = OG_SIZE;
+export const contentType = OG_CONTENT_TYPE;
 
 export default async function Image() {
   return new ImageResponse(
-    <div
-      style={{
-        background: "#030712",
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "white",
-        fontFamily: "system-ui",
-      }}
-    >
-      <div
-        style={{
-          fontSize: 64,
-          fontWeight: "bold",
-          marginBottom: 20,
-          textAlign: "center",
-        }}
-      >
-        Evandro Fonseca Junior
-      </div>
-      <div
-        style={{
-          fontSize: 32,
-          color: "#3b82f6",
-          marginTop: 10,
-          textAlign: "center",
-        }}
-      >
-        Engenheiro da Computação e Desenvolvedor de Software
-      </div>
-    </div>,
-    { ...size },
+    <OgCard
+      eyebrow="Portfólio de engenharia de software"
+      title="Evandro Fonseca Junior"
+      description="Engenheiro da Computação e Desenvolvedor de Software"
+    />,
+    OG_SIZE,
   );
 }