import React from 'react'; import type { Metadata, Viewport } from 'next'; import { Plus_Jakarta_Sans, IBM_Plex_Mono } from 'next/font/google'; import '../styles/tailwind.css'; import { Toaster } from 'sonner'; const plusJakartaSans = Plus_Jakarta_Sans({ subsets: ['latin'], weight: ['400', '500', '600', '700', '800'], variable: '--font-plus-jakarta-sans', display: 'swap', }); const ibmPlexMono = IBM_Plex_Mono({ subsets: ['latin'], weight: ['400', '500', '600'], variable: '--font-ibm-plex-mono', display: 'swap', }); export const viewport: Viewport = { width: 'device-width', initialScale: 1, }; export const metadata: Metadata = { title: 'CloudCorePOS — Retail POS & ERP for Modern Businesses', description: 'CloudCorePOS helps Kenyan retailers manage sales, inventory, purchases, and finances from one unified platform with M-Pesa integration.', icons: { icon: [{ url: '/favicon.ico', type: 'image/x-icon' }], }, }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ); }