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";
export const metadata = {
  title: "A-Mart Web",
  icons: {
    icon: "/assets/images/AMarts _ Favicon.png",
  },
};

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        <Providers>
          <Suspense fallback={null}>
            <ScrollToTop />
            <Header />
            {children}
            <Footer />
          </Suspense>
        </Providers>
      </body>
    </html>
  );
}
