style: Update description styling in about page

- Refactor the formatting of the 'description' section in the about page to improve readability and maintain consistency.

resources/views/about/index.blade.php

@@ -1,7 +1,8 @@
 @extends('layouts.app')
 
 @section('title', 'Heimerdinger • About')
-@section('description', 'What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to
+@section('description',
+    'What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to
     frequently asked questions about League of Legends, Heimerdinger and us. Dive in now!')
 
 @section('content')
@@ -17,16 +18,15 @@ frequently asked questions about League of Legends, Heimerdinger and us. Dive in
 
         <div class="flex items-center justify-center mt-2">
             <a href="{{ route('about.faq.heimerdinger') }}"
-               class="px-4 py-2 mr-3 font-bold text-white bg-orange-500 rounded hover:bg-orange-600">FAQ •
+                class="px-4 py-2 mr-3 font-bold transition-all bg-orange-400 rounded text-neutral-900 hover:bg-orange-300">FAQ •
                 Heimerdinger</a>
             <a href="{{ route('about.faq.leagueoflegends') }}"
-               class="px-4 py-2 font-bold text-white bg-orange-500 rounded hover:bg-orange-600">FAQ • League of
+                class="px-4 py-2 font-bold transition-all bg-orange-400 rounded text-neutral-900 hover:bg-orange-300">FAQ • League of
                 Legends</a>
         </div>
 
         <div class="flex flex-col items-center justify-center mt-5">
-            <h2
+            <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
-                class="text-lg font-bold text-center text-gray-100 uppercase">
                 What is League of Legends?</h2>
             <p class="max-w-3xl mt-2 text-center text-stone-300">
                 League of Legends (LoL), commonly referred to as League, is a MOBA game developed and published by Riot
@@ -67,8 +67,7 @@ frequently asked questions about League of Legends, Heimerdinger and us. Dive in
         </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">
-            <h2
+            <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
-                class="text-lg font-bold text-center text-gray-100 uppercase">
                 What is Heimerdinger.lol?</h2>
             <p class="max-w-3xl mt-2 text-center text-stone-300">
                 Heimerdinger.lol is a website dedicated to providing information about League of Legends and its events.
@@ -86,15 +85,14 @@ frequently asked questions about League of Legends, Heimerdinger and us. Dive in
                 <br><br>
                 I am always looking for ways to improve this website. If you have any suggestions, feedback, or just
                 want to
-                say hi, you can do so by contacting me through the contact form on <a
+                say hi, you can do so by contacting me through the contact form on <a href="/contact"
-                    href="/contact" class="underline decoration-orange-500/50" rel="noopener" target="_blank">this
+                    class="underline decoration-orange-500/50" rel="noopener" target="_blank">this
                     website</a>. I will try to respond as soon as possible.
             </p>
         </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">
-            <h2
+            <h2 class="text-lg font-bold text-center text-gray-100 uppercase">
-                class="text-lg font-bold text-center text-gray-100 uppercase">
                 Who is Heimerdinger?</h2>
             <p class="max-w-3xl mt-2 text-center text-stone-300">
                 Heimerdinger is a character from the game. He is a brilliant

resources/views/components/footer.blade.php

@@ -4,7 +4,7 @@
             <x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/>
             Heimerdinger.LoL
         </a>
-        <p class="my-4 text-sm text-gray-500 dark:text-gray-400">Heimerdinger.LoL was created under <a
+        <p class="my-4 text-sm text-gray-300">Heimerdinger.LoL was created under <a
                 href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>' "<a
                 href="https://www.riotgames.com/en/legal"
                 class="underline transition-all duration-700 decoration-orange-500/50 hover:decoration-orange-500 hover:decoration-1"
@@ -15,7 +15,7 @@
                 href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a>. <a
                 href="https://www.riotgames.com/" rel="noopener" target="_blank">Riot Games</a> does not endorse or sponsor
             this project.</p>
-        <ul class="flex flex-wrap items-center justify-center mb-6 text-neutral-300">
+        <ul class="flex flex-wrap items-center justify-center mb-6 text-neutral-200">
             <li>
                 <a href="/contact"
                    class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a>
@@ -49,7 +49,7 @@
             class="flex flex-row items-center justify-center mb-2 text-sm text-gray-300 whitespace-pre sm:text-center dark:text-gray-300"> <a
                 href="{{route('sitemap.index')}}" class="hover:underline">Sitemap</a></span>
         <span
-            class="flex flex-row items-center justify-center text-sm text-gray-500 whitespace-pre sm:text-center dark:text-gray-400">© {{date('Y')}} <a
+            class="flex flex-row items-center justify-center text-sm text-gray-400 whitespace-pre sm:text-center dark:text-gray-400">© {{date('Y')}} <a
                 href="/" class="hover:underline">Heimerdinger.LoL</a> • Made with <a
                 aria-label="Find out more about the creator of Heimerdinger.lol" href="https://rico.sh"><x-iconsax-bul-heart-circle
                     class="relative self-center inline-block w-5 text-red-400"/></a></span>