import type { Metadata } from "next"; import { JetBrains_Mono } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; const jetBrainsMono = JetBrains_Mono({ variable: "--font-jetbrains-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "Frontend Developer | React & TypeScript Specialist", description: "Portfolio of a frontend developer specializing in React, TypeScript, and modern web development. Crafting beautiful, performant user interfaces.", keywords: "frontend developer, React, TypeScript, web development, UI engineer, portfolio", metadataBase: new URL("https://yourportfolio.dev"), alternates: { canonical: "https://yourportfolio.dev" }, openGraph: { title: "Frontend Developer | React & TypeScript Specialist", description: "Portfolio of a frontend developer specializing in React, TypeScript, and modern web development.", url: "https://yourportfolio.dev", siteName: "Frontend Developer Portfolio", type: "website" }, twitter: { card: "summary_large_image", title: "Frontend Developer | React & TypeScript Specialist", description: "Portfolio of a frontend developer specializing in React, TypeScript, and modern web development." }, robots: { index: true, follow: true } }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {children}