"use client";
import "@/css/vendor.min.css";
import "@/css/style.css";
import "@/css/media.css";
import { useState, ReactNode } from "react";
import Header from "@/components/common/Header";
import MobileMarquee from "@/components/ui/mobile-marquee";
import AOSProvider from "@/components/common/AOSProvider";
import Footer from "@/components/common/Footer";

import { Cormorant_Upright, Jost } from "next/font/google";
import Link from "next/link";


interface FrontendLayoutProps {
  children: ReactNode;
  siteSettings: any;
  student: any;
}
const cormorantUpright = Cormorant_Upright({
  variable: "--font-cormorant-upright",
  subsets: ["latin"],
  weight: ["300", "400", "500", "600", "700"],
});

const jost = Jost({
  variable: "--font-jost",
  subsets: ["latin"],
});
export default function FrontendLayout({
  children,
  siteSettings,
  student,
}: FrontendLayoutProps) {
  const [menuOpen, setMenuOpen] = useState(false);

  return (
    <>
      <AOSProvider />
      <div
        className="layoutovarlay"
        onClick={() => setMenuOpen(false)}
      ></div>

      <MobileMarquee />

      <Header
        menuOpen={menuOpen}
        setMenuOpen={setMenuOpen}
        siteSettings={siteSettings}
        student={student}
      />

      <main>{children}</main>

      <Link href="/student/register" className="default-btn register-sticky"><span>Register Now</span></Link>
      <Link href="javascript:void(0);" className="whatsappbtn"><i className="icon icon-whatsapp"></i></Link>

      {/* <Footer /> */}
    </>
  );
}