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

const display = Cormorant_Garamond({
  subsets: ["latin"],
  weight: ["400", "500", "600"],
  style: ["normal", "italic"],
  variable: "--font-display",
});

const body = Manrope({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700"],
  variable: "--font-body",
});

export const metadata: Metadata = {
  title: "Nirala Diadem Sector 10 Greater Noida West | Price & Floor Plans",
  description:
    "Explore Nirala Diadem in Sector 10, Greater Noida West. Check studio apartments, retail shops, project highlights, floor plans, location and latest prices.",
  keywords: [
    "Nirala Diadem",
    "Nirala Diadem Greater Noida West",
    "Nirala Diadem Sector 10",
    "Nirala Diadem price",
    "Nirala Diadem studio apartments",
    "Nirala Diadem floor plan",
    "Nirala Diadem retail shops",
    "Nirala Diadem Noida Extension",
  ],
  openGraph: {
    title: "Nirala Diadem | Studio Apartments & Retail Spaces, Sector 10",
    description:
      "Discover Nirala Diadem in Greater Noida West. Explore studio apartments, retail spaces, location highlights, pricing and floor plans.",
    url: "/",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "Nirala Diadem | Studio Apartments & Retail Spaces, Sector 10",
    description:
      "Discover Nirala Diadem in Greater Noida West. Explore studio apartments, retail spaces, location highlights, pricing and floor plans.",
  },
  icons: { icon: "/images/nirala-diadem-logo.png" },
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="en" className={`${display.variable} ${body.variable}`}>
      <body className="font-sans antialiased">{children}</body>
    </html>
  );
}