WaledRashed24/comics
0
1"use server"2 3import { ComponentProps } from "react"4import Head from "next/head"5import Script from "next/script"6 7import { TooltipProvider } from "@/components/ui/tooltip"8import { cn } from "@/lib/utils"9 10import Main from "./main"11 12// import { Maintenance } from "./interface/maintenance"13 14// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts 15 16export default async function IndexPage() {17 return (18 <>19 <Head>20 <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />21 <link rel="preconnect" href="https://fonts.googleapis.com" crossOrigin="anonymous" />22 <meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86" />23 </Head>24 <main className={cn(25 `light fixed inset-0 w-screen h-screen flex flex-col items-center`,26 `bg-zinc-50 text-stone-900 overflow-y-scroll`,27 28 // important: in "print" mode we need to allow going out of the screen29 `inset-auto print:h-auto print:w-auto print:overflow-visible print:relative print:flex-none`30 )}>31 <TooltipProvider delayDuration={100}>32 33 <Main />34 35 {/*36 37 to display a maintenance page, hide <Main /> and uncomment this unstead:38 39 <Maintenance />40 41 */}42 43 </TooltipProvider>44 45 <Script src="https://www.googletagmanager.com/gtag/js?id=GTM-WH4MGSHS" />46 <Script id="google-analytics">47 {`48 window.dataLayer = window.dataLayer || [];49 function gtag(){dataLayer.push(arguments);}50 gtag('js', new Date());51 gtag('config', 'GTM-WH4MGSHS');52 `}53 </Script>54 </main>55 </>56 )57}