Update theme fonts

2026-03-05 23:57:41 +00:00 · 2026-03-05 23:57:41 +00:00
2 changed files with 14 additions and 6 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,16 +1,24 @@
 import type { Metadata } from "next";
 import { Manrope } from "next/font/google";
+import { Inter } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 import "./styles/variables.css";
 import "./globals.css";

-const manrope = Manrope({
-  variable: "--font-manrope",  subsets: ["latin"],
-});

 export const metadata: Metadata = {
  title: "Taishan Construction | Premium Hardscape & Building Services Toronto",  description: "Premium interlock driveways, patios, landscaping & construction services across the GTA. Free 3D design, expert installation, luxury results."
 };

+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
  children,
 }: {
@@ -18,7 +26,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={`${manrope.variable} antialiased`}>
+      <body className={`${inter.variable} ${openSans.variable} antialiased`}>
        {children}
      
        <script
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
Author	SHA1	Message	Date
bender	abc34c7bb7	Update theme fonts	2026-03-05 23:57:41 +00:00
bender	67adf66cd9	Update theme fonts	2026-03-05 23:57:41 +00:00