import Header from "@/components/header";
import Footer from "@/components/footer";
import ScrollToTop from "@/components/scrolltotop";
import {Poppins} from "next/font/google";
import "@/styles/globals.css";

const poppins = Poppins({
  weight: ["400", "500", "600", "700", "800", "900"],
  subsets: ["latin"],
});

function RootLayout({children}) {
  return (
    <html lang="en" className="overflow-x-hidden">
      <head>
        <link rel="icon" href="/assets/img/favicon.svg" type="image/svg+xml" />
      </head>
      <body className={`${poppins.className} lg:pt-[112px] sm:pt-[76px] pt-[72px]`}>
        <ScrollToTop />
        <Header />
        {children}
        <Footer />
      </body>
    </html>
  );
}

export default RootLayout; // Remove appWithTranslation // 👉 wrap layout dengan appWithTranslation
