Fix img to webp

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>

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>

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>

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>

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>

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',
     },
   ];