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