import { createRootRoute, HeadContent, Outlet, Scripts } from "@tanstack/react-router";
import { AuthProvider } from "@/lib/auth/provider";
import { PreviewHostBridge } from "@/components/preview-host-bridge";
import { Toaster } from "sonner";
import appCss from "../styles.css?url";
const APP_NAME = "STRATA";
export const Route = createRootRoute({
head: () => ({
meta: [
{ charSet: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ title: APP_NAME },
{
name: "description",
content:
"STRATA is an atelier of stone and sight — a traversable ridge of rock formations whose images change with your angle of view, and a store of prints from eight libraries.",
},
{ name: "theme-color", content: "#121110" },
],
links: [
{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
{ rel: "stylesheet", href: appCss },
{ rel: "manifest", href: "/__grok/manifest.webmanifest" },
{ rel: "apple-touch-icon", href: "/__grok/icon-180.png" },
],
}),
component: () => (
),
});