Files
d69e649d-4eab-4e43-b146-64d…/src/app/layout.tsx
2026-03-19 15:56:20 +00:00

74 lines
2.1 KiB
TypeScript

import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Public_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const publicSans = Public_Sans({
variable: "--font-public-sans",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Contact NickToPixels | Get Your Free Website Quote",
description: "Contact NickToPixels for your free website quote. Fast response, no pressure. Serving Greater Toronto Area.",
keywords: "contact web designer, web design quote, book web designer consultation, Toronto web design contact",
metadataBase: new URL("https://nicktopixels.ca"),
alternates: {
canonical: "https://nicktopixels.ca/contact",
},
openGraph: {
title: "Get Your Free Website Quote | NickToPixels",
description: "Book a free consultation with our web design team.",
url: "https://nicktopixels.ca/contact",
siteName: "NickToPixels",
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Get Your Free Website Quote | NickToPixels",
description: "Book a free consultation with our web design team.",
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{
__html: `${getVisualEditScript()}`
}}
/>
</body>
</ServiceWrapper>
</html>
);
}