import type { Metadata } from "next";
import type { ReactNode } from "react";
import "./globals.css";

export const metadata: Metadata = {
  title: {
    default: "MediTransplant | Affordable Medical Treatment Abroad from Bangladesh",
    template: "%s | MediTransplant",
  },
  description:
    "Compare hospitals, plan visas, book doctors, and track every step with MediTransplant – Bangladesh's #1 trusted medical tourism platform for affordable treatment abroad.",
  keywords: [
    "medical tourism Bangladesh",
    "kidney transplant India",
    "affordable treatment abroad",
    "medical visa Bangladesh",
    "hospital abroad",
    "cardiac surgery India",
    "liver transplant cost",
    "MediTransplant",
  ],
  authors: [{ name: "MediTransplant" }],
  creator: "MediTransplant",
  publisher: "MediTransplant",
  metadataBase: new URL("https://www.meditransplant.com.bd"),
  openGraph: {
    type: "website",
    locale: "en_US",
    url: "https://www.meditransplant.com.bd",
    siteName: "MediTransplant",
    title: "MediTransplant | Affordable Medical Treatment Abroad from Bangladesh",
    description:
      "Compare hospitals, plan visas, book doctors, and track every step with MediTransplant.",
    images: [
      {
        url: "/og-image.jpg",
        width: 1200,
        height: 630,
        alt: "MediTransplant - Medical Tourism Bangladesh",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "MediTransplant | Medical Tourism Bangladesh",
    description: "Affordable treatment abroad, managed from Bangladesh.",
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      "max-video-preview": -1,
      "max-image-preview": "large",
      "max-snippet": -1,
    },
  },
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <head>
        <link rel="icon" href="/favicon.ico" />
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <meta name="theme-color" content="#2d8653" />
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{
            __html: JSON.stringify({
              "@context": "https://schema.org",
              "@type": "MedicalOrganization",
              name: "MediTransplant",
              description: "Bangladesh's #1 Medical Tourism Platform",
              url: "https://www.meditransplant.com.bd",
              telephone: "+8801711233344",
              address: {
                "@type": "PostalAddress",
                addressCountry: "BD",
                addressLocality: "Dhaka",
              },
              sameAs: ["https://www.facebook.com/meditransplant"],
            }),
          }}
        />
      </head>
      <body className="bg-slate-50 text-slate-900 antialiased">{children}</body>
    </html>
  );
}
