diff --git a/.github/workflows/build-and-push.yml b/.github/workflows/build-and-push.yml
index 6dc7797..c49af5c 100644
--- a/.github/workflows/build-and-push.yml
+++ b/.github/workflows/build-and-push.yml
@@ -1,4 +1,4 @@
-name: Build and Push to GHCR
+name: build & push the images
 
 on:
   push:
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 0a8214a..e3ccaf3 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -1,4 +1,4 @@
-name: Test and Build
+name: test & build
 
 on:
   push:
diff --git a/README.md b/README.md
index bae5980..6d7ae11 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,7 @@
 
 Events that thrive anywhere.
 
-Like the cactus, great events bloom under any condition when managed with care. Cactoide(ae) helps you streamline RSVPs, simplify coordination, and keep every detail efficient—so your gatherings are resilient, vibrant, and unforgettabl
-e.
+Like the cactus, great events bloom under any condition when managed with care. Cactoide(ae) helps you streamline RSVPs, simplify coordination, and keep every detail efficient—so your gatherings are resilient, vibrant, and unforgettable.
 
 <p align="center">
   <a href="https://cactoide.dalev.hu/" target="blank">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 57deb78..250d317 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,41 +11,28 @@
 </svelte:head>
 
 <div class="flex min-h-screen flex-col">
-	<!-- Hero Section -->
-	<section class="from-dark-900 to-dark-950 relative overflow-hidden bg-gradient-to-b pt-20 pb-20">
+	<section class="mx-auto w-full pt-20 pb-20 md:w-3/4">
 		<div class="container mx-auto px-4 text-center">
-			<!-- Animated background elements -->
-			<div class="pointer-events-none absolute inset-0 overflow-hidden">
-				<div class="animate-float absolute top-20 left-10 h-32 w-32 rounded-full blur-xl"></div>
-				<div
-					class="bg-crypto-neon/10 animate-float absolute top-40 right-20 h-24 w-24 rounded-full blur-xl"
-					style="animation-delay: -2s;"
-				></div>
-				<div
-					class="bg-crypto-cyber/10 animate-float absolute bottom-20 left-1/4 h-20 w-20 rounded-full blur-xl"
-					style="animation-delay: -4s;"
-				></div>
-			</div>
+			<h1 class="text-5xl font-bold md:text-7xl lg:text-8xl">Cactoide(ea) 🌵</h1>
 
-			<div class="relative z-10">
-				<h1 class="bg-gradient-to-r bg-clip-text text-5xl font-bold md:text-7xl lg:text-8xl">
-					Cactoide 🌵
-				</h1>
+			<h2 class="mt-6 text-xl md:text-2xl">The Ultimate RSVP Platform</h2>
+			<p class="mt-4 text-lg italic md:text-xl">
+				Create, share, and manage events with zero friction.
+			</p>
 
-				<p class="mt-6 text-xl md:text-2xl">The Ultimate RSVP Platform</p>
-				<p class="mt-4 text-lg md:text-xl">Create, share, and manage events with zero friction.</p>
+			<h2 class="mt-6 pt-8 text-xl md:text-2xl">Why Cactoide(ae)?🌵</h2>
+			<p class="mt-4 text-lg md:text-xl">
+				Like the cactus, great events bloom under any condition when managed with care. Cactoide(ae)
+				helps you streamline RSVPs, simplify coordination, and keep every detail efficient—so your
+				gatherings are resilient, vibrant, and unforgettabl e.
+			</p>
 
-				<div
-					class="mt-10 flex flex-col items-center justify-center space-y-4 sm:flex-row sm:space-y-0 sm:space-x-6"
-				>
-					<button
-						on:click={() => goto('/create')}
-						class="rounded-sm border-2 border-violet-500 px-8 py-4 font-bold duration-400 hover:scale-110 hover:bg-violet-500/10"
-					>
-						Create Event Now
-					</button>
-				</div>
-			</div>
+			<button
+				on:click={() => goto('/create')}
+				class="mt-8 rounded-sm border-2 border-violet-500 px-8 py-4 font-bold duration-400 hover:scale-110 hover:bg-violet-500/10"
+			>
+				Create Event Now
+			</button>
 		</div>
 	</section>
 
diff --git a/src/routes/event/[id]/+page.svelte b/src/routes/event/[id]/+page.svelte
index ad67176..0f79be7 100644
--- a/src/routes/event/[id]/+page.svelte
+++ b/src/routes/event/[id]/+page.svelte
@@ -227,7 +227,7 @@
 				<div class="rounded-sm border p-6 shadow-2xl backdrop-blur-sm">
 					<div class="mb-4 flex items-center justify-between">
 						<h3 class=" text-xl font-bold">Attendees</h3>
-						<span class="text-crypto-gold text-2xl font-bold">{rsvps.length}</span>
+						<span class="text-2xl font-bold">{rsvps.length}</span>
 					</div>
 
 					{#if rsvps.length === 0}