layout_8tsx_source.html

import type { Metadata } from "next";

import { Geist, Geist_Mono } from "next/font/google";

import "./globals.css";

import ClientLayout from "./ClientLayout";


const geistSans = Geist({

  variable: "--font-geist-sans",

  subsets: ["latin"],

});


const geistMono = Geist_Mono({

  variable: "--font-geist-mono",

  subsets: ["latin"],

});


export const metadata: Metadata = {

  title: "EverydayPOS",

  description: "Professional POS system for print shops and office supply stores",

  icons: {

    icon: "/favicon.ico"

  }

};


export default function RootLayout({

  children,

}: Readonly<{

  children: React.ReactNode;

}>) {

  return (

    <html lang="en">

      <head>

        {/* Google Material Icons and Symbols */}

        <link

          href="https://fonts.googleapis.com/css2?family=Material+Icons"

          rel="stylesheet"

        />

        <link

          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"

          rel="stylesheet"

        />

        <link

          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"

          rel="stylesheet"

        />

        <link

          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"

          rel="stylesheet"

        />

      </head>

      <body

        className={`${geistSans.variable} ${geistMono.variable} antialiased`}

      >

        <ClientLayout>{children}</ClientLayout>

      </body>

    </html>

  );

}