import { Outlet, Link, createRootRoute, HeadContent, Scripts } from “@tanstack/react-router”; import { Header } from “@/components/site/Header”; import { Footer } from “@/components/site/Footer”; import appCss from “../styles.css?url”; function NotFoundComponent() { return ( ); } export const Route = createRootRoute({ head: () => ({ meta: [ { charSet: “utf-8” }, { name: “viewport”, content: “width=device-width, initial-scale=1” }, { title: “True Heart Barbershop” }, { name: “description”, content: “Heritage Brooklyn barbershop — classic cuts, beard sculpting, and hot towel straight razor shaves.” }, { property: “og:type”, content: “website” }, { name: “twitter:card”, content: “summary_large_image” }, ], links: [ { 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=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500;600&display=swap”, }, ], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, }); function RootShell({ children }: { children: React.ReactNode }) { return ( {children} ); } function RootComponent() { return ( ); }