header, icon, favicon, main page

frontend/src/App.jsx

@@ -1,11 +1,13 @@
 import './App.css'
 import Header from './components/Header'
+import Home from './pages/Home'
 
 function App() {
 
     return (
         <>
             <Header></Header>
+            <Home></Home>
         </>
     )
 }

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>
+    )
+}

frontend/src/pages/Home.jsx

@@ -0,0 +1,10 @@
+import Intro from "../components/Intro";
+
+export default function Home() {
+
+    return(
+        <div className="">
+            <Intro></Intro>
+        </div>
+    );
+}