import type { Metadata } from "next";
import { Montserrat } from "next/font/google";
import "./globals.css";

// Montserrat carries both display and body type across the site.
const montserrat = Montserrat({
  subsets: ["latin"],
  variable: "--font-montserrat",
  display: "swap",
});

export const metadata: Metadata = {
  title: {
    default: "Full Gospel Mission Youpwe — City of Testimonies",
    template: "%s · City of Testimonies",
  },
  description:
    "Full Gospel Mission Youpwe, City of Testimonies — events, messages and testimonies from our church family in Youpwe, Douala.",
  icons: {
    icon: "/icon.png",
    apple: "/apple-icon.png",
  },
};

export default function RootLayout({
  children,
}: Readonly<{ children: React.ReactNode }>) {
  return (
    <html
      lang="en"
      className={montserrat.variable}
      suppressHydrationWarning
    >
      <body>{children}</body>
    </html>
  );
}