Initial deploy

2026-04-29 16:55:25 +03:00
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -0,0 +1,59 @@
+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>
+  );
+}