import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";

const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "FoodMart - Pesan Makanan Online | Delivery Cepat & Enak",
  description:
    "FoodMart - Pesan makanan favoritmu online dengan mudah. Menu halal, delivery cepat, dan harga terjangkau. Nikmati berbagai pilihan makanan dan minuman lezat!",
  keywords: [
    "FoodMart",
    "pesan makanan online",
    "delivery makanan",
    "makanan halal",
    "food delivery",
    "makanan enak",
    "pesan makanan",
    "restoran online",
  ],
  authors: [{ name: "FoodMart" }],
  icons: {
    icon: [
      { url: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
      { url: "/icons/icon-512.png", sizes: "512x512", type: "image/png" },
    ],
    apple: [
      { url: "/icons/icon-192.png" },
    ],
  },
  manifest: "/manifest.json",
  openGraph: {
    title: "FoodMart - Pesan Makanan Online | Delivery Cepat & Enak",
    description:
      "Pesan makanan favoritmu online dengan mudah. Menu halal, delivery cepat, dan harga terjangkau.",
    url: "https://foodmart.com",
    siteName: "FoodMart",
    type: "website",
    locale: "id_ID",
  },
  twitter: {
    card: "summary_large_image",
    title: "FoodMart - Pesan Makanan Online",
    description:
      "Pesan makanan favoritmu online dengan mudah. Menu halal, delivery cepat, dan harga terjangkau.",
  },
  other: {
    "theme-color": "#0a0a0b",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="id" suppressHydrationWarning>
      <head>
        <meta name="theme-color" content="#FF6B35" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <meta name="apple-mobile-web-app-title" content="FoodMart" />
        <meta name="mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no" />
      </head>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        {children}
        <Toaster />
      </body>
    </html>
  );
}
