From 84f67dd8b31fa51addf11e78b16f1ea7e8c578b3 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Thu, 27 Jul 2023 10:12:17 +0200
Subject: [PATCH] Replace some heroicon with untitledui icons

---
 resources/views/articles/show.blade.php       |  6 +-
 .../views/components/articles/card.blade.php  | 26 ++++++--
 .../components/articles/summary.blade.php     | 32 ----------
 .../views/components/decreased.blade.php      |  4 +-
 .../components/dropdown-profile.blade.php     | 12 ++--
 .../views/components/error-message.blade.php  |  2 +-
 .../forms/editor/controls.blade.php           |  4 +-
 .../views/components/forum/thread.blade.php   |  2 +-
 resources/views/components/header.blade.php   | 63 +++++++------------
 .../views/components/increased.blade.php      |  4 +-
 .../views/components/notification.blade.php   |  4 +-
 .../notifications/new_comment.blade.php       |  6 +-
 .../notifications/new_reply.blade.php         |  2 +-
 resources/views/components/soon.blade.php     |  3 +
 resources/views/components/tags.blade.php     |  2 +-
 .../components/validation-errors.blade.php    |  2 +-
 resources/views/emails/welcome.blade.php      |  8 +--
 resources/views/forum/thread.blade.php        |  6 +-
 resources/views/home.blade.php                | 24 +++----
 .../livewire/forum/create-thread.blade.php    |  6 +-
 .../views/livewire/forum/reply.blade.php      |  2 +-
 .../modals/approved-article.blade.php         |  2 +-
 .../livewire/modals/delete-article.blade.php  |  2 +-
 .../modals/delete-discussion.blade.php        |  2 +-
 .../livewire/modals/delete-reply.blade.php    |  2 +-
 .../livewire/modals/delete-thread.blade.php   |  2 +-
 .../livewire/sponsor-subscription.blade.php   |  2 +-
 resources/views/slack.blade.php               |  2 +-
 resources/views/sponsors/index.blade.php      |  4 +-
 .../views/user/settings/profile.blade.php     |  2 +-
 .../components/forms/inputs/input.blade.php   |  2 +-
 .../forms/inputs/textarea.blade.php           |  2 +-
 .../most_active_users_per_week.blade.php      |  4 +-
 33 files changed, 102 insertions(+), 146 deletions(-)
 delete mode 100644 resources/views/components/articles/summary.blade.php
 create mode 100644 resources/views/components/soon.blade.php

diff --git a/resources/views/articles/show.blade.php b/resources/views/articles/show.blade.php
index 8dcb6142..b6d45894 100644
--- a/resources/views/articles/show.blade.php
+++ b/resources/views/articles/show.blade.php
@@ -231,13 +231,13 @@ class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md sha
                                 @hasanyrole('admin|moderator')
                                     <button onclick="Livewire.emit('openModal', 'modals.approved-article', {{ json_encode([$article->id]) }})" type="button" class="-ml-px relative inline-flex items-center px-4 py-2 border border-skin-base bg-skin-card text-sm font-medium text-green-500 hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:border-green-500 focus:ring-offset-body">
                                         <span class="sr-only">{{ __('Approuver') }}</span>
-                                        <x-heroicon-s-badge-check class="h-5 w-5" />
+                                        <x-untitledui-check-verified-02 class="h-5 w-5" />
                                     </button>
                                 @endhasanyrole
                             @endif
                             <button onclick="Livewire.emit('openModal', 'modals.delete-article', {{ json_encode([$article->id]) }})" type="button" class="relative inline-flex items-center px-4 py-2 rounded-r-md border border-skin-base bg-skin-card text-sm font-medium text-skin-inverted-muted hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
                                 <span class="sr-only">{{ __('Supprimer') }}</span>
-                                <x-heroicon-s-trash class="h-5 w-5" />
+                                <x-untitledui-trash-03 class="h-5 w-5" />
                             </button>
                         </span>
                     </div>
@@ -337,7 +337,7 @@ class="w-screen max-w-xs"
                                             <div class="ml-3 h-7 flex items-center">
                                                 <button type="button" class="bg-skin-card rounded-md text-skin-muted hover:text-skin-base focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" @click="openTOC = false">
                                                     <span class="sr-only">{{ __('Fermer') }}</span>
-                                                    <x-heroicon-o-x class="h-6 w-6" />
+                                                    <x-untitledui-x class="h-6 w-6" />
                                                 </button>
                                             </div>
                                         </div>
diff --git a/resources/views/components/articles/card.blade.php b/resources/views/components/articles/card.blade.php
index f8b5949c..ea07f90f 100644
--- a/resources/views/components/articles/card.blade.php
+++ b/resources/views/components/articles/card.blade.php
@@ -1,12 +1,26 @@
-@props(['article'])
+@props([
+    'article',
+    'isSummary' => false,
+    'iconLink' => false,
+])
 
-<div class="space-y-6">
+<div
+    @class([
+        'space-y-6',
+        'lg:grid lg:grid-cols-3 lg:items-start lg:gap-6 lg:space-y-0' => $isSummary,
+    ])
+>
     <a href="{{ route('articles.show', $article) }}" class="group">
         <div class="aspect-w-3 aspect-h-2">
             <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
         </div>
     </a>
-    <div class="space-y-4">
+    <div
+        @class([
+            'space-y-4',
+            'sm:col-span-2' => $isSummary,
+        ])
+    >
         <div>
             <time datetime="{{ $article->publishedAt()->format('Y-m-d') }}" class="font-sans text-sm leading-5 text-skin-base capitalize">
                 {{ $article->publishedAt()->isoFormat('LL') }}
@@ -15,9 +29,9 @@
                 <h4 class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary">
                     {{ $article->title }}
                 </h4>
-                <svg class="ml-2.5 h-5 w-5 text-skin-base" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
-                </svg>
+                @if($iconLink)
+                    <x-untitledui-link-external-01 class="ml-2 h-5 w-5 text-skin-base" />
+                @endif
             </a>
             <p class="mt-1 font-normal text-skin-base leading-6">
                 {!! $article->excerpt(150) !!}
diff --git a/resources/views/components/articles/summary.blade.php b/resources/views/components/articles/summary.blade.php
deleted file mode 100644
index e62c19f6..00000000
--- a/resources/views/components/articles/summary.blade.php
+++ /dev/null
@@ -1,32 +0,0 @@
-@props(['article'])
-
-<div class="space-y-4 lg:grid lg:grid-cols-3 lg:items-start lg:gap-6 lg:space-y-0">
-    <a href="{{ route('articles.show', $article) }}" class="group">
-        <div class="aspect-w-3 aspect-h-2">
-            <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
-        </div>
-    </a>
-    <div class="sm:col-span-2 space-y-2">
-        <div>
-            <time datetime="{{ $article->created_at->format('Y-m-d') }}" class="font-sans text-sm leading-5 text-skin-base capitalize">
-                {{ $article->created_at->isoFormat('LL') }}
-            </time>
-            <a href="{{ route('articles.show', $article) }}" class="mt-2 flex group">
-                <h4 class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary">{{ $article->title }}</h4>
-            </a>
-            <p class="mt-1 text-sm font-normal text-skin-base leading-5">
-                {!! $article->excerpt() !!}
-            </p>
-        </div>
-        <div class="flex items-center space-x-3">
-            @if ($article->tags->isNotEmpty())
-                <div class="flex items-center space-x-2">
-                    @foreach ($article->tags as $tag)
-                        <x-tag :tag="$tag" />
-                    @endforeach
-                </div>
-            @endif
-            <x-articles.sponsored :isSponsored="$article->isSponsored()" />
-        </div>
-    </div>
-</div>
diff --git a/resources/views/components/decreased.blade.php b/resources/views/components/decreased.blade.php
index 79e8d8b4..c40dfcdf 100644
--- a/resources/views/components/decreased.blade.php
+++ b/resources/views/components/decreased.blade.php
@@ -1,6 +1,6 @@
 @props(['value'])
 
 <p {{ $attributes->merge(['class' => 'flex items-baseline text-sm font-semibold text-red-600']) }}>
-    <x-heroicon-s-arrow-sm-down class="self-center shrink-0 h-5 w-5 text-red-500" />
-    <span class="sr-only">Decreased by</span> {{ $value }}
+    <x-untitledui-trend-down class="self-center shrink-0 h-5 w-5 text-red-500" />
+    <span class="sr-only">{{ __('Diminué de') }}</span> {{ $value }}
 </p>
diff --git a/resources/views/components/dropdown-profile.blade.php b/resources/views/components/dropdown-profile.blade.php
index 06fc3b94..5cce27dc 100644
--- a/resources/views/components/dropdown-profile.blade.php
+++ b/resources/views/components/dropdown-profile.blade.php
@@ -32,10 +32,8 @@ class="origin-top-right absolute right-0 mt-2 w-60 rounded-md shadow-lg py-1 bg-
 
         @if(Auth::user()->hasRole(['admin', 'moderator']))
             <div class="py-1.5 px-3.5" role="none">
-                <a href="#c" class="group flex items-center py-1.5 text-sm text-skin-base hover:text-skin-primary font-normal" role="menuitem" tabindex="-1" id="user-menu-item-0">
-                    <svg class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
-                    </svg>
+                <a href="{{ route('filament.admin.pages.dashboard') }}" class="group flex items-center py-1.5 text-sm text-skin-base hover:text-skin-primary font-normal" role="menuitem" tabindex="-1" id="user-menu-item-0">
+                    <x-untitledui-monitor class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
                     {{ __('Administration') }}
                 </a>
             </div>
@@ -89,15 +87,15 @@ class="origin-top-right absolute right-0 mt-2 w-60 rounded-md shadow-lg py-1 bg-
 
         <div class="py-1.5 px-3.5" role="none">
             <a href="{{ route('dashboard') }}" class="group flex items-center py-1.5 text-sm text-skin-base hover:text-skin-primary font-normal" role="menuitem" tabindex="-1" id="user-menu-item-0">
-                <x-icon.grid class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
+                <x-untitledui-grid class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
                 {{ __('Tableau de bord') }}
             </a>
             <a href="{{ route('profile') }}" class="group flex items-center py-1.5 text-sm text-skin-base hover:text-skin-primary font-normal" role="menuitem" tabindex="-1" id="user-menu-item-1">
-                <x-icon.profile class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
+                <x-untitledui-user-circle class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
                 {{ __('Mon profil') }}
             </a>
             <a href="{{ route('user.settings') }}" class="group flex items-center py-1.5 text-sm text-skin-base hover:text-skin-primary font-normal" role="menuitem" tabindex="-1" id="user-menu-item-2">
-                <x-icon.settings class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
+                <x-untitledui-sliders class="flex-none h-5 w-5 mr-3 text-skin-muted group-hover:text-skin-primary" />
                 {{ __('Paramètres') }}
             </a>
             <form method="POST" action="{{ route('logout') }}" role="form">
diff --git a/resources/views/components/error-message.blade.php b/resources/views/components/error-message.blade.php
index 1016e482..6099d76a 100644
--- a/resources/views/components/error-message.blade.php
+++ b/resources/views/components/error-message.blade.php
@@ -3,7 +3,7 @@
     <div {{ $attributes->merge(['class' => 'rounded-md bg-red-50 p-4']) }}>
         <div class="flex">
             <div class="shrink-0">
-                <x-heroicon-s-x-circle class="h-5 w-5 text-red-400" />
+                <x-untitledui-x class="h-5 w-5 text-red-400" />
             </div>
             <div class="ml-3">
                 <h3 class="text-sm font-medium text-red-800">
diff --git a/resources/views/components/forms/editor/controls.blade.php b/resources/views/components/forms/editor/controls.blade.php
index 3e2f929a..b1e245dd 100644
--- a/resources/views/components/forms/editor/controls.blade.php
+++ b/resources/views/components/forms/editor/controls.blade.php
@@ -8,12 +8,12 @@
         </svg>
     </button>
     <button x-data title="Code sample" type="button" class="text-skin-base hover:text-skin-inverted-muted cursor-pointer focus:outline-none" @click="$dispatch('editor-control-clicked', 'code')">
-        <x-heroicon-o-code class="w-5 h-5" />
+        <x-untitledui-code class="w-5 h-5" />
     </button>
     <button x-data title="Link" type="button" class="text-skin-base hover:text-skin-inverted-muted cursor-pointer focus:outline-none" @click="$dispatch('editor-control-clicked', 'link')">
         <x-heroicon-o-link class="w-5 h-5" />
     </button>
     <button x-data title="Image" type="button" class="text-skin-base hover:text-skin-inverted-muted cursor-pointer focus:outline-none" @click="$dispatch('editor-control-clicked', 'image')">
