turkmen-tv-front/app/layout.tsx

108 lines
2.4 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 "swiper/swiper-bundle.css";
import "./globals.css";
import QueryProvider from "@/providers/QueryProvider";
// FONTS - All local fonts
2024-08-19 12:44:56 +00:00
const aeroport = localFont({
src: "../fonts/Aeroport.otf",
variable: "--font-aeroport",
2024-08-19 12:44:56 +00:00
});
const roboto = localFont({
src: [
{
path: "../fonts/roboto/Roboto-Light.ttf",
weight: "300",
style: "normal",
},
{
path: "../fonts/roboto/Roboto-Regular.ttf",
weight: "400",
style: "normal",
},
{
path: "../fonts/roboto/Roboto-Bold.ttf",
weight: "700",
style: "normal",
},
],
variable: "--font-roboto",
2024-08-19 12:44:56 +00:00
});
const mw = localFont({
src: "../fonts/merriweather/Merriweather-Bold.ttf",
weight: "700",
variable: "--font-mw",
2024-08-19 12:44:56 +00:00
});
const mw_sans = localFont({
src: [
{
path: "../fonts/merriweather-sans/MerriweatherSans-Light.ttf",
weight: "300",
style: "normal",
},
{
path: "../fonts/merriweather-sans/MerriweatherSans-Regular.ttf",
weight: "400",
style: "normal",
},
{
path: "../fonts/merriweather-sans/MerriweatherSans-Bold.ttf",
weight: "700",
style: "normal",
},
],
variable: "--font-mwsans",
2024-08-19 12:44:56 +00:00
});
const alexandria = localFont({
src: "../fonts/alexandria/Alexandria-Regular.woff2",
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>
);
}