diff --git a/public/assets/cp.png b/public/assets/cp.png
new file mode 100644
index 0000000..3751e60
Binary files /dev/null and b/public/assets/cp.png differ
diff --git a/public/cp.png b/public/cp.png
deleted file mode 100644
index 9644574..0000000
Binary files a/public/cp.png and /dev/null differ
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 733f0d3..03b5260 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -137,7 +137,7 @@
 		</a>
 	</div>
 	<div class="flex flex-row gap-10">
-		<div class="grid grid-rows-1 md:grid-cols-3 lg:grid-cols-4 gap-5">
+		<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-5">
 			@foreach($kegiatan as $dataKeg)
 			<?php
 				$images = json_decode($dataKeg->image);
@@ -156,30 +156,37 @@
 		</div>
 	</div>
 </section>
-<section id="helpdesk" class="container mx-auto p-12 md:py-12">
-	<div class="flex flex-row items-center">
-		<div class="w-1/2">
-			<div class="flex justify-between mb-15">
-				<div>
-					<h4 class="text-success">Ada Kendala Terkait Sekolah Adiwiyata ?</h4>
-					<h4 class="text-lg md:text-2xl font-extrabold text-black">Hubungi Helpdesk Kami</h4>
+<section id="helpdesk" class="bg-gradient-to-r from-[#009D66] to-[#F7AE15]">
+	<div class="container mx-auto p-12 md:py-12">
+		<div class="flex flex-col md:flex-row items-center justify-between">
+			<div class="flex flex-col gap-1">
+				<h4 class="text-white">Ada Kendala Terkait Sekolah Adiwiyata ?</h4>
+				<h4 class="text-3xl md:text-4xl font-extrabold text-white">Hubungi Helpdesk Kami</h4>
+			</div>
+			<div class="flex flex-col mt-5 md:mt-0 md:flex-row gap-2">
+				<div class="border rounded text-white px-3 py-3 hover:bg-white hover:border-white hover:text-[#009D66] transition">
+					<a target="_blank" href="https://api.whatsapp.com/send/?phone=628521243172" class=" flex">
+						<span class="mt-1"><x-lucide-phone width="18" class=""/></span>&nbsp;0852-1243-1726
+					</a>
+				</div>
+				<div class="border rounded text-white px-3 py-3 hover:bg-white hover:border-white hover:text-[#009D66] transition">
+					<a target="_blank" href="mailto:dinaslh@jakarta.go.id" class=" flex">
+						<span class="mt-1"><x-lucide-mail width="18" class=""/></span>&nbsp;dinaslh@jakarta.go.id
+					</a>
+				</div>
+				<div class="border rounded text-white px-3 py-3 hover:bg-white hover:border-white hover:text-[#009D66] transition">
+					<a target="_blank" href="{{ asset('manual_book.pdf') }}" download class=" flex">
+						<span class="mt-1"><x-lucide-download width="18" class=""/></span>&nbsp;Download Panduan
+					</a>
 				</div>
 			</div>
-			<div class="d-flex gap-3">
-				<div>Nomor Telp :	0852-1243-6339</div>
-				<div>Email : dinaslh@jakarta.go.id</div>
-				<div class="mt-5"><a href="{{ asset('manual_book.pdf') }}" download class="p-3 text-white text-sm bg-success rounded-[10px] text-center">Download</a>&nbsp;Buku Panduan Sekolah Adiwiyata </div>
-			</div>
-		</div>
-		<div class="w-1/2">
-			<img src="{{ asset('cp.png') }}" alt="" width="450">
 		</div>
+		
+		{{-- <br> --}}
+		{{-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus odio quo mollitia blanditiis ab dolor commodi rerum eaque! Tempore corporis doloribus amet culpa repudiandae similique! Blanditiis a dolorem soluta vero.</p> --}}
 	</div>
-	
 </section>
 
-
-
 <div id="myModal" class="fixed inset-0 z-50 hidden bg-black/50 flex items-center justify-center overflow-y-scroll">
 	<div class="bg-white rounded-lg shadow-lg w-1/2 p-6 relative">
 		<div id="carousel" class="relative w-full flex transition-transform duration-500">