Files
PolyWeather/frontend/app/layout.tsx
T

59 lines
1.7 KiB
TypeScript

import type { Metadata } from "next";
import { Inter, JetBrains_Mono } from "next/font/google";
import { RegisterSW } from "@/components/dashboard/RegisterSW";
import "./globals.css";
const inter = Inter({
subsets: ["latin"],
display: "swap",
variable: "--font-inter",
weight: ["300", "400", "500", "600", "700", "800"],
});
const jetbrainsMono = JetBrains_Mono({
subsets: ["latin"],
display: "swap",
variable: "--font-jetbrains-mono",
weight: ["400", "500", "600", "700"],
});
export const metadata: Metadata = {
title: "PolyWeather | Weather Intelligence",
description:
"PolyWeather paid professional terminal for weather-market intelligence, city decision cards, and subscription-only analytics.",
manifest: "/site.webmanifest",
icons: {
icon: [
{ url: "/favicon.ico", type: "image/x-icon" },
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
],
apple: [
{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
],
shortcut: ["/favicon.ico"],
},
};
export default function RootLayout({
children,
}: Readonly<{ children: React.ReactNode }>) {
return (
<html
lang="zh-CN"
className={`${inter.variable} ${jetbrainsMono.variable} light`}
>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body className="min-h-screen font-sans antialiased">
<a href="#main-content" className="skip-to-content">
Skip to content
</a>
<main id="main-content">{children}</main>
<RegisterSW />
</body>
</html>
);
}