import { Suspense } from "react";
import type { Metadata } from "next";
import Script from "next/script";
import { Inter } from "next/font/google";
import { ThemeProvider } from "@/components/theme-provider";
import { Header } from "@/components/header";
import { Footer } from "@/components/footer";
import { ScrollToTop } from "@/components/scroll-to-top";
import { getFormattedIconCount } from "@/lib/icons";
import "./globals.css";
const inter = Inter({
variable: "--font-sans",
subsets: ["latin"],
});
const count = getFormattedIconCount();
export const metadata: Metadata = {
title: {
default: `theSVG - ${count}+ Free Brand SVG Icons for Developers and Designers`,
template: "%s | theSVG",
},
description: `Search, copy, and ship ${count}+ brand SVG icons. Open-source library with npm, React, Vue, Svelte, CLI, CDN, and MCP server support.`,
keywords: [
"svg",
"brand icons",
"logo",
"svg library",
"open source",
"brand assets",
"svg icons",
"brand logos",
"icon library",
"free icons",
"svg download",
"brand svg",
"official brand icons",
"brand logo svg download",
"svg brand library",
"free svg icons",
"company logo svg",
"tech brand icons",
"simple icons alternative",
"svg logo collection",
],
metadataBase: new URL("https://thesvg.org"),
openGraph: {
title: `theSVG - ${count}+ Free Brand SVG Icons for Developers and Designers`,
description: `Search, copy, and ship ${count}+ brand SVG icons. Open-source library with npm, React, Vue, Svelte, CLI, CDN, and MCP server support.`,
url: "https://thesvg.org",
siteName: "theSVG",
type: "website",
locale: "en_US",
images: [
{
url: "/og-image.png",
width: 1200,
height: 630,
alt: `theSVG - ${count}+ brand SVG icons for developers`,
},
],
},
twitter: {
card: "summary_large_image",
title: `theSVG - ${count}+ Free Brand SVG Icons for Developers and Designers`,
description: `Search, copy, and ship ${count}+ brand SVG icons. Open-source library with npm, React, Vue, Svelte, CLI, CDN, and MCP server support.`,
images: ["/og-image.png"],
},
manifest: "/manifest.json",
icons: {
icon: "/icon.svg",
apple: "/apple-touch-icon.png",
},
category: "technology",
creator: "GLINCKER",
publisher: "theSVG",
robots: {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
},
},
alternates: {
types: {
"application/rss+xml": "https://thesvg.org/feed.xml",
},
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{children}
);
}