import type { Metadata, Viewport } from "next" import { Inter } from "next/font/google" import { ThemeProvider } from "@/providers/theme-provider" import { WebsiteThemeProvider } from "@/providers/website-theme-provider" import { Toaster } from "@/components/ui/sonner" import "./globals.css" import "../../Web_Backgrounds/default-theme.css" import "../../Web_Backgrounds/spidey-theme.css" import "../../Web_Backgrounds/cosmic-theme.css" import "../../Web_Backgrounds/cyberpunk-theme.css" import "../../Web_Backgrounds/cyber2-theme.css" import "../../Web_Backgrounds/pumpkin-theme.css" import "../../Web_Backgrounds/bw-theme.css" import "../../Web_Backgrounds/luminous-theme.css" import "../../Web_Backgrounds/cuba-theme.css" const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }) export const viewport: Viewport = { width: "device-width", initialScale: 1, } export const metadata: Metadata = { title: "CRM", description: "Customer Relationship Management System", icons: { icon: "/logo/CompanyMiniLogo.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (