Footer

public/mix-manifest.json

@@ -1,5 +1,6 @@
 {
     "/js/app.js": "/js/app.js",
+    "/css/icon-checkmark-cross.css": "/css/icon-checkmark-cross.css",
     "/css/rules.css": "/css/rules.css",
     "/css/home.css": "/css/home.css",
     "/css/app.css": "/css/app.css"

resources/sass/app.scss

@@ -15,18 +15,15 @@
 [x-cloak] { display: none !important; }
 
 
-main {
-
-    // Move the 1st section down for the navbar
-    section:first-child {
-        @apply mt-0;
-    }
+// Move the 1st section down for the navbar
+section:first-child {
+    @apply mt-0;
+}
 
-    // waves
-    .wave {
-        @apply w-full absolute pointer-events-none;
-        @apply -mt-16 h-16 md:h-28 md:-mt-28 lg:h-40 lg:-mt-40;
-    }
+// waves
+.wave {
+    @apply w-full absolute pointer-events-none;
+    @apply -mt-16 h-16 md:h-28 md:-mt-28 lg:h-40 lg:-mt-40;
 }
 
 .page-header {

resources/views/components/footer.blade.php

@@ -0,0 +1,38 @@
+@php
+$links = [
+    [
+        'name' => 'Accueil',
+        'route' => 'home',
+    ],
+    [
+        'name' => 'À propos',
+        'route' => 'about',
+    ],
+    [
+        'name' => 'Contact',
+        'route' => 'contact',
+    ],
+];
+@endphp
+
+<x-section class="pb-32" bg="bg-base-200" text="text-light" wave-bg="fill-base-200" wave-id="6">
+    <div class="flex md:flex-row flex-col">
+        <div class="md:w-1/2 flex items-center mx-auto pb-4 md:pb-0">
+            <x-jet-nav-link :href="route('home')" :active="request()->routeIs('home')">
+                <img id="rc-logo-homepage" src="{{ asset('images/inline_org_color.png') }}">
+            </x-jet-nav-link>
+        </div>
+        <div class="md:w-1/2 flex flex-col">
+            <p class="pb-4">Une toute nouvelle expérience Minecraft multilingue avec une infrastructure open source de
+                serveurs
+                créatif et survie soigneusement conçus.</p>
+            <div class="flex justify-between">
+                @foreach ($links as $link)
+                    <x-jet-nav-link :href="route($link['route'])" :active="request()->routeIs($link['route'])">
+                        {{ $link['name'] }}
+                    </x-jet-nav-link>
+                @endforeach
+            </div>
+        </div>
+    </div>
+</x-section>

resources/views/layouts/app.blade.php

@@ -26,6 +26,7 @@
         <x-jet-banner />
 
         <div class="min-h-screen bg-gray-100">
+
             @livewire('navigation-menu')
 
             <!-- Page Heading -->
@@ -41,8 +42,12 @@
             <main>
                 {{ $slot }}
             </main>
+
+            <x-footer />
+
         </div>
 
+
         @stack('modals')
         @stack('scripts')
 

routes/web.php

@@ -40,6 +40,11 @@
     return view('rules');
 })->name('rules');
 
+// about
+Route::get('/about', function () {
+    return view('about');
+})->name('about');
+
 Route::middleware(['auth:sanctum', 'verified'])->get('/dashboard', function () {
     return view('dashboard');
 })->name('dashboard');