import type { Metadata } from "next";
import { Inter } from "next/font/google";
import Script from "next/script";
import "./globals.css";
import { siteConfig } from "@/lib/site-config";
import { allProviders, guideFaq } from "@/lib/vpn-data";
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
weight: ["400", "500", "600", "700", "800", "900"],
display: "swap",
});
const title = "Top 10 VPNs For Mac in 2026 | Mac VPN Guide";
export const metadata: Metadata = {
metadataBase: new URL(siteConfig.url),
title,
description: siteConfig.description,
keywords: siteConfig.keywords,
robots: "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1",
alternates: {
canonical: siteConfig.url,
},
icons: {
icon: "/favicon.ico",
apple: "/icon-512.png",
},
other: {
"theme-color": "#0A84FF",
},
openGraph: {
type: "website",
siteName: siteConfig.guideName,
title,
description: siteConfig.description,
url: siteConfig.url,
images: [{ url: "/icon-512.png", width: 512, height: 512 }],
locale: "en_US",
},
twitter: {
card: "summary",
title,
description: siteConfig.description,
images: ["/icon-512.png"],
},
};
/** Built from the same data the page renders, so structured data can't drift. */
const structuredData = {
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": `${siteConfig.url}#org`,
name: siteConfig.operator,
url: siteConfig.url,
logo: `${siteConfig.url}icon-512.png`,
},
{
"@type": "WebSite",
"@id": `${siteConfig.url}#website`,
url: siteConfig.url,
name: siteConfig.guideName,
inLanguage: "en",
publisher: { "@id": `${siteConfig.url}#org` },
},
{
"@type": "ItemList",
"@id": `${siteConfig.url}#picks`,
name: title,
description: siteConfig.description,
itemListOrder: "https://schema.org/ItemListOrderDescending",
numberOfItems: allProviders.length,
itemListElement: allProviders.map((provider, i) => ({
"@type": "ListItem",
position: i + 1,
item: {
"@type": "SoftwareApplication",
name: provider.name,
applicationCategory: "SecurityApplication",
applicationSubCategory: "VPN",
operatingSystem: "macOS",
url: provider.url,
},
})),
},
{
"@type": "FAQPage",
"@id": `${siteConfig.url}#faq`,
mainEntity: guideFaq.map((item) => ({
"@type": "Question",
name: item.question,
acceptedAnswer: { "@type": "Answer", text: item.answer },
})),
},
],
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{/* Google Tag Manager */}
{/* End Google Tag Manager */}
{/* Google Tag Manager (noscript) */}
{/* End Google Tag Manager (noscript) */}
{children}
);
}