import React from "react";
import Navbar from "../components/Common/Navbar";
import Footer from "../components/Common/Footer";
import "../app/styles/bootstrap.min.css";
import "../app/styles/boxicons.min.css";
import "../app/styles/flaticon.css";
import '@fortawesome/fontawesome-svg-core/styles.css';
import "react-accessible-accordion/dist/fancy-example.css";
import "react-tabs/style/react-tabs.css";
import "swiper/css";
import "swiper/css/bundle";

// Global Styles
import "../app/styles/style.css";


import AosAnimation from "@/components/Layouts/AosAnimation";
import { Nunito } from "next/font/google";
import "../app/styles/responsive.css";
const nunito = Nunito({ subsets: ["latin"] });

export const metadata = {
  title: "404 - Page Not Found",
  description: "This is my application",
  icons: {
    icon: "/img/favicon.png", // Default favicon
  },
};


export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={nunito.className}>
        <Navbar/>
        {children}
        <Footer />
        <AosAnimation />
      </body>
    </html>
  );
}
