import type { Metadata, Viewport } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import Script from "next/script";
// Importação necessária para corrigir o erro de namespace e tipagem do children
import { ReactNode } from "react";
import GoogleAnalytics from "./components/GoogleAnalytics";
import "./globals.css";

const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
  display: "swap",
  adjustFontFallback: true,
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
  display: "swap",
  adjustFontFallback: true,
});

export const metadata: Metadata = {
  title: "Evandro Fonseca Junior | Engenheiro de Software (Next.js, Tauri & Rust)",
  description:
    "Engenheiro Full-Stack especializado em aplicações de alta performance e sistemas críticos. Desenvolvimento com Next.js, React, Tauri e arquitetura escalável.",
  keywords: [
    "engenheiro full-stack",
    "engenheiro de software",
    "Next.js",
    "React",
    "Tauri",
    "Rust",
    "Python",
    "Next.js specialist",
    "React developer",
    "Tauri developer",
    "TypeScript",
    "PostgreSQL",
    "MySQL",
    "computação em nuvem",
    "IoT",
    "automação",
    "arquitetura de software",
    "sistemas escaláveis",
    "High Performance",
    "System Architecture",
  ],
  authors: [{ name: "Evandro Fonseca Junior" }],
  creator: "Evandro Fonseca Junior",
  publisher: "Evandro Fonseca Junior",
  formatDetection: {
    email: false,
    address: false,
    telephone: false,
  },
  metadataBase: new URL("https://evandro.dev.br"),
  alternates: {
    canonical: "/",
  },
  openGraph: {
    title: "Evandro Fonseca Junior | Engenheiro de Software (Next.js, Tauri & Rust)",
    description:
      "Engenheiro Full-Stack especializado em aplicações de alta performance e sistemas críticos. Desenvolvimento com Next.js, React, Tauri e arquitetura escalável.",
    url: "https://evandro.dev.br",
    siteName: "Evandro Fonseca Junior",
    locale: "pt_BR",
    type: "website",
    images: [
      {
        url: "/opengraph-image",
        width: 1200,
        height: 630,
        alt: "Evandro Fonseca Junior - Engenheiro de Software (Next.js, Tauri & Rust)",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "Evandro Fonseca Junior | Engenheiro de Software (Next.js, Tauri & Rust)",
    description:
      "Engenheiro Full-Stack especializado em aplicações de alta performance e sistemas críticos. Desenvolvimento com Next.js, React, Tauri e arquitetura escalável.",
    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 tipada corretamente
interface RootLayoutProps {
  children: ReactNode;
}

export default function RootLayout({ children }: Readonly<RootLayoutProps>) {
  const jsonLd = {
    "@context": "https://schema.org",
    "@type": "ProfilePage",
    "mainEntity": {
      "@type": "Person",
      "name": "Evandro Fonseca Junior",
      "alternateName": "Evandro.dev",
      "jobTitle": "Engenheiro de Software",
      "url": "https://evandro.dev.br",
      "sameAs": [
        "https://github.com/evandrodevbr",
        "https://www.linkedin.com/in/evandro-fonseca-junior-0969aa1b0/",
      ],
      "knowsAbout": [
        "Software Engineering",
        "Next.js",
        "React",
        "Tauri",
        "Rust",
        "TypeScript",
        "High Performance Computing",
        "System Architecture",
        "Cloud Computing",
        "IoT",
        "Automation",
        "PostgreSQL",
        "MySQL",
      ],
      "worksFor": {
        "@type": "Organization",
        "name": "Freelancer / Consultor Independente",
      },
      "description":
        "Engenheiro de software especializado em aplicações de alta performance e sistemas críticos. Desenvolvimento com Next.js 15, React 19, Tauri e arquitetura escalável. Experiência em automação, computação em nuvem e sistemas distribuídos.",
    },
  };

  return (
    <html lang="pt-BR">
      <head>
        {/* Preconnect to external origins for better performance */}
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link
          rel="preconnect"
          href="https://fonts.gstatic.com"
          crossOrigin="anonymous"
        />
        <link rel="preconnect" href="https://wa.me" />
        <link rel="preconnect" href="https://www.linkedin.com" />
        <link rel="preconnect" href="https://github.com" />

        {/* DNS prefetch for additional performance */}
        <link rel="dns-prefetch" href="//fonts.googleapis.com" />
        <link rel="dns-prefetch" href="//fonts.gstatic.com" />
        <link rel="dns-prefetch" href="//wa.me" />
        <link rel="dns-prefetch" href="//www.linkedin.com" />
        <link rel="dns-prefetch" href="//github.com" />

        {/* SEO and Crawling */}
        <link rel="canonical" href="https://evandro.dev.br" />

        {/* Theme color for mobile browsers */}
        <meta name="msapplication-TileColor" content="#000000" />
        <meta
          name="apple-mobile-web-app-status-bar-style"
          content="black-translucent"
        />
        <meta name="apple-mobile-web-app-title" content="Evandro.dev" />
      </head>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
        />
        {children}
        <Script
          src="/analytics/api/script.js"
          data-site-id="1"
          data-debounce="100"
          strategy="afterInteractive"
        />
        <GoogleAnalytics />
      </body>
    </html>
  );
}