import { Outlet, Link, createRootRoute, HeadContent, Scripts, useRouter } from "@tanstack/react-router"; import { SiteHeader } from "@/components/SiteHeader"; import { SiteFooter } from "@/components/SiteFooter"; import appCss from "../styles.css?url"; function NotFoundComponent() { return (

404

Page not found

The page you're looking for doesn't exist or has been moved.

Back home
); } export const Route = createRootRoute({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }, { title: "Igiciro — Fresh Tomatoes from Rwandan Farmers" }, { name: "description", content: "Vine-ripened tomatoes sourced from Rwandan farmers and delivered nationwide. Every order supports rural livelihoods.", }, { property: "og:title", content: "Igiciro — Fresh Tomatoes from Rwandan Farmers" }, { property: "og:description", content: "Vine-ripened tomatoes sourced from Rwandan farmers and delivered nationwide.", }, { property: "og:type", content: "website" }, { name: "twitter:card", content: "summary_large_image" }, ], links: [ { rel: "stylesheet", href: appCss }, { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600&display=swap", }, ], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, }); function RootShell({ children }: { children: React.ReactNode }) { return ( {children} ); } function RootComponent() { const router = useRouter(); const pathname = router.state.location?.pathname ?? ""; const hideShell = pathname === "/login" || pathname.startsWith("/dashboard"); return (
{!hideShell && }
{!hideShell && }
); }