import "./globals.css";
import "./common_css.css";
import "./Common_Form.css";
import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";
config.autoAddCss = false;
import "bootstrap/dist/css/bootstrap.min.css";
import Header from "../components/header/Header";
import Footer from "../components/footer/Footer";
import Providers from "./providers";
import "../components/privacy_policy/Privacy_Policy.css";
import "../components/my_account/all_tabs/manage_address/Manage_Address.css";
import "../components/cart_Products/cart_Products_card/Cart_Products_card.css";
import "../components/cart_Products/may_you_like_also/order_summery_holder/Order_summery_holder.css";
import "../components/my_orders/order_details/Order_details.css";
import Script from "next/script";
import ScrollToTop from "../components/ScrollToTop/ScrollToTop";
import { Suspense } from "react";
import Preloader from "./Preloader";
import { Montserrat, Roboto } from "next/font/google";
export const metadata = {
  title: "kissan mitra",
  icons: {
    icon: "/assets/images/logo/Favicon.png",
  },
};
const montserrat = Montserrat({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700", "800"],
  variable: "--font-montserrat",
});

const roboto = Roboto({
  subsets: ["latin"],
  weight: ["300", "400", "500", "700"],
  variable: "--font-roboto",
});

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body className={`${montserrat.variable} ${roboto.variable}`}>
        <Providers>
          {" "}
          <Preloader />
          <Suspense fallback={null}>
            <ScrollToTop />
            <Header />
            {children}
            <Footer />
          </Suspense>
        </Providers>
      </body>
    </html>
  );
}
