adilallo
114 lines
3.4 KiB
TypeScript
114 lines
3.4 KiB
TypeScript
import { Inter, Bricolage_Grotesque, Space_Grotesk } from "next/font/google";
|
|
import type { Metadata } from "next";
|
|
import type { ReactNode } from "react";
|
|
import { MessagesProvider } from "./contexts/MessagesContext";
|
|
import messages from "../messages/en/index";
|
|
import "./globals.css";
|
|
import ConditionalNavigation from "./components/navigation/ConditionalNavigation";
|
|
import ConditionalFooter from "./components/navigation/ConditionalFooter";
|
|
|
|
/** Header reads `cr_session` via Server Components; must not use prerendered guest HTML. */
|
|
export const dynamic = "force-dynamic";
|
|
|
|
const inter = Inter({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600", "700"],
|
|
variable: "--font-inter",
|
|
display: "swap",
|
|
preload: true,
|
|
fallback: ["system-ui", "arial"],
|
|
});
|
|
|
|
const bricolageGrotesque = Bricolage_Grotesque({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "700", "800"],
|
|
variable: "--font-bricolage-grotesque",
|
|
display: "swap",
|
|
preload: true,
|
|
fallback: ["system-ui", "arial"],
|
|
});
|
|
|
|
const spaceGrotesk = Space_Grotesk({
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "700"],
|
|
variable: "--font-space-grotesk",
|
|
display: "swap",
|
|
preload: true,
|
|
fallback: ["system-ui", "arial"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "CommunityRule - Build operating manuals for successful communities",
|
|
description:
|
|
"Help your community make important decisions in a way that reflects its unique values.",
|
|
keywords: ["community", "governance", "decision-making", "operating manual"],
|
|
authors: [{ name: "Media Economies Design Lab" }],
|
|
creator: "Media Economies Design Lab",
|
|
publisher: "Media Economies Design Lab",
|
|
formatDetection: {
|
|
email: false,
|
|
address: false,
|
|
telephone: false,
|
|
},
|
|
metadataBase: new URL("https://communityrule.com"),
|
|
alternates: {
|
|
canonical: "/",
|
|
},
|
|
openGraph: {
|
|
title: "CommunityRule - Build operating manuals for successful communities",
|
|
description:
|
|
"Help your community make important decisions in a way that reflects its unique values.",
|
|
url: "https://communityrule.com",
|
|
siteName: "CommunityRule",
|
|
locale: "en_US",
|
|
type: "website",
|
|
},
|
|
twitter: {
|
|
card: "summary_large_image",
|
|
title: "CommunityRule - Build operating manuals for successful communities",
|
|
description:
|
|
"Help your community make important decisions in a way that reflects its unique values.",
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
"max-video-preview": -1,
|
|
"max-image-preview": "large",
|
|
"max-snippet": -1,
|
|
},
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: ReactNode }) {
|
|
// Load messages for the default locale (single locale setup)
|
|
|
|
return (
|
|
<html lang="en" className="font-sans">
|
|
<head>
|
|
<meta charSet="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link
|
|
rel="icon"
|
|
href="/favicon.ico"
|
|
type="image/x-icon"
|
|
sizes="16x16"
|
|
/>
|
|
</head>
|
|
<body
|
|
className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable}`}
|
|
>
|
|
<MessagesProvider messages={messages}>
|
|
<div className="min-h-screen flex flex-col">
|
|
<ConditionalNavigation />
|
|
<main className="flex-1">{children}</main>
|
|
<ConditionalFooter />
|
|
</div>
|
|
</MessagesProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|