48 lines
1.2 KiB
TypeScript

import type { Metadata } from "next";
import { Barlow, Barlow_Condensed } from "next/font/google";
import "./globals.css";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
const barlow = Barlow({
subsets: ["latin"],
weight: ["300", "400", "500", "600"],
variable: "--font-body",
});
const barlowCondensed = Barlow_Condensed({
subsets: ["latin"],
weight: ["400", "500", "600", "700", "800"],
variable: "--font-display",
});
export const metadata: Metadata = {
metadataBase: new URL("https://vgfenceproducts.ca"),
title: "VG Fence Products — Ontario's B2B Fence Supply Partner",
description: "Supplying contractors, builders, and property managers across Ontario with chain link, ornamental, composite, glass railing, and stain products.",
icons: {
icon: "/assets/favicon.webp",
},
alternates: {
canonical: "/",
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={`${barlow.variable} ${barlowCondensed.variable}`}>
<Navbar />
<main>
{children}
</main>
<Footer />
</body>
</html>
);
}