import type { Metadata } from "next";
import "./globals.css";

import Header from "./components/layout/Header/Header";
import Footer from "./components/layout/Footer/Footer";
import Loader from "./components/Loader";
import BackToTop from "./components/BackToTop";
import MouseCursor from "./components/MouseCursor";
import Script from "next/script";

export const metadata: Metadata = {
    title: "Visaway – Immigration & Visa Consulting HTML Template",
    description: "Visaway – Immigration & Visa Consulting HTML Template",
};

export default function RootLayout({
    children,
}: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <html lang="en">
            <head>
                {/* Favicon */}
                <link rel="shortcut icon" href="/assets/img/favicon.png" />

                {/* Bootstrap min.css */}
                <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
                {/* All Min Css */}
                <link rel="stylesheet" href="/assets/css/all.min.css" />
                {/* Animate.css */}
                <link rel="stylesheet" href="/assets/css/animate.css" />
                {/* Magnific Popup.css */}
                <link rel="stylesheet" href="/assets/css/magnific-popup.css" />
                {/* MeanMenu.css */}
                <link rel="stylesheet" href="/assets/css/meanmenu.css" />
                {/* Odometer.css */}
                <link rel="stylesheet" href="/assets/css/odometer.css" />
                {/* Swiper Bundle.css */}
                <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" />
                {/* Nice Select.css */}
                <link rel="stylesheet" href="/assets/css/nice-select.css" />
                {/* Main.css */}
                <link rel="stylesheet" href="/assets/css/main.css" />
            </head>
            <body className="smooth-scroll-yes">
                <Loader />
                <BackToTop />
                <MouseCursor />
                <Header />

                {children}

                <Footer />

                {/* Scripts */}
                <Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" />
                <Script src="/assets/js/viewport.jquery.js" strategy="afterInteractive" />
                <Script src="/assets/js/bootstrap.bundle.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/jquery.nice-select.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/jquery.waypoints.js" strategy="afterInteractive" />
                <Script src="/assets/js/odometer.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/swiper-bundle.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/jquery.meanmenu.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/jquery.magnific-popup.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/wow.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/gsap.js" strategy="afterInteractive" />
                <Script src="/assets/js/lenis.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/ScrollTrigger.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/SplitText.min.js" strategy="afterInteractive" />
                <Script src="/assets/js/main.js" strategy="afterInteractive" />
            </body>
        </html>
    );
}
