From 3fed50b0d8ad628a68b6171dfe202a3cec2be7f4 Mon Sep 17 00:00:00 2001
From: menthy-wu <wumengxuan0728@gmail.com>
Date: Fri, 3 Nov 2023 18:01:45 -0700
Subject: [PATCH] add header

---
 src/app/projects/costa-rica/page.js | 4 ++++
 src/components/projects/Header.jsx  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/projects/costa-rica/page.js b/src/app/projects/costa-rica/page.js
index a37e943..aad0954 100644
--- a/src/app/projects/costa-rica/page.js
+++ b/src/app/projects/costa-rica/page.js
@@ -1,8 +1,12 @@
 import React from "react";
 import CostaRica from "@/components/projects/CostaRica";
+import Header from "@/components/projects/Header";
+import header from "../../../../public/images/costaRica/CostaRicaHeader.webp";
+
 const page = () => {
   return (
     <>
+      <Header img={header.src} title="Costa Rica Project" />
       <CostaRica />
     </>
   );
diff --git a/src/components/projects/Header.jsx b/src/components/projects/Header.jsx
index c5adb5d..ac9e159 100644
--- a/src/components/projects/Header.jsx
+++ b/src/components/projects/Header.jsx
@@ -2,8 +2,8 @@ import Title from "../Title";
 
 const Header = ({ img, title }) => {
   return (
-    <div>
-      <img src={img} alt="Image" className="mb-2.5 w-full" />
+    <div className="w-full">
+      <img src={img} alt="Image" className="mb-3 w-full object-cover" />
       <Title subTitle="" title={title} />
     </div>
   );