import './globals.css';

import StickyTransparentNavbar from '../components/Header';
import PageFooter from '@/components/Footer';
import BacktoTop from '@/components/BacktoTop';
import CustomCursor from "@/components/CustomCursor";

export const metadata = {
  title: 'World IT and Media Research Analysis Wing: Your Imaginations, We make Reality',
  description: 'A sticky header that changes style on scroll.',

  // Correct Favicon Setup (using favicon.svg)
  icons: {
    icon: [
      { url: "/favicon-2.svg", type: "image/svg+xml" }
    ],
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className="min-h-screen">
        
        {/* Custom Cursor */}
        <CustomCursor />

        {/* Navbar */}
        <StickyTransparentNavbar />

        {/* Main Content */}
        <main className="relative z-10">
          {children}
        </main>

        {/* Footer */}
        <PageFooter />

        {/* Back To Top */}
        <BacktoTop />

      </body>
    </html>
  );
}