-        <x-heroicon-o-photograph class="w-5 h-5" />
+        <x-untitledui-image class="w-5 h-5" />
     </button>
 </div>
diff --git a/resources/views/components/forum/thread.blade.php b/resources/views/components/forum/thread.blade.php
index 84255588..bde4df2e 100644
--- a/resources/views/components/forum/thread.blade.php
+++ b/resources/views/components/forum/thread.blade.php
@@ -48,7 +48,7 @@ class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-skin-
                             @endcan
                             @can(App\Policies\ThreadPolicy::DELETE, $thread)
                                 <button type="button" onclick="Livewire.emit('openModal', 'modals.delete-thread', {{ json_encode([$thread->id]) }})" class="group text-skin-inverted-muted flex px-4 py-2 text-sm hover:text-skin-inverted" role="menuitem" tabindex="-1">
-                                    <x-heroicon-s-trash class="mr-3 h-5 w-5 text-skin-muted group-hover:text-skin-base" />
+                                    <x-untitledui-trash-03 class="mr-3 h-5 w-5 text-skin-muted group-hover:text-skin-base" />
                                     <span>{{ __('Supprimer') }}</span>
                                 </button>
                             @endcan
diff --git a/resources/views/components/header.blade.php b/resources/views/components/header.blade.php
index 822d0d5f..0e04ad3b 100644
--- a/resources/views/components/header.blade.php
+++ b/resources/views/components/header.blade.php
@@ -40,9 +40,7 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
                                 <div class="relative grid gap-6 bg-skin-card px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
                                     <a href="https://snippets.laravel.cm" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
                                         <div class="shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12">
-                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-                                                <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75L16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z" />
-                                            </svg>
+                                            <x-untitledui-brackets class="w-6 h-6" />
                                         </div>
                                         <div class="ml-4">
                                             <p class="text-base font-sans font-medium text-skin-inverted">
@@ -56,9 +54,7 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
 
                                     <a href="{{ route('rules') }}" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
                                         <div class="shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12">
-                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-                                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
-                                            </svg>
+                                            <x-untitledui-book-open class="w-6 h-6" />
                                         </div>
                                         <div class="ml-4">
                                             <p class="text-base font-sans font-medium text-skin-inverted">
@@ -72,16 +68,12 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
 
                                     <a href="#" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
                                         <div class="shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12">
-                                            <svg class="h-6 w-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                                                <path d="M13.656 21.714a9.954 9.954 0 0 1-3.178.022c-.334-1.438-.975-5.224-.66-6.366.28-1.02 1.894-1.161 2.246-1.161.352 0 1.966.14 2.248 1.161.313 1.136-.32 4.89-.656 6.344zM12 13.39a2.148 2.148 0 1 0 0-4.295 2.148 2.148 0 0 0 0 4.295z" />
-                                                <path d="M12 6.055A5.952 5.952 0 0 0 6.055 12a5.945 5.945 0 0 0 2.697 4.977c-.032-.575-.03-1.1.027-1.516A4.715 4.715 0 0 1 7.27 12 4.736 4.736 0 0 1 12 7.27 4.736 4.736 0 0 1 16.73 12a4.716 4.716 0 0 1-1.396 3.353c.069.409.078.943.048 1.533A5.94 5.94 0 0 0 17.945 12 5.952 5.952 0 0 0 12 6.055z" />
-                                                <path d="M12 3c-4.963 0-9 4.037-9 9 0 3.993 2.614 7.387 6.221 8.561a42.41 42.41 0 0 1-.228-1.38C6.189 18.003 4.214 15.227 4.214 12c0-4.293 3.493-7.785 7.786-7.785 4.293 0 7.785 3.492 7.785 7.785 0 3.174-1.909 5.91-4.64 7.122-.071.492-.152.968-.229 1.393C18.452 19.3 21 15.942 21 12c0-4.963-4.038-9-9-9z" />
-                                            </svg>
+                                            <x-untitledui-microphone class="h-6 w-6" />
                                         </div>
                                         <div class="ml-4">
                                             <p class="inline-flex items-center text-base font-sans font-medium text-skin-inverted">
                                                 {{ __('Podcasts') }}
-                                                <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">Bientôt</span>
+                                                <x-soon />
                                             </p>
                                             <p class="mt-1 text-sm text-skin-base font-normal">
                                                 {{ __('Toutes les discussions sur le développement de Laravel et PHP.') }}
@@ -91,14 +83,12 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
 
                                     <a href="#" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
                                         <div class="shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12">
-                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-                                                <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" />
-                                            </svg>
+                                            <x-untitledui-check-verified-02 class="w-6 h-6" />
                                         </div>
                                         <div class="ml-4">
                                             <p class="inline-flex items-center text-base font-sans font-medium text-skin-inverted">
                                                 {{ __('Badges') }}
-                                                <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">Bientôt</span>
+                                                <x-soon />
                                             </p>
                                             <p class="mt-1 text-sm text-skin-base font-normal">
                                                 {{ __('Obtenez des badges et débloquez différentes fonctionnalités.') }}
@@ -124,14 +114,14 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
 
                                     <a href="#" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
                                         <div class="shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12">
-                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-                                                <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z" />
-                                            </svg>
+                                            <x-heroicon-o-briefcase class="w-6 h-6" />
                                         </div>
                                         <div class="ml-4">
                                             <p class="inline-flex items-center text-base font-sans font-medium text-skin-inverted">
                                                 {{ __('Jobs') }}
-                                                <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">Bientôt</span>
+                                                <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">
+                                                    {{ __('Bientôt') }}
+                                                </span>
                                             </p>
                                             <p class="mt-1 text-sm text-skin-base font-normal">
                                                 {{ __('Les offres pour développeurs Laravel dans la zone CEMAC.') }}
@@ -163,9 +153,7 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
                 @auth
                     <a href="{{ route('notifications') }}" class="relative shrink-0 hover:bg-skin-body p-1 text-skin-muted rounded-full hover:text-skin-base focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500">
                         <span class="sr-only">{{ __('Voir les notifications') }}</span>
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" />
-                        </svg>
+                        <x-untitledui-bell class="w-5 h-5" />
                         <livewire:notification-indicator />
                     </a>
 
