Index: src/app/layout.tsx
===================================================================
--- src/app/layout.tsx	(revision 875f7d6526d10ea486ceae45de8b59a66f11aaff)
+++ src/app/layout.tsx	(revision 636f86cc03abcdbac548ce77903447c882c466e9)
@@ -2,6 +2,8 @@
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
-import '@fortawesome/fontawesome-svg-core/styles.css';
-import { config } from '@fortawesome/fontawesome-svg-core';
+import "@fortawesome/fontawesome-svg-core/styles.css";
+import { config } from "@fortawesome/fontawesome-svg-core";
+import Header from "@/components/header";
+import Navbar from "@/components/navbar";
 
 // Prevent FontAwesome from adding CSS automatically
@@ -20,5 +22,6 @@
 export const metadata: Metadata = {
   title: "IKnow - UKIM",
-  description: "University Managment System used to provide students informations and manage their progress.",
+  description:
+    "University Managment System used to provide students informations and manage their progress.",
 };
 
@@ -30,8 +33,10 @@
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <div className="mx-auto max-w-6xl px-4">{children}</div>
+      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+        <div className="mx-auto max-w-6xl px-4">
+          <Header />
+          <Navbar />
+          {children}
+        </div>
       </body>
     </html>
