44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import './globals.css'
|
|
import type { ReactNode } from 'react'
|
|
import HeaderActions from './ui/HeaderActions'
|
|
import HeaderIdentity from './ui/HeaderIdentity'
|
|
import ThemeToggle from './ui/ThemeToggle'
|
|
import BrandingFavicon from './ui/BrandingFavicon'
|
|
import BrandingLogo from './ui/BrandingLogo'
|
|
|
|
export const metadata = {
|
|
title: 'Magent',
|
|
description: 'Request timeline and AI triage for media requests',
|
|
}
|
|
|
|
export default function RootLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html lang="en" data-theme="dark">
|
|
<body>
|
|
<BrandingFavicon />
|
|
<div className="page">
|
|
<header className="header">
|
|
<div className="header-left">
|
|
<a className="brand-link" href="/">
|
|
<BrandingLogo className="brand-logo brand-logo--header" />
|
|
<div className="brand-stack">
|
|
<div className="brand">Magent</div>
|
|
<div className="tagline">Find and fix media requests fast.</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div className="header-right">
|
|
<HeaderIdentity />
|
|
<ThemeToggle />
|
|
</div>
|
|
<div className="header-nav">
|
|
<HeaderActions />
|
|
</div>
|
|
</header>
|
|
{children}
|
|
</div>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|