feat: add horizontal ad banners to various pages

resources/views/about/faq/heimerdinger.blade.php

@@ -14,6 +14,9 @@
                 Frequently Asked Questions about the popular League of Legends champion Heimerdinger.
             </h2>
         </div>
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
         <div class="grid max-w-xl mx-auto mt-8 divide-y divide-neutral-700">
             <x-about.faq.dropdown
                 question="Is Heimerdinger a yordle?"

resources/views/about/faq/leagueoflegends.blade.php

@@ -14,6 +14,9 @@
                 Frequently Asked Questions about League of Legends and Riot Games.
             </p>
         </div>
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
         <div class="grid max-w-xl mx-auto mt-8 divide-y divide-neutral-700">
             <x-about.faq.dropdown question="Is League of Legends on Steam?"
                 answer="League of Legends is not available on Steam. It was developed and published by Riot Games and has its own client for downloading and playing the game." />

resources/views/about/index.blade.php

@@ -25,6 +25,10 @@
                 Legends</a>
         </div>
 
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
+
         <div class="flex flex-col items-center justify-center mt-5">
             <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
                 What is League of Legends?</h2>
@@ -64,6 +68,7 @@
                 Which boasts a 100% rating on Rotten Tomatoes, 9/10 on IMDB, 10/10 on IGN and a 97/100 on Google
                 Reviews.
             </p>
+            <x-ads.in-article />
         </div>
         <hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
         <div class="flex flex-col items-center mt-5">
@@ -89,6 +94,7 @@
                     class="underline decoration-orange-500/50" rel="noopener" target="_blank">this
                     website</a>. I will try to respond as soon as possible.
             </p>
+            <x-ads.in-article />
         </div>
         <hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
         <div class="flex flex-col items-center mt-5">
@@ -121,6 +127,7 @@
                 commitment to ethical progress have made him an essential part of the series, offering both wisdom and
                 intrigue to the unfolding story of Arcane. So I'm sure we will be seeing him again in Arcane Season 2.
             </p>
+            <x-ads.in-article />
         </div>
     </div>
 @endsection

resources/views/assets/index.blade.php

@@ -14,6 +14,10 @@
         class="text-lg font-bold text-center text-transparent uppercase bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
         LoL Icons & Emotes</h2>
 
+        <div class="flex justify-center my-4">
+            <x-ads.common />
+        </div>
+
     <div class="container flex items-center justify-center flex-grow p-4 mx-auto mt-3">
         <div class="items-center justify-center text-center align-middle">
             <img class="items-center mx-auto" src="{{ asset('img/heimerdinger-emote.webp') }}" alt="Heimerdinger Emote">

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

@@ -90,6 +90,7 @@
                     </li>
                 </ul>
             </div>
+            <x-ads.common />
             <div class="transition-all duration-700 border shadow-md rounded-2xl border-3 border-white/10 shadow-stone-800/80 hover:shadow-orange-500/20"
                 style="--tw-shadow-color:{{ $champion->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $champion->splash_color }};">
                 <div class="p-4">
@@ -144,7 +145,7 @@
                 </div>
             </div>
 
-
+            <x-ads.common />
 
             <div class="transition-all duration-700 border shadow-md lg:col-span-3 rounded-2xl border-3 border-white/10 shadow-stone-800/80 hover:shadow-orange-500/20"
                 style="--tw-shadow-color:{{ $champion->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $champion->splash_color }};">

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

@@ -9,11 +9,11 @@
 
     <x-emotes.searchbar />
 
-    <div class="container flex items-center justify-center p-4 mx-auto mt-3">
+    <div class="flex justify-center my-4">
+        <x-ads.horizontal-banner />
+    </div>
 
-        <div class="hidden md:block md:mr-6">
+    <div class="container flex items-center justify-center p-4 mx-auto mt-3">
-            <x-ads.vertical-banner />
-        </div>
 
         <div class="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-6">
 
@@ -38,5 +38,8 @@
             @endforeach
         </div>
     </div>
+    <div class="flex justify-center my-4">
+        <x-ads.horizontal-banner />
+    </div>
     {{ $emotes->links() }}
 </section>

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

