turkmentv_front/app/layout.tsx

79 lines
2.1 KiB
TypeScript
Raw Permalink Normal View History

import localFont from "next/font/local";
import Script from "next/script";
2024-08-19 12:44:56 +00:00
import { Roboto } from "next/font/google";
import { Merriweather } from "next/font/google";
import { Merriweather_Sans } from "next/font/google";
import { Alexandria } from "next/font/google";
2024-08-19 12:44:56 +00:00
import "swiper/swiper-bundle.css";
import "./globals.css";
import QueryProvider from "@/providers/QueryProvider";
import { HtmlContext } from "next/dist/shared/lib/html-context.shared-runtime";
2024-08-19 12:44:56 +00:00
// FONTS
const aeroport = localFont({
src: "../fonts/Aeroport.otf",
variable: "--font-aeroport",
2024-08-19 12:44:56 +00:00
});
const roboto = Roboto({
subsets: ["latin"],
weight: ["300", "400", "700"],
variable: "--font-roboto",
2024-08-19 12:44:56 +00:00
});
const mw = Merriweather({
subsets: ["cyrillic", "cyrillic-ext", "latin", "latin-ext"],
weight: "700",
variable: "--font-mw",
2024-08-19 12:44:56 +00:00
});
const mw_sans = Merriweather_Sans({
subsets: ["cyrillic-ext", "latin", "latin-ext"],
weight: ["300", "400", "700"],
variable: "--font-mwsans",
2024-08-19 12:44:56 +00:00
});
const alexandria = Alexandria({
subsets: ["latin", "latin-ext"],
variable: "--font-alexandria",
2024-08-19 12:44:56 +00:00
});
export const metadata = {
title: "Turkmen TV",
2024-08-19 12:44:56 +00:00
};
interface IProps {
children: React.ReactNode;
}
export default function RootLayout({ children }: IProps) {
return (
<html
lang="tm"
className={`${aeroport.variable} ${mw.variable} ${roboto.variable} ${mw_sans.variable} ${alexandria.variable}`}
>
2024-08-19 12:44:56 +00:00
<head>
<link rel="icon" href="/logo.png" sizes="any" />
2024-12-20 13:51:18 +00:00
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;"
></meta>
2024-08-19 12:44:56 +00:00
</head>
2024-11-09 11:13:10 +00:00
<body className="relative overflow-x-hidden">
2024-08-19 12:44:56 +00:00
<QueryProvider>{children}</QueryProvider>
</body>
<Script
id="ganalytics-import"
async
src="https://www.googletagmanager.com/gtag/js?id=G-F2267QXY9T"
></Script>
2024-08-19 12:44:56 +00:00
<Script id="ganalytics-body">
{`
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-F2267QXY9T');`}
</Script>
</html>
);
}