diff --git a/.env.example b/.env.example
index 6e39755a..19bc4e61 100644
--- a/.env.example
+++ b/.env.example
@@ -36,6 +36,7 @@ MAIL_PASSWORD=null
 MAIL_ENCRYPTION=null
 MAIL_FROM_ADDRESS=no-reply@laravel.cm
 MAIL_FROM_NAME="${APP_NAME}"
+MAIL_SUPPORT=mail-support@laravel.cm
 
 MAILGUN_DOMAIN=
 MAILGUN_SECRET=
@@ -57,11 +58,6 @@ GITHUB_CLIENT_ID=
 GITHUB_CLIENT_SECRET=
 GITHUB_REDIRECT=${APP_URL}/auth/github/callback
 
-SLACK_WEBHOOK_URL=
-SLACK_TEAM_NAME="Laravel Cameroun"
-SLACK_API_TOKEN=
-SLACK_TEAM_URL="https://laravelcm.slack.com"
-
 MARKDOWNX_GIPHY_API_KEY=
 TORCHLIGHT_TOKEN=
 TORCHLIGHT_THEME=moonlight-ii
diff --git a/app/Http/Controllers/SponsoringController.php b/app/Http/Controllers/SponsoringController.php
deleted file mode 100644
index d29ac260..00000000
--- a/app/Http/Controllers/SponsoringController.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Http\Controllers;
-
-use App\Models\Transaction;
-use Illuminate\Contracts\View\View;
-use Illuminate\Support\Facades\Cache;
-
-final class SponsoringController extends Controller
-{
-    public function sponsors(): View
-    {
-        $sponsors = Cache::remember(
-            key: 'sponsors',
-            ttl: 3600,
-            callback: fn () => Transaction::with(['user', 'user.media'])
-                ->scopes('complete')
-                ->get(['id', 'user_id', 'metadata'])
-        );
-
-        return view('sponsors.index', [
-            'sponsors' => $sponsors,
-        ]);
-    }
-}
diff --git a/app/Livewire/Components/SponsorSubscription.php b/app/Livewire/Components/SponsorSubscription.php
new file mode 100644
index 00000000..b108c1a3
--- /dev/null
+++ b/app/Livewire/Components/SponsorSubscription.php
@@ -0,0 +1,178 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Livewire\Components;
+
+use App\Enums\PaymentType;
+use App\Enums\TransactionType;
+use App\Models\Transaction;
+use App\Models\User;
+use Filament\Forms;
+use Filament\Forms\Concerns\InteractsWithForms;
+use Filament\Forms\Contracts\HasForms;
+use Filament\Forms\Form;
+use Filament\Notifications\Notification;
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Log;
+use Livewire\Component;
+use NotchPay\Exceptions\ApiException;
+use NotchPay\NotchPay;
+use NotchPay\Payment;
+
+/**
+ * @property-read Form $form
+ */
+final class SponsorSubscription extends Component implements HasForms
+{
+    use InteractsWithForms;
+
+    public ?array $data = [];
+
+    public function mount(): void
+    {
+        $auth = Auth::user();
+
+        $this->form->fill([
+            'email' => $auth?->email,
+            'name' => $auth?->name,
+            'website' => $auth?->website,
+            'profile' => 'developer',
+            'currency' => 'xaf',
+        ]);
+    }
+
+    public function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                Forms\Components\TextInput::make('name')
+                    ->label(__('validation.attributes.name'))
+                    ->minLength(5)
+                    ->required(),
+                Forms\Components\TextInput::make('email')
+                    ->label(__('validation.attributes.email'))
+                    ->email()
+                    ->required(),
+                Forms\Components\ToggleButtons::make('profile')
+                    ->label(__('pages/sponsoring.sponsor_form.profile'))
+                    ->options([
+                        'developer' => __('validation.attributes.freelance'),
+                        'company' => __('validation.attributes.company'),
+                    ])
+                    ->icons([
+                        'developer' => 'phosphor-dev-to-logo-duotone',
+                        'company' => 'phosphor-buildings-duotone',
+                    ])
+                    ->grouped(),
+                Forms\Components\TextInput::make('website')
+                    ->label(__('global.website'))
+                    ->prefixIcon('heroicon-m-globe-alt')
+                    ->url(),
+                Forms\Components\Group::make()
+                    ->schema([
+                        Forms\Components\Select::make('currency')
+                            ->label(__('validation.attributes.currency'))
+                            ->live()
+                            ->native()
+                            ->options([
+                                'xaf' => 'XAF',
+                                'eur' => 'EUR',
+                                'usd' => 'USD',
+                            ]),
+                        Forms\Components\TextInput::make('amount')
+                            ->label(__('validation.attributes.amount'))
+                            ->integer()
+                            ->required()
+                            ->afterStateUpdated(fn (?int $state) => $state ? abs($state) : 0)
+                            ->prefix(fn (Forms\Get $get) => match ($get('currency')) {
+                                'usd' => '$',
+                                default => null
+                            })
+                            ->suffix(fn (Forms\Get $get) => match ($get('currency')) {
+                                'eur' => '€',
+                                'xaf' => 'FCFA',
+                                default => null,
+                            })
+                            ->columnSpan(3),
+                    ])
+                    ->columns(4)
+                    ->columnSpanFull(),
+            ])
+            ->statePath('data')
+            ->columns();
+    }
+
+    public function submit(): void
+    {
+        $this->validate();
+
+        $email = data_get($this->form->getState(), 'email');
+        $amount = data_get($this->form->getState(), 'amount');
+
+        /** @var User $user */
+        $user = Auth::check() ? Auth::user() : User::findByEmailAddress(config('lcm.support_email'));
+
+        NotchPay::setApiKey(apiKey: config('lcm.notch-pay-public-token'));
+
+        try {
+            $payload = Payment::initialize([
+                'amount' => $amount,
+                'email' => $email,
+                'name' => data_get($this->form->getState(), 'name'),
+                'currency' => data_get($this->form->getState(), 'currency'),
+                'reference' => $user->id.'-'.$user->username().'-'.uniqid(),
+                'callback' => route('notchpay-callback'),
+                'description' => __('Soutien de la communauté Laravel & PHP Cameroun.'),
+            ]);
+
+            Transaction::query()->create([
+                'amount' => $amount,
+                'status' => $payload->transaction->status,
+                'transaction_reference' => $payload->transaction->reference,
+                'user_id' => $user->id,
+                'fees' => $payload->transaction->fee,
+                'type' => TransactionType::ONETIME->value,
+                'metadata' => [
+                    'currency' => $payload->transaction->currency,
+                    'reference' => $payload->transaction->reference,
+                    'merchant' => [
+                        'reference' => $payload->transaction->merchant_reference,
+                        'customer' => $payload->transaction->customer,
+                        'laravel_cm_id' => Auth::id() ?? null,
+                        'profile' => data_get($this->form->getState(), 'profile'),
+                    ],
+                    'initiated_at' => $payload->transaction->created_at,
+                    'description' => $payload->transaction->description,
+                    'for' => PaymentType::SPONSORING->value,
+                ],
+            ]);
+
+            $this->redirect($payload->authorization_url); // @phpstan-ignore-line
+        } catch (ApiException $e) {
+            Log::error($e->getMessage());
+
+            Notification::make()
+                ->title(__('notifications.sponsor_error_title'))
+                ->body(__('notifications.sponsor_error_body'))
+                ->danger()
+                ->send();
+        }
+    }
+
+    public function render(): View
+    {
+        return view('livewire.components.sponsor-subscription', [
+            'sponsors' => Cache::remember(
+                key: 'sponsors',
+                ttl: now()->addWeek(),
+                callback: fn () => Transaction::with(['user', 'user.media'])
+                    ->scopes('complete')
+                    ->distinct()
+                    ->get(['id', 'user_id', 'metadata'])
+            ),
+        ]);
+    }
+}
diff --git a/app/Livewire/Modals/AnonymousSponsors.php b/app/Livewire/Modals/AnonymousSponsors.php
deleted file mode 100644
index 141c336b..00000000
--- a/app/Livewire/Modals/AnonymousSponsors.php
+++ /dev/null
@@ -1,116 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Livewire\Modals;
-
-use App\Enums\PaymentType;
-use App\Enums\TransactionType;
-use App\Models\Transaction;
-use App\Models\User;
-use Illuminate\Contracts\View\View;
-use Illuminate\Support\Facades\Log;
-use LivewireUI\Modal\ModalComponent;
-use NotchPay\NotchPay;
-use NotchPay\Payment;
-
-final class AnonymousSponsors extends ModalComponent
-{
-    public ?string $amount = null;
-
-    public ?string $option = null;
-
-    public ?string $name = null;
-
-    public ?string $email = null;
-
-    public string $type = 'company';
-
-    public string $currency = 'XAF';
-
-    public ?string $url = null;
-
-    public function mount(string $amount, string $option, string $currency): void
-    {
-        $this->amount = $amount;
-        $this->option = $option;
-        $this->currency = $currency;
-    }
-
-    public function submit(): void
-    {
-        $this->validate(
-            rules: [
-                'name' => 'required',
-                'email' => 'required|email',
-            ],
-            messages: [
-                'name.required' => __('Votre nom est requis'),
-                'email.required' => __('Une adresse e-mail est requise'),
-                'email.email' => __('Veuillez renseigner une adresse e-mail valide'),
-            ]
-        );
-
-        $adminUser = User::findByEmailAddress(
-            emailAddress: app()->environment('production') ? 'support@laravel.cm' : 'user@laravel.cm'
-        );
-
-        NotchPay::setApiKey(
-            apiKey: config('lcm.notch-pay-public-token')
-        );
-
-        try {
-            $payload = Payment::initialize([
-                'amount' => $this->amount,
-                'email' => $this->email,
-                'name' => $this->name,
-                'currency' => $this->currency,
-                'reference' => $adminUser->id.'-'.$adminUser->username().'-'.uniqid(),
-                'callback' => route('notchpay-callback'),
-                'description' => __('Soutien de la communauté Laravel & PHP Cameroun.'),
-            ]);
-
-            Transaction::query()->create([
-                'amount' => $this->amount,
-                'status' => $payload->transaction->status,
-                'transaction_reference' => $payload->transaction->reference,
-                'user_id' => $adminUser->id,
-                'fees' => $payload->transaction->fee,
-                'type' => $this->option === 'one-time'
-                    ? TransactionType::ONETIME->value
-                    : TransactionType::RECURSIVE->value,
-                'metadata' => [
-                    'currency' => $payload->transaction->currency,
-                    'reference' => $payload->transaction->reference,
-                    'merchant' => [
-                        'reference' => $payload->transaction->merchant_reference,
-                        'name' => $payload->transaction->customer->name,
-                        'email' => $payload->transaction->customer->email,
-                        'laravel_cm_id' => null,
-                    ],
-                    'initiated_at' => $payload->transaction->initiated_at,
-                    'description' => $payload->transaction->description,
-                    'for' => PaymentType::SPONSORING->value,
-                ],
-            ]);
-
-            $this->redirect($payload->authorization_url); // @phpstan-ignore-line
-        } catch (\NotchPay\Exceptions\ApiException $e) {
-            Log::error($e->getMessage());
-            session()->flash(
-                key: 'error',
-                value: __('Impossible de procéder au paiement, veuillez recommencer plus tard. Merci')
-            );
-        }
-    }
-
-    public static function modalMaxWidth(): string
-    {
-        return 'xl';
-    }
-
-    public function render(): View
-    {
-        return view('livewire.modals.anonymous-sponsors');
-    }
-}
diff --git a/app/Livewire/Pages/Sponsoring.php b/app/Livewire/Pages/Sponsoring.php
new file mode 100644
index 00000000..b55cf810
--- /dev/null
+++ b/app/Livewire/Pages/Sponsoring.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Livewire\Pages;
+
+use Illuminate\Contracts\View\View;
+use Livewire\Component;
+
+final class Sponsoring extends Component
+{
+    public function render(): View
+    {
+        return view('livewire.pages.sponsoring')->title(__('pages/sponsoring.title'));
+    }
+}
diff --git a/app/Livewire/SponsorSubscription.php b/app/Livewire/SponsorSubscription.php
deleted file mode 100644
index 7fcea0c1..00000000
--- a/app/Livewire/SponsorSubscription.php
+++ /dev/null
@@ -1,93 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Livewire;
-
-use App\Enums\PaymentType;
-use App\Enums\TransactionType;
-use App\Models\Transaction;
-use Illuminate\Contracts\View\View;
-use Illuminate\Support\Facades\Auth;
-use Illuminate\Support\Facades\Log;
-use Livewire\Component;
-use NotchPay\NotchPay;
-use NotchPay\Payment;
-
-final class SponsorSubscription extends Component
-{
-    public string $option = 'one-time';
-
-    public string $amount = '';
-
-    public string $currency = 'XAF';
-
-    public function chooseOption(string $option): void
-    {
-        $this->option = $option;
-    }
-
-    public function subscribe(): void
-    {
-        $this->validate(['amount' => 'required']);
-
-        if (! Auth::check()) {
-            $this->dispatch('openModal', component: 'modals.anonymous-sponsors', arguments: [
-                'amount' => $this->amount,
-                'option' => $this->option,
-                'currency' => $this->currency,
-            ]);
-
-            return;
-        }
-
-        NotchPay::setApiKey(apiKey: config('lcm.notch-pay-public-token'));
-
-        try {
-            $payload = Payment::initialize([
-                'amount' => $this->amount,
-                'email' => Auth::user()?->email,
-                'name' => Auth::user()?->name,
-                'currency' => $this->currency,
-                'reference' => Auth::id().'-'.Auth::user()?->username().'-'.uniqid(),
-                'callback' => route('notchpay-callback'),
-                'description' => __('Soutien de la communauté Laravel & PHP Cameroun.'),
-            ]);
-
-            Transaction::query()->create([
-                'amount' => $this->amount,
-                'status' => $payload->transaction->status,
-                'transaction_reference' => $payload->transaction->reference,
-                'user_id' => Auth::id(),
-                'fees' => $payload->transaction->fee,
-                'type' => $this->option === 'one-time'
-                    ? TransactionType::ONETIME->value
-                    : TransactionType::RECURSIVE->value,
-                'metadata' => [
-                    'currency' => $payload->transaction->currency,
-                    'reference' => $payload->transaction->reference,
-                    'merchant' => [
-                        'reference' => $payload->transaction->merchant_reference,
-                        'name' => $payload->transaction->customer->name,
-                        'email' => $payload->transaction->customer->email,
-                        'phone' => $payload->transaction->customer->phone,
-                        'laravel_cm_id' => Auth::id(),
-                    ],
-                    'initiated_at' => $payload->transaction->initiated_at,
-                    'description' => $payload->transaction->description,
-                    'for' => PaymentType::SPONSORING->value,
-                ],
-            ]);
-
-            $this->redirect($payload->authorization_url); // @phpstan-ignore-line
-        } catch (\NotchPay\Exceptions\ApiException $e) {
-            Log::error($e->getMessage());
-            session()->flash('error', __('Impossible de procéder au paiement, veuillez recommencer plus tard. Merci'));
-        }
-    }
-
-    public function render(): View
-    {
-        return view('livewire.sponsor-subscription');
-    }
-}
diff --git a/app/Models/Transaction.php b/app/Models/Transaction.php
index b0aa619b..4ad38e3f 100644
--- a/app/Models/Transaction.php
+++ b/app/Models/Transaction.php
@@ -7,16 +7,14 @@
 use App\Enums\TransactionStatus;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Concerns\HasUuids;
