import type { Metadata } from "next";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import ScrollToTop from "@/components/ScrollToTop";
import WowObserver from "@/components/WowObserver";
import BootstrapCompat from "@/components/BootstrapCompat";
import { RecaptchaProvider } from "@/components/Recaptcha";

export const metadata: Metadata = {
  title: {
    default: "Paramvir Power Solution",
    template: "%s",
  },
  description: "Paramvir Power Solution",
  keywords: "Paramvir Power Solution",
  openGraph: {
    url: "https://www.paramvirpower.com/",
    type: "website",
    title: "Paramvir Power Solution LLP",
    description: "Paramvir Power Solution",
    images: [
      {
        url: "https://www.paramvirpower.com/assets/images/resources/paramvir-power-solutions-logo.png",
      },
    ],
  },
  robots: "index, follow, noodp, noydir",
  icons: {
    icon: [
      { url: "/assets/images/favicon/PPSL-Favicon.webp", sizes: "32x32", type: "image/webp" },
      { url: "/assets/images/favicon/PPSL-Favicon.webp", sizes: "16x16", type: "image/webp" },
    ],
    apple: [{ url: "/assets/images/favicon/apple-touch-icon.png", sizes: "180x180" }],
  },
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <link rel="stylesheet" href="/assets/css/animate.css" />
        <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="/assets/css/bootstrap-select.min.css" />
        <link rel="stylesheet" href="/assets/css/custom-animate.css" />
        <link rel="stylesheet" href="/assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="/assets/css/icomoon.css" />
        <link rel="stylesheet" href="/assets/css/imp.css" />
        <link rel="stylesheet" href="/assets/css/jquery.bootstrap-touchspin.css" />
        <link rel="stylesheet" href="/assets/css/jquery.fancybox.min.css" />
        <link rel="stylesheet" href="/assets/css/owl.css" />
        <link rel="stylesheet" href="/assets/css/owl.theme.default.css" />
        <link rel="stylesheet" href="/assets/fonts/flaticon/flaticon.css" />
        <link rel="stylesheet" href="/assets/css/nouislider.css" />
        <link rel="stylesheet" href="/assets/css/nouislider.pips.css" />
        <link rel="stylesheet" href="/assets/css/timePicker.css" />
        <link rel="stylesheet" href="/assets/css/jquery-ui.css" />
        <link rel="stylesheet" href="/assets/plugins/revolution/css/settings.css" />
        <link rel="stylesheet" href="/assets/plugins/revolution/css/layers.css" />
        <link rel="stylesheet" href="/assets/plugins/revolution/css/navigation.css" />
        <link rel="stylesheet" href="/assets/css/polyglot-language-switcher.css" />
        <link rel="stylesheet" href="/assets/plugins/energy-icon/style.css" />
        <link rel="stylesheet" href="/assets/css/style.css" />
        <link rel="stylesheet" href="/assets/css/responsive.css" />
        <link rel="stylesheet" href="/assets/css/site-fixes.css" />
      </head>
      <body>
        <RecaptchaProvider>
          <div className="boxed_wrapper">
            <Header />
            {children}
            <Footer />
          </div>
          <ScrollToTop />
          <WowObserver />
          <BootstrapCompat />
        </RecaptchaProvider>
      </body>
    </html>
  );
}
