/
layout.tsx
58 lines (55 loc) · 1.71 KB
/
layout.tsx
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import { Inter as FontSans } from "@next/font/google"
import localFont from "@next/font/local"
import "./globals.css"
import { Toaster } from "@/ui/toast"
import { cn } from "@/lib/utils"
import { SiteFooter } from "@/components/site-footer"
import { AnalyticsWrapper } from "@/components/analytics"
import { Providers } from "./providers"
export { reportWebVitals } from "next-axiom"
import { Web3Providers } from "./web3Providers"
import "@rainbow-me/rainbowkit/styles.css"
import Script from "next/script"
const satoshi = localFont({
src: "./Satoshi-Variable.woff2",
variable: "--font-satoshi",
weight: "300 900",
display: "swap",
style: "normal",
})
const fontSans = FontSans({
subsets: ["latin"],
variable: "--font-inter",
})
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<Providers>
<html
lang="en"
className={cn(
"bg-appbg font-sans text-brandtext-500 antialiased",
satoshi.variable,
fontSans.variable
)}
>
{/*
<head /> will contain the components returned by the nearest parent
head.tsx. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
*/}
<head />
<body className="min-h-screen">
<Web3Providers>
{children}
<Toaster position="bottom-right" />
<SiteFooter />
<AnalyticsWrapper />
</Web3Providers>
</body>
</html>
</Providers>
)
}