import "bootstrap/dist/css/bootstrap.min.css"
import "swiper/css"
import "aos/dist/aos.css"
import { Toaster } from "react-hot-toast";
import Header from "./components/Header"
import Footer from "./components//Footer"
import AosInit from "./components/AosInit"
import Script from "next/script"
export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">

      {/* ✅ YAHAN */}
      <head>
        <link rel="stylesheet" href="/assets/css/style.css" />
        <link rel="stylesheet" href="/assets/css/responsive.css" />
      </head>

      <body>
      <Toaster position="top-right" />
        <AosInit />
        <Header />

        {children}


        <Footer />
        <Script
          src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
          strategy="afterInteractive"
        />
        <Script
          src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"
          strategy="afterInteractive"
        />
        <Script
          src="/assets/js/main.js"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}