import { LinksFunction, MetaFunction } from "@remix-run/node"; import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration, } from "@remix-run/react"; import Header from "@/components/LayoutHeader"; // Adjust the import path as needed import Footer from "@/components/LayoutFooter"; // Adjust the import path as needed import globalStyles from "../styles/global.scss?url"; export const links: LinksFunction = () => [ { rel: "stylesheet", href: globalStyles }, // Add your Google font links here // Example: { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400&display=swap" }, // Example: { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Jaldi:wght@400&display=swap" }, ]; export const meta: MetaFunction = () => [ { charset: "utf-8", }, { viewport: "width=device-width,initial-scale=1" }, ]; export default function Root() { return (