| import type { Metadata } from "next"; | |
| import localFont from "next/font/local"; | |
| import { ToastContainer } from "react-toastify"; | |
| import "react-toastify/dist/ReactToastify.css"; | |
| import "@/assets/globals.css"; | |
| import { Navigation } from "@/components/_navigation"; | |
| const nohemiRegular = localFont({ | |
| src: [ | |
| { | |
| path: "./_fonts/nohemi/light.woff", | |
| weight: "300", | |
| }, | |
| { | |
| path: "./_fonts/nohemi/regular.woff", | |
| weight: "400", | |
| }, | |
| { | |
| path: "./_fonts/nohemi/semibold.woff", | |
| weight: "600", | |
| }, | |
| { | |
| path: "./_fonts/nohemi/bold.woff", | |
| weight: "700", | |
| }, | |
| { | |
| path: "./_fonts/nohemi/extrabold.woff", | |
| weight: "900", | |
| }, | |
| ], | |
| variable: "--font-nohemi-sans", | |
| }); | |
| const geistMono = localFont({ | |
| src: "./_fonts/GeistMonoVF.woff", | |
| variable: "--font-geist-mono", | |
| weight: "100 900", | |
| }); | |
| export const metadata: Metadata = { | |
| title: "Create Next App", | |
| description: "Generated by create next app", | |
| }; | |
| export default function RootLayout({ | |
| children, | |
| }: Readonly<{ | |
| children: React.ReactNode; | |
| }>) { | |
| return ( | |
| <html lang="en"> | |
| <body | |
| className={`${nohemiRegular.variable} ${geistMono.variable} antialiased`} | |
| > | |
| <div | |
| id="content-wrapper" | |
| className="h-screen w-full overflow-auto font-[family-name:var(--font-nohemi-sans)] p-6 scroll-smooth" | |
| > | |
| <Navigation /> | |
| {children} | |
| <footer className="mt-4 w-full max-w-4xl mx-auto border-t border-zinc-800 pt-8 pb-3 text-center"> | |
| <p className="text-sm text-zinc-400"> | |
| Powered by{" "} | |
| <a | |
| href="https://github.com/huggingface/huggingface.js" | |
| className="font-mono text-amber-500 hover:text-amber-400" | |
| > | |
| huggingface.js | |
| </a>{" "} | |
| and{" "} | |
| <a | |
| href="https://huggingface.co/Shakker-Labs/FLUX.1-dev-LoRA-Logo-Design" | |
| className="font-mono text-zinc-100 hover:text-white" | |
| > | |
| Shakker-Labs/FLUX.1-dev-LoRA-Logo-Design | |
| </a> | |
| </p> | |
| </footer> | |
| </div> | |
| <ToastContainer /> | |
| </body> | |
| </html> | |
| ); | |
| } | |