feat: Add support page

- Added a new method in HomeController to handle the support page.
- Created a new blade template for the support page with donation options.

resources/views/components/buymeacoffee/floating.blade.php

@@ -0,0 +1,3 @@
+<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
+    data-id="ricodev" data-description="Support me on Buy me a coffee!" data-message="" data-color="#FF813F"
+    data-position="Right" data-x_margin="18" data-y_margin="18"></script>

resources/views/components/footer.blade.php

@@ -20,6 +20,10 @@
                 <a href="/contact"
                    class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Contact</a>
             </li>
+            <li>
+                <a href="/support-me"
+                   class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Support</a>
+            </li>
             <li>
                 <a href="/post/privacy-policy"
                    class="mr-4 hover:underline md:mr-6 decoration-orange-500 decoration-1">Privacy</a>
@@ -38,7 +42,7 @@
                     style="width: 250px; height: 54px;" width="250" height="54"/></a>
         </div>
         <span
-            class="flex mb-2 flex-row items-center justify-center text-sm text-gray-300 whitespace-pre sm:text-center dark:text-gray-300"> <a
+            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

resources/views/sales/index.blade.php

@@ -1,9 +1,11 @@
 @extends('layouts.app')
 
 @section('title', 'Heimerdinger.LoL • Sale Rotation')
-@section('description', 'Explore the current LoL Sale on Heimerdinger.LoL. Find detailed information on what champions
- and skins are currently on sale and grab a good deal!')
+@section('description',
+    'Explore the current LoL Sale on Heimerdinger.LoL. Find detailed information on what champions
+    and skins are currently on sale and grab a good deal!')
 
 @section('content')
-    <x-sales.current_sales :sales="$sales"/>
+    <x-sales.current_sales :sales="$sales" />
+    <x-buymeacoffee.floating />
 @endsection

resources/views/support.blade.php

@@ -0,0 +1,47 @@
+@extends('layouts.app')
+
+@section('title', 'Heimerdinger.LoL • Support the Project')
+@section('description', 'Support the Heimerdinger.LoL project by donating through Buy Me a Coffee or GitHub Sponsors.
+    Your donations help keep the project running!')
+
+@section('content')
+    <section class="text-white bg-stone-900">
+        <div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-12 sm:px-6 lg:py-16 lg:px-8">
+            <div class="max-w-3xl mx-auto text-center">
+                <h1
+                    class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
+                    Support the Project</h1>
+
+                <h2 class="mt-4 text-stone-300">
+                    Heimerdinger.lol is ran and maintained by a single developer. If you enjoy the content and would like to
+                    support the project, you can do so by donating through Buy Me a Coffee or GitHub Sponsors.
+
+                </h2>
+                <p class="mt-4 mb-8">
+                    I am accepting donations through Buy Me a Coffee and GitHub Sponsors. If you enjoy the
+                    content that Heimerdinger.lol provides and would like to support the project, you can do so by donating
+                    through the following
+                    platforms. All donations are greatly appreciated and will help keep the project running.
+                    Donations will be used to cover the costs of hosting, domain, and other expenses related to the project.
+                </p>
+            </div>
+            <div class="mx-auto max-w-fit">
+                <div class="mx-auto mt-4 max-w-fit">
+                    <script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button"
+                        data-slug="ricodev" data-color="#ef8349" data-emoji="" data-font="Lato" data-text="Buy me a coffee"
+                        data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#FFDD00"></script>
+                </div>
+                <div class="mx-auto mt-3 max-w-fit">
+                    <iframe src="https://github.com/sponsors/rico-vz/button" title="Sponsor rico-vz" height="32"
+                        width="114" style="border: 0; border-radius: 6px;"></iframe>
+                </div>
+
+                <div class="mt-4">
+                    <img src="https://cdn.heimerdinger.lol/cat_excited.gif" alt="Excited Cat Emote" class="mx-auto w-28">
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+@endsection