import type {Metadata} from "next";
import {Roboto} from "next/font/google";
import "../globals.css";
import NavBarNavigation from "@/components/Application/Common/NavBarNavigation";

const roboto = Roboto({subsets: ["latin"], weight: "400"});

export const metadata: Metadata = {
    title: "Asikhulume Chat Therapy Eswatini | Application",
    description: "Asikhulume Chat Therapy is an innovative mobile platform that connects you with professional counselors, therapists, and mental health experts, providing accessible and convenient mental health services.",
};

export default function RootLayout({children,}: Readonly<{ children: React.ReactNode; }>) {
    return (
        <html lang="en">
        <body className={roboto.className}>
        <main className="h-screen flex flex-col-reverse md:block">
            {/* main navbar navigation */}
            <NavBarNavigation/>
            {children}
        </main>
        </body>
        </html>
    );
}
