import type { Metadata } from "next"; import { Inter, Playfair_Display } from "next/font/google"; import { headers } from "next/headers"; import "./globals.css"; const sans = Inter({ variable: "--font-sans", subsets: ["latin"] }); const display = Playfair_Display({ variable: "--font-display", subsets: ["latin"] }); export async function generateMetadata(): Promise { const requestHeaders = await headers(); const host = requestHeaders.get("x-forwarded-host") || requestHeaders.get("host") || "localhost:3000"; const protocol = requestHeaders.get("x-forwarded-proto") || (host.startsWith("localhost") ? "http" : "https"); const base = new URL(`${protocol}://${host}`); return { metadataBase: base, title: "Project Loyd", description: "Project Loyd mobile payment media access.", openGraph: { title: "Project Loyd", description: "Tazama · Lipia · Fungua", images: [{ url: new URL("/og.png", base).toString(), width: 1536, height: 1024, alt: "Project Loyd" }], }, twitter: { card: "summary_large_image", images: [new URL("/og.png", base).toString()] }, }; } export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) { return {children}; }