header, icon, favicon, main page

frontend/src/components/Header.jsx

@@ -1,12 +1,12 @@
-
+import logo from '../assets/logo.png';
 export default function Header() {
 
   return (
-    <header className="bg-ctp-base dark:bg-ctp-crust left-0 bouder-b border-ctp-overlay0 fixed top-0 z-50 w-full">
+    <header className="bg-ctp-lavender-200 dark:bg-ctp-crust left-0 bouder-b border-ctp-overlay0 fixed top-0 z-50 w-full">
       <nav className="mx-auto max-w-[80%] flex items-center justify-between p-4 w-full">
 
         <a href="/" className="flex items-center gap-2">
-          <img src="../assets/logo.png" alt="AramJonghu" className="h-8 w-auto" />
+          <img src={logo} alt="AramJonghu" className="h-8 w-auto" />
         </a>
 
         <div className="hidden md:flex gap-10">

frontend/src/components/Intro.jsx

@@ -0,0 +1,7 @@
+
+export default function Intro() {
+
+    return(
+        <h1>hello!</h1>
+    )
+}