-use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 
 final class Transaction extends Model
 {
-    use HasFactory;
     use HasUuids;
 
-    public $guarded = [];
+    public $guarded = ['id'];
 
     public $casts = [
         'metadata' => 'array',
@@ -43,7 +41,7 @@ public function getMetadata(string $name, string $default = ''): string|array
 
     public function setMetadata(array $revisions, bool $save = true): self
     {
-        $this->metadata = array_merge($this->metadata ?? [], $revisions);
+        $this->metadata = array_unique(array_merge($this->metadata ?? [], $revisions));
 
         if ($save) {
             $this->save();
diff --git a/config/lcm.php b/config/lcm.php
index bc0c0c24..f034385c 100644
--- a/config/lcm.php
+++ b/config/lcm.php
@@ -19,17 +19,12 @@
         ],
     ],
 
-    'slack' => [
-        'team' => env('SLACK_TEAM_NAME', 'Laravel Cameroun'),
-        'url' => env('SLACK_TEAM_URL', 'https://laravelcm.slack.com'),
-        'token' => env('SLACK_API_TOKEN', null),
-        'web_hook' => env('SLACK_WEBHOOK_URL', ''),
-    ],
-
     'supported_locales' => ['fr', 'en'],
 
     'spa_url' => env('FRONTEND_APP_URL', 'http://localhost:4200'),
 
     'notch-pay-public-token' => env('NOTCHPAY_PUBLIC_KEY', null),
 
+    'support_email' => env('MAIL_SUPPORT', 'support@laravel.cm'),
+
 ];
diff --git a/lang/en/notifications.php b/lang/en/notifications.php
index 0fb1eb1f..eb09b32e 100644
--- a/lang/en/notifications.php
+++ b/lang/en/notifications.php
@@ -53,4 +53,7 @@
         'save_comment' => 'Your comment has been saved',
         'delete_comment' => 'Your comment has been deleted',
     ],
