Files
HeimerdingerLoL/resources/views/components/home/features.blade.php
Rico 51e95ecf84 About (#46)
* feat(controllers): add AboutController and FAQController

- Added new controllers for the About page and FAQ page.
- The AboutController handles requests related to the About page.
- The FAQController handles requests related to the FAQ page.

feat(components): add Dropdown component

- Created a new Dropdown component for displaying questions and answers in the FAQ page.
- The Dropdown component takes in a question and answer as props.

feat(views): add blade templates for Heimerdinger and League of Legends FAQs

- Added blade templates for displaying frequently asked questions about Heimerdinger and League of Legends.
- The Heimerdinger template includes specific questions and answers about Heimerdinger, along with relevant meta tags for SEO purposes.
- The League of Legends template includes general questions and answers about League of Legends, along with relevant meta tags.

* feat(faq): add Heimerdinger's backstory and naming

- Added a new FAQ dropdown for Heimerdinger's backstory, providing information about his origins, role in Piltover, and association with Ekko.
- Included another FAQ dropdown that explains the inspiration behind Heimerdinger's name, combining J. Robert Oppenheimer and Erwin Schrödinger.
- These additions enhance the user's understanding of Heimerdinger's character and background.

* Apply fixes from StyleCI

* refactor(components): simplify constructor syntax

- Refactored the constructor syntax in the `Dropdown` component to use a simplified format.
- Removed unnecessary line breaks and indentation for improved readability.

* refactor(faq): update Heimerdinger page layout

- Change the heading tag from `<h2>` to `<h1>` for better semantic structure.
- Update the paragraph tag from `<p>` to `<h2>` for consistency with other sections.
- Improve the readability and maintainability of the code.

* feat(controllers): add AboutController and FAQController

- Added new controllers for the About page and FAQ page.
- The AboutController handles requests related to the About page.
- The FAQController handles requests related to the FAQ page.

feat(components): add Dropdown component

- Created a new Dropdown component for displaying questions and answers in the FAQ page.
- The Dropdown component takes in a question and answer as props.

feat(views): add blade templates for Heimerdinger and League of Legends FAQs

- Added blade templates for displaying frequently asked questions about Heimerdinger and League of Legends.
- The Heimerdinger template includes specific questions and answers about Heimerdinger, along with relevant meta tags for SEO purposes.
- The League of Legends template includes general questions and answers about League of Legends, along with relevant meta tags.

* feat(faq): add Heimerdinger's backstory and naming

- Added a new FAQ dropdown for Heimerdinger's backstory, providing information about his origins, role in Piltover, and association with Ekko.
- Included another FAQ dropdown that explains the inspiration behind Heimerdinger's name, combining J. Robert Oppenheimer and Erwin Schrödinger.
- These additions enhance the user's understanding of Heimerdinger's character and background.

* Apply fixes from StyleCI

* refactor(components): simplify constructor syntax

- Refactored the constructor syntax in the `Dropdown` component to use a simplified format.
- Removed unnecessary line breaks and indentation for improved readability.

* refactor(faq): update Heimerdinger page layout

- Change the heading tag from `<h2>` to `<h1>` for better semantic structure.
- Update the paragraph tag from `<p>` to `<h2>` for consistency with other sections.
- Improve the readability and maintainability of the code.

* feat(about): add about page and route

- Added a new AboutController class with an index method to handle the /about route.
- Created a new blade template file, index.blade.php, for the about page.
- Added HTML markup and content for the about page.
- Updated web.php routes file to include the /about route.

* feat(about): add information about League of Legends,  Heimerdinger

- Added a section with detailed information about League of Legends, including its gameplay, competitive scene, and spin-off game modes.
- Included a section introducing Heimerdinger.lol as a fan-made website dedicated to providing information about League of Legends.
- Added a section describing the character Heimerdinger, his role in the game, and his appearance in the animated series Arcane.

* feat(navbar): update About link and fix routing issue

- Updated the href attribute of the About link in the navbar component to point to the correct route.
- Fixed a routing issue where the active class was not being applied correctly when on the About page.

---------

Co-authored-by: Rico <rico-vz@users.noreply.github.com>
2023-12-07 23:37:12 +01:00

91 lines
4.3 KiB
PHP

<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-lg mx-auto text-center">
<h2
class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Welcome to Heimerdinger.LoL</h2>
<p class="mt-4 text-stone-300">
Heimerdinger.LoL is a website dedicated to providing information about League of
Legends. We provide information about the champions, skins, game assets, and more.
</p>
</div>
<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"
href="/champions">
<x-iconsax-bul-personalcard class="h-10 text-orange-400"/>
<h2 class="mt-4 text-xl font-bold text-white">All Champions</h2>
<p class="mt-1 text-sm text-stone-300">
Can't decide which champion to play? Check out all the champions
available in League of Legends along with their skins and played roles.
</p>
</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"
href="/skins">
<x-iconsax-bul-paintbucket class="h-10 text-orange-400"/>
<h2 class="mt-4 text-xl font-bold text-white ">Skin Information</h2>
<p class="mt-1 text-sm text-stone-300">
All the information you need about skins in League of Legends. Check out the
latest skins, upcoming skins, and more.
</p>
</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"
href="/assets">
<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>
<p class="mt-1 text-sm text-stone-300">
Looking for that one specific icon or emote? Don't worry, we've got you covered.
Check out all the game assets you could ever need.
</p>
</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"
href="/sale-rotation">
<x-iconsax-bul-money-change class="h-10 text-orange-400"/>
<h2 class="mt-4 text-xl font-bold text-white">Sale Rotation</h2>
<p class="mt-1 text-sm text-stone-300">
Don't miss out on the latest sales in League of Legends. Check out the latest
sale rotation and when they will be available.
</p>
</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"
href="#">
<x-iconsax-bul-receipt-edit class="h-10 text-orange-400"/>
<h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2>
<p class="mt-1 text-sm text-stone-300">
Want to know more about League of Legends? Check out our blog posts for more
information about the game and its events.
</p>
</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"
href="/about">
<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>
<p class="mt-1 text-sm text-stone-300">
Wondering what League of Legends is all about? Check out our About page for more
information about the game.
</p>
</a>
</div>
</div>
</section>