Update theme fonts

2026-04-12 21:46:46 +00:00
parent b4a8bc7e26
commit 448b8f3e91
1 changed files with 11 additions and 2 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
+import { Open_Sans } from "next/font/google";



@@ -15,7 +16,15 @@ export const metadata: Metadata = {
  description: 'Professional mobile interior detailing services. We bring our expertise to your door, keeping your car interior pristine, fresh, and clean.',
 };

-const mulish = Mulish({ variable: "--font-mulish", subsets: ["latin"] });
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
+  subsets: ["latin"],
+});

 export default function RootLayout({
  children,
@@ -25,7 +34,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
          <Tag />
          {children}
          <script