import type { Metadata } from "next";
import "./globals.css";
import { Toaster } from "react-hot-toast";
import SiteShell from "@/components/layout/SiteShell";

export const metadata: Metadata = {
  title: {
    default: "Americas.Pet – Premium Pet Products & Insurance",
    template: "%s | Americas.Pet",
  },
  description:
    "Discover premium pet products, food, toys, and comprehensive pet health insurance at Americas.Pet. Everything your beloved pet needs, all in one place.",
  keywords: ["pet store", "pet insurance", "dog food", "cat food", "pet supplies", "americas pet"],
  icons: {
    icon: "/favicon.ico",
    shortcut: "/favicon.ico",
  },
  openGraph: {
    title: "Americas.Pet – Premium Pet Products & Insurance",
    description: "Your one-stop shop for premium pet products and insurance.",
    siteName: "Americas.Pet",
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        <SiteShell>{children}</SiteShell>
        <Toaster
          position="top-right"
          toastOptions={{
            duration: 3000,
            style: {
              background: "#1A5A4A",
              color: "#fff",
              borderRadius: "12px",
              padding: "12px 16px",
            },
          }}
        />
      </body>
    </html>
  );
}
