kattoolbox/src/app/layout.tsx

79 lines
2.2 KiB
TypeScript

import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import Script from "next/script";
import "./globals.css";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
metadataBase: new URL("https://kattoolbox.vercel.app"),
title: {
default: "kattoolbox — Client-Side File & Developer Utilities",
template: "%s | kattoolbox",
},
description:
"Free client-side utilities. Compress images under Discord/Gmail limits, strip EXIF GPS metadata, merge and extract PDF pages, and run developer tools without server uploads.",
keywords: [
"compress image for discord",
"shrink image to 10mb",
"strip photo gps online",
"remove exif data",
"merge pdf client side",
"redact image online",
"developer utilities",
"kattoolbox",
],
alternates: {
canonical: "/",
},
openGraph: {
type: "website",
title: "kattoolbox — Client-Side File & Developer Utilities",
description:
"Client-side file and developer tools running entirely in the browser.",
siteName: "kattoolbox",
url: "https://kattoolbox.vercel.app",
},
twitter: {
card: "summary_large_image",
title: "kattoolbox — Client-Side File & Developer Utilities",
description:
"Client-side file and developer tools running entirely in the browser.",
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html
lang="en"
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
>
<head>
{/* Adsterra Network Script */}
<Script
src="https://pl31295441.profitableratecpmnetwork.com/fd/4a/91/fd4a9155d8cc10399821f613377ee9f1.js"
strategy="afterInteractive"
/>
</head>
<body className="dot-bg-fade flex min-h-full flex-col bg-black text-foreground">
<Header />
<main className="flex-1">{children}</main>
<Footer />
</body>
</html>
);
}