import type { Metadata } from "next"; import { Libre_Baskerville } from "next/font/google"; import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; const libreBaskerville = Libre_Baskerville({ variable: "--font-libre-baskerville", subsets: ["latin"], weight: ["400", "700"], }); const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { title: "Interactive Cyberpunk Portfolio | Walk Through My Work", description: "Explore an immersive cyberpunk city to discover innovative projects. Meet NPCs, interact with portfolio content, and experience playable design.", keywords: "portfolio, interactive, cyberpunk, web developer, game developer, creative technologist, design, UI/UX, 3D graphics", metadataBase: new URL("https://example.com"), alternates: { canonical: "https://example.com" }, openGraph: { title: "Interactive Cyberpunk Portfolio", description: "Walk through my work—literally. Explore a playable cyberpunk city filled with projects and interactive experiences.", url: "https://example.com", siteName: "Cyberpunk Portfolio", type: "website", images: [ { url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APazqu2zUGttIlIPKpVlutAVcM/a-stunning-futuristic-cyberpunk-city-sky-1772579589738-af5a3fa1.png", alt: "A stunning futuristic cyberpunk city skyline with neon purple, blue, and pink lights. Tall skyscrape" } ] }, twitter: { card: "summary_large_image", title: "Interactive Cyberpunk Portfolio", description: "Explore a playable cyberpunk city to discover innovative projects and technical expertise.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APazqu2zUGttIlIPKpVlutAVcM/a-stunning-futuristic-cyberpunk-city-sky-1772579589738-af5a3fa1.png"] }, robots: { index: true, follow: true } }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {children}