import { Footer } from "@/ui/components/footer/footer";
import "./globals.css";
import "@/lib/icone-fa";
import { NavbarDefault } from "@/ui/components/navbar/navbar";
import type { Metadata } from "next";
import CursorBlend from "@/ui/components/cursor/cursor-blend";
import { CoursDataProvider } from "@/context/provider";
import { SpeedInsights } from "@vercel/speed-insights/next";
import { Toaster } from "react-hot-toast";
import Image from "next/image";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
  faFacebook,
  faLinkedin,
  faTwitter,
} from "@fortawesome/free-brands-svg-icons";
import Link from "next/link";
import { MapPinIcon, PhoneArrowDownLeftIcon } from "@heroicons/react/20/solid";

export const metadata: Metadata = {
  title: "BSL Academy",
  description:
    "En choisissant BSL ACADEMY, vous optez pour une expérience de formation enrichissante et pertinente, alignée sur les exigences contemporaines du monde professionnel.",
};
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html className="" lang="fr">
      <body className=" scrollbar scrollbar-thumb-green-200">
        <CursorBlend />
        <Toaster position="bottom-right" toastOptions={{ duration: 3000 }} />
        <div className="h-10 hidden px-8 bg-blue-gray-50 lg:flex md:text-sm xl:text-base items-center justify-between  mx-auto w-full">
          <div className="inline-flex gap-3 items-center">
            <div className="inline-flex gap-2">
              <PhoneArrowDownLeftIcon width={25} className="text-vert_fonce" />
              +33 07 45 17 37 91
            </div>
            <hr className="border border-gray-400 h-6" />
            <div className="inline-flex gap-2">
              <MapPinIcon width={25} height={25} className="text-vert_fonce" />
              66 Avenue des Champs-Elysées 75008 Paris
            </div>
          </div>
          <div className="flex gap-6">
            <div>
              <b>Lundi - Vendredi</b>: 8h - 18h <b> Samedi</b>: 10h - 15h
            </div>
            <hr className="border border-gray-400 h-6" />
            <div className="inline-flex gap-6">
              <Link
                href={"https://www.facebook.com/profile.php?id=100090582712977"}
              >
                <FontAwesomeIcon
                  icon={faFacebook}
                  className="h-4 text-jaune_vif"
                />
              </Link>
              <Link href={"https://twitter.com"}>
                <FontAwesomeIcon
                  icon={faTwitter}
                  className="h-4 text-jaune_vif"
                />
              </Link>
              <Link href={"https://www.linkedin.com/company/thebsl-academy/"}>
                <FontAwesomeIcon
                  icon={faLinkedin}
                  className="h-4 text-jaune_vif"
                />
              </Link>
            </div>
          </div>
        </div>
        <NavbarDefault />
        {/* <CursorSticky/> */}
        <CoursDataProvider>
          {children}
          <SpeedInsights />
        </CoursDataProvider>
        <Footer />
      </body>
    </html>
  );
}