Update src/app/layout.tsx

This commit is contained in:
2026-03-09 16:13:53 +00:00
parent accab788a4
commit 8f1cfac169

View File

@@ -1,14 +1,14 @@
import type { Metadata } from "next";
import { Manrope } from "next/font/google";
import "./styles/variables.css";
import "./styles/base.css";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Garcia's Project - Landscape & Hardscape Construction", description: "Professional landscaping and hardscape construction services in Chicago suburbs"};
title: "Garcia's Project - Landscape & Hardscape Construction", description: "Professional landscaping and hardscape construction services in Addison, IL and surrounding areas."};
export default function RootLayout({
children,
@@ -17,11 +17,19 @@ export default function RootLayout({
}) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`${manrope.variable} antialiased`}>
{children}
<body className={inter.variable}>
<ServiceWrapper>
{children}
</ServiceWrapper>
<script
async
src="https://cdn.jsdelivr.net/npm/three@r128/build/three.min.js"
dangerouslySetInnerHTML={{
__html: `
if (!window.localStorage.getItem('theme')) {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
window.localStorage.setItem('theme', prefersDark ? 'dark' : 'light');
}
`,
}}
/>
<script