File size: 1,484 Bytes
48c7837 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
"use client"
import { useEffect, useState } from "react"
import Head from "next/head"
import Script from "next/script"
import { cn } from "@/lib/utils/cn"
import { Portal } from "./portal"
// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts
export default function PortalPage() {
const [isLoaded, setLoaded] = useState(false)
useEffect(() => { setLoaded(true) }, [])
return (
<>
<Head>
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link rel="preconnect" href="https://fonts.googleapis.com" crossOrigin="anonymous" />
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86" />
</Head>
<Script id="gtm">{`(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K98T8ZFZ');`}</Script>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K98T8ZFZ"
height="0" width="0" style={{ display: "none", visibility: "hidden" }}></iframe></noscript>
<main className={cn(
`dark flex inset-0 w-screen h-screen items-center justify-center`,
)}>
{isLoaded && <Portal />}
</main>
</>
)
} |