diff --git a/angular.json b/angular.json
index 00ce5e8..5772bea 100644
--- a/angular.json
+++ b/angular.json
@@ -34,6 +34,11 @@
               {
                 "glob": "**/*",
                 "input": "public"
+              },
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
               }
             ],
             "styles": [
diff --git a/src/app/home-component/home-component.css b/src/app/home-component/home-component.css
index 89e9471..3b83a8f 100644
--- a/src/app/home-component/home-component.css
+++ b/src/app/home-component/home-component.css
@@ -4,4 +4,12 @@
 }
 
 .animate-fadeUp { animation: fadeUp 1s ease forwards; }
-.animate-fadeUp-delay { animation: fadeUp 1s 0.2s ease forwards; opacity: 0; }
\ No newline at end of file
+.animate-fadeUp-delay { animation: fadeUp 1s 0.2s ease forwards; opacity: 0; }
+
+
+@keyframes fade {
+  0% { opacity: 0;}
+  100% { opacity: 1;}
+}
+
+.animate-fade-logo { animation: fade 1.5s 0.5s ease forwards; opacity: 0; }
diff --git a/src/app/home-component/home-component.html b/src/app/home-component/home-component.html
index 5c65bdd..cd1a3aa 100644
--- a/src/app/home-component/home-component.html
+++ b/src/app/home-component/home-component.html
@@ -3,10 +3,17 @@
   <div class="absolute -bottom-140 -right-120 w-[800px] h-[800px] bg-pink-600/40 rounded-full filter blur-[250px] pointer-events-none animate-fadeUp-delay"></div>
 
   <div class="content">
-    <h1 class="text-6xl font-bold animate-fadeUp">InfiniMotion</h1>
-    <h2 class="text-4xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent pb-10">
-      Absolut war gestern, Bewegung ist heute!
-    </h2>
+    <div class="flex items-center justify-center">
+      <div>
+        <img src="assets/logo.png" class="w-48 h-48 animate-fade-logo">
+      </div>
+      <div class="text-left flex flex-col justify-center">
+        <h1 class="text-6xl font-bold animate-fadeUp">InfiniMotion</h1>
+        <h2 class="text-4xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
+          Absolut war gestern, Bewegung ist heute!
+        </h2>
+      </div>
+    </div>
   </div>
 
   <div class="absolute bottom-5 left-5 text-gray-400 z-10">
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..7183a2d
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/index.html b/src/index.html
index 4edb253..da193c0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Infinifront</title>
+  <title>InfiniMotion</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