+
+    'sponsor_error_title' => 'Payment error',
+    'sponsor_error_body' => 'Unable to process payment, please try again later. Thank you',
 ];
diff --git a/lang/en/pages/sponsoring.php b/lang/en/pages/sponsoring.php
new file mode 100644
index 00000000..d00ffddd
--- /dev/null
+++ b/lang/en/pages/sponsoring.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+
+    'title' => 'Support Laravel Cameroon',
+    'support' => 'Support as a guest or',
+    'support_as' => 'Support as',
+    'support_badge' => 'If you are registered on the site, a badge will be on your avatar indicating that you are a sponsor of @laravelcm.',
+    'paragraphes' => [
+        'one' => 'Welcome to the Laravel Cameroun sponsorship page. Through this page, you can help support the development of the platform. Laravel.cm is the Laravel Cameroon community portal, a place for the community, by the community.
+                The code is entirely <a href="https://github.com/laravelcm/laravel/cm">open source</a> providing a learning resource for developers. Developers are free to ask
+                <a href="https://github.com/laravelcm/issues">questions</a>, contribute to the source code or use it as inspiration for their own projects.',
+        'two' => "Since we started working with the community in 2018, we've spent a lot of time time setting up features and updating the site on a regular basis. From design to conception, integration and choice of tools for the frontend. And since then, other projects are about to see the light of day thanks to the work we've been putting in for years.",
+        'three' => "With the funds we'll earn from this page, we want to take Laravel Cameroon to the next level. We plan to expand the platform with many new features and create the best possible portal for the Laravel community in Cameroon. To do this, we need your support.",
+        'four' => 'Thanks to the sponsorship plans presented on this page, you can help us. Whether large or small, every contribution will help us cover the costs of the next steps.',
+        'five' => 'Thank you for considering sponsoring Laravel Cameroun! Your help will keep the platform running and improving.',
+    ],
+    'current_support' => 'Those who have already supported us.',
+    'sponsor' => 'Support',
+    'sponsor_github' => 'Support via Github',
+    'sponsor_form' => [
+        'profile' => 'You are sponsoring as',
+    ],
+
+];
diff --git a/lang/en/validation.php b/lang/en/validation.php
index 7bd9201c..741ab793 100644
--- a/lang/en/validation.php
+++ b/lang/en/validation.php
@@ -208,6 +208,10 @@
         'website' => 'Your Website',
         'location' => 'Localization',
         'avatar' => 'Avatar',
+        'company' => 'Enterprise',
+        'freelance' => 'Freelance',
+        'amount' => 'Amount',
+        'currency' => 'Currency',
     ],
 
 ];
diff --git a/lang/fr/notifications.php b/lang/fr/notifications.php
index 501a24fe..5a16ce54 100644
--- a/lang/fr/notifications.php
+++ b/lang/fr/notifications.php
@@ -53,4 +53,8 @@
         'save_comment' => 'Votre commentaire a été enregistré',
         'delete_comment' => 'Votre commentaire a été supprimé.',
     ],
+
+    'sponsor_error_title' => 'Erreur du paiement',
+    'sponsor_error_body' => 'Impossible de procéder au paiement, veuillez recommencer plus tard. Merci',
+
 ];