@@ -7,11 +7,12 @@
         class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
         Summoner Icons</h1>
     <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">
+    <div class="flex justify-center my-4">
-            <x-ads.vertical-banner />
+        <x-ads.horizontal-banner />
-        </div>
+    </div>
+
+    <div class="container flex items-center justify-center p-4 mx-auto mt-3">
 
         <div class="grid grid-cols-2 gap-12 md:grid-cols-3 lg:grid-cols-6">
 
@@ -48,5 +49,8 @@
             @endforeach
         </div>
     </div>
+    <div class="flex justify-center my-4">
+        <x-ads.horizontal-banner />
+    </div>
     {{ $icons->links() }}
 </section>

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

@@ -11,6 +11,10 @@
             class="text-sm font-bold text-center text-transparent uppercase md:text-lg bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
             Released in: {{ $icon->release_year }}</h2>
 
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
+
         <div class="container flex items-center justify-center p-4 mx-auto my-auto mt-3">
             <div class="grid w-screen grid-cols-1 gap-8 md:grid-cols-2">
                 <div

resources/views/components/posts/listposts.blade.php

@@ -22,6 +22,9 @@
             </article>
         @endforeach
     </div>
+    <div class="flex justify-center my-4">
+        <x-ads.horizontal-banner />
+    </div>
     <div class="mt-4">
         {{ $posts->links() }}
     </div>

resources/views/components/sales/current_sales.blade.php

@@ -12,6 +12,9 @@
         class="text-lg font-bold text-center text-transparent uppercase sm:text-xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
         All champions & skins on sale</h2>
 
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
     <h3
         class="mt-8 mb-2 text-2xl font-bold text-center text-transparent uppercase sm:text-3xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
         Champions on Sale</h3>
@@ -48,6 +51,9 @@
         @endforeach
     </div>
 
+    <div class="flex justify-center my-4">
+        <x-ads.horizontal-banner />
+    </div>
 
     <h3
         class="mt-8 text-2xl font-bold text-center text-transparent uppercase sm:text-3xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
@@ -86,4 +92,6 @@
         </div>
     </div>
 
+
+
 </section>

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

@@ -131,6 +131,7 @@
                 </ul>
             </div>
 
+            <x-ads.common />
 
             <div class="transition-all duration-700 border shadow-md rounded-2xl border-3 border-white/10 shadow-stone-800/80 hover:shadow-orange-500/20"
                 style="--tw-shadow-color:{{ $skin->splash_color }}; --tw-shadow: var(--tw-shadow-colored); background-color: {{ $skin->splash_color }};">

resources/views/donate.blade.php

@@ -36,6 +36,10 @@
                         width="114" style="border: 0; border-radius: 6px;"></iframe>
                 </div>
 
+                <div class="flex justify-center my-4">
+                    <x-ads.horizontal-banner />
+                </div>
+
                 <div class="mt-4">
                     <img src="https://cdn.heimerdinger.lol/cat_excited.gif" alt="Excited Cat Emote" class="mx-auto w-28">
                 </div>

resources/views/home.blade.php

@@ -10,6 +10,9 @@
 
     @if ($upcomingSkins != [])
         <x-home.upcoming_skins :upcomingSkins="$upcomingSkins" />
+        <div class="flex justify-center my-4">
+            <x-ads.horizontal-banner />
+        </div>
     @endif
     <x-home.recent_skins :latestSkins="$latestSkins" />
 @endsection

resources/views/roadmap.blade.php

@@ -15,6 +15,9 @@
                 <h2 class="mt-4 text-stone-300">
                     See what's coming next to Heimerdinger.lol. Vote on features you'd like to see implemented next.
                 </h2>
+                <div class="flex justify-center my-4">
+                    <x-ads.horizontal-banner />
+                </div>
                 <p class="mt-4 mb-8">
                     View the full roadmap at <a href="https://heimerdinger.features.vote/roadmap"
                         class="text-orange-300 hover:text-orange-500">Heimerdinger Features Roadmap</a>.