import type { Metadata, Viewport } from "next";
import type { ReactNode } from "react";
import TenantProvider from "@/components/tenant-provider";
import "./globals.css";

export const metadata: Metadata = {
  title: {
    default: "e-Zahra — Smart shopping, made simple",
    template: "%s | e-Zahra",
  },
  description:
    "Shop electronics, fashion, beauty, home essentials and more from trusted multivendor sellers in Bangladesh with e-Zahra.",
  applicationName: "e-Zahra",
  manifest: "/manifest.webmanifest",
  keywords: ["online shopping", "Bangladesh", "marketplace", "Dhaka", "e-Zahra"],
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  themeColor: "#155ee9",
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en-IN">
      <body className="antialiased"><TenantProvider>{children}</TenantProvider></body>
    </html>
  );
}