import type { Metadata } from "next";
import "./globals.css";
import "./menu-fix.css"; // Fix for menu visibility
import AuthProvider from "./providers";

export const metadata: Metadata = {
  title: "IT Solutions | Softora - IT Solutions & Technology",
  description: "Softora - IT Solutions & Technology HTML Template",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <head>
        {/* External Stylesheets */}
        <link rel="stylesheet" href="/assets/css/animate.css" />
        <link rel="stylesheet" href="/assets/css/tabler-icons.min.css" />
        <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" />
        <link rel="stylesheet" href="/style.css" />
      </head>
      <body>
        <AuthProvider>
          {children}
        </AuthProvider>

        {/* External Scripts */}
        <script src="/assets/js/bootstrap.bundle.min.js" async />
        <script src="/assets/js/slideToggle.min.js" async />
        <script src="/assets/js/swiper-bundle.min.js" async />
        <script src="/assets/js/jarallax.min.js" async />
        <script src="/assets/js/index.js" async />

        <script src="/assets/js/imagesloaded.pkgd.min.js" async />
        <script src="/assets/js/isotope.pkgd.min.js" async />
        <script src="/assets/js/wow.min.js" async />
        <script src="/assets/js/active.js" async />
      </body>
    </html>
  );
}
