83 lines
2.8 KiB
TypeScript

import InitialScript from "@/components/layouts/InitialScript";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Metadata } from "next";
import { getDefaultMetadata } from "@/utils/metadata";
import Header from "@/components/layouts/Header";
import Footer from "@/components/layouts/Footer";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export async function generateMetadata(): Promise<Metadata> {
const metadata = await getDefaultMetadata();
return metadata;
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" className="desktop landscape">
<head>
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<meta charSet="utf-8" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900%7CRoboto:300,400,500,700,900"
/>
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/fonts.css" />
</head>
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
<div className="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/">
<img
src="images/ie8-panel/warning_bar_0000_us.jpg"
height="42"
width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."
/>
</a>
</div>
<div className="preloader">
<div className="banter-loader">
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
<div className="banter-loader__box"></div>
</div>
</div>
<div className="page">
<Header />
{children}
<Footer />
</div>
<div className="snackbars" id="form-output-global"></div>
<InitialScript />
</body>
</html>
);
}