import { createRootRoute, HeadContent, Outlet, Scripts } from "@tanstack/react-router";
import { AuthProvider } from "@/lib/auth/provider";
import { PreviewHostBridge } from "@/components/preview-host-bridge";
import { Header } from "@/components/site/header";
import { Footer } from "@/components/site/footer";
import appCss from "../styles.css?url";
const APP_NAME = "FerryLore";
export const Route = createRootRoute({
head: () => ({
meta: [
{ charSet: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ title: "FerryLore | Photography, Video & Creative Storytelling" },
{
name: "description",
content:
"FerryLore is a media and creative studio creating cinematic photography, video, travel stories, wedding films, event coverage and unforgettable visual experiences across Virginia, Maryland and Washington, DC.",
},
{ name: "theme-color", content: "#0C0B0A" },
],
links: [
{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
{ rel: "apple-touch-icon", href: "/favicon.svg" },
{ rel: "stylesheet", href: appCss },
{ rel: "preconnect", href: "https://fonts.googleapis.com" },
{ rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" },
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Outfit:wght@300;400;500;600&display=swap",
},
],
}),
component: RootLayout,
});
function RootLayout() {
return (
Skip to content
);
}
export { APP_NAME };