Update various files and folders for Minecraft section and general setup

Author: bernardhanna

app/Providers/AppServiceProvider.php

@@ -12,7 +12,7 @@
 use Illuminate\Support\Facades\View;
 use Illuminate\Support\ServiceProvider;
 use Illuminate\Validation\Rules\Password;
-
+use Illuminate\Support\Facades\Blade;
 class AppServiceProvider extends ServiceProvider
 {
     /**
@@ -82,6 +82,9 @@ function ($view) {
             );
         });
 
+         // Register the Minecraft Blade component
+        Blade::component('homepage.minecraft', 'minecraft');
+
         $this->bootAuth();
         $this->bootEvent();
     }

app/View/Components/MinecraftSection.php

@@ -0,0 +1,26 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class MinecraftSection extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.minecraft-section');
+    }
+}

public/images/avif/homepage/minecraftlogo.avif

@@ -11,7 +11,11 @@
 
       <div class="flex flex-col justify-center tablet:max-w-[322px] max-tablet:w-full max-tablet:min-w-0 max-sm:w-full max-tablet:text-center max-tablet:px-8">
         <div class="flex flex-col w-full max-tablet:pt-[15px]">
-          <img loading="lazy" src="/images/homepage/minecraftlogo.png" alt="Minecraft Education logo" class="max-w-[350px] object-contain mx-auto w-full aspect-[2.4]" />
+          <picture>
+            <source type="image/avif" srcset="/images/avif/homepage/minecraftlogo.avif">
+            <source type="image/webp" srcset="/images/webp/homepage/minecraftlogo.webp">
+            <img loading="lazy" src="/images/homepage/minecraftlogo.png" alt="Minecraft Education logo" class="max-w-[350px] object-contain mx-auto w-full aspect-[2.4]" />
+          </picture>
         </div>
         <p class="text-xl font-bold leading-truly-normal text-secondary">
           Team up with Minecraft Education for EU Code Week! Discover how Minecraft Education can teach coding and AI skills.

public/images/webp/homepage/minecraftlogo.webp

@@ -31,7 +31,7 @@
         </section>
 
         {{-- Include the Minecraft section here --}}
-        @include('homepage.minecraft')
+         <x-minecraft />
 
         <section class="sub-section" id="organize-activity">