diff --git a/lang/fr/pages/sponsoring.php b/lang/fr/pages/sponsoring.php
new file mode 100644
index 00000000..7f02cc4f
--- /dev/null
+++ b/lang/fr/pages/sponsoring.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+
+    'title' => 'Soutenir Laravel Cameroun',
+    'support' => 'Soutenir en tant qu\'invité ou',
+    'support_as' => 'Soutenir comme',
+    'support_badge' => 'Si vous êtes inscris sur le site, un badge sera sur votre avatar indiquant que vous êtes un sponsor de @laravelcm.',
+    'paragraphes' => [
+        'one' => 'Bienvenue sur la page de sponsoring de Laravel Cameroun. À travers cette page, vous pouvez aider à soutenir le développement de la plateforme. Laravel.cm est le portail de la
+                communauté Laravel Cameroun, un endroit pour la communauté, par la communauté. Son code est
+                entièrement <a href="https://github.com/laravelcm/laravel.cm">ouvert (open source)</a>
+                et constitue une ressource d\'apprentissage pour les développeurs. Les développeurs sont
+                libres de poser des <a href="https://github.com/laravelcm/issues">questions</a>,
+                de contribuer au code source ou de s\'en inspirer pour leurs propres projets.',
+        'two' => "Depuis que nous avons débuté avec la communauté en 2018, nous avons consacré pas mal de
+                temps à la mise en place des fonctionnalités et à la mise à jour régulière du site. Du
+                Design à la conception, en passant par l'intégration et le choix des outils pour le
+                frontend. Et depuis lors d'autres projets sont sur le point de voir le jour grâce à ce
+                travail fourni depuis des années.",
+        'three' => "Avec les fonds que nous gagnerons grâce à cette page, nous voulons amener Laravel Cameroun à
+                un niveau supérieur. Nous prévoyons d'étendre la plateforme avec de nombreuses nouvelles
+                fonctionnalités et de créer le meilleur portail possible pour la communauté Laravel au
+                Cameroun. Pour ce faire, nous avons besoin de soutien.",
+        'four' => "Grâce aux plans de parrainage présentés sur cette page, vous pouvez nous aider. Qu'elle soit petite ou grande, chaque contribution nous aidera à couvrir les coûts des prochaines étapes.",
+        'five' => "Merci d'envisager de sponsoriser Laravel Cameroun ! Votre aide permettra à la plateforme de continuer à fonctionner et à s'améliorer.",
+    ],
+    'current_support' => 'Ceux qui nous ont déjà apportés leur soutien.',
+    'sponsor' => 'Soutenir',
+    'sponsor_github' => 'Soutenir via Github',
+    'sponsor_form' => [
+        'profile' => 'Vous sponsorisez en tant que',
+    ],
+
+];
diff --git a/lang/fr/validation.php b/lang/fr/validation.php
index c01de5f5..90739121 100644
--- a/lang/fr/validation.php
+++ b/lang/fr/validation.php
@@ -201,6 +201,10 @@
         'website' => 'Votre site web',
         'location' => 'Localisation',
         'avatar' => 'Photo',
+        'company' => 'Entreprise',
+        'freelance' => 'Indépendant',
+        'amount' => 'Montant',
+        'currency' => 'Devise',
     ],
 
 ];
diff --git a/resources/views/components/error-message.blade.php b/resources/views/components/error-message.blade.php
index a6a08a68..2d9f8043 100644
--- a/resources/views/components/error-message.blade.php
+++ b/resources/views/components/error-message.blade.php
@@ -2,7 +2,7 @@
     <div {{ $attributes->twMerge(['class' => 'rounded-md bg-red-50 p-4']) }}>
         <div class="flex">
             <div class="shrink-0">
-                <x-untitledui-x class="size-5 text-red-400" />
+                <x-untitledui-x class="size-5 text-red-400" aria-hidden="true" />
             </div>
             <div class="ml-3">
                 <h3 class="text-sm font-medium text-red-800">
diff --git a/resources/views/components/join-sponsors.blade.php b/resources/views/components/join-sponsors.blade.php
index 5d9ec78a..fb0c1b63 100644
--- a/resources/views/components/join-sponsors.blade.php
+++ b/resources/views/components/join-sponsors.blade.php
@@ -23,17 +23,17 @@ class="hidden h-12 dark:block"
         </div>
         <div class="flex items-center justify-center px-2">
             <a href="https://gdg.community.dev/gdg-douala" class="flex items-center" target="_blank">
-                <x-icon.gdg class="h-7 text-gray-900 dark:text-white" />
+                <x-icon.gdg class="h-7 text-gray-900 dark:text-white" aria-hidden="true" />
             </a>
         </div>
         <div class="flex items-center justify-center px-2">
             <a href="https://notchpay.co" class="flex items-center" target="_blank">
-                <x-icon.notchpay class="h-8 w-auto text-gray-900 dark:text-white" />
+                <x-icon.notchpay class="h-8 w-auto text-gray-900 dark:text-white" aria-hidden="true" />
             </a>
         </div>
         <div class="flex items-center justify-center px-2">
             <a href="https://sharuco.lndev.me" class="flex items-center" target="_blank">
-                <x-icon.sharuco class="h-7 w-auto text-gray-900 dark:text-white" />
+                <x-icon.sharuco class="h-7 w-auto text-gray-900 dark:text-white" aria-hidden="true" />
                 <span class="ml-1 text-2xl font-bold text-gray-900 dark:text-white">Sharuco</span>
             </a>
         </div>
diff --git a/resources/views/components/modal.blade.php b/resources/views/components/modal.blade.php
deleted file mode 100644
index a8a7cc55..00000000
--- a/resources/views/components/modal.blade.php
+++ /dev/null
@@ -1,40 +0,0 @@
-@props([
-    'formAction' => false,
-    'headerClasses' => '',
-    'contentClasses' => 'px-4 sm:p-6',
-    'footerClasses' => 'px-4 pb-5 sm:px-4 sm:flex',
-])
-
-<div class="bg-skin-card">
-    @if($formAction)
-        <form wire:submit="{{ $formAction }}">
-            @endif
-            <div class="{{ $headerClasses }}">
-                @if(isset($title))
-                    <h3 class="flex items-center text-lg leading-6 font-medium text-gray-900">
-                        {{ $title }}
-                    </h3>
-                @endif
-
-                @if(isset($subtitle))
-                    <div class="mt-2">
-                        <p class="text-sm leading-5 text-gray-500 dark:text-gray-400">
-                            {{ $subtitle }}
-                        </p>
-                    </div>
-                @endif
-            </div>
-
-            @if(isset($content))
-                <div class="{{ $contentClasses }}">
-                    {{ $content }}
-                </div>
-            @endif
-
-            <div class="{{ $footerClasses }}">
-                {{ $buttons ?? null }}
-            </div>
-            @if($formAction)
-        </form>
-    @endif
-</div>
diff --git a/resources/views/components/notification.blade.php b/resources/views/components/notification.blade.php
deleted file mode 100644
index eb230012..00000000
--- a/resources/views/components/notification.blade.php
+++ /dev/null
@@ -1,55 +0,0 @@
-<div
-    x-data="{
-        title: '',
-        status: 'success',
-        messages: [],
-        remove(message) {
-            this.messages.splice(this.messages.indexOf(message), 1)
-        },
-    }"
-    x-on:notify.window="
-        let message = $event.detail.message
-        messages.push(message)
-        title = $event.detail.title
-        status = $event.detail.status
-        setTimeout(() => {
-            remove(message)
-        }, 5000)
-    "
-    class="pointer-events-none fixed inset-0 z-30 flex flex-col items-end justify-center space-y-4 px-4 py-6 sm:justify-start sm:p-6"
->
-    <template x-for="(message, messageIndex) in messages" :key="messageIndex" hidden>
-        <div
-            x-transition:enter="transform transition duration-300 ease-out"
-            x-transition:enter-start="translate-y-2 opacity-0 sm:translate-x-2 sm:translate-y-0"
-            x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
-            x-transition:leave="transition duration-100 ease-in"
-            x-transition:leave-start="opacity-100"
-            x-transition:leave-end="opacity-0"
-            class="pointer-events-auto w-full max-w-sm rounded-lg bg-skin-card shadow-lg"
-        >
-            <div class="shadow-xs overflow-hidden rounded-lg">
-                <div class="p-4">
-                    <div class="flex items-start">
-                        <div class="shrink-0">
-                            <x-heroicon-o-check-circle class="size-6 text-green-400" x-show="status === 'success'" />
-                            <x-untitledui-x-circle class="size-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 font-medium leading-5 text-gray-900"></p>
-                            <p x-text="message" class="mt-1 text-sm font-medium leading-5 text-gray-500 dark:text-gray-400"></p>
-                        </div>
-                        <div class="ml-4 flex shrink-0">
-                            <button
-                                @click="remove(message)"
-                                class="inline-flex text-gray-400 dark:text-gray-500 focus:text-gray-500 dark:text-gray-400 focus:outline-none"
-                            >
-                                <x-untitledui-x class="size-5" />
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </template>
-</div>
diff --git a/resources/views/components/sponsor-profile.blade.php b/resources/views/components/sponsor-profile.blade.php
index 14deaf1f..4c95ba69 100644
--- a/resources/views/components/sponsor-profile.blade.php
+++ b/resources/views/components/sponsor-profile.blade.php
@@ -2,7 +2,7 @@
     'sponsor',
 ])
 
