import type { Metadata } from "next";
import { Inter, Plus_Jakarta_Sans } from "next/font/google";
import AosInit from "@/app/components/common/AosInit";
import BootstrapInit from "@/app/components/common/BootstrapInit";
import DarkModeBtn from "@/app/components/common/DarkModeBtn";

// Core CSS
import "bootstrap/dist/css/bootstrap.min.css";
import "aos/dist/aos.css";
// Custom CSS
import "../public/assets/css/style.css";
import "../public/assets/css/custom.css";

const inter = Inter({
  subsets: ["latin"],
  variable: "--body-font",
  display: "swap",
});

const jakarta = Plus_Jakarta_Sans({
  subsets: ["latin"],
  variable: "--title-font",
  display: "swap",
});

export const metadata: Metadata = {
  title: {
    template: "%s | Sasico || Ai Software - SaaS & Tech Startup",
    default: "Sasico || Ai Software - SaaS & Tech Startup",
  },
  description: "Ai-power Software Solutions",
  icons: {
    icon: "/assets/images/favicon.ico",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        suppressHydrationWarning
        className={`${inter.variable} ${jakarta.variable} ai-software v2`}
      >
        <BootstrapInit />
        <AosInit />
        <DarkModeBtn />
        {children}
      </body>
    </html>
  );
}
