Rule Stack Start

2025-08-22 13:57:56 -06:00
parent a8f17cc6c7
commit a9557ddedf
10 changed files with 183 additions and 6 deletions
@@ -1,4 +1,4 @@
-import { Inter, Bricolage_Grotesque } from "next/font/google";
+import { Inter, Bricolage_Grotesque, Space_Grotesk } from "next/font/google";
 import "./globals.css";
 import HomeHeader from "./components/HomeHeader";
 import Footer from "./components/Footer";
@@ -11,14 +11,22 @@ const inter = Inter({

 const bricolageGrotesque = Bricolage_Grotesque({
  subsets: ["latin"],
-  weight: ["400", "500"],
+  weight: ["400", "500", "700"],
  variable: "--font-bricolage-grotesque",
 });

+const spaceGrotesk = Space_Grotesk({
+  subsets: ["latin"],
+  weight: ["400", "500", "700"],
+  variable: "--font-space-grotesk",
+});
+
 export default function RootLayout({ children }) {
  return (
    <html lang="en">
-      <body className={`${inter.variable} ${bricolageGrotesque.variable}`}>
+      <body
+        className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable}`}
+      >
        <div className="min-h-screen flex flex-col">
          <HomeHeader />
          <main className="flex-1">{children}</main>