ProxMenux/web/app/layout.tsx
2025-02-18 22:20:33 +01:00

39 lines
1.5 KiB
TypeScript

import "./globals.css"
import { Inter } from "next/font/google"
import Navbar from "@/components/navbar"
import MouseMoveEffect from "@/components/mouse-move-effect"
import type React from "react"
import { metadata } from "./metadata"
const inter = Inter({ subsets: ["latin"] })
export { metadata }
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en" className="dark">
<head>
<title>{metadata.title?.default}</title>
<meta name="description" content={metadata.description} />
<meta property="og:title" content={metadata.openGraph?.title} />
<meta property="og:description" content={metadata.openGraph?.description} />
<meta property="og:image" content={metadata.openGraph?.images?.[0]?.url} />
<meta property="og:url" content={metadata.openGraph?.url} />
<meta property="og:type" content={metadata.openGraph?.type} />
<meta property="og:site_name" content={metadata.openGraph?.siteName} />
<meta name="twitter:card" content={metadata.twitter?.card} />
<meta name="twitter:title" content={metadata.twitter?.title} />
<meta name="twitter:description" content={metadata.twitter?.description} />
<meta name="twitter:image" content={metadata.twitter?.images?.[0]} />
</head>
<body className={`${inter.className} bg-background text-foreground antialiased`}>
<Navbar />
<MouseMoveEffect />
<div className="pt-16 md:pt-16">{children}</div>
</body>
</html>
)
}