import "../styles/tailwind.css";
import "../styles/brand.css";
import React from "react";
import ReactDOM from "react-dom/client";
import Page from "./components";
import { HeaderNav } from "./components/header-nav";
import { LocaleProvider } from "./i18n/locale-context";

const root = document.getElementById("root");
const headerNavRoot = document.getElementById("header-nav-root");

if (root) {
  ReactDOM.createRoot(root).render(
    <React.StrictMode>
      <LocaleProvider>
        <Page />
      </LocaleProvider>
    </React.StrictMode>,
  );
}

if (headerNavRoot) {
  ReactDOM.createRoot(headerNavRoot).render(
    <React.StrictMode>
      <LocaleProvider>
        <HeaderNav />
      </LocaleProvider>
    </React.StrictMode>,
  );
}