@@ -173,9 +161,7 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
                     <div x-data="{ open: false }" @keydown.escape.stop="open = false;" @click.outside="open = false;" class="ml-4 relative shrink-0">
                         <div>
                             <button type="button" class="shrink-0 hover:bg-skin-card p-1 text-skin-muted rounded-full hover:text-skin-base focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500" x-ref="button" @click="open =! open">
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
-                                </svg>
+                                <x-untitledui-plus class="w-5 h-5" />
                             </button>
                         </div>
 
@@ -250,10 +236,7 @@ class="origin-top absolute right-0 mt-2 w-56 rounded-md shadow-lg py-1 bg-skin-m
             </h4>
             <div class="mt-5 space-y-6">
                 <a href="https://snippets.laravel.cm" class="flex items-center text-skin-base">
-                    <svg class="h-6 w-6 mr-3 -ml-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                        <path d="M20.228 5.202l-6.46-3.73a3.547 3.547 0 0 0-3.537 0l-6.46 3.73A3.555 3.555 0 0 0 2 8.273v7.454c0 1.263.679 2.44 1.772 3.07l6.46 3.73c1.09.63 2.446.63 3.537 0l6.46-3.73A3.555 3.555 0 0 0 22 15.728V8.273c0-1.263-.679-2.44-1.772-3.07zm.055 10.525c0 .65-.35 1.257-.912 1.582l-6.46 3.73a1.827 1.827 0 0 1-1.822 0l-6.46-3.73a1.831 1.831 0 0 1-.912-1.582V8.273c0-.65.35-1.257.912-1.582l6.46-3.73a1.827 1.827 0 0 1 1.822 0l6.46 3.73c.563.325.912.931.912 1.582v7.454z" />
-                        <path d="M11.184 11.344L7.996 8.643a.858.858 0 0 0-1.21.1.86.86 0 0 0 .101 1.212L9.301 12l-2.414 2.045a.86.86 0 0 0-.1 1.211.858.858 0 0 0 1.21.101l3.187-2.7a.86.86 0 0 0 0-1.313zm5.374 2.498h-3.862a.859.859 0 0 0 0 1.719h3.862a.859.859 0 0 0 0-1.72z" />
-                    </svg>
+                    <x-untitledui-brackets class="w-6 h-6 mr-2 " />
                     {{ __('Snippets') }}
                 </a>
 
@@ -263,33 +246,29 @@ class="origin-top absolute right-0 mt-2 w-56 rounded-md shadow-lg py-1 bg-skin-m
                 </a>
 
                 <a href="#" class="flex items-center text-skin-base">
-                    <svg class="h-6 w-6 mr-3 -ml-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-                        <path d="M13.656 21.714a9.954 9.954 0 0 1-3.178.022c-.334-1.438-.975-5.224-.66-6.366.28-1.02 1.894-1.161 2.246-1.161.352 0 1.966.14 2.248 1.161.313 1.136-.32 4.89-.656 6.344zM12 13.39a2.148 2.148 0 1 0 0-4.295 2.148 2.148 0 0 0 0 4.295z" />
-                        <path d="M12 6.055A5.952 5.952 0 0 0 6.055 12a5.945 5.945 0 0 0 2.697 4.977c-.032-.575-.03-1.1.027-1.516A4.715 4.715 0 0 1 7.27 12 4.736 4.736 0 0 1 12 7.27 4.736 4.736 0 0 1 16.73 12a4.716 4.716 0 0 1-1.396 3.353c.069.409.078.943.048 1.533A5.94 5.94 0 0 0 17.945 12 5.952 5.952 0 0 0 12 6.055z" />
-                        <path d="M12 3c-4.963 0-9 4.037-9 9 0 3.993 2.614 7.387 6.221 8.561a42.41 42.41 0 0 1-.228-1.38C6.189 18.003 4.214 15.227 4.214 12c0-4.293 3.493-7.785 7.786-7.785 4.293 0 7.785 3.492 7.785 7.785 0 3.174-1.909 5.91-4.64 7.122-.071.492-.152.968-.229 1.393C18.452 19.3 21 15.942 21 12c0-4.963-4.038-9-9-9z" />
-                    </svg>
+                    <x-untitledui-microphone class="h-6 w-6 mr-2" />
                     {{ __('Podcasts') }}
-                    <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">{{ __('Bientôt') }}</span>
+                    <x-soon />
                 </a>
 
                 <a href="#" class="flex items-center text-skin-base">
-                    <x-untitledui-check-circle class="h-6 w-6 mr-3 -ml-1" />
+                    <x-untitledui-check-verified-02 class="h-6 w-6 mr-2" />
                     {{ __('Badges') }}
-                    <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">{{ __('Bientôt') }}</span>
+                    <x-soon />
                 </a>
 
                 <a href="#" class="flex items-center text-yellow-500 hover:text-yellow-600">
-                    <svg class="h-6 w-6 mr-3 -ml-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <svg class="h-6 w-6 mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                         <path d="M23 9.04c0-1.249-1.051-2.27-2.335-2.27-1.285 0-2.336 1.021-2.336 2.27 0 .703.35 1.36.888 1.77l-3.083 2.29-2.99-3.857c.724-.386 1.215-1.135 1.215-1.975C14.359 6.021 13.308 5 12.023 5 10.74 5 9.688 6.021 9.688 7.27c0 .839.467 1.588 1.191 1.974L7.633 13.1 4.76 10.832c.537-.408.91-1.066.91-1.793 0-1.248-1.05-2.269-2.335-2.269C2.051 6.77 1 7.791 1 9.04c0 1.111.817 2.042 1.915 2.223l1.121 5.696v2.36c0 .386.304.681.7.681h14.527c.397 0 .7-.295.7-.68v-2.36l1.122-5.697C22.183 11.082 23 10.151 23 9.04zm-2.335-.908c.513 0 .934.408.934.907 0 .5-.42.908-.934.908s-.935-.408-.935-.908c0-.499.42-.907.934-.907zM12 6.339c.514 0 .934.408.934.908 0 .499-.42.907-.934.907s-.934-.408-.934-.907c0-.5.42-.908.934-.908zm-4.18 8.396a.727.727 0 0 0 .467-.25l3.69-4.47 3.456 4.448c.117.136.28.25.467.272a.683.683 0 0 0 .514-.136l3.036-2.247-.77 3.858H5.32l-.747-3.79 2.733 2.156c.14.114.327.182.514.16zM2.4 9.04c0-.499.42-.907.934-.907s.935.408.935.907c0 .5-.42.908-.935.908-.513 0-.934-.408-.934-.908zm3.036 9.6v-1.067h13.126v1.066H5.437z" />
                     </svg>
                     {{ __('Devenez Prémium') }}
