import type { Metadata } from "next";
import { Geist, Geist_Mono, Inter, Plus_Jakarta_Sans } from "next/font/google";
import AosInit from "@/components/global/AosInit";
import BootstrapInit from "@/components/global/BootstrapInit";
import DarkModeBtn from "@/components/global/DarkModeBtn";
// Core CSS
import "bootstrap/dist/css/bootstrap.min.css";
import "aos/dist/aos.css";

// Custom CSS
// Swiper CSS
import "swiper/css";
import "swiper/css/pagination";
import "swiper/css/navigation";
import "swiper/css/autoplay";
import "swiper/css/effect-fade";

// Custom CSS
import "@/public/assets/css/style.css";
import "@/public/assets/css/custom.css";

const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
  style: ["normal", "italic"],
});

const plusJakartaSans = Plus_Jakarta_Sans({
  variable: "--font-plus-jakarta-sans",
  subsets: ["latin"],
  weight: ["200", "300", "400", "500", "600", "700", "800"],
  style: ["normal", "italic"],
});

export const metadata: Metadata = {
  title: "Sasico - Analytics & SaaS Landing Page",
  description:
    "We empower businesses to connect with their audience in smarter, faster, and more meaningful ways.",
  keywords: ["analytics", "saas", "landing page", "business solutions"],
  openGraph: {
    title: "Sasico - Analytics & SaaS Landing Page",
    description:
      "We empower businesses to connect with their audience in smarter, faster, and more meaningful ways.",
    type: "website",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className={`${geistSans.variable} ${geistMono.variable} ${inter.variable} ${plusJakartaSans.variable}`}
    >
      <body className="analytics">
        <BootstrapInit />
        <AosInit />
        <DarkModeBtn />
        {children}
      </body>
    </html>
  );
}
