import type { Metadata } from "next";
import { Inter, Plus_Jakarta_Sans } from "next/font/google";
import AOSClient from "@/components/global/aos-client";
import BootstrapClient from "@/components/global/bootstrap-client";
import DarkModeClient from "@/components/global/dark-mode-client";

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

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

const plusJakartaSans = Plus_Jakarta_Sans({
  subsets: ["latin"],
  variable: "--font-plus-jakarta-sans",
});

export const metadata: Metadata = {
  metadataBase: new URL("https://sasico.vercel.app"),
  title: {
    template: "%s | Startup || Saas Ai Software - SaaS & Tech Startup",
    default: "Sasico || Startup Ai Software - SaaS & Tech Startup",
  },
  description:
    "The Sasico Nextjs Template is a modern and powerful solution crafted for SaaS, startups, technology companies, and digital businesses. Designed with Bootstrap, it gives you complete control to build a professional website effortlessly, using intuitive drag-and-drop editing and endless customization without any coding required",
  icons: {
    icon: "/assets/images/favicon.ico",
    shortcut: "/assets/images/favicon.ico",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        className={`start-up ${inter.variable} ${plusJakartaSans.variable}`}
      >
        {children}
        <AOSClient />
        <DarkModeClient />
        <BootstrapClient />
      </body>
    </html>
  );
}
