diff --git a/src/app/home-component/home-component.css b/src/app/home-component/home-component.css
index e69de29..89e9471 100644
--- a/src/app/home-component/home-component.css
+++ b/src/app/home-component/home-component.css
@@ -0,0 +1,7 @@
+@keyframes fadeUp {
+  0% { opacity: 0; transform: translateY(20px); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+
+.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
diff --git a/src/app/home-component/home-component.html b/src/app/home-component/home-component.html
index 3f9e0dc..5c65bdd 100644
--- a/src/app/home-component/home-component.html
+++ b/src/app/home-component/home-component.html
@@ -1,10 +1,18 @@
-<div class="flex h-screen">
-  <div class="m-auto">
-    <h1 class="text-6xl font-bold">InfiniMotion</h1>
-    <h2
-      class="text-4xl font-bold bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent pb-10"
-    >
+<div class="relative w-screen h-screen overflow-hidden flex items-center justify-center">
+  <div class="absolute -top-140 -left-120 w-[800px] h-[800px] bg-indigo-500/50 rounded-full filter blur-[250px] pointer-events-none animate-fadeUp-delay"></div>
+  <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>
+
+  <div class="absolute bottom-5 left-5 text-gray-400 z-10">
+    Informationsinfrastrukturen Unit 2 - FHDW Hannover
+    <br>
+    &copy; 2025 Marcel Anker, Lennart Heinrich, Piet Ostendorp, Kevin Szarafin
+  </div>
+
 </div>