import type { Metadata } from "next";
import { Inter } from "next/font/google";
import { ThemeSync } from "@/components/ThemeSync";
import "./globals.css";

const inter = Inter({
  subsets: ["latin", "cyrillic"],
  variable: "--font-inter",
});

export const metadata: Metadata = {
  title: "MyFitCRM — CRM-система для фитнес-клубов",
  description:
    "Современная CRM для фитнес-клубов: воронка продаж, расписание, SIP-телефония, мобильное приложение тренера, веб-панели администратора. Увеличьте конверсию и удержание клиентов.",
  keywords: [
    "CRM фитнес",
    "CRM для фитнес клуба",
    "управление фитнес клубом",
    "мобильное приложение тренера",
    "SIP телефония фитнес",
    "воронка продаж фитнес",
    "автоматизация фитнес клуба",
  ],
  openGraph: {
    title: "MyFitCRM — CRM-система для фитнес-клубов",
    description:
      "Воронка продаж, расписание, SIP-звонки, мобильное приложение — всё в одной системе.",
    type: "website",
    locale: "ru_RU",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="ru" className={inter.variable}>
      <body className="antialiased">
        <ThemeSync />
        {children}
      </body>
    </html>
  );
}
