-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlayout.tsx
More file actions
80 lines (72 loc) · 2.23 KB
/
layout.tsx
File metadata and controls
80 lines (72 loc) · 2.23 KB
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import type { Metadata } from "next";
import { JetBrains_Mono, Roboto_Mono, Playfair_Display, Inter, Orbitron } from "next/font/google";
import localFont from "next/font/local";
import "./globals.css";
import AuthProvider from "@/components/auth/AuthProvider";
import { Toaster } from "sonner";
import Header from "@/components/shared/layout/Header";
import Footer from "@/components/shared/layout/Footer";
const jetbrainsMono = JetBrains_Mono({
subsets: ["latin"],
variable: "--font-mono",
weight: ["400", "500", "600", "700"],
});
const robotoMono = Roboto_Mono({
subsets: ["latin"],
variable: "--font-roboto-mono",
weight: ["400", "500", "600", "700"],
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});
const playfairDisplay = Playfair_Display({
subsets: ["latin"],
variable: "--font-serif",
weight: ["400", "500", "600", "700"],
style: ["normal", "italic"],
});
const inter = Inter({
subsets: ["latin"],
variable: "--font-sans",
weight: ["400", "500", "600", "700"],
});
const orbitron = Orbitron({
subsets: ["latin"],
variable: "--font-orbitron",
weight: ["400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Thinky - AI-Powered Website Builder",
description: "Build, iterate, and deploy websites instantly with AI. Thinky - where code meets creativity.",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" className="dark">
<body className={`${jetbrainsMono.variable} ${robotoMono.variable} ${geistMono.variable} ${playfairDisplay.variable} ${inter.variable} ${orbitron.variable} font-mono antialiased`}>
<AuthProvider>
<Header />
{children}
<Footer />
<Toaster
position="top-right"
toastOptions={{
style: {
background: 'rgba(0, 0, 0, 0.9)',
border: '1px solid rgba(255, 102, 0, 0.3)',
color: '#fff',
fontFamily: 'var(--font-mono), monospace',
},
className: 'glass',
}}
/>
</AuthProvider>
</body>
</html>
);
}