import type { Metadata } from "next";
import { Geist, Geist_Mono, Playfair_Display } from "next/font/google";
import { ThemeProvider } from "@/components/theme-provider";
import { TooltipProvider } from "@/components/ui/tooltip";
import "./globals.css";
export const metadata: Metadata = {
metadataBase: new URL("https://ask.elevateetiquette.com"),
title: "Ask Alison — Etiquette Assistant",
description:
"AI-powered etiquette guidance from Alison. Navigate social situations with confidence and grace.",
};
export const viewport = {
maximumScale: 1,
};
const geist = Geist({
subsets: ["latin"],
display: "swap",
variable: "--font-geist",
});
const geistMono = Geist_Mono({
subsets: ["latin"],
display: "swap",
variable: "--font-geist-mono",
});
const playfair = Playfair_Display({
subsets: ["latin"],
display: "swap",
variable: "--font-playfair",
});
const LIGHT_THEME_COLOR = "hsl(350deg 30% 97%)";
const DARK_THEME_COLOR = "hsl(350deg 15% 10%)";
const LANDING_LIGHT_SCRIPT = `\
(function() {
var path = window.location.pathname;
if (path === "/" || path === "") {
document.documentElement.classList.remove("dark");
document.documentElement.classList.add("light");
}
})();`;
const THEME_COLOR_SCRIPT = `\
(function() {
var html = document.documentElement;
var meta = document.querySelector('meta[name="theme-color"]');
if (!meta) {
meta = document.createElement('meta');
meta.setAttribute('name', 'theme-color');
document.head.appendChild(meta);
}
function updateThemeColor() {
var isDark = html.classList.contains('dark');
meta.setAttribute('content', isDark ? '${DARK_THEME_COLOR}' : '${LIGHT_THEME_COLOR}');
}
var observer = new MutationObserver(updateThemeColor);
observer.observe(html, { attributes: true, attributeFilter: ['class'] });
updateThemeColor();
})();`;
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{children}
);
}