60 أسطر
2.0 KiB
TypeScript
60 أسطر
2.0 KiB
TypeScript
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
import "./portfolio.css";
|
|
|
|
const themeInitScript = `
|
|
(() => {
|
|
try {
|
|
const storageKey = "grace-portfolio-theme";
|
|
const savedTheme = window.localStorage.getItem(storageKey);
|
|
const theme = savedTheme === "dark" ? "dark" : "light";
|
|
document.documentElement.dataset.theme = theme;
|
|
document.documentElement.style.colorScheme = theme;
|
|
} catch {
|
|
document.documentElement.dataset.theme = "light";
|
|
document.documentElement.style.colorScheme = "light";
|
|
}
|
|
})();
|
|
`;
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Grace Butrus Salmoun | Architectural Engineer Specialized in Architectural Design",
|
|
description:
|
|
"A bilingual architecture portfolio for Grace Butrus Salmoun, an architectural engineer specialized in architectural design, working across urban rehabilitation, landscape, shop drawings, and visual presentation.",
|
|
metadataBase: new URL("https://grace-salamoun-architect.vercel.app"),
|
|
openGraph: {
|
|
title: "Grace Butrus Salmoun | Architectural Engineer Specialized in Architectural Design",
|
|
description:
|
|
"Architectural design, urban rehabilitation, landscape, shop drawings, and visual presentation in English and Arabic.",
|
|
type: "website",
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: "Grace Butrus Salmoun | Architectural Engineer Specialized in Architectural Design",
|
|
description:
|
|
"A bilingual architecture portfolio featuring selected works, technical documentation, and visual presentation.",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
dir="ltr"
|
|
data-theme="light"
|
|
className="scroll-smooth"
|
|
style={{ colorScheme: "light" }}
|
|
suppressHydrationWarning
|
|
>
|
|
<head>
|
|
<script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
|
|
</head>
|
|
<body className="bg-[var(--color-cream)] font-sans text-[var(--color-ink)] antialiased">{children}</body>
|
|
</html>
|
|
);
|
|
}
|