-                    <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">{{ __('Bientôt') }}</span>
+                    <x-soon />
                 </a>
 
                 <a href="#" class="flex items-center text-skin-base">
                     <x-heroicon-o-briefcase class="h-6 w-6 mr-3 -ml-1" />
                     {{ __('Jobs') }}
-                    <span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">{{ __('Bientôt') }}</span>
+                    <x-soon />
                 </a>
 
             </div>
@@ -306,7 +285,7 @@ class="origin-top absolute right-0 mt-2 w-56 rounded-md shadow-lg py-1 bg-skin-m
                     </div>
                     <button class="ml-auto shrink-0 bg-skin-card p-1 text-skin-muted rounded-full hover:text-skin-base focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500">
                         <span class="sr-only">{{ __('Voir les notifications') }}</span>
-                        <x-heroicon-o-bell  class="h-6 w-6"/>
+                        <x-untitledui-bell  class="h-6 w-6"/>
                     </button>
                 </div>
                 <div class="mt-3 space-y-1">
diff --git a/resources/views/components/increased.blade.php b/resources/views/components/increased.blade.php
index eb5b9916..c7f1c284 100644
--- a/resources/views/components/increased.blade.php
+++ b/resources/views/components/increased.blade.php
@@ -1,6 +1,6 @@
 @props(['value'])
 
 <p {{ $attributes->merge(['class' => 'flex items-baseline text-sm font-semibold text-green-600']) }}>
-    <x-heroicon-s-arrow-sm-up class="self-center shrink-0 h-5 w-5 text-green-500" />
-    <span class="sr-only"> Increased by </span> {{ $value }}
+    <x-untitledui-trend-up class="self-center shrink-0 h-5 w-5 text-green-500" />
+    <span class="sr-only">{{ __('Augmenté de') }}</span> {{ $value }}
 </p>
diff --git a/resources/views/components/notification.blade.php b/resources/views/components/notification.blade.php
index 27a74421..d4f25ab7 100644
--- a/resources/views/components/notification.blade.php
+++ b/resources/views/components/notification.blade.php
@@ -25,7 +25,7 @@ class="max-w-sm w-full bg-skin-card shadow-lg rounded-lg pointer-events-auto"
                     <div class="flex items-start">
                         <div class="shrink-0">
                             <x-heroicon-o-check-circle class="h-6 w-6 text-green-400" x-show="status === 'success'" />
-                            <x-heroicon-o-x-circle class="h-6 w-6 text-red-400" x-show="status === 'error'" />
+                            <x-untitledui-x-circle class="h-6 w-6 text-red-400" x-show="status === 'error'" />
                         </div>
                         <div class="ml-3 w-0 flex-1 pt-0.5">
                             <p x-text="title" class="text-sm leading-5 font-medium text-skin-inverted"></p>
@@ -33,7 +33,7 @@ class="max-w-sm w-full bg-skin-card shadow-lg rounded-lg pointer-events-auto"
                         </div>
                         <div class="ml-4 shrink-0 flex">
                             <button @click="remove(message)" class="inline-flex text-skin-muted focus:outline-none focus:text-skin-base">
-                                <x-heroicon-s-x class="h-5 w-5" />
+                                <x-untitledui-x class="h-5 w-5" />
                             </button>
                         </div>
                     </div>
diff --git a/resources/views/components/notifications/new_comment.blade.php b/resources/views/components/notifications/new_comment.blade.php
index dd722069..47dec1ce 100644
--- a/resources/views/components/notifications/new_comment.blade.php
+++ b/resources/views/components/notifications/new_comment.blade.php
@@ -7,10 +7,12 @@
             <div class="whitespace-nowrap text-sm leading-5 text-skin-base">
                 <div class="flex items-center space-x-3">
                     <span class="p-2 flex items-center justify-center rounded-full bg-skin-card-gray">
-                        <x-heroicon-s-chat-alt class="w-5 h-5 text-skin-base"/>
+                        <x-untitledui-message-plus-square class="w-5 h-5 text-skin-base"/>
                     </span>
                     <div>
-                        <p class="font-normal text-base leading-6">Un commentaire a été ajoutée dans la conversation <a href="{{ route('replyable', [$data['replyable_id'], $data['replyable_type']]) }}" class="text-skin-primary hover:text-skin-primary-hover">"{{ $data['replyable_subject'] }}"</a>.</p>
+                        <p class="font-normal text-base leading-6">
+                            Un commentaire a été ajoutée dans la conversation <a href="{{ route('replyable', [$data['replyable_id'], $data['replyable_type']]) }}" class="text-skin-primary hover:text-skin-primary-hover">"{{ $data['replyable_subject'] }}"</a>.
+                        </p>
                         <p class="mt-1 text-sm leading-5 text-skin-muted font-sans">
                             <time-ago time="{{ $notification->created_at->getTimestamp() }}" />
                         </p>
diff --git a/resources/views/components/notifications/new_reply.blade.php b/resources/views/components/notifications/new_reply.blade.php
index 7d722b4b..391b439a 100644
--- a/resources/views/components/notifications/new_reply.blade.php
+++ b/resources/views/components/notifications/new_reply.blade.php
@@ -7,7 +7,7 @@
             <div class="whitespace-nowrap text-sm leading-5 text-skin-base">
                 <div class="flex items-center space-x-3">
                     <span class="p-2 flex items-center justify-center rounded-full bg-skin-card-gray">
-                        <x-heroicon-s-reply class="w-5 h-5 text-skin-base"/>
+                        <x-untitledui-xs-reply class="w-5 h-5 text-skin-base"/>
                     </span>
                     <div>
                         <p class="font-normal text-base leading-6">Une nouvelle réponse a été ajoutée au sujet <a href="{{ route('replyable', [$data['replyable_id'], $data['replyable_type']]) }}" class="text-skin-primary hover:text-skin-primary-hover">"{{ $data['replyable_subject'] }}"</a>.</p>
