diff --git a/apps/landing/public/Anita Ratna.jpg b/apps/landing/public/Anita Ratna.jpg
deleted file mode 100644
index bb24e3c..0000000
Binary files a/apps/landing/public/Anita Ratna.jpg and /dev/null differ
diff --git a/apps/landing/public/Anita Ratna.webp b/apps/landing/public/Anita Ratna.webp
new file mode 100644
index 0000000..6a1778a
Binary files /dev/null and b/apps/landing/public/Anita Ratna.webp differ
diff --git a/apps/landing/public/Budi Santoso.jpg b/apps/landing/public/Budi Santoso.jpg
deleted file mode 100644
index 6824edf..0000000
Binary files a/apps/landing/public/Budi Santoso.jpg and /dev/null differ
diff --git a/apps/landing/public/Budi Santoso.webp b/apps/landing/public/Budi Santoso.webp
new file mode 100644
index 0000000..b4f8b99
Binary files /dev/null and b/apps/landing/public/Budi Santoso.webp differ
diff --git a/apps/landing/public/Dedi Permana.jpg b/apps/landing/public/Dedi Permana.jpg
deleted file mode 100644
index 2c58733..0000000
Binary files a/apps/landing/public/Dedi Permana.jpg and /dev/null differ
diff --git a/apps/landing/public/Dedi Permana.webp b/apps/landing/public/Dedi Permana.webp
new file mode 100644
index 0000000..44ab1fa
Binary files /dev/null and b/apps/landing/public/Dedi Permana.webp differ
diff --git a/apps/landing/src/app/(frontend)/_components/call-to-action.tsx b/apps/landing/src/app/(frontend)/_components/call-to-action.tsx
index 0ffc74a..0b7d41b 100644
--- a/apps/landing/src/app/(frontend)/_components/call-to-action.tsx
+++ b/apps/landing/src/app/(frontend)/_components/call-to-action.tsx
@@ -42,7 +42,7 @@ export function CallToAction() {
                 <Button
                   size="lg"
                   className="bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 
-font-bold text-black hover:text-white cursor-pointer"
+font-bold dark:text-black hover:text-black dark:hover:text-white cursor-pointer"
                 >
                   Gabung Discord
                 </Button>
diff --git a/apps/landing/src/app/(frontend)/_components/footer.tsx b/apps/landing/src/app/(frontend)/_components/footer.tsx
index 1711850..329bc0e 100644
--- a/apps/landing/src/app/(frontend)/_components/footer.tsx
+++ b/apps/landing/src/app/(frontend)/_components/footer.tsx
@@ -189,7 +189,7 @@ export default function Footer() {
                   className="flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
                 />
                 <button className="inline-flex items-center justify-center rounded-md bg-primary px-3 py-1 text-sm shadow hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 
-font-bold text-black hover:text-white cursor-pointer">
+font-bold text-white dark:text-black hover:text-black dark:hover:text-white cursor-pointer">
                   Daftar
                 </button>
               </div>
diff --git a/apps/landing/src/app/(frontend)/_components/header.tsx b/apps/landing/src/app/(frontend)/_components/header.tsx
index b9f5c6d..febeb34 100644
--- a/apps/landing/src/app/(frontend)/_components/header.tsx
+++ b/apps/landing/src/app/(frontend)/_components/header.tsx
@@ -82,7 +82,7 @@ export function Header() {
 
         <div className="flex items-center gap-4">
           <SimpleThemeToggle />
-          <Button className="hidden md:flex bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 transition-all duration-300 font-bold text-black hover:text-white cursor-pointer">
+          <Button className="hidden md:flex bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 transition-all duration-300 font-bold text-white dark:text-black hover:text-black dark:hover:text-white cursor-pointer">
             Gabung Discord
           </Button>
 
@@ -134,7 +134,7 @@ export function Header() {
             >
               Testimoni
             </Link>
-            <Button className="mt-4 bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 font-bold text-black hover:text-white cursor-pointer">
+            <Button className="mt-4 bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 font-bold text-white dark:text-black hover:text-black dark:hover:text-white cursor-pointer">
               Gabung Discord
             </Button>
           </nav>
diff --git a/apps/landing/src/app/(frontend)/_components/hero.tsx b/apps/landing/src/app/(frontend)/_components/hero.tsx
index 28d8ca3..ad02355 100644
--- a/apps/landing/src/app/(frontend)/_components/hero.tsx
+++ b/apps/landing/src/app/(frontend)/_components/hero.tsx
@@ -80,7 +80,7 @@ export function Hero() {
                 <Button
                   size="lg"
                   className="bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 transition-all duration-300 
-font-bold text-black hover:text-white cursor-pointer"
+font-bold text-white dark:text-black hover:text-black dark:hover:text-white cursor-pointer"
                 >
                   Mulai Belajar
                 </Button>
diff --git a/apps/landing/src/app/(frontend)/_components/learning-resources.tsx b/apps/landing/src/app/(frontend)/_components/learning-resources.tsx
index 059e8dd..ddc681c 100644
--- a/apps/landing/src/app/(frontend)/_components/learning-resources.tsx
+++ b/apps/landing/src/app/(frontend)/_components/learning-resources.tsx
@@ -171,7 +171,7 @@ export function LearningResources() {
               </p>
               <div className="flex flex-wrap gap-4">
                 <Button className="bg-gradient-to-r from-primary to-blue-400 hover:from-primary/90 hover:to-blue-400/90 
-font-bold text-black hover:text-white cursor-pointer">
+font-bold text-white dark:text-black hover:text-black dark:hover:text-white cursor-pointer">
                   Mulai Kursus
                 </Button>
                 <Button variant="outline">Lihat Silabus</Button>
diff --git a/apps/landing/src/app/(frontend)/_components/testimonials.tsx b/apps/landing/src/app/(frontend)/_components/testimonials.tsx
index 1c1458c..79a3c0a 100644
--- a/apps/landing/src/app/(frontend)/_components/testimonials.tsx
+++ b/apps/landing/src/app/(frontend)/_components/testimonials.tsx
@@ -15,21 +15,21 @@ export function Testimonials() {
         'Saya yang tadinya tidak mengerti apa-apa tentang programming, sekarang bisa membuat website sendiri dengan mudah. Terima kasih IMPHNEN!',
       name: 'Budi Santoso',
       role: 'Web Developer Pemula',
-      avatar: '/Budi Santoso.jpg',
+      avatar: '/Budi Santoso.webp',
     },
     {
       quote:
         'Komunitas yang sangat supportif! Setiap pertanyaan selalu dijawab dengan cepat dan jelas. Diskusi programnya mudah dipahami.',
       name: 'Anita Ratna',
       role: 'Mobile App Developer',
-      avatar: '/Anita Ratna.jpg',
+      avatar: '/Anita Ratna.webp',
     },
     {
       quote:
         'Server Discord IMPHNEN adalah tempat belajar terbaik untuk programmer pemula seperti saya. Materinya lengkap dan komunitasnya sangat membantu!',
       name: 'Dedi Permana',
       role: 'Data Scientist',
-      avatar: '/Dedi Permana.jpg',
+      avatar: '/Dedi Permana.webp',
     },
   ];