feat(components): add Product Hunt badge to footer and features

- Added Product Hunt badge to the footer component.
- Added Product Hunt badge to the features component for better visibility.
This commit is contained in:
Rico van Zelst
2024-02-29 14:08:27 +01:00
parent 6f483acc6d
commit 96a2e6b35b
2 changed files with 28 additions and 18 deletions

View File

@@ -30,6 +30,9 @@
</li> </li>
</ul> </ul>
<div class="flex items-center justify-center w-full mb-6">
<a href="https://www.producthunt.com/posts/heimerdinger-lol?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-heimerdinger&#0045;lol" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=442110&theme=dark" alt="Heimerdinger&#0046;lol - Discover&#0032;LoL&#0058;&#0032;Champions&#0044;&#0032;Skins&#0044;&#0032;Sales&#0032;and&#0032;More&#0033; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
</div>
<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-500 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 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

View File

@@ -9,13 +9,20 @@
Heimerdinger.LoL is a website dedicated to providing information about League of Heimerdinger.LoL is a website dedicated to providing information about League of
Legends. We provide information about the champions, skins, game assets, and more. Legends. We provide information about the champions, skins, game assets, and more.
</h2> </h2>
<div class="flex items-center justify-center w-full mt-4 mb-6">
<a href="https://www.producthunt.com/posts/heimerdinger-lol?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-heimerdinger&#0045;lol"
target="_blank"><img
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=442110&theme=light"
alt="Heimerdinger&#0046;lol - Discover&#0032;LoL&#0058;&#0032;Champions&#0044;&#0032;Skins&#0044;&#0032;Sales&#0032;and&#0032;More&#0033; | Product Hunt"
style="width: 250px; height: 54px;" width="250" height="54" /></a>
</div>
</div> </div>
<div class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2 lg:grid-cols-3"> <div class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2 lg:grid-cols-3">
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl bg-stone-800/40 border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="/champions"> href="/champions">
<x-iconsax-bul-personalcard class="h-10 text-orange-400"/> <x-iconsax-bul-personalcard class="h-10 text-orange-400" />
<h2 class="mt-4 text-xl font-bold text-white">All Champions</h2> <h2 class="mt-4 text-xl font-bold text-white">All Champions</h2>
@@ -25,9 +32,9 @@
</p> </p>
</a> </a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl bg-stone-800/40 border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="/skins"> href="/skins">
<x-iconsax-bul-paintbucket class="h-10 text-orange-400"/> <x-iconsax-bul-paintbucket class="h-10 text-orange-400" />
<h2 class="mt-4 text-xl font-bold text-white ">Skin Information</h2> <h2 class="mt-4 text-xl font-bold text-white ">Skin Information</h2>
@@ -37,9 +44,9 @@
</p> </p>
</a> </a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl bg-stone-800/40 border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="/assets"> href="/assets">
<x-iconsax-bul-3d-cube-scan class="h-10 text-orange-400"/> <x-iconsax-bul-3d-cube-scan class="h-10 text-orange-400" />
<h2 class="mt-4 text-xl font-bold text-white">Game Assets</h2> <h2 class="mt-4 text-xl font-bold text-white">Game Assets</h2>
@@ -49,9 +56,9 @@
</p> </p>
</a> </a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl bg-stone-800/40 border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="/sale-rotation"> href="/sale-rotation">
<x-iconsax-bul-money-change class="h-10 text-orange-400"/> <x-iconsax-bul-money-change class="h-10 text-orange-400" />
<h2 class="mt-4 text-xl font-bold text-white">Sale Rotation</h2> <h2 class="mt-4 text-xl font-bold text-white">Sale Rotation</h2>
@@ -61,9 +68,9 @@
</p> </p>
</a> </a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl bg-stone-800/40 border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="/posts"> href="/posts">
<x-iconsax-bul-receipt-edit class="h-10 text-orange-400"/> <x-iconsax-bul-receipt-edit class="h-10 text-orange-400" />
<h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2> <h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2>
@@ -73,9 +80,9 @@
</p> </p>
</a> </a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl bg-stone-800/40 border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="/about"> href="/about">
<x-iconsax-bul-message-question class="h-10 text-orange-400"/> <x-iconsax-bul-message-question class="h-10 text-orange-400" />
<h2 class="mt-4 text-xl font-bold text-white">About The Game</h2> <h2 class="mt-4 text-xl font-bold text-white">About The Game</h2>