import type { Metadata } from "next";
import "./custom.css";
import "./globals.css";
 
import Navbar from "@/components/Navbar";
import AnalyticsScriptsLoader from "@/components/AnalyticsScriptsLoader";
import { ErrorBoundary } from "@/components/ErrorBoundary";
import { Lexend_Deca, Outfit, Plus_Jakarta_Sans } from 'next/font/google'
 
const lexendDeca = Lexend_Deca({
  subsets: ['latin'],
  weight: ['300', '400', '500', '600', '700'],
  variable: '--font-lexend',
})
 
const outfit = Outfit({
  subsets: ['latin'],
  weight: ['300', '400', '500', '600', '700'],
  variable: '--font-outfit',
})
 
const jakarta = Plus_Jakarta_Sans({
  subsets: ['latin'],
  weight: ['300', '400', '500', '600', '700'],
  variable: '--font-jakarta',
})
 
export const metadata: Metadata = {
  title: "Biomket",
  description: "biomket",
  icons: {
    icon: [
      { url: '/image.png', type: '/svg+xml' },
    ],
  },
};
 
export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${lexendDeca.variable} ${outfit.variable} ${jakarta.variable} font-outfit antialiased relative`}
      >
        <ErrorBoundary>
          <AnalyticsScriptsLoader />
          <Navbar />
          <div className="mx-auto w-full max-w-[1920px] relative z-10">
            {children}
          </div>
        </ErrorBoundary>
      </body>
    </html>
  );
}