import "bootstrap/dist/css/bootstrap.min.css"
import "swiper/css"
import "aos/dist/aos.css"

import Header from "@/component/header"
import Footer from "@/component/Footer"
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>

        <Header />

        {children}


        <Footer />  
   {/* ✅ 1. Bootstrap */}
<Script
  src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
  strategy="afterInteractive"
/>

{/* ✅ 2. Swiper JS (MISSING THA) */}
<Script
  src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"
  strategy="afterInteractive"
/>

{/* ✅ 3. AOS JS */}
<Script
  src="https://unpkg.com/aos@2.3.4/dist/aos.js"
  strategy="afterInteractive"
/>

{/* ✅ 4. TERA main.js (LAST) */}
<Script
  src="/assets/js/main.js"
  strategy="afterInteractive"
/>
      </body>
    </html>
  )
}