-<li x-data id="{{ $sponsor->id }}">
+<div x-data id="{{ $sponsor->id }}">
     <template x-ref="template">
         <div class="w-full max-w-xs rounded-md bg-skin-card px-4 py-2">
             <div class="flex items-center space-x-2">
@@ -46,12 +46,12 @@ class="relative inline-flex items-center"
     >
         @if ($sponsor->getMetadata('merchant')['laravel_cm_id'])
             <img
-                class="mx-auto size-10 rounded-full object-cover"
+                class="mx-auto size-8 rounded-full object-cover"
                 src="{{ $sponsor->user->profile_photo_url }}"
                 alt=""
             />
         @else
-            <span class="flex h-11 w-11 items-center">
+            <span class="flex size-10 items-center">
                 <svg class="h-full w-full text-gray-400 dark:text-gray-500" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                     <path
                         fill-rule="evenodd"
@@ -62,4 +62,4 @@ class="mx-auto size-10 rounded-full object-cover"
             </span>
         @endif
     </a>
-</li>
+</div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index d6dde482..83939d0a 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -31,7 +31,7 @@
     @include('partials._analytics')
 </head>
 <body class="h-full bg-gray-50 font-sans text-gray-500 antialiased dark:text-gray-400 dark:bg-gray-900">
-    <div class="flex min-h-screen flex-col justify-between">
+    <div id="main-site" class="flex min-h-screen flex-col justify-between">
         <x-layouts.header {{ $attributes->class($attributes->get('header-class')) }} />
 
         <main class="relative z-20 w-full flex-1">
