66 lines
1.7 KiB
TypeScript
66 lines
1.7 KiB
TypeScript
import { ImageResponse } from "next/og";
|
||
|
||
// Static social-share image for the site (1200×630).
|
||
// Next.js exposes this as og:image and twitter:image automatically.
|
||
export const alt = "Tenext Technologies — Enterprise Digital Transformation";
|
||
export const size = { width: 1200, height: 630 };
|
||
export const contentType = "image/png";
|
||
|
||
export default function OpengraphImage() {
|
||
return new ImageResponse(
|
||
(
|
||
<div
|
||
style={{
|
||
width: "100%",
|
||
height: "100%",
|
||
display: "flex",
|
||
flexDirection: "column",
|
||
justifyContent: "space-between",
|
||
background: "#1F1F1F",
|
||
padding: "80px",
|
||
fontFamily: "sans-serif",
|
||
}}
|
||
>
|
||
<div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
|
||
<div
|
||
style={{
|
||
width: "20px",
|
||
height: "20px",
|
||
borderRadius: "9999px",
|
||
background: "#45D0BD",
|
||
}}
|
||
/>
|
||
<div
|
||
style={{
|
||
color: "#FFFFFF",
|
||
fontSize: "34px",
|
||
fontWeight: 700,
|
||
letterSpacing: "-0.02em",
|
||
}}
|
||
>
|
||
Tenext Technologies
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
style={{
|
||
color: "#FFFFFF",
|
||
fontSize: "68px",
|
||
fontWeight: 800,
|
||
lineHeight: 1.1,
|
||
letterSpacing: "-0.03em",
|
||
maxWidth: "900px",
|
||
}}
|
||
>
|
||
Engineering predictable outcomes from your digital investments
|
||
</div>
|
||
|
||
<div style={{ color: "#87899B", fontSize: "30px", fontWeight: 500 }}>
|
||
Cloud · Data · AI · Product Engineering · Digital Commerce
|
||
</div>
|
||
</div>
|
||
),
|
||
{ ...size }
|
||
);
|
||
}
|