import type { Metadata } from "next";
import { cairo, inter } from "@/lib/fonts";
import WhatsAppButton from "@/components/shared/WhatsAppButton";
import "./globals.css";

export const metadata: Metadata = {
  title: {
    default: "الكابتن — منصة إدارة الأكاديميات الرياضية",
    template: "%s | الكابتن",
  },
  description:
    "منصة إدارة رياضية متكاملة تضع كل لاعب وكل جنيه وكل حصة تحت تحكمك الكامل. مصممة خصيصاً للأكاديميات الرياضية في مصر والعالم العربي.",
  keywords: [
    "إدارة أكاديمية رياضية",
    "برنامج إدارة نادي رياضي",
    "نظام حضور لاعبين",
    "برنامج محاسبة أكاديمية",
    "تسجيل لاعبين أونلاين",
  ],
  openGraph: {
    type: "website",
    locale: "ar_EG",
    siteName: "الكابتن",
    title: "الكابتن — منصة إدارة الأكاديميات الرياضية",
    description:
      "منصة متكاملة لإدارة الأكاديميات الرياضية: تسجيل اللاعبين، الحضور، المالية، نقاط البيع.",
  },
  twitter: {
    card: "summary_large_image",
    title: "الكابتن — منصة إدارة الأكاديميات الرياضية",
    description:
      "منصة متكاملة لإدارة الأكاديميات الرياضية: تسجيل اللاعبين، الحضور، المالية، نقاط البيع.",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="ar"
      dir="rtl"
      className={`${cairo.variable} ${inter.variable} antialiased`}
    >
      <body className="min-h-screen bg-background">
        {children}
        <WhatsAppButton />
      </body>
    </html>
  );
}
