import ClickTracker from "@/components/Analytics/ClickTracker";
// import CookieBanner from "@/components/Analytics/CookieBanner";
import GoogleTagManager from "@/components/Analytics/GoogleTagManager";
import MixpanelTracker from "@/components/Analytics/MixpanelTracker";
import VectorHeaderMobile from "@/components/Layout/VectorHeaderMobile";
import Footer from "@/components/NAWebsite/Footer";
import Header from "@/components/NAWebsite/Header";
import { GoogleAnalyticsID, MixpanelToken } from "@/utils/TrackerCodes";
import { SpeedInsights } from "@vercel/speed-insights/next";
import type { Metadata } from "next";
import "./globals.css";

export const metadata: Metadata = {
  title: "TiDB: Unified Database for SQL, Vector & AI Applications",
  description:
    "Build AI applications faster with TiDB's unified platform. Native vector search, SQL scalability, and serverless architecture eliminate data silos and reduce complexity.",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <GoogleTagManager gtmId={GoogleAnalyticsID} />
      <body>
        <Header />
        {/* <VectorHeader /> */}
        <VectorHeaderMobile />
        {children}
        <Footer />
        <SpeedInsights />
        {/* <CookieBanner /> */}
        <ClickTracker />
        <MixpanelTracker tokenId={MixpanelToken} />
      </body>
    </html>
  );
}