lily-frontend/src/app/opengraph-image.tsx at main · ghzhost/lily-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import { ImageResponse } from "next/og";

export const runtime = "edge";
export const size = { width: 1200, height: 630 };
export const contentType = "image/png";

export default function OgImage() {
  return new ImageResponse(
    (
      <div
        style={{
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center",
          width: "100%",
          height: "100%",
          background: "#f7f7f5",
          color: "#111827",
          fontFamily: "sans-serif",
        }}
      >
        <div
          style={{
            fontSize: 96,
            fontWeight: 700,
            letterSpacing: "-0.02em",
            marginBottom: 24,
          }}
        >
          Lily Protocol
        </div>
        <div
          style={{
            fontSize: 36,
            color: "#0f766e",
            fontWeight: 500,
            maxWidth: 900,
            textAlign: "center",
            lineHeight: 1.4,
          }}
        >
          Contributor-ready frontend foundation for issue-driven development
        </div>
      </div>
    ),
    { ...size }
  );
}