From 18f84ba536fcd545559e76b3ddd7e7ee5865cf57 Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Tue, 21 Jan 2025 01:06:59 -0800
Subject: [PATCH 01/10] Added the title component

---
 src/components/Header.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 0adfd30..d1c37d5 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,5 +1,21 @@
-const Header = () => {
-  return <div>Header</div>;
+import Image from "next/image";
+
+type props = {
+  title: string;
+};
+
+const Header = ({ title }: props) => {
+  return (
+    <div className="border-indigo-600 bg-hsa-tan-100 flex flex-row border-t-4">
+      <div className="self-end">
+        <Image src="/hsa5.svg" alt="HSA5" />
+      </div>
+      <div className="text-3xl">{title}</div>
+      <div className="self-start">
+        <Image src="/hsa5.svg" alt="HSA5" />
+      </div>
+    </div>
+  );
 };
 
 export default Header;

From 3d3c056207376b2e2255da737dbaf5e2eb1906b3 Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Tue, 21 Jan 2025 01:08:23 -0800
Subject: [PATCH 02/10] Added title component

---
 src/components/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index d1c37d5..e98e367 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -6,7 +6,7 @@ type props = {
 
 const Header = ({ title }: props) => {
   return (
-    <div className="border-indigo-600 bg-hsa-tan-100 flex flex-row border-t-4">
+    <div className="flex flex-row border-t-4 border-indigo-600 bg-hsa-tan-100">
       <div className="self-end">
         <Image src="/hsa5.svg" alt="HSA5" />
       </div>

From c2669ddf19ab3fb50a73a31d1b097e38186bc480 Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Tue, 21 Jan 2025 14:05:10 -0800
Subject: [PATCH 03/10] Used header in different files

---
 src/app/board/page.tsx    | 2 +-
 src/app/calendar/page.tsx | 2 +-
 src/app/events/page.tsx   | 2 +-
 src/app/gallery/page.tsx  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/board/page.tsx b/src/app/board/page.tsx
index d6899f8..2cce784 100644
--- a/src/app/board/page.tsx
+++ b/src/app/board/page.tsx
@@ -4,7 +4,7 @@ import Board from "@/components/board/Board";
 const Page = () => {
   return (
     <>
-      <Header />
+      <Header title="BOARD" />
       <Board />
     </>
   );
diff --git a/src/app/calendar/page.tsx b/src/app/calendar/page.tsx
index d2eaaf2..bbcef9d 100644
--- a/src/app/calendar/page.tsx
+++ b/src/app/calendar/page.tsx
@@ -5,7 +5,7 @@ import Header from "@/components/Header";
 const Page = () => {
   return (
     <>
-      <Header />
+      <Header title="CALENDAR" />
       <EventCard />
       <CalendarEvents />
     </>
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index 3cf1098..68c2c2f 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -6,7 +6,7 @@ import Header from "@/components/Header";
 const Page = () => {
   return (
     <>
-      <Header />
+      <Header title="EVENTS" />
       <FriendshipGames />
       <Banquet />
       <HmongNewYear />
diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index bbee80f..54953ab 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -4,7 +4,7 @@ import Header from "@/components/Header";
 const Page = () => {
   return (
     <>
-      <Header />
+      <Header title="GALLERY" />
       <Photos />
     </>
   );

From c917fd007fcc3411feb68c5c950bb3297e9c8ea6 Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Wed, 22 Jan 2025 00:55:31 -0800
Subject: [PATCH 04/10] Changed code

---
 src/components/Header.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index e98e367..19335e2 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image";
+import hsa5 from "@/public/hsa5.svg";
 
 type props = {
   title: string;
@@ -6,13 +7,19 @@ type props = {
 
 const Header = ({ title }: props) => {
   return (
-    <div className="flex flex-row border-t-4 border-indigo-600 bg-hsa-tan-100">
-      <div className="self-end">
-        <Image src="/hsa5.svg" alt="HSA5" />
+    <div className="pt-y flex flex-row justify-between border-t-4 border-indigo-600 bg-hsa-gray-100">
+      <div className="flex flex-col justify-end">
+        <div className="flex flex-row justify-center">
+          <Image src={hsa5} alt="HSA5" className="w-1/2" />
+        </div>
       </div>
-      <div className="text-3xl">{title}</div>
-      <div className="self-start">
-        <Image src="/hsa5.svg" alt="HSA5" />
+      <div className="flex flex-col self-center">
+        <div className="h-5 w-full pr-10 text-4xl">{title}</div>
+      </div>
+      <div className="flex flex-col justify-start">
+        <div className="flex flex-row justify-center">
+          <Image src={hsa5} alt="HSA5" className="w-1/2" />
+        </div>
       </div>
     </div>
   );

From 499b3eeb6195fdfa122610cee09f725b1f4da202 Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Fri, 24 Jan 2025 00:37:01 -0800
Subject: [PATCH 05/10] Edited the header a little bit

---
 src/components/Header.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 19335e2..6d3838f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -7,19 +7,15 @@ type props = {
 
 const Header = ({ title }: props) => {
   return (
-    <div className="pt-y flex flex-row justify-between border-t-4 border-indigo-600 bg-hsa-gray-100">
-      <div className="flex flex-col justify-end">
-        <div className="flex flex-row justify-center">
-          <Image src={hsa5} alt="HSA5" className="w-1/2" />
-        </div>
+    <div className="flex flex-row justify-between border-t-4 border-indigo-600 bg-hsa-gray-100">
+      <div className="mt-12 flex flex-row justify-center">
+        <Image src={hsa5} alt="HSA5" className="w-[35%]" />
       </div>
-      <div className="flex flex-col self-center">
-        <div className="h-5 w-full pr-10 text-4xl">{title}</div>
+      <div className="ml-5 flex flex-col justify-center">
+        <div className="mb-5 h-5 w-full pr-10 text-4xl">{title}</div>
       </div>
-      <div className="flex flex-col justify-start">
-        <div className="flex flex-row justify-center">
-          <Image src={hsa5} alt="HSA5" className="w-1/2" />
-        </div>
+      <div className="mb-12 flex flex-row justify-center">
+        <Image src={hsa5} alt="HSA5" className="w-[35%]" />
       </div>
     </div>
   );

From d7a74ebcc9a792e8c07cde8526a50346692b7c8f Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Fri, 24 Jan 2025 00:49:05 -0800
Subject: [PATCH 06/10] Fixed a bug

---
 src/app/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dd391d4..f3f2c06 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,6 +3,7 @@ import About from "@/components/home/About";
 import Mission from "@/components/home/Mission";
 import Do from "@/components/home/Do";
 import Example from "../components/example";
+import Header from "@/components/Header";
 
 const Home = () => {
   return (

From 839d3a5b7d0d83c676271335777973ab13d829db Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Fri, 24 Jan 2025 00:51:29 -0800
Subject: [PATCH 07/10] fixing bugs

---
 src/app/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3f2c06..59d46d9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import Header from "@/components/Header";
 const Home = () => {
   return (
     <div className="">
+      <Header title="About" />
       <Hero />
       <About />
       <Mission />

From 6dab03c78488e4f53e5abf8fa3b86114dea6e4bd Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Fri, 24 Jan 2025 00:54:19 -0800
Subject: [PATCH 08/10] Another try

---
 src/components/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 6d3838f..a834dd8 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,5 +1,5 @@
 import Image from "next/image";
-import hsa5 from "@/public/hsa5.svg";
+import hsa5 from "@/public/assets/hsa5.svg";
 
 type props = {
   title: string;

From f037288fc28cd75d83a0e9281fc4e261a1743faa Mon Sep 17 00:00:00 2001
From: daniyalbhat34 <daniyalbhat34@gmail.com>
Date: Sun, 26 Jan 2025 21:50:34 -0800
Subject: [PATCH 09/10] Final HEADER PUSH

---
 src/components/Header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index a834dd8..95998c9 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -7,15 +7,15 @@ type props = {
 
 const Header = ({ title }: props) => {
   return (
-    <div className="flex flex-row justify-between border-t-4 border-indigo-600 bg-hsa-gray-100">
+    <div className="flex flex-row justify-between bg-hsa-gray-100">
       <div className="mt-12 flex flex-row justify-center">
-        <Image src={hsa5} alt="HSA5" className="w-[35%]" />
+        <Image src={hsa5} alt="HSA5" className="w-1/2" />
       </div>
       <div className="ml-5 flex flex-col justify-center">
         <div className="mb-5 h-5 w-full pr-10 text-4xl">{title}</div>
       </div>
       <div className="mb-12 flex flex-row justify-center">
-        <Image src={hsa5} alt="HSA5" className="w-[35%]" />
+        <Image src={hsa5} alt="HSA5" className="w-1/2" />
       </div>
     </div>
   );

From f78281d2f8c7c940774c29a257d511ecfdc88907 Mon Sep 17 00:00:00 2001
From: Arielle Haryanto <148610393+arieen17@users.noreply.github.com>
Date: Tue, 28 Jan 2025 12:28:55 -0800
Subject: [PATCH 10/10] Update page.tsx

---
 src/app/events/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index 7b9b789..4a78503 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -6,7 +6,7 @@ import Header from "@/components/Header";
 const Page = () => {
   return (
     <>
-      <Header />
+      <Header title="Events" />
       <div className="grid grid-cols-3">
         <div className="col-start-2 mb-5">
           <FriendshipGames