import type { Metadata } from "next";
import { Outfit } from "next/font/google";
import { Nunito_Sans } from "next/font/google";
import "./globals.css";

import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import CustomCursor from "@/components/common/CustomCursor";
import PageLoader from "@/components/common/PageLoader";


const outfit = Outfit({
  subsets: ["latin"],
  variable: "--font-outfit",
  display: "swap",
});

const nunitoSans = Nunito_Sans({
  subsets: ["latin"],
  variable: "--font-nunito-sans",
});

export const metadata: Metadata = {
  title: "ShePays",
  description: "ShePays",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <meta name="google-site-verification" content="Px_nUzY3Q2RKTnvi6kuEWk50hdqX3VKOtCmkjZztqso" />
      <body className={`
          ${nunitoSans.variable}
          ${outfit.variable}
        `}>
        <PageLoader />
        <CustomCursor />
        <Header />

        <main>{children}</main>

        <Footer />
      </body>
    </html>
  );
}