import dynamic from "next/dynamic";
import "./globals.css";
import Navbar from "@/components/Navbar";
import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";
config.autoAddCss = false;
import "./nprogress.css";

export const metadata = {
	title: "Alvalens | Portofolio",
	description:
		"My name is Alvalens, I'm a web developer and I'm passionate about it. I'm currently studying at Universitas Negeri Malang.",
	author: "Alvalen Shafelbilyunazra",
	siteUrl: "https://www.alvalens.my.id",
	applicationName: "Alvalens",
	keywords: [
		"alvalens",
		"alvalen",
		"alvalen shafel",
		"shafel",
		"alvalen shafelbilyunazra",
		"alvalen shafel bilyunazra",
		"bloodfallen",
		"alvalen porto",
		"alvalen um",
	],
	openGraph: {
		type: "website",
		url: "https://www.alvalens.my.id",
		title: "Alvalens | Portofolio",
		description: "My name is Alvalens, This is my portofolio website.",
		images: [
			{
				url: "/og-image.png",
				alt: "Alvalens Portofolio",
			},
		],
		site_name: "Alvalens | Portofolio",
	},
	// For WhatsApp
	whatsapp: {
		title: "Alvalens | Portofolio",
		description: "My name is Alvalens, This is my portofolio website.",
		images: [
			{
				url: "/og-image-square.png",
				alt: "Alvalens Portofolio",
			},
		],
	},
	alternates: {
		canonical: "https://www.alvalens.my.id",
	},
};


import Chat from "@/components/Chat";

const TopProgressBar = dynamic(() => import("@/components/TopProgressbar"), {
	ssr: false,
});



export default function RootLayout({ children }) {
	return (
		<html lang="en">
			<body>
				
				<TopProgressBar />
				<Navbar />
				{children}
				<Chat />
			</body>
		</html>
	);
}