|
1 | 1 | import type { Metadata } from "next"; |
2 | | -import { Geist, Geist_Mono } from "next/font/google"; |
| 2 | +import { Poppins } from "next/font/google"; |
3 | 3 | import "../styles/globals.css"; |
4 | | -import Sidebar from "./components/Layouts/SideBar"; |
5 | | -import Header from "./components/Layouts/Header"; |
6 | | -import { UIProvider } from "./components/Layouts/UI-Provider"; |
7 | | -import UserGreeting from "./components/Utilities/UserGreeting"; |
8 | 4 |
|
9 | | -const geistSans = Geist({ |
10 | | - variable: "--font-geist-sans", |
11 | | - subsets: ["latin"], |
12 | | -}); |
13 | | - |
14 | | -const geistMono = Geist_Mono({ |
15 | | - variable: "--font-geist-mono", |
| 5 | +const poppins = Poppins({ |
16 | 6 | subsets: ["latin"], |
| 7 | + weight: ["100","200","300","400","500","600","700","800","900"], |
| 8 | + variable: "--font-poppins", |
17 | 9 | }); |
18 | 10 |
|
19 | 11 | export const metadata: Metadata = { |
20 | | - title: "Create Next App", |
21 | | - description: "Generated by create next app", |
| 12 | + title: "Automate Object Detection System", |
| 13 | + description: "AI Camera Monitoring Platform", |
| 14 | + icons: { |
| 15 | + icon: "/automate-object-detection-system.ico", |
| 16 | + }, |
22 | 17 | }; |
23 | | - |
24 | 18 | export default function RootLayout({ children }: { children: React.ReactNode }) { |
25 | 19 | return ( |
| 20 | + // <html lang="th" className={`${poppins.variable}`}> |
| 21 | + // <body className="bg-[color:var(--color-bg,#ECF8FF)] font-sans"> |
| 22 | + // <main>{children}</main> |
| 23 | + // </body> |
| 24 | + // </html> |
26 | 25 | <html lang="th"> |
27 | 26 | <body className="bg-[color:var(--color-bg,#ECF8FF)]"> |
28 | 27 | <main>{children}</main> |
|
0 commit comments