header, icon, favicon, main page

2026-06-06 17:18:24 +02:00 · 2025-12-07 18:57:55 +01:00
parent b0a52715d3
commit 7782f800c1
7 changed files with 24 additions and 5 deletions
@@ -2,12 +2,12 @@
 <html lang="en">
    <head>
        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+        <link rel="icon" type="image/svg+xml" href="./favicons/favicon.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>aramjonghu</title>
        <link href="./src/App.css" rel="stylesheet">
    </head>
-    <body>
+    <body class="bg-ctp-sapphire-50 dark:bg-ctp-base">
        <div id="root"></div>
        <script type="module" src="/src/main.jsx"></script>
    </body>
@@ -1,11 +1,13 @@
 import './App.css'
 import Header from './components/Header'
+import Home from './pages/Home'

 function App() {

    return (
        <>
            <Header></Header>
+            <Home></Home>
        </>
    )
 }
@@ -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">
@@ -0,0 +1,7 @@
+
+export default function Intro() {
+
+    return(
+        <h1>hello!</h1>
+    )
+}
@@ -0,0 +1,10 @@
+import Intro from "../components/Intro";
+
+export default function Home() {
+
+    return(
+        <div className="">
+            <Intro></Intro>
+        </div>
+    );
+}