import "../styles/globals.css"; import type { AppProps } from "next/app"; import { ChakraProvider, extendTheme, withDefaultColorScheme, } from "@chakra-ui/react"; import Navbar from "components/Navbar"; import { chakra } from "@chakra-ui/react"; import { mode } from "@chakra-ui/theme-tools"; import Head from "next/head"; import { useRouter } from "next/router"; // import Script from "next/script"; // import * as gtag from "configurations/gtag"; // import AdDetector from "components/AdDetector"; import Footer from "components/Footer"; import NextNProgress from "nextjs-progressbar"; const customTheme = extendTheme( { initialColorMode: 'system', useSystemColorMode: true, styles: { global: (props: any) => ({ body: { bg: mode("white", "#171717")(props), }, }), }, colors: { blue: { 50: "#e6f2ff", 100: "#e6f2ff", 200: "#e6f2ff", 300: "#1681bd", 400: "#1681bd", 500: "#3a4da5", 600: "#2d3c7d", 700: "#1f2b55", 800: "#121c2e", 900: "#080e18", }, components: { Link: { baseStyle: { color: "blue", }, }, }, }, }, withDefaultColorScheme({ colorScheme: "blue" }) ); function MyApp({ Component, pageProps }: AppProps) { const router = useRouter(); // useEffect(() => { // const handleRouteChange = (url: string) => { // gtag.pageview(url); // }; // router.events.on("routeChangeComplete", handleRouteChange); // router.events.on("hashChangeComplete", handleRouteChange); // return () => { // router.events.off("routeChangeComplete", handleRouteChange); // router.events.off("hashChangeComplete", handleRouteChange); // }; // }, [router.events]); return ( <> {/*