feat: add ad banners to various components

- Included horizontal ad banners in champions, home features, and skins sections.
- Added vertical ad banners in emotes and icons lists for better visibility.
- Adjusted layout for improved spacing around new ads.

resources/views/components/champions/grid_info.blade.php

@@ -37,7 +37,8 @@
                         <span class="font-bold">Popular Positions:</span>
                         @if (isset($champion->lanes) && isset($champion->lanes->roles))
                             @foreach ($champion->lanes->roles as $lane)
-                                <span class="inline-block lowercase capitalize-first">{{ $lane }} @svg(getRoleIconSvg($lane), 'w-5 h-5 inline-block')
+                                <span class="inline-block lowercase capitalize-first">{{ $lane }}
+                                    @svg(getRoleIconSvg($lane), 'w-5 h-5 inline-block')
                                     @if (!$loop->last)
                                         -
                                     @endif
@@ -150,6 +151,7 @@
                 <div class="p-4">
                     <h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm">
                         {{ $champion->name }} Lore</h4>
+                    <x-ads.in-article />
                     <p class="text-neutral-100 hyphens-auto text-base mt-2.5 leading-loose w-9/12 mx-auto"
                         lang="en">
                         {{ $champion->lore }}
@@ -161,8 +163,6 @@
 </section>
 @push('top_scripts')
     @vite('resources/js/lane-filter.js')
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4505764048662657"
-        crossorigin="anonymous"></script>
 @endpush
 @push('bottom_scripts')
     @include('popper::assets')

resources/views/components/champions/list_all.blade.php

@@ -15,6 +15,10 @@
             <x-champions.lane-selector class="text-center" />
         </div>
 
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
+
         <div class="container flex items-center justify-center p-4 mx-auto mt-3">
             <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
                 @foreach ($champions as $key => $champion)

resources/views/components/emotes/list_all.blade.php

@@ -10,6 +10,11 @@
     <x-emotes.searchbar />
 
     <div class="container flex items-center justify-center p-4 mx-auto mt-3">
+
+        <div class="hidden md:block md:mr-6">
+            <x-ads.vertical-banner />
+        </div>
+
         <div class="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-6">
 
             @foreach ($emotes as $key => $emote)

resources/views/components/home/features.blade.php

@@ -85,5 +85,8 @@
                 </p>
             </a>
         </div>
+        <div class="w-full mt-12">
+            <x-ads.horizontal-banner />
+        </div>
     </div>
 </section>

resources/views/components/icons/list_all.blade.php

@@ -9,6 +9,10 @@
     <x-icons.searchbar />
     <div class="container flex items-center justify-center p-4 mx-auto mt-3">
 
+        <div class="hidden md:block md:mr-6">
+            <x-ads.vertical-banner />
+        </div>
+
         <div class="grid grid-cols-2 gap-12 md:grid-cols-3 lg:grid-cols-6">
 
             @foreach ($icons as $key => $icon)

resources/views/components/skins/paginatedlist.blade.php

@@ -8,6 +8,10 @@
         Champion Skins</h1>
     <x-skins.searchbar />
 
+    <div class="flex justify-center my-4">
+        <x-ads.horizontal-banner />
+    </div>
+
     @fragment('skin-list')
         <div id="skin-list">
             <div class="container flex items-center justify-center p-4 mx-auto mt-3">