Spaces:
Runtime error
Runtime error
"use client" | |
import { useEffect, useState } from "react" | |
import Head from "next/head" | |
import Script from "next/script" | |
import { cn } from "@/lib/utils" | |
import { Main } from "./main" | |
// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts | |
export default function Page() { | |
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> | |
<main className={cn( | |
`light text-sky-700`, | |
// `bg-gradient-to-r from-green-500 to-yellow-400`, | |
`bg-gradient-to-r from-sky-800 to-blue-950`, | |
)}> | |
{isLoaded && <Main />} | |
{/* | |
TODO: use a new tracker | |
<Script src="https://www.googletagmanager.com/gtag/js?id=GTM-NJ2ZZFBX" /> | |
</Script> | |
*/} | |
</main> | |
</> | |
) | |
} |