diff --git a/frontend/src/lib/components/under_construction.svelte b/frontend/src/lib/components/under_construction.svelte
new file mode 100644
index 0000000..31795a0
--- /dev/null
+++ b/frontend/src/lib/components/under_construction.svelte
@@ -0,0 +1,12 @@
+<script>
+    import "$lib/css/base.css";
+    import "$lib/css/cover-img.css";
+</script>
+
+<div class="flex-row center" style="height:80dvh">
+    <img style="height:50dvh;" src="/under_construction.png" alt="Under Construction" />
+    <div class="flex-col section">
+        <h1>Page under construction !</h1>
+        <p style="width:auto;">please check it later!</p>
+    </div>
+</div>
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index e4f6a22..7356f7a 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -68,6 +68,11 @@
 	}
 </script>
 
+<svelte:head>
+    <title>Etheryo</title> 
+</svelte:head>
+
+
 <div class="main-banner">
 	<CoverImg
 		cover={hubjson.cover}
diff --git a/frontend/src/routes/about/+page.svelte b/frontend/src/routes/about/+page.svelte
index ce9fcc4..be186fe 100644
--- a/frontend/src/routes/about/+page.svelte
+++ b/frontend/src/routes/about/+page.svelte
@@ -1,16 +1,10 @@
 <script>
 	import "$lib/css/base.css";
 	import "$lib/css/main.css";
+	import UnderConstruction from "$lib/components/under_construction.svelte";
 </script>
 
 <div class="main-banner">
 	<div class="main-banner-gradient"></div>
-	<div class="main-banner-content">
-		<div
-			class="flex-row center"
-			style="padding-top: 15rem;padding-bottom: 15rem;"
-		>
-			<h1>About</h1>
-		</div>
-	</div>
+	<UnderConstruction/>
 </div>
diff --git a/frontend/src/routes/project/[project]/+page.svelte b/frontend/src/routes/project/[project]/+page.svelte
index 728b5ce..559bddc 100644
--- a/frontend/src/routes/project/[project]/+page.svelte
+++ b/frontend/src/routes/project/[project]/+page.svelte
@@ -1,19 +1,13 @@
 <script>
 	import "$lib/css/base.css";
 	import "$lib/css/main.css";
+    import UnderConstruction from "$lib/components/under_construction.svelte";
 
-    export let data;
+    // export let data;
 </script>
 
 <div class="main-banner">
     <div class="main-banner-gradient"></div>
-    <div class="main-banner-content">
-        <div
-            class="flex-col center"
-            style="padding-top: 15rem;padding-bottom: 15rem;"
-        >
-            <h1>Project</h1>
-            <h2>{data.project}</h2>
-        </div>
-    </div>
+    <UnderConstruction />
+    <!-- <p>Project Name: {data.project}</p> -->
 </div>
diff --git a/frontend/static/favicon.png b/frontend/static/favicon.png
index 825b9e6..77bd3a0 100644
Binary files a/frontend/static/favicon.png and b/frontend/static/favicon.png differ
diff --git a/frontend/static/under_construction.png b/frontend/static/under_construction.png
new file mode 100644
index 0000000..ca2c593
Binary files /dev/null and b/frontend/static/under_construction.png differ