141 lines
3.6 KiB
TypeScript
141 lines
3.6 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Geist_Mono, Space_Grotesk } from "next/font/google";
|
|
import localFont from "next/font/local";
|
|
import type { ReactNode } from "react";
|
|
import { safeJsonLd } from "@/lib/jsonld";
|
|
import { buildPersonJsonLd, buildWebSiteJsonLd } from "@/lib/seo";
|
|
import { siteUrl } from "@/lib/site-content";
|
|
import CinematicOverlays from "./components/cinematic/CinematicOverlays";
|
|
import GoogleAnalytics from "./components/GoogleAnalytics";
|
|
import { Header } from "./components/Header";
|
|
import "./globals.css";
|
|
|
|
const defaultTitle = "Evandro Fonseca Junior — Engenharia de Software";
|
|
const seoDescription =
|
|
"Evandro Fonseca Junior é engenheiro da computação e desenvolvedor de software com atuação em Next.js, TypeScript, Rust, IoT e integrações. Base em Garuva, atendimento a projetos no Norte de Santa Catarina e atuação remota.";
|
|
|
|
const spaceGrotesk = Space_Grotesk({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600", "700"],
|
|
display: "swap",
|
|
variable: "--font-space-grotesk",
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600"],
|
|
display: "swap",
|
|
variable: "--font-geist-mono",
|
|
});
|
|
|
|
const monumentExtended = localFont({
|
|
src: [
|
|
{
|
|
path: "../public/fonts/MonumentExtended-Regular.otf",
|
|
weight: "400",
|
|
style: "normal",
|
|
},
|
|
{
|
|
path: "../public/fonts/MonumentExtended-Ultrabold.otf",
|
|
weight: "800",
|
|
style: "normal",
|
|
},
|
|
],
|
|
display: "swap",
|
|
variable: "--font-monument-extended",
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: defaultTitle,
|
|
template: "%s | Evandro Fonseca Junior",
|
|
},
|
|
description: seoDescription,
|
|
authors: [{ name: "Evandro Fonseca Junior" }],
|
|
creator: "Evandro Fonseca Junior",
|
|
publisher: "Evandro Fonseca Junior",
|
|
applicationName: "Evandro.dev.br",
|
|
category: "Technology",
|
|
metadataBase: new URL(siteUrl),
|
|
alternates: {
|
|
canonical: "/",
|
|
},
|
|
formatDetection: {
|
|
email: false,
|
|
address: false,
|
|
telephone: false,
|
|
},
|
|
openGraph: {
|
|
title: defaultTitle,
|
|
description: seoDescription,
|
|
url: siteUrl,
|
|
siteName: "Evandro.dev.br",
|
|
locale: "pt_BR",
|
|
type: "website",
|
|
images: [
|
|
{
|
|
url: "/opengraph-image",
|
|
width: 1200,
|
|
height: 630,
|
|
alt: "Evandro Fonseca Junior | Engenharia de Software, Next.js, Tauri e Rust",
|
|
},
|
|
],
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: defaultTitle,
|
|
description: seoDescription,
|
|
creator: "@evandrodevbr",
|
|
images: ["/opengraph-image"],
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
"max-video-preview": -1,
|
|
"max-image-preview": "large",
|
|
"max-snippet": -1,
|
|
},
|
|
},
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: "#000000",
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 5,
|
|
};
|
|
|
|
interface RootLayoutProps {
|
|
children: ReactNode;
|
|
}
|
|
|
|
export default function RootLayout({ children }: Readonly<RootLayoutProps>) {
|
|
const jsonLd = {
|
|
"@context": "https://schema.org",
|
|
"@graph": [buildWebSiteJsonLd(), buildPersonJsonLd()],
|
|
};
|
|
|
|
return (
|
|
<html
|
|
lang="pt-BR"
|
|
className={`${spaceGrotesk.variable} ${geistMono.variable} ${monumentExtended.variable}`}
|
|
>
|
|
<body>
|
|
<script type="application/ld+json">{safeJsonLd(jsonLd)}</script>
|
|
<a className="skip-link" href="#main-content">
|
|
Pular para o conteúdo
|
|
</a>
|
|
<Header />
|
|
<CinematicOverlays />
|
|
<div id="main-content" tabIndex={-1}>
|
|
{children}
|
|
</div>
|
|
<GoogleAnalytics />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|