Files
fc40fe94-35d6-4db1-bf5c-30f…/src/app/layout.tsx
2026-06-03 23:56:50 +00:00

70 lines
2.5 KiB
TypeScript

import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Source_Sans_3 } from "next/font/google";
export const metadata: Metadata = {
title: 'Hair Screen | Athlete, Student, Creator, Tech Enthusiast',
description: 'Explore the world of Hair Screen: an athlete, student, creator, and technology enthusiast. Featuring projects, sports achievements, and personal interests in a stunning modern design.',
keywords: ["Jonathan, personal website, portfolio, athlete, student, creator, technology, coding, sports, soccer, table tennis, math, supercars, pets, games, modern design, futuristic, dark mode, neon blue, purple accents"],
openGraph: {
"title": "Jonathan's World | Athlete, Student, Creator, Tech Enthusiast",
"description": "Explore the world of Jonathan: an athlete, student, creator, and technology enthusiast. Featuring projects, sports achievements, and personal interests in a stunning modern design.",
"url": "https://jonathansw.com",
"siteName": "Jonathan's World",
"images": [
{
"url": "http://img.b2bpic.net/free-photo/colorful-abstract-nebula-space-background_53876-165517.jpg",
"alt": "Jonathan's World Hero Background"
}
],
"type": "website"
},
twitter: {
"card": "summary_large_image",
"title": "Jonathan's World | Athlete, Student, Creator, Tech Enthusiast",
"description": "Explore the world of Jonathan: an athlete, student, creator, and technology enthusiast. Featuring projects, sports achievements, and personal interests in a stunning modern design.",
"images": [
"http://img.b2bpic.net/free-photo/colorful-abstract-nebula-space-background_53876-165517.jpg"
]
},
robots: {
"index": true,
"follow": true
},
};
const sourceSans3 = Source_Sans_3({
variable: "--font-source-sans-3",
subsets: ["latin"],
});
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${sourceSans3.variable} antialiased`}>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{
__html: `${getVisualEditScript()}`
}}
/>
</body>
</ServiceWrapper>
</html>
);
}