import type { Metadata } from "next";
import { Plus_Jakarta_Sans, Cinzel } from "next/font/google";
import "./globals.css";

const jakartaSans = Plus_Jakarta_Sans({
  variable: "--font-jakarta",
  subsets: ["latin"],
  weight: ["300", "400", "500", "600", "700", "800"],
});

const cinzel = Cinzel({
  variable: "--font-cinzel",
  subsets: ["latin"],
  weight: ["400", "600", "700", "800", "900"],
});

export const metadata: Metadata = {
  title: "TRICITY Investment | Luxury Real Estate & Villa Properties",
  description:
    "Discover luxury residential villas, 1BHK, 2BHK, 3BHK, 4BHK, plots, and commercial spaces with TRICITY Investment. A blessing in every step.",
  keywords: ["Luxury Villa", "TRICITY Investment", "Real Estate", "1BHK", "2BHK", "3BHK", "4BHK", "Plots", "Villas", "Commercial Space"],
  icons: {
    icon: [
      { url: "/images/logo.png" },
      { url: "/icon.png", type: "image/png" },
    ],
    shortcut: "/images/logo.png",
    apple: "/images/logo.png",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className={`${jakartaSans.variable} ${cinzel.variable} h-full antialiased scroll-smooth`}
    >
      <body className="min-h-full flex flex-col font-sans bg-white text-zinc-900 selection:bg-amber-100 selection:text-amber-900">
        {children}
      </body>
    </html>
  );
}