|
|
|
@@ -1,20 +1,54 @@
|
|
|
|
import type { Metadata } from "next";
|
|
|
|
import type { Metadata } from "next";
|
|
|
|
|
|
|
|
import { Libre_Baskerville } from "next/font/google";
|
|
|
|
import { Inter } from "next/font/google";
|
|
|
|
import { Inter } from "next/font/google";
|
|
|
|
import "../styles/globals.css";
|
|
|
|
import "./globals.css";
|
|
|
|
|
|
|
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
|
|
|
|
|
|
import Tag from "@/tag/Tag";
|
|
|
|
|
|
|
|
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
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 = {
|
|
|
|
export const metadata: Metadata = {
|
|
|
|
title: "Create Next App", description: "Generated by create next app"};
|
|
|
|
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({
|
|
|
|
export default function RootLayout({
|
|
|
|
children,
|
|
|
|
children,
|
|
|
|
}: {
|
|
|
|
}: Readonly<{
|
|
|
|
children: React.ReactNode;
|
|
|
|
children: React.ReactNode;
|
|
|
|
}) {
|
|
|
|
}>) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<html lang="en">
|
|
|
|
<html lang="en" suppressHydrationWarning>
|
|
|
|
<body className={inter.className}>{children}
|
|
|
|
<ServiceWrapper>
|
|
|
|
|
|
|
|
<body
|
|
|
|
|
|
|
|
className={`${libreBaskerville.variable} ${inter.variable} antialiased`}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<Tag />
|
|
|
|
|
|
|
|
{children}
|
|
|
|
|
|
|
|
|
|
|
|
<script
|
|
|
|
<script
|
|
|
|
dangerouslySetInnerHTML={{
|
|
|
|
dangerouslySetInnerHTML={{
|
|
|
|
__html: `
|
|
|
|
__html: `
|
|
|
|
@@ -1382,6 +1416,7 @@ export default function RootLayout({
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</ServiceWrapper>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
