/** * layout.tsx — Root layout for Novarix Networks * * Responsible for: * • Loading "DM Sans" via next/font/google (self-hosted, zero CLS). * • Applying global CSS (globals.css). * • Exporting page-level metadata for injection, Open Graph, and * Twitter card meta. * • Setting viewport and theme-colour meta tags. * • Injecting JSON-LD Organisation structured data for rich search results. * * ─── Adding pages ──────────────────────────────────────────────────────── * * New pages created under /app inherit this layout automatically. * To create a nested layout (e.g. for a /services sub-section), add a * layout.tsx inside /app/services/ — Next.js will compose them. */ import type { Metadata, Viewport } from "next"; import { DM_Sans } from "next/font/google"; import "./globals.css"; /* ── Font ──────────────────────────────────────────────────────────────── */ /** * DM Sans loaded via next/font/google. * The font is downloaded at build time and served from /_next/static/media/ * — no third-party request at runtime, eliminating the CLS caused by * loading from fonts.googleapis.com. * * `variable` exposes the font as a CSS custom property (--font-dm-sans) * so globals.css can reference it without importing from JS. */ const dmSans = DM_Sans({ subsets: ["latin"], variable: "--font-dm-sans", display: "swap", }); /* ── JSON-LD structured data ───────────────────────────────────────────── */ const jsonLd = { "@context": "https://schema.org", "@type": "Organization", name: "Novarix Networks", url: "https://novarixnet.com", email: "contact@novarixnet.com", description: "Novarix Networks provides business connectivity, managed network services, and transit-focused infrastructure support for organisations that need dependable engineering and clear technical ownership.", knowsAbout: [ "Business Connectivity", "Managed Network Services", "IP Transit", "Peering", "BGP", "Network Engineering", ], }; /* ── Site metadata ─────────────────────────────────────────────────────── */ export const metadata: Metadata = { /** * metadataBase resolves relative URLs in metadata fields (e.g. OG images). * Pull from an environment variable per-environment if needed: * * metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL ?? "https://novarixnet.com"), */ metadataBase: new URL("https://novarixnet.com"), title: { default: "Novarix Networks", template: "%s | Novarix Networks", }, description: "Novarix Networks provides business connectivity, managed network services, and transit-focused infrastructure support for organisations that need dependable engineering and clear technical ownership.", applicationName: "Novarix Networks", keywords: [ "Novarix Networks", "ISP", "Managed Service Provider", "MSP", "IP Transit", "Business Connectivity", "Peering", "BGP", "IXP", "CDN Edge", "Network Engineering", ], authors: [{ name: "Novarix Networks" }], creator: "Novarix Networks", publisher: "Novarix Networks", alternates: { canonical: "/", }, openGraph: { type: "website", url: "https://novarixnet.com", siteName: "Novarix Networks", title: "Novarix Networks", description: "Business connectivity, managed network services, transit, and engineering-led infrastructure support.", locale: "en_GB", /* * Add a 1200 × 630 px image to /public/og-image.png to enable rich * link previews on LinkedIn, Slack, and Facebook: * * images: [{ url: "/og-image.png", width: 1200, height: 630 }], */ }, twitter: { card: "summary_large_image", title: "Novarix Networks", description: "Business connectivity, managed network services, transit, and engineering-led infrastructure support.", /* * images: ["/og-image.png"], */ }, robots: { index: true, follow: true, }, }; /* ── Viewport & theme colour ───────────────────────────────────────────── */ export const viewport: Viewport = { width: "device-width", initialScale: 1, themeColor: [ { media: "(prefers-color-scheme: light)", color: "#ffffff" }, { media: "(prefers-color-scheme: dark)", color: "#020617" }, ], }; /* ── Root layout component ─────────────────────────────────────────────── */ export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (