import type { Metadata } from "next";
import localFont from "next/font/local";
import "./globals.css";

const biennale = localFont({
  src: [
    { path: "../../public/fonts/biennale/Biennale Thin.otf", weight: "200", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Thin It.otf", weight: "200", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale Light.otf", weight: "300", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Light It.otf", weight: "300", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale Regular.otf", weight: "400", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Regular It.otf", weight: "400", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale Medium.otf", weight: "500", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Medium It.otf", weight: "500", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale SemiBold.otf", weight: "600", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale SemiBold It.otf", weight: "600", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale Bold.otf", weight: "700", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Bold It.otf", weight: "700", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale Heavy.otf", weight: "800", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Heavy It.otf", weight: "800", style: "italic" },
    { path: "../../public/fonts/biennale/Biennale Black.otf", weight: "900", style: "normal" },
    { path: "../../public/fonts/biennale/Biennale Black It.otf", weight: "900", style: "italic" },
  ],
  variable: "--font-sans-custom",
  display: "swap",
});

export const metadata: Metadata = {
  title: "Coast — Trade your digital assets for instant cash",
  description:
    "At Coast, we are 100% committed to providing you swift and secured exchange of your digital assets and cryptocurrencies.",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className={`${biennale.variable} h-full antialiased`} suppressHydrationWarning>
      <body className="min-h-full flex flex-col font-sans" suppressHydrationWarning>
        {children}
      </body>
    </html>
  );
}