diff --git a/resources/views/livewire/components/sponsor-subscription.blade.php b/resources/views/livewire/components/sponsor-subscription.blade.php
new file mode 100644
index 00000000..98364f40
--- /dev/null
+++ b/resources/views/livewire/components/sponsor-subscription.blade.php
@@ -0,0 +1,45 @@
+<div x-data class="py-8">
+    <div class="flex items-center gap-4">
+        <x-buttons.primary @click="$dispatch('open-modal', { id: 'sponsoring' })">
+            {{ __('pages/sponsoring.sponsor') }}
+        </x-buttons.primary>
+        <a href="https://github.com/sponsors/mckenziearts" target="_blank" class="inline-flex justify-center gap-2 py-2 px-4 bg-white border-0 ring-1 ring-gray-200 dark:ring-white/20 rounded-lg shadow-sm text-sm text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:bg-gray-800 dark:focus:ring-offset-gray-900">
+            <x-icon.github class="size-5 text-gray-400 dark:text-gray-500" aria-hidden="true" />
+            {{ __('pages/sponsoring.sponsor_github') }}
+        </a>
+    </div>
+    <div class="mt-8">
+        <p class="font-medium text-gray-900 dark:text-white text-sm">
+            {{ __('pages/sponsoring.current_support') }}
+        </p>
+        <div class="mt-6 flex items-center flex-wrap gap-1">
+            @foreach ($sponsors as $sponsor)
+                <x-sponsor-profile :sponsor="$sponsor" />
+            @endforeach
+        </div>
+    </div>
+
+    <!-- Sponsoring Modal -->
+    <template x-teleport="#main-site">
+        <x-filament::modal id="sponsoring" width="2xl">
+            <x-slot name="heading">
+                {{ __('pages/sponsoring.title') }}
+            </x-slot>
+
+            <form wire:submit="submit">
+                {{ $this->form }}
+
+                <div class="mt-10 flex items-center justify-end gap-4">
+                    <x-buttons.default @click="$dispatch('close-modal', { id: 'sponsoring' })" type="button">
+                        {{ __('actions.cancel') }}
+                    </x-buttons.default>
+                    <x-buttons.submit
+                        :title="__('pages/sponsoring.sponsor')"
+                        wire:target="submit"
+                        wire:loading.attr="data-loading"
+                    />
+                </div>
+            </form>
+        </x-filament::modal>
+    </template>
+</div>
diff --git a/resources/views/livewire/modals/anonymous-sponsors.blade.php b/resources/views/livewire/modals/anonymous-sponsors.blade.php
deleted file mode 100644
index 57283380..00000000
--- a/resources/views/livewire/modals/anonymous-sponsors.blade.php
+++ /dev/null
@@ -1,74 +0,0 @@
-<x-modal footerClasses="px-4 pb-5 sm:px-4 sm:flex sm:flex-row-reverse">
-    <x-slot name="content">
-        <p class="text-sm leading-5 text-gray-500 dark:text-gray-400">
-            Vous êtes sur le point de soutenir Laravel Cameroun pour la somme de
-            <span class="font-bold text-gray-900">{{ $amount }} F.CFA</span>
-            . Nous vous remercions pour votre don.
-        </p>
-        <div class="mt-3 grid gap-4 lg:mt-5 lg:grid-cols-2 lg:gap-6">
-            <div>
-                <label for="name">Nom complet</label>
-                <input container-class="mt-1" name="name" id="name" wire:model="name" />
-            </div>
-            <div>
-                <label for="email">Adresse E-mail</label>
-                <input
-                    container-class="mt-1"
-                    name="email"
-                    id="email"
-                    wire:model="email"
-                    placeholder="arthur@laravel.cm"
-                />
-            </div>
-        </div>
-        <div class="mt-4 border-t border-skin-base pt-5">
-            <h5 class="font-medium text-gray-700 dark:text-gray-300">Vous êtes ?</h5>
-            <div class="mt-2 flex items-center space-x-5">
-                <div class="flex items-center gap-x-3">
-                    <input
-                        id="company"
-                        name="type"
-                        wire:model="type"
-                        value="company"
-                        type="radio"
-                        class="size-4 border-skin-input text-primary-600 focus:ring-primary-600"
-                    />
-                    <label for="company" class="block text-sm font-medium leading-6 text-gray-900">
-                        Entreprise
-                    </label>
-                </div>
-                <div class="flex items-center gap-x-3">
-                    <input
-                        id="developer"
-                        name="type"
-                        wire:model="type"
-                        value="developer"
-                        type="radio"
-                        class="size-4 border-skin-input text-primary-600 focus:ring-primary-600"
-                    />
-                    <label for="developer" class="block text-sm font-medium leading-6 text-gray-900">
-                        Développeur / Sympathisant
-                    </label>
-                </div>
-            </div>
-            <div class="mt-1.5">
-                <label for="url">
-                    {{ $type === 'company' ? 'Lien vers le logo de votre entreprise' : 'Lien vers une photo de vous' }}
-                </label>
-                <input container-class="mt-1" name="url" id="url" wire:model="url" inline-addon="https://" />
-            </div>
-        </div>
-    </x-slot>
-
-    <x-slot name="buttons">
-        <span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
-            <x-buttons.primary wire:click="submit" type="button">
-                <x-loader class="text-white" wire:loading wire:target="submit" />
-                Valider
-            </x-buttons.primary>
-        </span>
-        <span class="mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto">
-            <x-buttons.default wire:click="$dispatch('closeModal')" type="button">Annuler</x-buttons.default>
-        </span>
-    </x-slot>
-</x-modal>
diff --git a/resources/views/livewire/pages/sponsoring.blade.php b/resources/views/livewire/pages/sponsoring.blade.php
new file mode 100644
index 00000000..60e027f5
--- /dev/null
+++ b/resources/views/livewire/pages/sponsoring.blade.php
@@ -0,0 +1,124 @@
+<x-container class="py-12">
+    <div class="pb-12 lg:grid lg:grid-cols-10 lg:gap-20">
+        <div class="space-y-4 lg:col-span-7">
+            <!-- Success session flash -->
+            <x-status-message />
+
+            <!-- Error session flash -->
+            <x-error-message />
+
+            <div class="space-y-10">
+                <h1 class="font-heading text-2xl font-bold text-gray-900 dark:text-white lg:text-4xl">
+                    {{ __('pages/sponsoring.title') }}
+                </h1>
+                <div class="relative flex items-center space-x-5">
+                    <div class="shrink-0">
+                        <x-brand.icon class="block h-12 w-auto sm:h-14" aria-hidden="true" />
+                    </div>
+                    <div class="min-w-0 flex-1">
+                        <div class="focus:outline-none">
+                            <p class="text-sm font-medium text-gray-900 dark:text-white">{{ __('global.site_name') }}</p>
+                            <div class="mt-2 flex items-center space-x-4">
+                                <a href="https://twitter.com/laravelcm" class="text-gray-400 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-500">
+                                    <span class="sr-only">Twitter</span>
+                                    <x-icon.twitter class="size-5" aria-hidden="true" />
+                                </a>
+
+                                <a href="https://facebook.com/laravelcm" class="text-gray-400 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-500">
+                                    <span class="sr-only">Facebook</span>
+                                    <x-icon.facebook class="size-5" aria-hidden="true" />
+                                </a>
+
+                                <a href="https://www.linkedin.com/company/laravel-cameroun" class="text-gray-400 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-500">
+                                    <span class="sr-only">LinkedIn</span>
+                                    <x-icon.linkedin class="size-5" aria-hidden="true" />
+                                </a>
+
+                                <a href="https://github.com/laravelcm" class="text-gray-400 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-500">
+                                    <span class="sr-only">Github</span>
+                                    <x-icon.github class="size-5" aria-hidden="true" />
+                                </a>
+
+                                <a href="https://www.youtube.com/channel/UCbQPQ8q31uQmuKtyRnATLSw" class="text-gray-400 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-500">
+                                    <span class="sr-only">YouTube</span>
+                                    <x-icon.youtube class="size-5" aria-hidden="true" />
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="prose prose-green mx-auto overflow-x-hidden dark:prose-invert lg:max-w-4xl">
+                    <p>{!! __('pages/sponsoring.paragraphes.one') !!}</p>
+                    <p>{{ __('pages/sponsoring.paragraphes.two') }}</p>
+                    <p>{{ __('pages/sponsoring.paragraphes.three') }}</p>
+                    <p>{{ __('pages/sponsoring.paragraphes.four') }}</p>
+                    <p>{{ __('pages/sponsoring.paragraphes.five') }}</p>
+                </div>
+                <div class="border-t border-gray-200 dark:border-white/10 pt-12">
+                    <h4 class="font-heading text-lg font-medium text-gray-900 dark:text-white lg:text-xl">Sponsors</h4>
+                    <div class="mt-4 flex flex-wrap items-center gap-6">
+                        <a href="https://laravelshopper.dev" target="_blank" class="flex items-center">
+                            <img
+                                class="h-10 dark:hidden"
+                                src="{{ asset('/images/sponsors/shopper-logo.svg') }}"
+                                alt="Laravel Shopper"
+                            />
+                            <img
+                                class="hidden h-10 dark:block"
+                                src="{{ asset('/images/sponsors/shopper-logo-light.svg') }}"
+                                alt="Laravel Shopper"
+                            />
+                        </a>
+                        <a href="https://gdg.community.dev/gdg-douala" target="_blank" class="flex items-center">
+                            <x-icon.gdg class="h-6 text-gray-900 dark:text-white" aria-hidden="true" />
+                        </a>
+                        <a href="https://notchpay.co" target="_blank" class="flex items-center">
+                            <x-icon.notchpay class="h-6 w-auto text-gray-900 dark:text-white" aria-hidden="true" />
+                        </a>
+                        <a href="https://sharuco.lndev.me" target="_blank" class="flex items-center">
+                            <x-icon.sharuco class="h-5 w-auto text-gray-900 dark:text-white" aria-hidden="true" />
+                            <span class="ml-1 text-xl font-bold text-gray-900 dark:text-white">Sharuco</span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mt-10 lg:col-span-3 lg:mt-0">
+            <x-sticky-content class="space-y-8 divide-y divide-gray-200 dark:divide-white/10">
+                <div class="overflow-hidden rounded-xl border border-gray-200 dark:border-white/10">
+                    <div class="flex flex-wrap items-center bg-gray-100 dark:bg-gray-900 px-4 py-2 text-gray-500 dark:text-gray-400">
+                        @auth
+                            <span class="text-sm text-gray-700 dark:text-gray-300">{{ __('pages/sponsoring.support_as') }}</span>
+                            <span class="ml-3 inline-flex items-center gap-2 text-sm">
+                                <x-user.avatar
+                                    :user="Auth::user()"
+                                    class="size-5"
+                                    span="-right-1 -top-1 w-3.5 h-3.5 ring-1"
+                                />
+                                <span class="font-medium text-gray-900 dark:text-white">
+                                    {{ Auth::user()->username() }}
+                                </span>
+                            </span>
+                        @else
+                            <span>
+                                {{ __('pages/sponsoring.support') }}
+                                <x-link :href="route('login')" class="font-medium text-primary-500 underline">
+                                    {{ __('pages/auth.login.page_title') }}
+                                </x-link>
+                            </span>
+                        @endauth
+                    </div>
+                    @auth
+                        <div class="flex items-center border-t border-gray-200 dark:border-white/10 bg-white dark:bg-gray-800 p-4">
+                            <p class="flex-1 text-sm leading-5 text-gray-500 dark:text-gray-400">
+                                {{ __('pages/sponsoring.support_badge') }}
+                            </p>
+                        </div>
+                    @endauth
+                </div>
+
+                <livewire:components.sponsor-subscription />
+            </x-sticky-content>
+        </div>
+    </div>
+</x-container>
diff --git a/resources/views/livewire/sponsor-subscription.blade.php b/resources/views/livewire/sponsor-subscription.blade.php
deleted file mode 100644
index 49bd2389..00000000
--- a/resources/views/livewire/sponsor-subscription.blade.php
+++ /dev/null
@@ -1,78 +0,0 @@
-<div class="space-y-4">
-    <div class="flex items-center justify-between">
-        <h3 class="text-lg font-medium leading-6 text-gray-900">Choisir une option</h3>
-        <span class="isolate inline-flex rounded-md shadow-sm">
-            <x-buttons.default
-                type="button"
-                @class([
-                    'relative text-sm leading-5 inline-flex items-center rounded-r-none px-2.5 py-2 ring-0 focus:z-10',
-                    'bg-primary-500 text-white hover:bg-primary-500 border-transparent' => $option === 'monthly',
-                    'bg-skin-body hover:bg-skin-card' => $option !== 'monthly',
-                ])
-                wire:click="chooseOption('monthly')"
-            >
-                Mensuel
-            </x-buttons.default>
-            <x-buttons.default
-                type="button"
-                @class([
-                    'relative text-sm leading-5 -ml-px inline-flex items-center rounded-l-none px-2.5 py-2 ring-0 focus:z-10',
-                    'bg-primary-500 text-white hover:bg-primary-500 border-transparent' => $option === 'one-time',
-                    'bg-skin-body hover:bg-skin-card' => $option !== 'one-time',
-                ])
-                wire:click="chooseOption('one-time')"
-            >
-                Une fois
-            </x-buttons.default>
-        </span>
-    </div>
-    <div class="overflow-hidden rounded-md border border-skin-base bg-skin-card">
-        @if ($option === 'monthly')
-            <div class="flex items-start p-4">
-                <x-untitledui-alert-triangle class="size-10 text-yellow-400" />
-                <p class="ml-4 text-base leading-6 text-gray-500 dark:text-gray-400">
-                    Les choix pour cette option ne sont pas encore disponible.
-                </p>
-            </div>
-        @else
-            <div class="p-4 hover:bg-skin-card-muted">
-                <dt class="flex items-center">
-                    <div class="relative flex items-center">
-                        <input
-                            aria-label="Montant"
-                            name="amount"
-                            wire:model="amount"
-                            class="block w-full rounded-md border-skin-input bg-skin-input pr-16 text-gray-500 dark:text-gray-400 placeholder-skin-input shadow-sm focus:border-flag-green focus:placeholder-skin-input-focus focus:outline-none focus:ring-flag-green sm:text-sm"
-                            type="number"
-                            required
-                        />
-                        <div class="absolute inset-y-0 right-0 flex items-center">
-                            <label for="currency" class="sr-only">Devise</label>
-                            <select
-                                wire:model="currency"
-                                id="currency"
-                                name="currency"
-                                class="h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 dark:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm"
-                            >
-                                <option value="XAF">XAF</option>
-                                <option value="USD">USD</option>
-                                <option value="EUR">EUR</option>
-                            </select>
-                        </div>
-                    </div>
-                    <x-buttons.default wire:click="subscribe" class="ml-4">
-                        <x-loader wire:loading class="text-white" wire:target="subscribe" />
-                        Choisir
-                    </x-buttons.default>
-                </dt>
-                @error('amount')
-                    <p class="mt-2 text-sm text-red-500">Votre montant est requis.</p>
-                @enderror
-
-                <dd class="mt-1.5 text-sm leading-5 text-gray-500 dark:text-gray-400">
-                    Choisissez un montant personnalisé. Aucune récompense n'est associée à ce parrainage.
-                </dd>
-            </div>
-        @endif
-    </div>
-</div>
diff --git a/resources/views/sponsors/index.blade.php b/resources/views/sponsors/index.blade.php
deleted file mode 100644
index 50872f08..00000000
--- a/resources/views/sponsors/index.blade.php
+++ /dev/null
@@ -1,183 +0,0 @@
-<x-app-layout title="Soutenir Laravel Cameroun">
-    <x-container class="py-12">
-        <div class="pb-12 lg:grid lg:grid-cols-10 lg:gap-10">
-            <div class="space-y-4 lg:col-span-7">
-                <x-status-message />
-                <x-error-message />
-
-                <div class="space-y-10">
-                    <h1 class="font-heading text-2xl font-bold text-gray-900 lg:text-4xl">
-                        Soutenir Laravel Cameroun
-                    </h1>
-                    <div class="relative flex items-center space-x-5">
-                        <div class="shrink-0">
-                            <x-brand.icon class="block h-12 w-auto sm:h-14" />
-                        </div>
-                        <div class="min-w-0 flex-1">
-                            <div class="focus:outline-none">
-                                <p class="text-sm font-medium text-gray-900">Laravel Cameroun</p>
-                                <div class="mt-2 flex items-center space-x-4">
-                                    <a href="https://twitter.com/laravelcm" class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:text-gray-400">
-                                        <span class="sr-only">Twitter</span>
-                                        <x-icon.twitter class="size-5" />
-                                    </a>
-
-                                    <a href="https://facebook.com/laravelcm" class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:text-gray-400">
-                                        <span class="sr-only">Facebook</span>
-                                        <x-icon.facebook class="size-5" />
-                                    </a>
-
-                                    <a href="https://www.linkedin.com/company/laravel-cameroun" class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:text-gray-400">
-                                        <span class="sr-only">LinkedIn</span>
-                                        <x-icon.linkedin class="size-5" />
-                                    </a>
-
-                                    <a href="https://github.com/laravelcm" class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:text-gray-400">
-                                        <span class="sr-only">Github</span>
-                                        <x-icon.github class="size-5" />
-                                    </a>
-
-                                    <a href="https://www.youtube.com/channel/UCbQPQ8q31uQmuKtyRnATLSw" class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:text-gray-400">
-                                        <span class="sr-only">YouTube</span>
-                                        <x-icon.youtube class="size-5" />
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="prose prose-green mx-auto overflow-x-hidden text-gray-500 dark:text-gray-400 lg:max-w-4xl">
-                        <p>
-                            Bienvenue sur la page de sponsoring de Laravel Cameroun. À travers cette page, vous pouvez
-                            aider à soutenir le développement de la plateforme. Laravel.cm est le portail de la
-                            communauté Laravel Cameroun, un endroit pour la communauté, par la communauté. Son code est
-                            entièrement
-                            <a href="https://github.com/laravelcm/laravel/cm">ouvert (open source)</a>
-                            et constitue une ressource d'apprentissage pour les développeurs. Les développeurs sont
-                            libres de poser des
-                            <a href="https://github.com/laravelcm/issues">questions</a>
-                            , de contribuer au code source ou de s'inspirer pour leurs propres projets.
-                        </p>
-                        <p>
-                            Depuis que nous avons débuté avec la communauté en 2018, nous avons consacré pas mal de
-                            temps à la mise en place des fonctionnalités et à la mise à jour régulière du site. Du
-                            Design à la conception, en passant par l'intégration et le choix des outils pour le
-                            frontend. Et depuis lors d'autres projets sont sur le point de voir le jour grâce à ce
-                            travail fourni depuis des années.
-                        </p>
-                        <p>
-                            Avec les fonds que nous gagnerons grâce à cette page, nous voulons amener Laravel Cameroun à
-                            un niveau supérieur. Nous prévoyons d'étendre la plateforme avec de nombreuses nouvelles
-                            fonctionnalités et de créer le meilleur portail possible pour la communauté Laravel au
-                            Cameroun. Pour ce faire, nous avons besoin de soutien.
-                        </p>
-                        <p>
-                            Grâce aux plans de parrainage présentés sur cette page, vous pouvez nous aider. Qu'elle soit
-                            petite ou grande, chaque contribution nous aidera à couvrir les coûts des prochaines étapes.
-                        </p>
-                        <p>
-                            Merci d'envisager de sponsoriser Laravel Cameroun ! Votre aide permettra à la plateforme de
-                            continuer à fonctionner et à s'améliorer.
-                        </p>
-                    </div>
-                    <div class="border-t border-skin-base pt-12">
-                        <h4 class="font-heading text-lg font-medium text-gray-900 lg:text-xl">Sponsors</h4>
-                        <div class="mt-4 flex flex-wrap items-center gap-6">
-                            <a href="https://laravelshopper.io" target="_blank" class="flex items-center">
-                                <img
-                                    class="logo-white h-10"
-                                    src="{{ asset('/images/sponsors/shopper-logo.svg') }}"
-                                    alt="Laravel Shopper"
-                                />
-                                <img
-                                    class="logo-dark h-10"
-                                    src="{{ asset('/images/sponsors/shopper-logo-light.svg') }}"
-                                    alt="Laravel Shopper"
-                                />
-                            </a>
-                            <a href="https://gdg.community.dev/gdg-douala" target="_blank" class="flex items-center">
-                                <x-icon.gdg class="h-6 text-gray-900" />
-                            </a>
-                            <a href="https://notchpay.co" class="flex items-center">
-                                <x-icon.notchpay class="h-6 w-auto text-gray-900" />
-                            </a>
-                            <a href="https://dark-code.cm" class="flex items-center">
-                                <x-icon.darkcode class="h-5 w-auto text-gray-900" />
-                            </a>
-                            <a href="https://sharuco.lndev.me" class="flex items-center">
-                                <x-icon.sharuco class="h-5 w-auto text-gray-900" />
-                                <span class="ml-1 text-xl font-bold text-gray-900">Sharuco</span>
-                            </a>
-                        </div>
-                        <div class="mt-10 flex flex-wrap items-center">
-                            <ul role="list" class="lg:grid-cols-20 grid grid-cols-6 gap-1 sm:grid-cols-12">
-                                @foreach ($sponsors as $sponsor)
-                                    <x-sponsor-profile :sponsor="$sponsor" />
-                                @endforeach
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="mt-10 lg:col-span-3 lg:mt-0">
-                <x-sticky-content class="space-y-8">
-                    <div class="overflow-hidden rounded-md border border-skin-base">
-                        <div class="flex flex-wrap items-center bg-skin-card px-4 py-3 text-gray-500 dark:text-gray-400">
-                            @auth
-                                <span>Soutenir comme</span>
-                                <span class="ml-3 inline-flex items-center space-x-2 text-sm">
-                                    <x-user.avatar
-                                        :user="Auth::user()"
-                                        class="size-5"
-                                        span="-right-1 -top-1 w-3.5 h-3.5 ring-1"
-                                    />
-                                    <span class="font-medium text-gray-900">{{ Auth::user()->username() }}</span>
-                                </span>
-                            @else
-                                <span>
-                                    Soutenir en tant qu'invité ou
-                                    <a href="{{ route('login') }}" class="font-medium text-primary-500 underline">
-                                        se connecter
-                                    </a>
-                                </span>
-                            @endauth
-                        </div>
-                        @auth
-                            <div class="flex items-center border-t border-skin-base bg-skin-card-muted p-4">
-                                <span class="relative inline-block">
-                                    <img
-                                        class="size-10 rounded-full ring-2 ring-yellow-500"
-                                        src="{{ Auth::user()->profile_photo_url }}"
-                                        alt="{{ Auth::user()->username() }}"
-                                    />
-                                    <span
-                                        class="absolute -right-1 top-0 flex size-4 items-center justify-center rounded-full bg-white ring-2 ring-yellow-500"
-                                    >
-                                        <svg
-                                            class="h-3 w-3 text-yellow-500"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            viewBox="0 0 24 24"
-                                            fill="currentColor"
-                                        >
-                                            <path
-                                                fill-rule="evenodd"
-                                                d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z"
-                                                clip-rule="evenodd"
-                                            />
-                                        </svg>
-                                    </span>
-                                </span>
-                                <p class="ml-4 flex-1 text-sm leading-5 text-gray-500 dark:text-gray-400">
-                                    Voici le badge sur votre avatar que vous obtiendrez et qui indique que vous êtes un
-                                    sponsor de
-                                    @laravelcm.
-                                </p>
-                            </div>
-                        @endauth
-                    </div>
-
-                    <livewire:sponsor-subscription />
-                </x-sticky-content>
-            </div>
-        </div>
-    </x-container>
-</x-app-layout>
diff --git a/routes/web.php b/routes/web.php
index 4083ad80..b3299f33 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -5,10 +5,10 @@
 use App\Http\Controllers\NotchPayCallBackController;
 use App\Http\Controllers\OAuthController;
 use App\Http\Controllers\ReplyAbleController;
-use App\Http\Controllers\SponsoringController;
 use App\Http\Controllers\SubscriptionController;
 use App\Livewire\Pages\Home;
 use App\Livewire\Pages\Notifications;
+use App\Livewire\Pages\Sponsoring;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', Home::class)->name('home');
@@ -41,11 +41,11 @@
     ->name('notifications')
     ->middleware(['auth', 'checkIfBanned']);
 
-Route::feeds();
-
-Route::get('sponsors', [SponsoringController::class, 'sponsors'])->name('sponsors');
+Route::get('sponsors', Sponsoring::class)->name('sponsors');
 Route::get('callback-payment', NotchPayCallBackController::class)->name('notchpay-callback');
 
 require __DIR__.'/features/account.php';
 
 require __DIR__.'/auth.php';
+
+Route::feeds();