import type { Metadata, Viewport } from "next"; import { Bricolage_Grotesque, Geist_Mono, Inter } from "next/font/google"; import { Providers } from "@/components/providers"; import { getBranding } from "@/lib/branding"; import { env } from "@/lib/env"; import "./globals.css"; const bricolage = Bricolage_Grotesque({ variable: "--font-bricolage", subsets: ["latin"], display: "swap", }); const inter = Inter({ variable: "--font-inter", subsets: ["latin"], display: "swap", }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], display: "swap", }); export async function generateMetadata(): Promise { const branding = await getBranding(); return { metadataBase: new URL(env.NEXT_PUBLIC_APP_URL), title: { default: `${branding.siteName} — ${branding.siteTagline}`, template: `%s · ${branding.siteName}`, }, description: `${branding.siteTagline} — AI-powered travel planning & booking. Generate day-by-day itineraries, book guided tours, and explore the world without the spreadsheet.`, ...(branding.favicon ? { icons: { icon: branding.favicon, shortcut: branding.favicon, apple: branding.favicon } } : {}), }; } export const viewport: Viewport = { width: "device-width", initialScale: 1, themeColor: "#16d1c1", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( Skip to main content {children} ); }