import type { Metadata, Viewport } from "next"; import { Geist } from "next/font/google"; import { Header } from "@/components/Header"; import { BottomNav } from "@/components/BottomNav"; import "./globals.css"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); export const metadata: Metadata = { title: { default: "SunnyMH — Free Manga Reader", template: "%s | SunnyMH", }, description: "Read free public domain manga online. Beautiful reader optimized for mobile.", metadataBase: new URL("https://www.04080616.xyz"), openGraph: { type: "website", siteName: "SunnyMH", }, }; export const viewport: Viewport = { width: "device-width", initialScale: 1, maximumScale: 1, viewportFit: "cover", interactiveWidget: "overlays-content", colorScheme: "light", themeColor: [ { media: "(prefers-color-scheme: light)", color: "#ffffff" }, { media: "(prefers-color-scheme: dark)", color: "#ffffff" }, ], }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (