import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Providers } from "@/components/providers";
import { TopLoader } from "@/components/ui/top-loader";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
metadataBase: new URL(process.env.BASE_URL || process.env.NEXTAUTH_URL || "http://localhost:3030"),
title: "WebotApp WhatsApp | WhatsApp Gateway & Automation",
description: "Next-generation WhatsApp Gateway & Automation by WebotApp WhatsApp",
robots: {
index: process.env.NEXT_PUBLIC_ALLOW_INDEXING === "true",
follow: process.env.NEXT_PUBLIC_ALLOW_INDEXING === "true",
},
};
export const viewport = {
width: "device-width",
initialScale: 1,
maximumScale: 5,
userScalable: true,
viewportFit: "cover" as const,
themeColor: [
{ media: "(prefers-color-scheme: light)", color: "#ffffff" },
{ media: "(prefers-color-scheme: dark)", color: "#0a0a0a" },
],
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{/* Disable browser translators (Google Translate, Edge Translate, etc.).
App content includes dynamic data (WhatsApp JIDs, session names,
message content) that must NOT be translated. Translators also
mutate the DOM, breaking React reconciliation. */}
{/* Belt-and-suspenders DOM patch: even if a translator bypasses
the meta tags above (some extensions ignore them), we make
DOM mutations fail-soft so React keeps rendering. */}
{/* Global ambient background glow for premium feel */}
{children}
);
}