diff --git a/resources/views/components/soon.blade.php b/resources/views/components/soon.blade.php
new file mode 100644
index 00000000..81de9e6a
--- /dev/null
+++ b/resources/views/components/soon.blade.php
@@ -0,0 +1,3 @@
+<span class="inline-flex ml-2 text-xs leading-4 text-green-800 bg-green-100 py-0.5 px-1.5 rounded-full">
+    {{ __('Bientôt') }}
+</span>
diff --git a/resources/views/components/tags.blade.php b/resources/views/components/tags.blade.php
index be0c8fae..85e222e5 100644
--- a/resources/views/components/tags.blade.php
+++ b/resources/views/components/tags.blade.php
@@ -43,7 +43,7 @@ class="mt-5 space-y-1"
             <span @class(['truncate ml-1.5', 'lowercase' => $isLowercase])>{{ $tag->name }}</span>
 
             @if($selectedTag && $selectedTag->id() === $tag->id())
-                <x-heroicon-o-x-circle class="ml-1.5 w-4 h-4 text-skin-muted group-hover:text-skin-base"/>
+                <x-untitledui-x-circle class="ml-1.5 w-4 h-4 text-skin-muted group-hover:text-skin-base"/>
             @endif
 
         </button>
diff --git a/resources/views/components/validation-errors.blade.php b/resources/views/components/validation-errors.blade.php
index a84eba31..af5e80f0 100644
--- a/resources/views/components/validation-errors.blade.php
+++ b/resources/views/components/validation-errors.blade.php
@@ -3,7 +3,7 @@
     <div class="rounded-md bg-red-50 p-4 mb-4">
         <div class="flex">
             <div class="shrink-0">
-                <x-heroicon-s-x-circle class="h-5 w-5 text-red-400" />
+                <x-untitledui-x class="h-5 w-5 text-red-400" />
             </div>
             <div class="ml-3">
                 <h3 class="text-sm font-medium text-red-800">{{ __('Oups! Nous avons rencontré des erreurs.') }}</h3>
diff --git a/resources/views/emails/welcome.blade.php b/resources/views/emails/welcome.blade.php
index 496be62e..eaa8a32d 100644
--- a/resources/views/emails/welcome.blade.php
+++ b/resources/views/emails/welcome.blade.php
@@ -5,14 +5,14 @@
   Bienvenue sur **Laravel Cameroun** ! La plus grande communauté de développeurs Laravel & PHP au Cameroun.
 
   Je sais que tu as un contenu génial à partager sur les médias sociaux. Et tu veux qu'il touche davantage de personnes et de développeurs de façon simple et rapide.
