import { CartProvider } from 'components/cart/cart-context'
// import { Navbar } from 'components/layout/navbar'
import NavbarV2 from 'components/layout/navbar/NavbarV2'
import { WelcomeToast } from 'components/welcome-toast'
import { GeistSans } from 'geist/font/sans'
import { getCart } from 'lib/shopify'
import { ReactNode } from 'react'
import { Toaster } from 'sonner'
import './globals.css'
import './assets/main.css'
import '../components/layout/navbar/Navbar.css'
import { baseUrl } from 'lib/utils'
const { SITE_NAME } = process.env
export const metadata = {
metadataBase: new URL(baseUrl),
title: {
default: SITE_NAME!,
template: `%s | ${SITE_NAME}`,
},
robots: {
follow: true,
index: true,
},
}
export default async function RootLayout({
children,
}: {
children: ReactNode
}) {
// Don't await the fetch, pass the Promise to the context provider
const cart = getCart()
return (
<html lang="en" className={GeistSans.variable}>
<body className="bg-neutral-50 text-black selection:bg-teal-300 dark:bg-neutral-900 dark:text-white dark:selection:bg-pink-500 dark:selection:text-white">
<CartProvider cartPromise={cart}>
{/* <Navbar /> */}
<NavbarV2 />
<main>
{children}
<Toaster closeButton />
<WelcomeToast />
</main>
</CartProvider>
</body>
</html>
)
}