static a tag convert to view component

resources/views/components/modules/banners.blade.php

@@ -23,9 +23,9 @@
                 <h1 class="text-lg lg:text-7xl font-semibold text-white" x-text="text"></h1>
             </div>
 
-            <a href="https://akaunting.com/plans" class="text-white transition-all hover:underline">
+            <x-link href="https://akaunting.com/plans" class="text-white transition-all hover:underline" override="class">
                 {{ trans('modules.learn_more') }}
-            </a>
+            </x-link>
         </div>
 
         <div class="hidden lg:block">

resources/views/components/modules/item.blade.php

@@ -1,20 +1,20 @@
 <div>
     <div class="overflow-hidden rounded-md">
         @foreach ($module->files as $file)
-            <a href="{{ route('apps.app.show', $module->slug) }}">
+            <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
                 @if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
                     <img src="{{ $file->path_string }}" alt="{{ $module->name }}" class="rounded-md transform transition-all hover:scale-125" />
                 @endif
-            </a>
+            </x-link>
         @endforeach
     </div>
 
     <div class="flex flex-col py-2 justify-between align-bottom">
         <div class="flex items-baseline justify-between">
             <h4 class="w-32 truncate">
-                <a href="{{ route('apps.app.show', $module->slug) }}">
+                <x-link href="{{ route('apps.app.show', $module->slug) }}" override="class">
                     {!! $module->name !!}
-                </a>
+                </x-link>
             </h4>
 
             @if (! empty($module->subscription_type))

resources/views/components/modules/no_apps.blade.php

@@ -11,9 +11,9 @@
                 {{ trans('modules.no_apps') }}
             </p>
 
-            <a href="{{ route('apps.home.index') }}" class="px-3 py-1 bg-green rounded-md text-white">
+            <x-link href="{{ route('apps.home.index') }}" class="px-3 py-1 bg-green rounded-md text-white" override="class">
                 {{ trans('modules.see_all') }}
-            </a>
+            </x-link>
         </div>
     </div>