File size: 2,243 Bytes
67ea2ab c23b289 67ea2ab 4201de5 67ea2ab 2a7eb2e 67ea2ab c23b289 67ea2ab |
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 81 82 83 84 85 86 |
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>
);
}
|