Implemented smallest header breakpoint

2025-08-01 12:55:52 -06:00
parent 290761bded
commit eff5dc9f97
14 changed files with 286 additions and 16 deletions
@@ -1,11 +1,11 @@
 import { Inter, Bricolage_Grotesque } from "next/font/google";
 import "./globals.css";
-import "./tailwind.css";
+import Header from "./components/Header";
 import Footer from "./components/Footer";

 const inter = Inter({
  subsets: ["latin"],
-  weight: ["400"],
+  weight: ["400", "500"],
  variable: "--font-inter",
 });

@@ -20,6 +20,7 @@ export default function RootLayout({ children }) {
    <html lang="en">
      <body className={`${inter.variable} ${bricolageGrotesque.variable}`}>
        <div className="min-h-screen flex flex-col">
+          <Header />
          <main className="flex-1">{children}</main>
          <Footer />
        </div>