Hero: replace particle field with cobe globe (Capricorn view, multi-axis drag, reduced-motion safe), telemetry HUD with pointer parallax, particle text build effect, Space Grotesk display font. SEO: short titles with template, PT-BR accents, twitter cards on dynamic cases, escaped JSON-LD via lib/jsonld.ts, CSP report-only, 25 service FAQs answer-first. Design: fix TW4 layered reset killing spacing utilities, literal @theme tokens, mobile hero overflow, header overlap, empty case cards. Remove framer-motion (unified on motion/react), header version badge, phone number from hero CTA. Production build verified (24 static pages).
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import { ImageResponse } from "next/og";
|
|
|
|
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 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 },
|
|
);
|
|
}
|