Website/app/layout.js
2025-06-09 00:57:47 +07:00

42 lines
1.3 KiB
JavaScript

import { Inter, Outfit } from "next/font/google";
import "/public/assets/css/animate.min.css";
import "/public/assets/css/bootstrap.min.css";
import "/public/assets/css/flaticon.css";
import "/public/assets/css/fontawesome-all.min.css";
import "/public/assets/css/magnific-popup.css";
import "/public/assets/css/odometer.css";
import "/public/assets/css/swiper-bundle.css";
import "/public/assets/css/aos.css";
import "/public/assets/css/default.css";
import "/public/assets/css/main.css";
import "/public/assets/css/custom.css";
import ScrollHandler from "@/components/custom/ScrollHandler";
import PopUp from "@/components/custom/PopUp";
import { ToastProvider } from "@/components/toast/Toast";
const inter = Inter({
weight: ["300", "400", "500", "600", "700"],
subsets: ["latin"],
variable: "--tg-body-font-family",
display: "swap",
});
const outfit = Outfit({
weight: ["400", "500", "600", "700", "800", "900"],
subsets: ["latin"],
variable: "--tg-heading-font-family",
display: "swap",
});
export default function RootLayout({ children }) {
return (
<html lang="en">
<body className={`${inter.variable} ${outfit.variable}`}>
{children}
<ToastProvider />
<PopUp />
<ScrollHandler />
</body>
</html>
);
}