-  
+
   [![Alt text](https://media.giphy.com/media/Sg4DwEJrCpGIU/giphy-downsized-large.gif)](https://laravel.cm/discussions/bienvenu-sur-laravel-cameroun)
 
   Je suis très heureux de te voir rejoindre Laravel Cameroun. Pour t'aider à démarrer, je veux partager avec toi les ressources de bases
 
   @component('mail::subcopy')
     [Créer un article :]({{ route('articles.new') }})
-    partager vos connaissances en programmation avec plus de 200 développeurs de différentes nationalités qui ne demandent qu'à apprendre 🤩.    
+    partager vos connaissances en programmation avec plus de 200 développeurs de différentes nationalités qui ne demandent qu'à apprendre 🤩.
   @endcomponent
 
   @component('mail::subcopy')
@@ -33,6 +33,6 @@
     Dire bonjour à la communauté
   @endcomponent
 
-  Arthur Monney et la team [Laravel Cameroun]({{ route('about') }}).
+  Arthur Monney et la Team [Laravel Cameroun]({{ route('about') }}).
 
-@endcomponent
\ No newline at end of file
+@endcomponent
diff --git a/resources/views/forum/thread.blade.php b/resources/views/forum/thread.blade.php
index 0a57133d..0cf8c71f 100644
--- a/resources/views/forum/thread.blade.php
+++ b/resources/views/forum/thread.blade.php
@@ -14,7 +14,7 @@
                 </x-button>
                 <nav>
                     <a href="{{ route('forum.index') }}" class="w-full inline-flex items-center text-skin-base hover:text-skin-inverted py-3 text-sm font-medium">
-                        <x-heroicon-s-menu class="h-5 w-5 mr-2" />
+                        <x-untitledui-menu class="h-5 w-5 mr-2" />
                         <span>{{ __('Tous les sujets') }}</span>
                     </a>
                 </nav>
@@ -62,7 +62,7 @@
                             <div class="flex items-center">
                                 <span class="text-skin-muted mx-2">•</span>
                                 <span class="inline-flex items-center gap-x-2 font-medium text-green-500">
-                                    <x-heroicon-s-badge-check class="w-5 h-5" />
+                                    <x-untitledui-check-verified-03 class="w-5 h-5" />
                                     <span>{{ __('Résolu') }}</span>
                                 </span>
                             </div>
@@ -117,7 +117,7 @@
                             @csrf
                             <x-button type="submit" class="px-3 py-2 text-sm leading-4">
                                 {{ __('Recevoir un lien') }}
-                                <x-heroicon-o-arrow-narrow-right class="h-5 w-5 ml-1.5" />
+                                <x-heroicon-o-arrow-long-right class="h-5 w-5 ml-1.5" />
                             </x-button>
                         </form>
                     </div>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 03f77180..38ee0daf 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -100,11 +100,11 @@
                     @foreach($latestArticles as $article)
                         @if($loop->first)
                             <div class="lg:row-span-3">
-                                <x-articles.card :article="$article" />
+                                <x-articles.card :article="$article" :icon-link="true" />
                             </div>
                         @else
                             <div class="lg:col-span-2">
-                                <x-articles.summary :article="$article" />
+                                <x-articles.card :article="$article" is-summary />
                             </div>
                         @endif
                     @endforeach
@@ -113,9 +113,7 @@
                 <div class="flex items-center justify-center mt-10 sm:mt-12 xl:mt-16">
                     <x-button :link="route('articles')">
                         {{ __('Voir tous les articles') }}
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 ml-1.5">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
-                        </svg>
+                        <x-heroicon-o-arrow-long-right class="h-5 w-5 ml-2" />
                     </x-button>
                 </div>
             </div>
@@ -160,9 +158,7 @@
                     <div class="flex items-center justify-center mt-10 sm:mt-12 xl:mt-16">
                         <x-button :link="route('forum.index')">
                             {{ __('Voir tous les sujets') }}
-                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 ml-1.5">
-                                <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
-                            </svg>
+                            <x-heroicon-o-arrow-long-right class="h-5 w-5 ml-2" />
                         </x-button>
                     </div>
                 </div>
@@ -204,9 +200,7 @@
                 <div class="flex items-center justify-center mt-10 sm:mt-12 xl:mt-16">
                     <x-button :link="route('discussions.index')">
                         {{ __('Voir toutes les discussions') }}
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5 ml-1.5">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
-                        </svg>
+                        <x-heroicon-o-arrow-long-right class="h-5 w-5 ml-2" />
                     </x-button>
                 </div>
             </div>
@@ -304,9 +298,7 @@
                                         <h3 class="text-xl font-semibold text-skin-inverted">{{ $plan->title }}</h3>
                                         @if($plan->slug === 'le-pro')
                                             <p class="inline-flex items-center absolute top-0 -translate-y-1/2 transform rounded-full bg-flag-yellow py-1.5 px-4 text-sm font-semibold text-yellow-900">
-                                                <svg class="w-5 h-5 mr-2.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z" />
-                                                </svg>
+                                                <x-untitledui-star-06 class="w-5 h-5 mr-2" />
                                                 {{ __('Populaire') }}
                                             </p>
                                         @endif
@@ -321,9 +313,7 @@
                                         <ul role="list" class="mt-6 space-y-6">
                                             @foreach ($plan->features as $feature)
                                                 <li class="flex">
-                                                    <svg class="flex-shrink-0 w-6 h-6 text-primary-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                                                        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
-                                                    </svg>
+                                                    <x-heroicon-o-check class="flex-shrink-0 w-6 h-6 text-primary-500" />
                                                     <span class="ml-3 text-skin-base">{{ $feature->name }}</span>
                                                 </li>
                                             @endforeach
diff --git a/resources/views/livewire/forum/create-thread.blade.php b/resources/views/livewire/forum/create-thread.blade.php
index 88e41557..ca29cc93 100644
--- a/resources/views/livewire/forum/create-thread.blade.php
+++ b/resources/views/livewire/forum/create-thread.blade.php
@@ -4,15 +4,15 @@
     <div class="mt-10 rounded-md bg-yellow-50 p-4">
         <div class="flex">
             <div class="shrink-0">
-                <x-heroicon-s-exclamation class="h-5 w-5 text-yellow-400" />
+                <x-untitledui-alert-triangle class="h-5 w-5 text-yellow-400" />
             </div>
             <div class="ml-3">
                 <h3 class="text-sm font-medium text-yellow-800">
-                    Bon à savoir
+                    {{ __('Bon à savoir') }}
                 </h3>
                 <div class="mt-2 text-sm text-yellow-700 font-sans">
                     <p>
-                        Veuillez rechercher votre question avant de publier votre sujet en utilisant le champ de recherche dans la barre de navigation pour voir si elle n'a pas déjà été traitée.
+                        {{ __('Veuillez rechercher votre question avant de publier votre sujet en utilisant le champ de recherche dans la barre de navigation pour voir si elle n\'a pas déjà été traitée.') }}
                     </p>
                 </div>
             </div>
diff --git a/resources/views/livewire/forum/reply.blade.php b/resources/views/livewire/forum/reply.blade.php
index 85d2c4f2..8f295d35 100644
--- a/resources/views/livewire/forum/reply.blade.php
+++ b/resources/views/livewire/forum/reply.blade.php
@@ -48,7 +48,7 @@
                     @if ($isSolution)
                         <div class="mt-2 flex items-center sm:mt-0 sm:ml-4">
                             <button wire:click="UnMarkAsSolution" type="button" class="inline-flex items-center justify-center p-2.5 bg-red-500 bg-opacity-10 text-red-600 text-sm leading-5 rounded-full focus:outline-none transform hover:scale-125 transition-all">
-                                <x-heroicon-s-x-circle class="w-6 h-6" />
+                                <x-untitledui-x class="w-6 h-6" />
                             </button>
                             <span class="ml-2 text-sm font-sans text-red-500 sm:hidden">{{ __('Retirer comme solution') }}</span>
                         </div>
diff --git a/resources/views/livewire/modals/approved-article.blade.php b/resources/views/livewire/modals/approved-article.blade.php
index fec6887d..004006c1 100644
--- a/resources/views/livewire/modals/approved-article.blade.php
+++ b/resources/views/livewire/modals/approved-article.blade.php
@@ -2,7 +2,7 @@
     <x-slot name="content">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
-                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+                <x-untitledui-alert-triangle class="h-6 w-6 text-red-600" />
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
diff --git a/resources/views/livewire/modals/delete-article.blade.php b/resources/views/livewire/modals/delete-article.blade.php
index a374ccea..732c6589 100644
--- a/resources/views/livewire/modals/delete-article.blade.php
+++ b/resources/views/livewire/modals/delete-article.blade.php
@@ -2,7 +2,7 @@
     <x-slot name="content">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
-                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+                <x-untitledui-alert-triangle class="h-6 w-6 text-red-600" />
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
diff --git a/resources/views/livewire/modals/delete-discussion.blade.php b/resources/views/livewire/modals/delete-discussion.blade.php
index 802cfaf1..c62586b5 100644
--- a/resources/views/livewire/modals/delete-discussion.blade.php
+++ b/resources/views/livewire/modals/delete-discussion.blade.php
@@ -2,7 +2,7 @@
     <x-slot name="content">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
-                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+                <x-untitledui-alert-triangle class="h-6 w-6 text-red-600" />
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
diff --git a/resources/views/livewire/modals/delete-reply.blade.php b/resources/views/livewire/modals/delete-reply.blade.php
index a652a7b2..981a8c25 100644
--- a/resources/views/livewire/modals/delete-reply.blade.php
+++ b/resources/views/livewire/modals/delete-reply.blade.php
@@ -2,7 +2,7 @@
     <x-slot name="content">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
-                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+                <x-untitledui-alert-triangle class="h-6 w-6 text-red-600" />
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
diff --git a/resources/views/livewire/modals/delete-thread.blade.php b/resources/views/livewire/modals/delete-thread.blade.php
index 422578a4..9064dfa1 100644
--- a/resources/views/livewire/modals/delete-thread.blade.php
+++ b/resources/views/livewire/modals/delete-thread.blade.php
@@ -2,7 +2,7 @@
     <x-slot name="content">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
-                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+                <x-untitledui-alert-triangle class="h-6 w-6 text-red-600" />
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
diff --git a/resources/views/livewire/sponsor-subscription.blade.php b/resources/views/livewire/sponsor-subscription.blade.php
index 0e7fd0eb..1042276a 100644
--- a/resources/views/livewire/sponsor-subscription.blade.php
+++ b/resources/views/livewire/sponsor-subscription.blade.php
@@ -31,7 +31,7 @@
     <div class="overflow-hidden border border-skin-base rounded-md bg-skin-card">
         @if($option === 'monthly')
             <div class="p-4 flex items-start">
-                <x-heroicon-o-exclamation class="w-10 h-10 text-yellow-400" />
+                <x-untitledui-alert-triangle class="w-10 h-10 text-yellow-400" />
                 <p class="ml-4 text-base leading-6 text-skin-base">
                     {{ __('Les choix pour cette option ne sont pas encore disponible.') }}
                 </p>
diff --git a/resources/views/slack.blade.php b/resources/views/slack.blade.php
index 0ea9a7a1..06b37e44 100644
--- a/resources/views/slack.blade.php
+++ b/resources/views/slack.blade.php
@@ -17,7 +17,7 @@
                             <path d="m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z" fill="#36c5f0"/><path d="m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z" fill="#2eb67d"/><path d="m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z" fill="#ecb22e"/><path d="m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0" fill="#e01e5a"/>
                         </g>
                     </svg>
-                    <x-heroicon-o-switch-horizontal class="h-6 w-6 text-gray-400" />
+                    <x-untitledui-switch-horizontal class="h-6 w-6 text-gray-400" />
                     <x-application-icon class="block h-10 w-auto sm:h-12" />
                 </div>
                 <h2 class="mt-4 text-xl font-medium font-heading text-skin-inverted">{{ __('Rejoindre le groupe Slack') }}</h2>
diff --git a/resources/views/sponsors/index.blade.php b/resources/views/sponsors/index.blade.php
index 306420c0..8c2ade7f 100644
--- a/resources/views/sponsors/index.blade.php
+++ b/resources/views/sponsors/index.blade.php
@@ -10,7 +10,9 @@
             <x-error-message />
 
             <div class="space-y-10">
-                <h1 class="text-2xl lg:text-4xl font-heading text-skin-inverted font-bold">{{ __('Soutenir Laravel Cameroun') }}</h1>
+                <h1 class="text-2xl lg:text-4xl font-heading text-skin-inverted font-bold">
+                    {{ __('Soutenir Laravel Cameroun') }}
+                </h1>
                 <div class="relative flex items-center space-x-5">
                     <div class="shrink-0">
                         <x-application-icon class="block h-12 w-auto sm:h-14" />
diff --git a/resources/views/user/settings/profile.blade.php b/resources/views/user/settings/profile.blade.php
index 92b64d05..df7ff417 100644
--- a/resources/views/user/settings/profile.blade.php
+++ b/resources/views/user/settings/profile.blade.php
@@ -121,7 +121,7 @@
                                 />
 
                                 @unless(Auth::user()->hasVerifiedEmail())
-                                    <x-heroicon-o-exclamation class="w-6 h-6 text-yellow-500" />
+                                    <x-untitledui-alert-triangle class="w-6 h-6 text-yellow-500" />
                                 @endunless
                             </div>
                             @unless(Auth::user()->hasVerifiedEmail())
diff --git a/resources/views/vendor/blade-ui-kit/components/forms/inputs/input.blade.php b/resources/views/vendor/blade-ui-kit/components/forms/inputs/input.blade.php
index 20a5c6f2..352bbf1b 100644
--- a/resources/views/vendor/blade-ui-kit/components/forms/inputs/input.blade.php
+++ b/resources/views/vendor/blade-ui-kit/components/forms/inputs/input.blade.php
@@ -19,7 +19,7 @@
 
         @if ($errors->has($name))
             <div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-                <x-heroicon-o-exclamation-circle class="h-5 w-5 text-red-500" />
+                <x-untitledui-alert-triangle class="h-5 w-5 text-red-500" />
             </div>
         @endif
     </div>
diff --git a/resources/views/vendor/blade-ui-kit/components/forms/inputs/textarea.blade.php b/resources/views/vendor/blade-ui-kit/components/forms/inputs/textarea.blade.php
index a274d815..974139ba 100644
--- a/resources/views/vendor/blade-ui-kit/components/forms/inputs/textarea.blade.php
+++ b/resources/views/vendor/blade-ui-kit/components/forms/inputs/textarea.blade.php
@@ -10,7 +10,7 @@
 
     @if ($errors->has($name))
         <div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-            <x-heroicon-o-exclamation-circle class="h-5 w-5 text-red-500" />
+            <x-untitledui-alert-triangle class="h-5 w-5 text-red-500" />
         </div>
     @endif
 
diff --git a/resources/views/widgets/most_active_users_per_week.blade.php b/resources/views/widgets/most_active_users_per_week.blade.php
index cdf0f52a..a874d8bd 100644
--- a/resources/views/widgets/most_active_users_per_week.blade.php
+++ b/resources/views/widgets/most_active_users_per_week.blade.php
@@ -3,7 +3,7 @@
         <h4 class="text-lg font-medium text-skin-inverted">Utilisateurs actifs</h4>
         <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">{{ $users->count() }}</span>
     </div>
-    <div class="bg-skin-body px-4 py-3 flex items-center justify-between">
+    <div class="bg-skin-body px-4 py-3 flex items-centerheroicon-o justify-between">
         <span class="text-xs leading-4 uppercase tracking-wider text-skin-inverted-muted">Utilisateur</span>
         <span class="text-xs leading-4 uppercase tracking-wider text-skin-inverted-muted">Profil</span>
     </div>
@@ -17,7 +17,7 @@
             </li>
         @empty
             <li class="flex flex-col items-center justify-center px-4 py-5">
-                <x-heroicon-o-trending-up class="w-10 h-10 text-skin-inverted-muted" />
+                <x-untitledui-bar-chart class="w-10 h-10 text-skin-inverted-muted" />
                 <span class="mt-2 text-sm leading-5 text-skin-base">Aucune activité disponible pour cette semaine.</span>
             </li>
         @endforelse