tenext redesign
This commit is contained in:
65
app/opengraph-image.tsx
Normal file
65
app/opengraph-image.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
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 }
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user