src/app/layout.tsx (29 lines of code) (raw):
"use client";
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import ScrollToTop from "@/components/ScrollToTop";
import { Inter } from "next/font/google";
import "../styles/index.css";
const inter = Inter({ subsets: ["latin"] });
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html suppressHydrationWarning lang="en">
{/*
<head /> will contain the components returned by the nearest parent
head.js. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
*/}
<head />
<body className={`bg-[#FCFCFC] dark:bg-black ${inter.className}, overflow-x-hidden`}>
<Providers>
<Header />
{children}
<Footer />
<ScrollToTop />
</Providers>
</body>
</html>
);
}
import { Providers } from "./providers";