| 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" |
| target="_blank" |
| 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" |
| target="_blank" |
| className="font-mono text-zinc-100 hover:text-white" |
| > |
| Shakker-Labs/FLUX.1-dev-LoRA-Logo-Design |
| </a> |
| </p> |
| </footer> |
| </div> |
| <ToastContainer /> |
| </body> |
| </html> |
| ); |
| } |
|
|
