Files
Deep-Package-Inspection/src/app/layout.tsx
T

66 lines
1.6 KiB
TypeScript

import type { Metadata, Viewport } from "next";
import localFont from "next/font/local";
import { ThemeProvider } from "@/components/ThemeProvider";
import "./globals.css";
// Inter font — local variable font file, matches demoplace.my.id
// demoplace uses: --font-sans: var(--font-inter) which renders as Inter
const inter = localFont({
src: [
{
path: "../../public/fonts/Inter-Variable.woff2",
weight: "100 900",
style: "normal",
},
],
variable: "--font-inter",
display: "swap",
adjustFontFallback: false,
});
const backoneFont = localFont({
src: "../../public/fonts/BackOneLogo-Regular.ttf",
variable: "--font-backone",
});
export const metadata: Metadata = {
title: "BackOne - Deep Package Inspection",
description: "BackOne by PT. Data Bisnis Solusi - Network Intelligence Dashboard",
icons: {
icon: "/backone-logo.png",
},
};
export const viewport: Viewport = {
width: "device-width",
initialScale: 1,
maximumScale: 1,
userScalable: false,
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html
lang="en"
className={`${inter.variable} ${backoneFont.variable} h-full antialiased dark`}
style={{ colorScheme: "dark" }}
suppressHydrationWarning
>
<body className="min-h-full flex flex-col overflow-x-hidden bg-background text-foreground" suppressHydrationWarning>
<ThemeProvider
attribute="class"
defaultTheme="dark"
forcedTheme="dark"
enableSystem={false}
>
{children}
</ThemeProvider>
</body>
</html>
);
}