import type { Metadata } from "next";
import localFont from "next/font/local";
import "./globals.css";
import Providers from "./providers";

const montserratSans = localFont({
  src: [
    { path: "/fonts/Montserrat-Regular.woff2", weight: "400", style: "normal" },
    { path: "/fonts/Montserrat-Bold.woff2", weight: "700", style: "normal" },
  ],
  variable: "--font-montserrat-sans",
  display: "swap",
});

export const metadata: Metadata = {
  title: {
    default: "Nestbugi Contractors - Your Trusted Construction Partner",
    template: "%s | Nestbugi Contractors",
  },
  description:
    "Nestbugi Contractors offers comprehensive construction services including building, civil engineering, landscaping, and maintenance management. Committed to quality, safety, and client satisfaction.",
  icons: {
    icon: "/images/logo.png",
    apple: "/images/logo.png",
    shortcut: "/images/logo.png",
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={`${montserratSans.variable} antialiased`}>
        <Providers>{children}</Providers>
      </body>
    </html>
  );
}
