Notification mail

app/Http/Controllers/Club/Auth/LoginController.php

@@ -8,6 +8,7 @@ use Illuminate\Contracts\Auth\StatefulGuard;
 use Illuminate\Contracts\View\View;
 use Illuminate\Foundation\Auth\AuthenticatesUsers;
 use Illuminate\Http\Request;
+use Illuminate\Notifications\Messages\MailMessage;
 use Illuminate\Support\Arr;
 use Illuminate\Support\Facades\Auth;
 
@@ -42,6 +43,16 @@ class LoginController extends Controller
      */
     public function showLoginForm(): View
     {
+        die((new MailMessage())
+            ->template('notifications::email-club')
+            ->subject(trans("Mise à jour de l'email - :site_name", [
+                'site_name' => config('app.name')
+            ]))
+            ->greeting(trans('Bonjour :name', ['name' => 'sdsd']))
+            ->action('bonton action', route('fo.add-single-optin'))
+            ->line(trans("L'email associé à votre compte :site_name vient d'être modifié.", [
+                'site_name' => config('app.name')
+            ]))->render());
         return view('club.auth.login');
     }
 

app/Notifications/Customer/DestroyCustomer.php

@@ -32,6 +32,7 @@ class DestroyCustomer extends Notification
         $firstname = $notifiable->username;
 
         return (new MailMessage())
+            ->template('notifications::email-club')
             ->subject(trans('Supression du compte - :site_name', [
                 'site_name' => config('app.name')
             ]))

app/Notifications/Customer/DestroyedCustomer.php

@@ -31,6 +31,7 @@ class DestroyedCustomer extends Notification
     {
         // phpcs:enable
         return (new MailMessage())
+            ->template('notifications::email-club')
             ->subject(trans('Votre compte est suprimé - :site_name', [
                 'site_name' => config('app.name')
             ]))

app/Notifications/Customer/ResetPassword.php

@@ -46,6 +46,7 @@ class ResetPassword extends NotificationsResetPassword
         $firstname = $notifiable->username;
 
         return (new MailMessage())
+            ->template('notifications::email-club')
             ->subject(trans('Mot de passe oublié - :site_name', ['site_name' => config('app.name')]))
             /** @var string $firstname */
             ->greeting(trans('Bonjour :name', ['name' => $firstname]))

app/Notifications/Customer/UpdateEmail.php

@@ -32,6 +32,7 @@ class UpdateEmail extends Notification
         $firstname = $notifiable->username;
 
         return (new MailMessage())
+            ->template('notifications::email-club')
             ->subject(trans("Mise à jour de l'email - :site_name", [
                 'site_name' => config('app.name')
             ]))

app/Notifications/Customer/UpdatePassword.php

@@ -32,6 +32,7 @@ class UpdatePassword extends Notification
         $firstname = $notifiable->username;
 
         return (new MailMessage())
+            ->template('notifications::email-club')
             ->subject(trans("Mise à jour du mot de passe - :site_name", [
                 'site_name' => config('app.name')
             ]))

app/Notifications/Customer/VerifyEmail.php

@@ -45,6 +45,7 @@ class VerifyEmail extends NotificationsVerifyEmail
         $firstname       = $notifiable->username;
 
         return (new MailMessage())
+            ->template('notifications::email-club')
             ->subject(trans("Inscription - :site_name", ['site_name' => config('app.name')]))
             /** @var string $firstname */
             ->greeting(trans('Bonjour :name', ['name' => $firstname]))

resources/assets/images/mail/header-left.svg

@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="139" height="71" viewBox="0 0 139 71" fill="none">
+    <path d="M92.6008 22.1002C93.4934 27.7057 92.3839 35.0964 86.3529 37.3903C80.8392 39.4757 73.3651 38.675 69.9617 33.3697C68.7355 31.3427 67.8846 28.8319 68.7855 26.4462C69.0358 25.7705 70.1202 24.978 70.971 25.3201C71.1879 25.3868 71.3631 25.4785 71.5466 25.587C71.6217 25.6203 71.5466 25.6037 71.5049 25.637C71.4799 25.6621 71.5466 25.6037 71.5883 25.4869C72.3975 21.6915 72.0221 17.5624 73.8155 13.9504C75.0417 11.1393 77.7694 8.94549 80.7974 8.3866C82.2489 8.17806 83.8838 7.71927 85.2685 8.33655C85.7357 8.60348 85.7106 9.3292 85.2352 9.57111C84.8765 9.77965 84.5011 9.79633 84.1508 9.80467C74.7331 9.57945 73.6904 17.2037 73.0398 24.8029C72.9146 25.8956 72.3224 27.3471 70.921 26.7214C70.8042 26.6797 70.6374 26.6464 70.579 26.7548C70.3204 27.3054 70.1452 28.0811 70.2203 28.8402C70.6457 34.5876 76.6266 37.357 81.8902 36.8565C85.9859 36.8315 89.8814 34.4708 91.0743 30.4251C91.9502 27.8392 92.0419 24.9697 91.7833 22.1836C91.7249 21.6497 92.5424 21.558 92.6091 22.0919L92.6008 22.1002Z" fill="white"/>
+    <path d="M90.7239 14.9348C90.532 14.8263 90.5737 14.6595 90.507 14.526C89.8647 12.524 88.7636 10.1717 86.7616 9.32088C86.5614 9.25414 86.4696 9.0456 86.503 8.85375C86.6031 6.97689 87.1703 1.42138 84.3092 1.6466C83.2498 1.71334 82.3572 2.13876 81.9819 3.13975C81.7733 3.61522 81.8818 4.1324 81.3396 4.69129C81.1477 4.96656 80.7473 5.05832 80.5137 4.78304C79.471 3.52346 80.7974 1.32962 81.9902 0.64561C88.1046 -2.16551 88.455 4.86646 87.3288 8.99555L87.0702 8.52842C89.2391 9.46268 90.2484 11.7983 90.8907 13.9088L91.0158 14.3675C91.0325 14.526 91.1493 14.6595 91.0242 14.8514C90.9574 14.9515 90.824 14.9765 90.7239 14.9181V14.9348Z" fill="white"/>
+    <path d="M82.0416 6.80976C81.1407 6.55951 80.7654 5.80042 80.023 5.39168C79.1805 4.84948 78.1545 4.71601 77.5539 5.45007C77.4287 6.38433 78.6549 7.3603 79.3473 8.03597C79.756 8.33627 79.3139 8.99526 78.8802 8.72832C77.4287 7.95256 75.0347 5.80877 76.8365 4.16547C78.4381 2.75574 80.7403 3.64829 82.0416 4.99129C82.5421 5.33329 83.2762 7.03498 82.0416 6.80976Z" fill="white"/>
+    <path d="M89.1243 14.6429L94.9634 15.2352C95.3721 15.2602 95.4806 15.8524 95.1135 16.0276C93.3201 17.0536 91.51 18.063 89.8083 19.2224C89.7165 19.2808 89.4329 19.4977 89.3578 19.5728C89.3245 19.5978 89.3412 19.5895 89.3578 19.5728C88.9658 20.2485 87.6144 19.8397 88.0566 18.797C88.1984 18.5801 88.4236 18.3966 88.6238 18.2715C89.533 17.7043 90.5173 17.2455 91.4766 16.7784C92.561 16.2612 93.6454 15.769 94.7382 15.2769L94.8883 16.061L89.0409 15.5271C88.4569 15.4687 88.5404 14.5845 89.1243 14.6429Z" fill="white"/>
+    <path d="M90.8991 17.871L95.0783 21.9917C95.3786 22.267 95.0866 22.7925 94.6945 22.7008C92.5257 22.3671 90.3486 21.9584 88.1547 21.8499H87.9879C87.9128 21.8499 88.0296 21.8583 88.0379 21.8332C87.1287 22.2086 86.5531 20.8239 87.4624 20.4402C87.7126 20.3568 87.9962 20.3568 88.2381 20.3818C89.3059 20.5153 90.3569 20.7655 91.3913 21.0074C92.5591 21.2827 93.7186 21.5746 94.8697 21.8833L94.486 22.5923L90.2652 18.5133C89.8481 18.1045 90.4653 17.4706 90.8908 17.8793L90.8991 17.871Z" fill="white"/>
+    <path d="M78.655 37.8907L79.2056 42.9457C79.2807 43.6964 78.1295 43.7882 78.0878 43.0374L77.8209 37.9574C77.7959 37.4319 78.5967 37.3652 78.655 37.8907Z" fill="white"/>
+    <path d="M78.7681 40.9187L81.8878 42.7789C82.8888 43.4212 81.8044 44.8559 80.9118 44.0718L78.2592 41.586C77.8922 41.2607 78.351 40.6601 78.7597 40.9187H78.7681Z" fill="white"/>
+    <path d="M78.7364 41.9865C77.8355 42.5621 76.8345 43.0876 76.0838 43.8467C75.8669 44.5056 74.5406 44.1219 75.1662 43.1793C76.0588 42.2868 77.2516 41.828 78.3444 41.2524C78.5529 41.1523 78.8032 41.2357 78.9033 41.4443C79.0034 41.6445 78.9199 41.878 78.7364 41.9865Z" fill="white"/>
+    <path d="M92.1257 39.676L87.7463 40.7937C87.5795 40.8438 87.4043 40.7854 87.2876 40.6603L84.7183 37.8742C84.4764 37.6156 84.4931 37.2069 84.7517 36.965C85.0353 36.7064 85.4858 36.7481 85.711 37.0651L87.9299 40.1348L87.4711 40.0013L91.6252 38.2162C92.6429 37.8075 93.1767 39.3757 92.1257 39.676Z" fill="white"/>
+    <path d="M86.7959 41.9365L87.1963 40.3432C87.238 40.1013 87.4632 39.9428 87.7051 39.9929L89.9907 40.485C90.2326 40.5351 90.3828 40.777 90.3327 41.0189C90.2827 41.2608 90.0324 41.4193 89.7905 41.3609L87.5216 40.8104L88.0304 40.46L88.0054 42.1033C87.9637 43.0042 86.604 42.8207 86.7959 41.9448V41.9365Z" fill="white"/>
+    <path d="M81.1207 23.5267C80.078 21.6582 78.3429 19.798 76.3993 18.8471C75.6569 18.6719 75.5485 19.7647 75.9489 20.2401C76.1824 20.5905 76.5495 20.8908 76.9248 21.1911C77.1584 21.3663 76.8998 21.7333 76.6579 21.5748L75.2565 20.824C75.2815 20.5988 75.0229 21.1661 75.1397 21.5247C75.2315 21.9335 75.4817 22.2671 75.8488 22.5174C76.3159 22.9929 77.8507 22.9845 77.5505 23.9855C77.0416 25.0449 75.7737 23.8354 75.1397 23.3682C74.414 22.7343 73.9636 21.5581 74.4474 20.6322C74.5391 20.3903 74.9646 19.9565 75.3232 20.1067C75.5151 20.1234 76.7413 21.091 76.9248 21.1994L76.6579 21.5831C75.7653 21.0826 74.6809 20.1901 75.0063 18.9639C75.9822 15.6356 81.7463 21.0409 82.6555 22.5508C83.3729 23.5935 81.763 24.6195 81.1207 23.5267Z" fill="white"/>
+    <path d="M80.9528 16.1446C81.5701 14.0842 84.0976 12.9914 86.1246 13.8756C87.0922 14.276 86.5166 15.7275 85.5323 15.3521C84.206 14.3511 82.1456 14.7515 81.2948 16.2864C81.1947 16.4866 80.8777 16.3447 80.9528 16.1362V16.1446Z" fill="white"/>
+    <path d="M134.192 29.4924C135.565 35.6557 135.304 43.7132 128.981 46.8901C122.136 50.3276 111.072 49.0748 109.348 40.3559C109.168 39.454 109.258 38.5119 109.498 37.8204C109.598 37.5999 109.949 37.7603 110.14 37.8004C112.805 38.1411 112.074 34.1525 112.174 32.549C111.733 24.1207 113.808 16.4641 123.408 15.7525C123.829 15.7024 124.27 15.6323 124.671 15.3316C125.212 14.9809 125.132 14.109 124.551 13.8484C122.817 13.2972 120.913 14.0789 119.219 14.5199C115.682 15.6022 112.725 18.5787 111.643 22.1063C110.5 25.5037 110.571 29.0915 110.661 32.579C110.641 33.8117 110.861 35.2949 110.47 36.3673C110.52 36.3172 110.601 36.3272 110.51 36.2971C109.939 36.0265 109.308 35.9063 108.666 36.1769C105.399 38.0209 107.895 43.7132 109.679 45.7977C114.469 51.6705 123.499 51.6103 129.792 48.3733C136.677 44.8056 137.008 35.8461 135.184 29.2719C135.014 28.6405 134.082 28.861 134.212 29.5024L134.192 29.4924Z" fill="white"/>
+    <path d="M132.296 20.8437C132.416 20.5931 132.256 20.4528 132.216 20.2624C131.173 17.6367 129.62 14.7204 126.724 13.8285L127.095 14.3496C127.876 9.26858 126.503 0.920471 119.588 5.09954C118.255 6.07165 116.973 8.87773 118.386 10.2307C118.706 10.5313 119.167 10.361 119.358 10.0102C119.929 9.26858 119.729 8.66728 119.909 8.076C120.23 6.8333 121.232 6.20193 122.485 5.97143C125.862 5.30999 125.942 12.0246 126.082 14.2795C126.062 14.52 126.213 14.7505 126.453 14.8006C128.959 15.5422 130.592 18.208 131.624 20.503C131.725 20.6633 131.695 20.8637 131.935 20.964C132.065 21.0241 132.216 20.974 132.276 20.8437H132.296Z" fill="white"/>
+    <path d="M121.238 11.7738C120.948 10.4309 119.765 9.90978 118.683 9.32852C116.879 8.34638 113.892 8.83745 113.341 11.1124C113.111 13.2169 115.436 14.4196 116.969 15.1612C117.54 15.4117 117.961 14.5899 117.43 14.2692C116.528 13.5878 113.672 11.6736 115.586 10.8618C116.638 10.2605 118.132 11.0322 119.074 11.7738C119.454 12.0745 119.875 12.3451 120.477 12.4453C120.888 12.5655 121.308 12.2048 121.228 11.7738H121.238Z" fill="white"/>
+    <path d="M130.016 21.8961L137.071 21.7358L136.79 20.8138C134.616 22.1066 132.441 23.3894 130.366 24.8525C130.206 24.9828 129.795 25.2935 129.655 25.4338C129.114 25.8747 129.064 26.8068 129.795 27.0974C130.256 27.2878 130.787 27.0673 130.978 26.5963C130.998 26.6264 130.898 26.7266 130.948 26.6564C131.329 26.2355 131.79 25.8747 132.231 25.5039C133.884 24.1711 135.608 22.8983 137.332 21.6456C137.753 21.395 137.532 20.7035 137.051 20.7236L129.996 20.8138C129.294 20.8238 129.314 21.8961 130.016 21.8861V21.8961Z" fill="white"/>
+    <path d="M131.898 25.2833L137.49 29.5826L137.851 28.6906C135.345 28.3399 132.85 27.9691 130.315 27.8087C130.104 27.8087 129.593 27.7887 129.393 27.8087C128.691 27.8087 128.07 28.5103 128.461 29.1917C128.701 29.6327 129.252 29.783 129.693 29.5425C129.693 29.5826 129.543 29.5926 129.633 29.5726C130.194 29.4924 130.786 29.4924 131.357 29.4824C133.481 29.4824 135.626 29.5726 137.751 29.6728C138.242 29.7429 138.502 29.0614 138.111 28.7808L132.559 24.4314C132.008 24.0005 131.347 24.8423 131.908 25.2732L131.898 25.2833Z" fill="white"/>
+    <path d="M120.356 49.3056L117.32 54.6071C116.879 55.3988 118.091 56.0502 118.512 55.2485L121.248 49.7766C121.529 49.2054 120.687 48.7544 120.366 49.3056H120.356Z" fill="white"/>
+    <path d="M118.426 53.2538L119.479 57.493C119.87 58.866 121.894 58.1244 121.303 56.8216L119.359 52.9131C119.108 52.382 118.256 52.6926 118.416 53.2639L118.426 53.2538Z" fill="white"/>
+    <path d="M118.729 52.9633C117.316 52.823 115.893 52.5824 114.47 52.7829C114.289 52.8129 114.099 52.9031 113.948 53.0134C113.267 53.5946 114.139 54.6469 114.83 54.0657C114.81 54.0857 114.78 54.1057 114.75 54.1158C114.82 54.0857 114.89 54.0757 114.991 54.0556C116.183 53.8853 117.436 53.9354 118.649 53.9654C119.28 53.9855 119.35 53.0434 118.729 52.9633Z" fill="white"/>
+    <path d="M136.334 51.1093L130.912 51.4902L131.383 51.8209L130.09 47.4514C129.8 46.4793 128.317 46.9203 128.607 47.8924C128.607 47.9224 128.627 47.9525 128.637 47.9826L130.441 52.1616C130.521 52.352 130.702 52.4723 130.892 52.4923C130.892 52.5024 136.304 52.9634 136.314 52.9734C137.627 53.0536 137.647 51.0693 136.334 51.1194V51.1093Z" fill="white"/>
+    <path d="M130.683 54.0658L131.364 52.2118L130.653 52.4122L133.008 53.9355C133.599 54.3163 134.18 53.4144 133.589 53.0335C133.589 53.0235 131.194 51.5704 131.184 51.5603C130.953 51.42 130.653 51.4902 130.502 51.7107L130.472 51.7608L129.38 53.4044C128.809 54.3264 130.272 55.068 130.683 54.0658Z" fill="white"/>
+    <path d="M118.641 33.3007C119.633 30.9356 121.447 28.4702 123.652 27.0772C124.514 26.7665 124.784 28.0593 124.384 28.6807C124.153 29.1316 123.752 29.5425 123.341 29.9534C123.091 30.1939 123.452 30.5948 123.712 30.3743L125.286 29.282C125.225 29.0214 125.616 29.6528 125.516 30.1037C125.466 30.6048 125.205 31.0358 124.804 31.3865C124.313 32.0179 122.479 32.2083 122.97 33.3708C123.722 34.5634 125.075 32.9499 125.767 32.3085C126.548 31.4467 126.929 29.9935 126.218 28.9412C126.067 28.6606 125.526 28.2096 125.105 28.4401C124.875 28.4902 123.542 29.8031 123.341 29.9634L123.712 30.3844C124.173 30.0236 124.664 29.6427 125.035 29.0915C125.686 28.2497 125.616 26.7264 124.564 26.1151C123.512 25.4937 122.319 26.4358 121.577 26.9269C119.583 28.3199 117.889 30.1839 116.667 32.3586C115.955 33.7016 118.01 34.7037 118.631 33.3107L118.641 33.3007Z" fill="white"/>
+    <path d="M118.82 15.9429C118.71 14.8104 117.758 14.4496 116.896 13.9686C115.423 13.1669 112.998 13.6178 112.567 15.4819C112.366 17.1655 114.21 18.1477 115.443 18.6888C115.704 18.7991 115.994 18.6688 116.094 18.4183C116.195 18.1878 116.094 17.9372 115.904 17.7969C115.273 17.2758 114.16 16.5241 114.16 15.8026C114.892 14.9908 116.165 15.5721 116.946 16.2135C117.337 16.6344 118.82 16.9551 118.8 15.9529L118.82 15.9429Z" fill="white"/>
+    <path d="M126.618 19.4706C126.348 20.7234 126.197 22.1464 125.546 23.2388C125.546 23.2388 125.516 23.2789 125.536 23.2388C125.566 23.1987 125.626 23.1987 125.666 23.1887C125.706 23.1586 125.786 23.2088 125.776 23.1987C125.095 22.1064 124.774 20.7735 124.413 19.5408C124.293 19.0998 123.842 18.8293 123.401 18.9495C122.91 19.0798 122.65 19.631 122.87 20.092C123.451 21.3146 124.003 22.5373 124.854 23.6196C126.297 25.1329 126.648 22.7878 126.708 21.7055C126.779 20.9639 126.799 20.2223 126.809 19.4807C126.809 19.4306 126.769 19.3804 126.708 19.3804C126.658 19.3804 126.618 19.4205 126.608 19.4606L126.618 19.4706Z" fill="white"/>
+    <path d="M14.6842 57.1578L1.31969 56.613H1.20051C0.468442 56.579 -0.0763554 55.9321 0.00876914 55.217C0.366292 50.6203 3.9926 45.7001 9.03198 46.6705C10.3259 46.7897 11.9773 47.4707 13.169 47.9814C13.5947 48.1517 13.799 48.6454 13.6287 49.071C13.4414 49.5137 12.9307 49.7009 12.488 49.5137C6.86981 47.1302 3.12433 49.3094 2.61358 55.4043L1.30266 54.0082L14.6672 53.4634C17.2039 53.4124 17.2039 57.2259 14.6672 57.1749L14.6842 57.1578Z" fill="white"/>
+    <path d="M58.4237 29.5119L50.1847 29.1628H50.1112C49.6599 29.141 49.324 28.7265 49.3765 28.2683C49.5969 25.3231 51.8325 22.1706 54.9391 22.7923C55.7368 22.8687 56.7549 23.305 57.4896 23.6323C57.7519 23.7414 57.8779 24.0577 57.7729 24.3304C57.6575 24.614 57.3426 24.734 57.0697 24.614C53.6062 23.0869 51.2972 24.4831 50.9823 28.3883L50.1742 27.4938L58.4132 27.1448C59.977 27.112 59.977 29.5555 58.4132 29.5228L58.4237 29.5119Z" fill="white"/>
+    <path d="M110.279 70.9428L121.242 70.6816H121.339C121.94 70.6652 122.387 70.355 122.317 70.0121C122.024 67.8077 119.049 65.4482 114.915 65.9135C113.854 65.9707 112.499 66.2973 111.522 66.5422C111.173 66.6238 111.005 66.8606 111.145 67.0647C111.298 67.277 111.717 67.3668 112.08 67.277C116.689 66.134 119.761 67.179 120.18 70.1019L121.256 69.4324L110.293 69.1711C108.212 69.1466 108.212 70.9755 110.293 70.951L110.279 70.9428Z" fill="white"/>
+    <path d="M31.2546 34.3579C35.7016 38.4612 38.9957 43.7174 41.3015 49.2959C42.0535 51.1721 42.6478 53.1127 42.8698 55.1393L41.1583 55.3398C40.8647 51.3081 40.564 45.6867 39.8693 41.7481C39.1461 37.208 38.0576 32.7251 36.8832 28.271C36.833 28.0776 36.9476 27.8843 37.141 27.8341C37.32 27.784 37.499 27.8771 37.5635 28.0418C38.4586 30.1901 39.2893 32.3671 39.9982 34.5942C42.0606 41.2755 43.8437 48.3721 42.9128 55.4114C42.8483 56.3853 41.4662 56.55 41.1941 55.6119C39.5256 52.06 38.523 48.3363 36.7972 44.8274C35.9665 43.0801 35.0571 41.3614 34.0402 39.7C33.0162 38.0172 31.9205 36.4059 30.7246 34.8377C30.4597 34.5082 30.9466 34.0571 31.2546 34.3579Z" fill="white"/>
+    <path d="M40.8809 54.6673C42.0338 48.1865 44.0461 41.3763 48.5576 36.385C48.844 36.0485 49.3811 36.471 49.1233 36.829C47.2399 39.4715 45.8578 42.4147 45.02 45.5011C44.1678 48.5875 43.7883 51.7957 43.4804 55.0325C43.2584 56.8299 40.5945 56.4647 40.8809 54.6601V54.6673Z" fill="white"/>
+</svg>

resources/assets/images/mail/header-right.svg

@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="161" height="70" viewBox="0 0 161 70" fill="none">
+    <path d="M111.107 69.2763L102.164 68.9516H102.085C101.595 68.9313 101.23 68.5456 101.287 68.1194C101.526 65.3793 103.953 62.4464 107.325 63.0249C108.191 63.0959 109.296 63.5018 110.093 63.8063C110.378 63.9078 110.514 64.2021 110.401 64.4558C110.275 64.7197 109.934 64.8313 109.637 64.7197C105.878 63.2989 103.372 64.5979 103.03 68.231L102.153 67.3988L111.095 67.0741C112.793 67.0436 112.793 69.3169 111.095 69.2864L111.107 69.2763Z" fill="white"/>
+    <path d="M89.1336 42.3424L92.9583 42.2614H92.9924C93.2019 42.2564 93.3578 42.1601 93.3334 42.0538C93.2311 41.3702 92.1933 40.6385 90.7512 40.7828C90.3809 40.8005 89.9083 40.9018 89.5672 40.9777C89.4454 41.0031 89.387 41.0765 89.4357 41.1398C89.4893 41.2056 89.6354 41.2335 89.7621 41.2056C91.3699 40.8512 92.4418 41.1752 92.588 42.0817L92.9631 41.874L89.1385 41.793C88.4125 41.7854 88.4125 42.3526 89.1385 42.345L89.1336 42.3424Z" fill="white"/>
+    <path d="M37.2127 30.2353C39.8627 32.6804 41.8256 35.8125 43.1996 39.1367C43.6477 40.2547 44.0018 41.4111 44.1341 42.6187L43.1143 42.7382C42.9393 40.3358 42.7601 36.986 42.3462 34.6391C41.9152 31.9337 41.2666 29.2624 40.5667 26.6082C40.5369 26.493 40.6052 26.3778 40.7204 26.3479C40.827 26.3181 40.9337 26.3735 40.9721 26.4717C41.5055 27.7518 42.0005 29.0491 42.423 30.3762C43.6519 34.3574 44.7144 38.5862 44.1597 42.7809C44.1213 43.3612 43.2977 43.4593 43.1356 42.9003C42.1413 40.7838 41.5439 38.5649 40.5155 36.474C40.0205 35.4328 39.4786 34.4086 38.8727 33.4187C38.2625 32.4159 37.6096 31.4558 36.897 30.5212C36.7391 30.3249 37.0292 30.0561 37.2127 30.2353Z" fill="white"/>
+    <path d="M42.9542 42.3381C43.6412 38.4763 44.8403 34.4182 47.5287 31.4439C47.6993 31.2434 48.0194 31.4951 47.8658 31.7085C46.7435 33.2831 45.9199 35.0369 45.4207 36.8761C44.9129 38.7152 44.6867 40.6269 44.5032 42.5557C44.3709 43.6268 42.7835 43.4091 42.9542 42.3338V42.3381Z" fill="white"/>
+    <path d="M68.1143 48.1801C65.9465 50.1804 64.3407 52.7426 63.2167 55.462C62.8501 56.3766 62.5604 57.3226 62.4522 58.3105L63.2865 58.4082C63.4296 56.4429 63.5762 53.7026 63.9148 51.7827C64.2674 49.5695 64.798 47.3842 65.3705 45.213C65.3949 45.1187 65.3391 45.0245 65.2448 45C65.1576 44.9756 65.0703 45.021 65.0389 45.1013C64.6025 46.1485 64.1976 47.2097 63.852 48.2953C62.8466 51.5523 61.9774 55.0117 62.4312 58.4431C62.4627 58.9179 63.1364 58.9982 63.269 58.5409C64.0824 56.8094 64.5711 54.9942 65.4124 53.2837C65.8173 52.432 66.2607 51.5942 66.7564 50.7843C67.2486 49.9744 67.7861 49.1855 68.3691 48.421C68.4983 48.2604 68.2609 48.0405 68.1108 48.1871L68.1143 48.1801Z" fill="white"/>
+    <path d="M61.3704 58.5794C62.1419 53.7098 60.955 48.6586 58.2182 44.7314C58.1833 44.6825 58.117 44.6686 58.0646 44.7035C58.0157 44.7349 58.0053 44.8012 58.0332 44.8501C60.4419 48.9204 61.1714 53.8703 60.1137 58.3351C59.9357 59.1903 61.2063 59.4452 61.3704 58.5829V58.5794Z" fill="white"/>
+    <path d="M133.927 39.138C132.187 44.1166 131.609 50.8386 136.537 54.099C141.841 57.6276 151.202 57.6611 153.452 50.6039C153.695 49.8747 153.712 49.0785 153.578 48.4834C153.519 48.2906 153.21 48.3828 153.051 48.3996C150.8 48.4247 151.804 45.1811 151.88 43.84C153.076 36.8834 152.114 30.3207 144.225 28.7869C143.882 28.7031 143.522 28.6025 143.221 28.3175C142.803 27.9739 142.953 27.2531 143.472 27.1022C144.944 26.8088 146.475 27.6554 147.822 28.1834C150.65 29.4322 152.808 32.1981 153.36 35.2322C153.979 38.1658 153.561 41.1412 153.143 44.0244C153.034 45.047 152.708 46.2623 152.925 47.1926C152.892 47.1424 152.817 47.1424 152.9 47.134C153.402 46.958 153.938 46.9244 154.439 47.2178C156.966 49.0701 154.339 53.5542 152.649 55.1048C148.098 59.5051 140.619 58.5747 135.717 55.264C130.355 51.6265 130.974 44.1502 133.132 38.8698C133.333 38.3669 134.086 38.6435 133.918 39.1548L133.927 39.138Z" fill="white"/>
+    <path d="M136.345 32.1393C136.27 31.9213 136.412 31.8124 136.463 31.6615C137.575 29.5661 139.165 27.3199 141.649 26.8589L141.29 27.2612C141.089 24.8809 142.385 21.7546 145.23 22.1317C147.104 22.3413 149.019 23.4393 149.505 25.3838C149.672 26.0124 149.764 26.7164 149.128 27.2612C148.835 27.5127 148.501 27.3283 148.317 27.0517C147.681 26.2303 148.074 25.5346 147.321 24.8138C146.819 24.2439 145.866 23.8667 145.046 23.7075C143.071 23.3554 142.36 25.7693 142.101 27.3786C142.076 27.5546 141.925 27.6803 141.758 27.6971C139.608 28.0658 138.01 30.1277 136.906 31.9297C136.814 32.0554 136.806 32.2231 136.596 32.2817C136.488 32.3236 136.362 32.265 136.32 32.1476L136.345 32.1393Z" fill="white"/>
+    <path d="M138.135 33.2455L132.304 32.4241L132.631 31.6865C134.304 32.9772 135.985 34.2512 137.558 35.6761C137.683 35.7934 137.993 36.0952 138.093 36.2293C138.503 36.6483 138.445 37.4278 137.809 37.5955C137.407 37.7044 136.989 37.4697 136.88 37.0674C136.864 37.0926 136.939 37.1848 136.897 37.1177C136.621 36.7322 136.278 36.3801 135.943 36.0365C134.705 34.7625 133.4 33.5388 132.095 32.3235C131.769 32.072 132.02 31.5189 132.421 31.5859L138.261 32.357C138.838 32.4408 138.721 33.3209 138.144 33.2455H138.135Z" fill="white"/>
+    <path d="M136.238 35.8774L131.176 38.8947L130.967 38.1152C133.084 38.0649 135.184 38.0063 137.3 38.1236C137.476 38.1404 137.903 38.1823 138.07 38.2242C138.655 38.2996 139.09 38.9366 138.706 39.4647C138.463 39.8083 137.986 39.8837 137.652 39.6323C137.652 39.6658 137.769 39.6826 137.693 39.6658C137.601 39.6323 137.242 39.5652 137.133 39.5401C135.092 39.23 133.017 39.0959 130.951 38.945C130.532 38.9618 130.382 38.3583 130.741 38.1655L135.769 35.0979C136.271 34.7962 136.731 35.5589 136.229 35.8606L136.238 35.8774Z" fill="white"/>
+    <path d="M144.25 56.8898L146.191 61.617C146.475 62.321 145.387 62.7317 145.136 62.0193L143.472 57.1832C143.296 56.6803 144.049 56.3953 144.258 56.8898H144.25Z" fill="white"/>
+    <path d="M145.414 60.3682L144.075 63.7627C143.607 64.8523 142.009 64.0225 142.636 63.0083L144.669 59.9826C144.937 59.5635 145.598 59.924 145.414 60.3682Z" fill="white"/>
+    <path d="M145.187 60.0999C146.375 60.1418 147.572 60.0999 148.734 60.4184C148.877 60.4603 149.027 60.5608 149.144 60.6614C149.646 61.2146 148.81 61.9941 148.299 61.4409C148.308 61.466 148.333 61.4828 148.358 61.4912C148.191 61.4074 147.981 61.3571 147.781 61.3152C146.927 61.1308 146.032 61.0302 145.154 60.9464C144.635 60.8961 144.677 60.1082 145.196 60.1082L145.187 60.0999Z" fill="white"/>
+    <path d="M129.837 53.6967L133.174 56.7727L132.698 56.7475L135.818 54.5683C136.512 54.0906 137.249 55.1467 136.554 55.6328C136.537 55.6496 136.512 55.6579 136.487 55.6747L133.133 57.46C132.982 57.5438 132.798 57.527 132.664 57.4348C132.656 57.4348 128.891 54.9204 128.883 54.9204C127.988 54.2834 129.008 52.9759 129.837 53.6967Z" fill="white"/>
+    <path d="M131.988 58.5829L132.506 57.0156L132.866 57.5185L130.54 57.2922C129.955 57.2335 130.047 56.3451 130.632 56.3954C130.632 56.3954 132.958 56.6887 132.966 56.6887C133.192 56.7139 133.351 56.915 133.335 57.1413V57.1916L133.192 58.8344C133.084 59.7312 131.745 59.4546 131.996 58.5829H131.988Z" fill="white"/>
+    <path d="M145.421 44.259C147.504 43.7393 149.763 42.5575 151.194 40.9148C151.562 40.2359 150.533 39.8503 149.964 40.1101C149.562 40.2442 149.169 40.5208 148.784 40.8058C148.559 40.9818 148.274 40.6382 148.483 40.4454L149.579 39.2888C149.788 39.3726 149.311 38.9703 148.935 38.987C148.517 38.9703 148.132 39.1211 147.789 39.4145C147.203 39.7414 146.81 41.2333 145.915 40.6801C145.028 39.9006 146.534 38.9954 147.153 38.5093C147.965 37.9729 149.211 37.8471 149.989 38.5596C150.198 38.7188 150.508 39.2217 150.265 39.5486C150.198 39.733 148.943 40.6633 148.784 40.8142L148.483 40.4538C149.42 39.3977 151.277 38.6182 152.122 40.2862C152.507 41.2416 151.57 42.0966 151.077 42.6497C149.671 44.1165 147.923 45.2815 145.965 46.0107C144.769 46.4298 144.2 44.6026 145.43 44.2674L145.421 44.259Z" fill="white"/>
+    <path d="M145.506 35.7685C145.255 34.9388 144.653 34.2599 143.95 33.9162C143.248 33.5726 142.419 33.5642 141.775 33.824C141.365 33.9917 140.897 33.7905 140.738 33.3882C140.295 31.4437 143.791 32.3656 144.494 33.0948C145.322 33.757 145.816 34.7292 145.891 35.7015C145.908 35.9278 145.582 35.9781 145.523 35.7685H145.506Z" fill="white"/>
+    <path d="M155.036 29.9434C154.743 28.376 154.651 26.7584 154.768 25.1324C154.793 24.7385 155.136 24.4451 155.529 24.4703C155.973 24.4954 156.282 24.9396 156.165 25.3671C155.78 26.8255 155.58 28.3509 155.58 29.8931C155.58 30.22 155.086 30.2619 155.036 29.9434Z" fill="white"/>
+    <path d="M157.178 31.6617L159.428 29.2562C160.081 28.4683 161.152 29.5914 160.332 30.2033L157.521 32.1143C157.237 32.3154 156.919 31.8796 157.178 31.6617Z" fill="white"/>
+    <path d="M157.97 34.7878L160.313 35.6427C161.074 35.9193 160.656 37.0843 159.886 36.8077C159.836 36.791 159.794 36.7658 159.752 36.7407L157.678 35.3493C157.368 35.1566 157.627 34.6621 157.962 34.7878H157.97Z" fill="white"/>
+    <path d="M3.4373 24.3276C2.2912 29.4823 2.50871 36.221 7.78748 38.8779C13.5013 41.7528 22.737 40.7051 24.1759 33.4132C24.3265 32.6589 24.2512 31.871 24.0504 31.2927C23.9668 31.1083 23.674 31.2424 23.515 31.2759C21.2897 31.5609 21.9004 28.225 21.8168 26.884C22.1849 19.8352 20.4532 13.4317 12.4388 12.8366C12.0875 12.7947 11.7194 12.736 11.3847 12.4846C10.933 12.1912 10.9999 11.462 11.4851 11.2441C12.9324 10.7831 14.5219 11.4369 15.9357 11.8057C18.8888 12.7109 21.3567 15.2002 22.2602 18.1505C23.2139 20.9918 23.1553 23.9924 23.08 26.9092C23.0967 27.9401 22.9127 29.1805 23.239 30.0774C23.1971 30.0355 23.1302 30.0438 23.2055 30.0187C23.6823 29.7924 24.2094 29.6918 24.7448 29.9181C27.472 31.4603 25.389 36.221 23.8999 37.9644C19.901 42.8759 12.3635 42.8256 7.10985 40.1184C1.3626 37.1346 1.08653 29.6415 2.6091 24.1433C2.75131 23.6152 3.52932 23.7996 3.42057 24.336L3.4373 24.3276Z" fill="white"/>
+    <path d="M5.01093 17.0945C4.90218 17.0107 4.94401 16.9855 4.95237 16.9436C5.287 15.7367 5.82241 14.622 6.44147 13.524C7.01871 12.4931 7.87201 11.4537 9.02648 10.9928C9.19379 10.909 9.39457 10.8587 9.67064 11.2191C9.94671 11.4873 9.9969 12.5433 9.66227 12.5685C7.72979 13.3563 6.34945 15.1416 5.49615 17.0191L5.44595 17.1196C5.42085 17.2537 5.10296 17.1699 5.0193 17.0945H5.01093Z" fill="white"/>
+    <path d="M6.9182 17.9744L1.02873 17.8403L1.26297 17.0692C3.07833 18.1504 4.8937 19.2232 6.6254 20.4469C6.75925 20.5559 7.10225 20.8157 7.21937 20.9331C7.67112 21.3019 7.71294 22.0813 7.10225 22.3244C6.71742 22.4837 6.27404 22.2993 6.11509 21.9053C6.09836 21.9305 6.18202 22.0143 6.14019 21.9556C5.82229 21.6036 5.43747 21.3019 5.06938 20.9917C3.68903 19.877 2.25013 18.8126 0.811224 17.7649C0.459864 17.5553 0.64391 16.977 1.04546 16.9938L6.93493 17.0692C7.52053 17.0776 7.5038 17.9744 6.9182 17.966V17.9744Z" fill="white"/>
+    <path d="M5.34478 20.8157L0.676708 24.4114L0.375542 23.6654C2.46697 23.3721 4.55004 23.0619 6.66656 22.9278C6.84224 22.9278 7.2689 22.9111 7.43621 22.9278C8.02181 22.9278 8.54049 23.5145 8.21422 24.0845C8.01344 24.4533 7.55333 24.579 7.18524 24.3778C7.18524 24.4114 7.31072 24.4197 7.23543 24.403C6.76695 24.3359 6.27337 24.3359 5.79653 24.3275C4.023 24.3275 2.23273 24.403 0.459199 24.4868C0.0492785 24.5455 -0.16823 23.9755 0.158033 23.7408L4.79264 20.1033C5.25276 19.7429 5.80489 20.4469 5.33641 20.8073L5.34478 20.8157Z" fill="white"/>
+    <path d="M14.9908 40.898L17.5256 45.3318C17.8937 45.9939 16.8815 46.5387 16.5301 45.8682L14.2463 41.2919C14.012 40.8141 14.7148 40.437 14.9825 40.898H14.9908Z" fill="white"/>
+    <path d="M16.5961 44.2002L15.7177 47.7456C15.3914 48.8938 13.7016 48.2736 14.1951 47.184L15.8181 43.9152C16.0272 43.471 16.7383 43.7308 16.6045 44.2086L16.5961 44.2002Z" fill="white"/>
+    <path d="M16.3367 43.9573C17.5162 43.84 18.7042 43.6388 19.8921 43.8065C20.0427 43.8316 20.2016 43.9071 20.3271 43.9992C20.896 44.4854 20.1682 45.3654 19.5909 44.8793C19.6076 44.8961 19.6327 44.9128 19.6578 44.9212C19.5993 44.8961 19.5407 44.8877 19.4571 44.8709C18.4615 44.7284 17.4158 44.7703 16.4036 44.7955C15.8765 44.8123 15.818 44.0244 16.3367 43.9573Z" fill="white"/>
+    <path d="M1.63783 42.4066L6.16369 42.7251L5.7705 43.0017L6.84968 39.3473C7.09228 38.5343 8.33041 38.9031 8.0878 39.7161C8.0878 39.7413 8.07107 39.7664 8.06271 39.7915L6.55688 43.2866C6.48995 43.4459 6.33937 43.5465 6.18042 43.5632C6.18042 43.5716 1.66293 43.9572 1.65456 43.9655C0.558655 44.0326 0.541924 42.3731 1.63783 42.415V42.4066Z" fill="white"/>
+    <path d="M6.35491 44.879L5.78604 43.3284L6.38 43.496L4.41406 44.77C3.92048 45.0885 3.43527 44.3342 3.92885 44.0157C3.92885 44.0073 5.92826 42.792 5.93662 42.7836C6.12903 42.6662 6.38 42.7249 6.50549 42.9093L6.53059 42.9512L7.44245 44.3258C7.9193 45.0969 6.6979 45.7171 6.35491 44.879Z" fill="white"/>
+    <path d="M16.412 27.5127C15.5838 25.5346 14.0696 23.4728 12.2291 22.3078C11.5097 22.0479 11.2838 23.1292 11.6184 23.6488C11.8108 24.026 12.1454 24.3696 12.4884 24.7133C12.6976 24.9144 12.3964 25.2497 12.1789 25.0653L10.8655 24.1517C10.9157 23.9338 10.5894 24.4618 10.6731 24.839C10.7149 25.2581 10.9324 25.6185 11.267 25.9118C11.677 26.4398 13.2079 26.5991 12.798 27.5714C12.1705 28.5687 11.0412 27.2193 10.4639 26.6829C9.81141 25.9621 9.49351 24.7468 10.0875 23.8667C10.213 23.632 10.6647 23.2549 11.0161 23.4477C11.2085 23.4896 12.3211 24.5875 12.4884 24.7216L12.1789 25.0737C11.7941 24.7719 11.3842 24.4534 11.0746 23.9924C10.5309 23.2884 10.5894 22.0144 11.4678 21.5031C12.3462 20.9835 13.3417 21.7714 13.9608 22.182C15.6256 23.3471 17.0394 24.906 18.06 26.7248C18.654 27.8479 16.939 28.6861 16.4203 27.5211L16.412 27.5127Z" fill="white"/>
+    <path d="M9.76051 15.9461C9.98639 16.9938 10.1119 18.184 10.6556 19.0975C10.6556 19.0975 10.6807 19.1311 10.664 19.0975C10.6389 19.064 10.5887 19.064 10.5553 19.0556C10.5218 19.0305 10.4549 19.0724 10.4632 19.064C11.0321 18.1504 11.2998 17.0357 11.601 16.0048C11.7014 15.636 12.0778 15.4097 12.4459 15.5103C12.8558 15.6192 13.0733 16.0802 12.8893 16.4657C12.4041 17.4883 11.944 18.5108 11.2329 19.416C10.0282 20.6816 9.73541 18.7204 9.68522 17.8152C9.62666 17.1949 9.60993 16.5747 9.60156 15.9545C9.60156 15.9126 9.63502 15.8707 9.68522 15.8707C9.72705 15.8707 9.76051 15.9042 9.76888 15.9377L9.76051 15.9461Z" fill="white"/>
+    <path d="M8.00391 11.6887C8.9576 10.4817 13.0819 12.1497 17.2229 15.4268C21.3556 18.704 23.9406 22.3332 22.9869 23.5485L23.1542 23.1546L28.3326 1.75659L8.40546 11.4037" fill="transparent"/>
+    <path d="M7.67845 11.4288C9.8619 8.95623 15.994 12.8872 17.9766 14.4629C19.9593 16.0135 25.2046 21.1094 23.314 23.7999C23.0714 24.2273 22.3854 23.8921 22.5778 23.4395L22.6029 23.3808L22.7618 22.9785L22.7367 23.0455L27.4048 1.53022L28.7517 2.61982L8.59031 11.7808C8.38117 11.873 8.13019 11.7808 8.03817 11.5713C7.94615 11.3701 8.03817 11.127 8.23058 11.0265L27.9151 0.893226C28.6178 0.507677 29.4962 1.2201 29.262 1.98282L23.5566 23.2467V23.2635L23.5399 23.3137L23.3642 23.7077C23.3642 23.7077 22.6447 23.2886 22.6531 23.2802C22.7953 20.682 10.8574 11.2109 8.33097 11.9484C7.94615 12.2418 7.41911 11.8814 7.67845 11.4288Z" fill="white"/>
+    <path d="M13.1842 13.3479C13.0671 14.228 12.3142 14.4124 11.6282 14.7141C10.4403 15.2254 8.61653 14.6722 8.44922 13.2054C8.49941 11.7889 9.84629 11.3615 10.8585 11.0011C11.3103 10.8586 11.6031 11.5207 11.2015 11.7554C10.7163 12.0907 9.85466 12.5936 9.80447 13.0713C10.1475 13.3898 10.5239 13.4485 11.0928 13.2306C11.6366 13.0629 11.9126 12.5936 12.607 12.7193C12.9332 12.7361 13.2177 12.9959 13.1759 13.3311L13.1842 13.3479Z" fill="white"/>
+    <path d="M14.7223 8.07585C18.1188 8.20157 21.1556 10.1377 23.3641 12.6605C24.117 13.5071 24.7445 14.4793 25.2297 15.4935C25.4137 15.8706 25.2548 16.3232 24.8783 16.5076C24.5019 16.692 24.0501 16.5328 23.8661 16.1556C22.2598 12.451 18.7881 9.32469 14.6554 8.90562C14.1284 8.85533 14.1869 8.04232 14.7223 8.06747V8.07585Z" fill="white"/>
+    <path d="M20.7031 5.05036C22.6691 5.0755 24.5263 6.04776 25.9317 7.43909C26.4671 8.07608 27.9395 9.35845 26.8687 10.096C26.4838 10.3139 25.9819 10.1463 25.8062 9.73562C24.8776 7.7073 22.9033 6.14834 20.6446 5.88851C20.1175 5.82984 20.1761 5.04198 20.7031 5.05036Z" fill="white"/>
+    <path d="M84.462 17.3251C83.7623 21.7194 84.632 27.5132 89.3599 29.3115C93.6823 30.9463 99.5415 30.3185 102.209 26.1596C103.171 24.5705 103.838 22.6022 103.132 20.732C102.935 20.2023 102.085 19.5811 101.418 19.8492C101.248 19.9015 101.111 19.9735 100.967 20.0585C100.908 20.0846 100.967 20.0715 101 20.0977C101.019 20.1173 100.967 20.0715 100.934 19.98C100.3 17.0046 100.594 13.7677 99.1884 10.9362C98.2271 8.73253 96.0888 7.01271 93.715 6.57458C92.5772 6.4111 91.2955 6.05144 90.21 6.53535C89.8438 6.7446 89.8634 7.31351 90.2362 7.50315C90.5173 7.66663 90.8116 7.67971 91.0863 7.68625C98.469 7.50969 99.2864 13.4865 99.7965 19.4438C99.8946 20.3004 100.359 21.4382 101.457 20.9478C101.549 20.9151 101.68 20.8889 101.726 20.974C101.928 21.4055 102.066 22.0137 102.007 22.6088C101.673 27.1143 96.9846 29.2853 92.8584 28.893C89.6476 28.8733 86.5938 27.0227 85.6587 23.8512C84.9721 21.8241 84.9002 19.5746 85.1029 17.3905C85.1486 16.9719 84.5078 16.9 84.4555 17.3185L84.462 17.3251Z" fill="white"/>
+    <path d="M85.9348 11.7078C86.0852 11.6228 86.0525 11.492 86.1048 11.3874C86.6083 9.81797 87.4715 7.97391 89.0409 7.30691C89.1979 7.25459 89.2698 7.09111 89.2436 6.94071C89.1652 5.46939 88.7205 1.11426 90.9635 1.29082C91.7939 1.34313 92.4936 1.67664 92.7879 2.46134C92.9514 2.83408 92.8664 3.23951 93.2914 3.67764C93.4418 3.89343 93.7557 3.96536 93.9388 3.74957C94.7562 2.76214 93.7165 1.04233 92.7814 0.506113C87.9881 -1.69761 87.7135 3.81496 88.5963 7.05188L88.799 6.68568C87.0988 7.41807 86.3075 9.24906 85.804 10.9035L85.7059 11.2631C85.6928 11.3874 85.6013 11.492 85.6994 11.6424C85.7517 11.7209 85.8563 11.7405 85.9348 11.6947V11.7078Z" fill="white"/>
+    <path d="M92.742 5.33832C93.4482 5.14214 93.7425 4.54707 94.3245 4.22665C94.9849 3.8016 95.7892 3.69697 96.2601 4.27243C96.3581 5.00482 95.3969 5.76991 94.8541 6.29959C94.5337 6.535 94.8803 7.0516 95.2203 6.84234C96.3581 6.23419 98.2349 4.55361 96.8224 3.26539C95.5669 2.16026 93.7621 2.85995 92.742 3.91277C92.3496 4.18088 91.7742 5.51488 92.742 5.33832Z" fill="white"/>
+    <path d="M87.1879 11.479L82.6104 11.9433C82.29 11.9629 82.205 12.4272 82.4927 12.5645C83.8987 13.3688 85.3177 14.1601 86.6517 15.069C86.7236 15.1148 86.9459 15.2848 87.0048 15.3437C87.031 15.3633 87.0179 15.3567 87.0048 15.3437C87.3121 15.8733 88.3715 15.5529 88.0249 14.7355C87.9138 14.5655 87.7372 14.4216 87.5803 14.3235C86.8675 13.8789 86.0958 13.5192 85.3438 13.153C84.4937 12.7476 83.6436 12.3618 82.787 11.976L82.6693 12.5906L87.2533 12.1721C87.711 12.1264 87.6456 11.4332 87.1879 11.479Z" fill="white"/>
+    <path d="M85.798 14.0095L82.5218 17.2399C82.2864 17.4557 82.5153 17.8677 82.8226 17.7957C84.5228 17.5342 86.2296 17.2138 87.9494 17.1287H88.0802C88.139 17.1287 88.0475 17.1353 88.0409 17.1157C88.7537 17.4099 89.2049 16.3244 88.4922 16.0236C88.296 15.9582 88.0736 15.9582 87.884 15.9778C87.047 16.0825 86.223 16.2786 85.4122 16.4683C84.4967 16.6841 83.5877 16.9129 82.6853 17.1549L82.9861 17.7107L86.295 14.5131C86.6219 14.1926 86.138 13.6957 85.8045 14.0161L85.798 14.0095Z" fill="white"/>
+    <path d="M95.3925 29.7035L94.9609 33.6663C94.9021 34.2548 95.8045 34.3267 95.8372 33.7382L96.0464 29.7558C96.066 29.3438 95.4383 29.2915 95.3925 29.7035Z" fill="white"/>
+    <path d="M95.3084 32.0774L92.8627 33.5357C92.078 34.0392 92.9281 35.1639 93.6278 34.5493L95.7073 32.6006C95.995 32.3455 95.6354 31.8747 95.3149 32.0774H95.3084Z" fill="white"/>
+    <path d="M95.3287 32.9145C96.035 33.3657 96.8197 33.7776 97.4082 34.3727C97.5782 34.8893 98.6179 34.5885 98.1275 33.8496C97.4278 33.1499 96.4927 32.7902 95.6361 32.339C95.4726 32.2605 95.2764 32.3259 95.1979 32.4894C95.1195 32.6464 95.1849 32.8294 95.3287 32.9145Z" fill="white"/>
+    <path d="M84.8322 31.1032L88.2653 31.9795C88.3961 32.0187 88.5334 31.973 88.6249 31.8749L90.639 29.6908C90.8287 29.488 90.8156 29.1676 90.6129 28.978C90.3905 28.7753 90.0374 28.808 89.8608 29.0565L88.1214 31.4629L88.4811 31.3583L85.2245 29.9589C84.4268 29.6385 84.0082 30.8678 84.8322 31.1032Z" fill="white"/>
+    <path d="M89.0128 32.8751L88.6989 31.6261C88.6662 31.4365 88.4897 31.3122 88.3 31.3515L86.5083 31.7373C86.3187 31.7765 86.2009 31.9662 86.2402 32.1558C86.2794 32.3454 86.4756 32.4697 86.6652 32.4239L88.4439 31.9923L88.045 31.7177L88.0646 33.0059C88.0973 33.7121 89.1632 33.5683 89.0128 32.8817V32.8751Z" fill="white"/>
+    <path d="M93.4624 18.4434C94.2798 16.9787 95.64 15.5204 97.1636 14.7749C97.7456 14.6376 97.8306 15.4943 97.5167 15.867C97.3336 16.1416 97.0459 16.3771 96.7516 16.6125C96.5685 16.7498 96.7712 17.0375 96.9609 16.9133L98.0595 16.3247C98.0398 16.1482 98.2426 16.5928 98.151 16.874C98.0791 17.1945 97.8829 17.456 97.5952 17.6522C97.229 18.0249 96.0258 18.0184 96.2612 18.8031C96.6601 19.6336 97.654 18.6854 98.151 18.3192C98.7199 17.8222 99.073 16.9002 98.6938 16.1743C98.6218 15.9847 98.2883 15.6447 98.0072 15.7624C97.8568 15.7754 96.8955 16.534 96.7516 16.619L96.9609 16.9198C97.6606 16.5275 98.5107 15.8278 98.2556 14.8665C97.4906 12.2573 92.9719 16.4948 92.2592 17.6784C91.6968 18.4958 92.9589 19.3001 93.4624 18.4434Z" fill="white"/>
+    <path d="M93.5926 12.6561C93.1087 11.041 91.1273 10.1843 89.5383 10.8775C88.7798 11.1914 89.231 12.3292 90.0026 12.0349C91.0423 11.2502 92.6575 11.5641 93.3245 12.7673C93.403 12.9243 93.6515 12.8131 93.5926 12.6496V12.6561Z" fill="white"/>
+</svg>

resources/sass/club/mail-theme.scss

@@ -0,0 +1,375 @@
+@import "utilities/variables";
+
+// 1. Include new custom variables
+@import "utilities/bootstrap-variables";
+
+// 2. Include functions first (so you can manipulate colors, SVGs, calc, etc)
+@import "bootstrap/scss/functions";
+
+// 3. Include remainder of required Bootstrap stylesheets
+@import "bootstrap/scss/variables";
+
+// * Mail vars
+$outter-bg: $color-hex-white;
+$outter-color: $color-hex-dark;
+$body-bg: $color-hex-dark-blue;
+$body-color: $color-hex-white;
+$footer-color: $color-hex-marron;
+$footer-bg: $color-hex-creme;
+
+// * buttons
+$button-primary: $color-white;
+$button-primary-color: $color-hex-dark-blue;
+$button-success: $color-success;
+$button-success-color: $color-white;
+$button-danger: $color-danger;
+$button-danger-color: $color-white;
+
+// * Laravel mail vendor
+
+/* Base */
+
+body,
+body *:not(html, style, br, tr, code) {
+    position: relative;
+    box-sizing: border-box;
+    font-family:
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        Helvetica,
+        Arial,
+        sans-serif,
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol";
+}
+
+body {
+    width: 100% !important;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    background-color: $outter-bg;
+    color: $outter-color;
+    line-height: 1.4;
+    text-size-adjust: none;
+}
+
+.mail-tmpl {
+    p,
+    ul,
+    ol,
+    blockquote {
+        line-height: 1.4;
+        text-align: left;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    a {
+        color: #{shade-color($body-color, 10%)};
+
+        img {
+            border: 0;
+        }
+    }
+
+    /* Typography */
+
+    h1 {
+        margin-top: 0;
+        color: $body-color;
+        font-size: 20px;
+        font-weight: bold;
+        text-align: left;
+    }
+
+    h2 {
+        margin-top: 0;
+        color: $body-color;
+        font-size: 18px;
+        font-weight: bold;
+        text-align: left;
+    }
+
+    h3 {
+        margin-top: 0;
+        color: $body-color;
+        font-size: 16px;
+        font-weight: bold;
+        text-align: left;
+    }
+
+    p {
+        margin-top: 0;
+        color: $body-color;
+        font-size: 16px;
+        line-height: 1.5em;
+        text-align: left;
+    }
+
+    .sub {
+        font-size: 12px;
+    }
+
+    /* Layout */
+
+    .wrapper {
+        -premailer-width: 100%;
+        width: 100%;
+        padding: 0;
+        margin: 0;
+        background-color: $body-color;
+        -premailer-cellpadding: 0;
+        -premailer-cellspacing: 0;
+    }
+
+    .content {
+        -premailer-width: 100%;
+        width: 100%;
+        padding: 0;
+        margin: 0;
+        -premailer-cellpadding: 0;
+        -premailer-cellspacing: 0;
+    }
+
+    /* Header */
+
+    .header {
+        padding: 0;
+        text-align: center;
+
+        .inner-header {
+            -premailer-width: 570px;
+            width: 570px;
+            padding: 25px 0 0;
+            border-width: 1px;
+            border-color: #{shade-color($body-bg, 30%)};
+            border-radius: 2px;
+            margin: 0 auto;
+            background-color: $body-bg;
+            box-shadow: 0 2px 0 rgb(0 0 150 / 2.5%), 2px 4px 0 rgb(0 0 150 / 1.5%);
+            -premailer-cellpadding: 0;
+            -premailer-cellspacing: 0;
+        }
+
+        a {
+            color: $body-color;
+            font-size: 19px;
+            font-weight: bold;
+            text-decoration: none;
+        }
+    }
+
+
+    /* Logo */
+
+    .logo-default {
+        width: 75px;
+        height: 75px;
+        max-height: 75px;
+    }
+
+    .logo {
+        width: 200px;
+        height: 110px;
+        max-height: 110px;
+    }
+
+    .logo-club {
+        width: 145px;
+        height: 104px;
+        max-height: 104px;
+    }
+
+    /* Body */
+
+    .body {
+        -premailer-width: 100%;
+        width: 100%;
+        padding: 0;
+        border-top: 1px solid #{$body-color};
+        border-bottom: 1px solid #{$body-color};
+        margin: 0;
+        background-color: $body-color;
+        -premailer-cellpadding: 0;
+        -premailer-cellspacing: 0;
+
+        .inner-body {
+            -premailer-width: 570px;
+            width: 570px;
+            padding: 0;
+            border-width: 1px;
+            border-color: #{shade-color($body-bg, 30%)};
+            border-radius: 2px;
+            margin: 0 auto;
+            background-color: $body-bg;
+            box-shadow: 0 2px 0 rgb(0 0 150 / 2.5%), 2px 4px 0 rgb(0 0 150 / 1.5%);
+            -premailer-cellpadding: 0;
+            -premailer-cellspacing: 0;
+        }
+    }
+
+
+    /* Subcopy */
+
+    .subcopy {
+        padding-top: 25px;
+        border-top: 1px solid #{shade-color($body-bg, 30%)};
+        margin-top: 25px;
+
+        p {
+            font-size: 14px;
+        }
+    }
+
+    /* Footer */
+
+    .footer {
+        -premailer-width: 570px;
+        width: 570px;
+        padding: 0;
+        margin: 0 auto;
+        background-color: $footer-bg;
+        -premailer-cellpadding: 0;
+        -premailer-cellspacing: 0;
+        color: $footer-color;
+        text-align: center;
+
+        a,p,h3 {
+            color: $footer-color;
+        }
+
+        h3 {
+            font-size: 20px;
+            text-align: center;
+        }
+
+        a {
+            text-decoration: underline;
+        }
+
+        p {
+            font-size: 12px;
+            text-align: center;
+        }
+    }
+
+    /* Tables */
+
+    .table {
+        table {
+            -premailer-width: 100%;
+            width: 100%;
+            margin: 30px auto;
+            -premailer-cellpadding: 0;
+            -premailer-cellspacing: 0;
+        }
+
+        th {
+            padding-bottom: 8px;
+            border-bottom: 1px solid #edeff2;
+            margin: 0;
+        }
+
+        td {
+            padding: 10px 0;
+            margin: 0;
+            color: #74787e;
+            font-size: 15px;
+            line-height: 18px;
+        }
+    }
+
+    .content-cell {
+        max-width: 100vw;
+        padding: 32px;
+    }
+
+    /* Buttons */
+
+    .action {
+        -premailer-width: 100%;
+        width: 100%;
+        padding: 0;
+        margin: 30px auto;
+        -premailer-cellpadding: 0;
+        -premailer-cellspacing: 0;
+        text-align: center;
+    }
+
+    .button {
+        display: inline-block;
+        overflow: hidden;
+        border-radius: 4px;
+        color: $body-bg;
+        text-decoration: none;
+        text-size-adjust: none;
+
+        &.button-blue,
+        &.button-primary {
+            border-top: 8px solid #{$button-primary};
+            border-right: 18px solid #{$button-primary};
+            border-bottom: 8px solid #{$button-primary};
+            border-left: 18px solid #{$button-primary};
+            background-color: #{$button-primary};
+            color: #{$button-primary-color};
+        }
+
+        &.button-green,
+        &.button-success {
+            border-top: 8px solid #{$button-success};
+            border-right: 18px solid #{$button-success};
+            border-bottom: 8px solid #{$button-success};
+            border-left: 18px solid #{$button-success};
+            background-color: #{$button-success};
+            color: #{$button-success-color};
+        }
+
+        &.button-red,
+        &.button-error {
+            border-top: 8px solid #{$button-danger};
+            border-right: 18px solid #{$button-danger};
+            border-bottom: 8px solid #{$button-danger};
+            border-left: 18px solid #{$button-danger};
+            background-color: #{$button-danger};
+            color: #{$button-danger-color};
+        }
+    }
+
+    /* Panels */
+
+    .panel {
+        border-left: $color-primary solid 4px;
+        margin: 21px 0;
+    }
+
+    .panel-content {
+        padding: 16px;
+        background-color: $body-color;
+        color: $body-color;
+
+        p {
+            color: $body-color;
+        }
+    }
+
+    .panel-item {
+        padding: 0;
+
+        p:last-of-type {
+            padding-bottom: 0;
+            margin-bottom: 0;
+        }
+    }
+
+    /* Utilities */
+
+    .break-all {
+        word-break: break-all;
+    }
+}

resources/sass/fo/mail-theme.scss

@@ -1,313 +0,0 @@
-@use "sass:color";
-@import "utilities/variables";
-
-// 1. Include new custom variables
-@import "utilities/bootstrap-variables";
-
-// 2. Include functions first (so you can manipulate colors, SVGs, calc, etc)
-@import "bootstrap/scss/functions";
-
-// 3. Include remainder of required Bootstrap stylesheets
-@import "bootstrap/scss/variables";
-
-// * Laravel mail vendor
-
-/* Base */
-
-body,
-body *:not(html, style, br, tr, code) {
-    position: relative;
-    box-sizing: border-box;
-    font-family:
-        -apple-system,
-        BlinkMacSystemFont,
-        "Segoe UI",
-        Roboto,
-        Helvetica,
-        Arial,
-        sans-serif,
-        "Apple Color Emoji",
-        "Segoe UI Emoji",
-        "Segoe UI Symbol";
-}
-
-body {
-    width: 100% !important;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    background-color: $body-bg;
-    color: $body-color;
-    line-height: 1.4;
-    text-size-adjust: none;
-}
-
-p,
-ul,
-ol,
-blockquote {
-    line-height: 1.4;
-    text-align: left;
-}
-
-img {
-    max-width: 100%;
-}
-
-a {
-    color: $link-color;
-}
-
-a img {
-    border: 0;
-}
-
-/* Typography */
-
-h1 {
-    margin-top: 0;
-    color: $color-primary;
-    font-size: 18px;
-    font-weight: bold;
-    text-align: left;
-}
-
-h2 {
-    margin-top: 0;
-    font-size: 16px;
-    font-weight: bold;
-    text-align: left;
-}
-
-h3 {
-    margin-top: 0;
-    font-size: 14px;
-    font-weight: bold;
-    text-align: left;
-}
-
-p {
-    margin-top: 0;
-    font-size: 16px;
-    line-height: 1.5em;
-    text-align: left;
-}
-
-.sub {
-    font-size: 12px;
-}
-
-/* Layout */
-
-.wrapper {
-    -premailer-width: 100%;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-    background-color: $bg-lightened;
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-}
-
-.content {
-    -premailer-width: 100%;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-}
-
-/* Header */
-
-.header {
-    padding: 25px 0;
-    text-align: center;
-}
-
-.header a {
-    color: $color-primary;
-    font-size: 19px;
-    font-weight: bold;
-    text-decoration: none;
-}
-
-/* Logo */
-
-.logo {
-    width: 75px;
-    height: 75px;
-    max-height: 75px;
-}
-
-/* Body */
-
-.body {
-    -premailer-width: 100%;
-    width: 100%;
-    padding: 0;
-    border-top: 1px solid #{$bg-lightened};
-    border-bottom: 1px solid #{$bg-lightened};
-    margin: 0;
-    background-color: $bg-lightened;
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-}
-
-.inner-body {
-    -premailer-width: 570px;
-    width: 570px;
-    padding: 0;
-    border-width: 1px;
-    border-color: color.scale($body-bg, $lightness: -30%);
-    border-radius: 2px;
-    margin: 0 auto;
-    background-color: $body-bg;
-    box-shadow: 0 2px 0 rgb(0 0 150 / 2.5%), 2px 4px 0 rgb(0 0 150 / 1.5%);
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-}
-
-/* Subcopy */
-
-.subcopy {
-    padding-top: 25px;
-    border-top: 1px solid color.scale($body-bg, $lightness: -30%);
-    margin-top: 25px;
-}
-
-.subcopy p {
-    font-size: 14px;
-}
-
-/* Footer */
-
-.footer {
-    -premailer-width: 570px;
-    width: 570px;
-    padding: 0;
-    margin: 0 auto;
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-    text-align: center;
-}
-
-.footer p {
-    color: #b0adc5;
-    font-size: 12px;
-    text-align: center;
-}
-
-.footer a {
-    color: #b0adc5;
-    text-decoration: underline;
-}
-
-/* Tables */
-
-.table table {
-    -premailer-width: 100%;
-    width: 100%;
-    margin: 30px auto;
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-}
-
-.table th {
-    padding-bottom: 8px;
-    border-bottom: 1px solid #edeff2;
-    margin: 0;
-}
-
-.table td {
-    padding: 10px 0;
-    margin: 0;
-    color: #74787e;
-    font-size: 15px;
-    line-height: 18px;
-}
-
-.content-cell {
-    max-width: 100vw;
-    padding: 32px;
-}
-
-/* Buttons */
-
-.action {
-    -premailer-width: 100%;
-    width: 100%;
-    padding: 0;
-    margin: 30px auto;
-    -premailer-cellpadding: 0;
-    -premailer-cellspacing: 0;
-    text-align: center;
-}
-
-.button {
-    display: inline-block;
-    overflow: hidden;
-    border-radius: 4px;
-    color: $body-bg;
-    text-decoration: none;
-    text-size-adjust: none;
-}
-
-.button-blue,
-.button-primary {
-    border-top: 8px solid #{$color-primary};
-    border-right: 18px solid #{$color-primary};
-    border-bottom: 8px solid #{$color-primary};
-    border-left: 18px solid #{$color-primary};
-    background-color: #{$color-primary};
-}
-
-.button-green,
-.button-success {
-    border-top: 8px solid #{$color-success};
-    border-right: 18px solid #{$color-success};
-    border-bottom: 8px solid #{$color-success};
-    border-left: 18px solid #{$color-success};
-    background-color: #{$color-success};
-}
-
-.button-red,
-.button-error {
-    border-top: 8px solid #{$color-danger};
-    border-right: 18px solid #{$color-danger};
-    border-bottom: 8px solid #{$color-danger};
-    border-left: 18px solid #{$color-danger};
-    background-color: #{$color-danger};
-}
-
-/* Panels */
-
-.panel {
-    border-left: $color-primary solid 4px;
-    margin: 21px 0;
-}
-
-.panel-content {
-    padding: 16px;
-    background-color: $bg-lightened;
-    color: $body-color;
-}
-
-.panel-content p {
-    color: $body-color;
-}
-
-.panel-item {
-    padding: 0;
-}
-
-.panel-item p:last-of-type {
-    padding-bottom: 0;
-    margin-bottom: 0;
-}
-
-/* Utilities */
-
-.break-all {
-    word-break: break-all;
-}

resources/ts/utilities/sass-safelist.ts

@@ -12,5 +12,7 @@ const sassSafelist: UserDefinedSafelist = [
     /^cn-.*/,
     // Aos
     /^aos-*/, /^[data-aos^="fade"][data-aos^="fade"]*/,
+    // * Mail
+    /^mail-tmpl.*/
 ];
 export { sassSafelist };

resources/views/vendor/mail/html/button.blade.php

@@ -0,0 +1,21 @@
+@props(['url', 'color' => 'primary', 'align' => 'center'])
+<table class="action" role="presentation" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td align="{{ $align }}">
+            <table role="presentation" width="100%" border="0" cellpadding="0" cellspacing="0">
+                <tr>
+                    <td align="{{ $align }}">
+                        <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                            <tr>
+                                <td>
+                                    <a class="button button-{{ $color }}" href="{{ $url }}" target="_blank"
+                                        rel="noopener">{{ $slot }}</a>
+                                </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>

resources/views/vendor/mail/html/footer.blade.php

@@ -0,0 +1,11 @@
+<tr>
+    <td>
+        <table class="footer" role="presentation" align="center" width="570" cellpadding="0" cellspacing="0">
+            <tr>
+                <td class="content-cell" align="center">
+                    {{ Illuminate\Mail\Markdown::parse($slot) }}
+                </td>
+            </tr>
+        </table>
+    </td>
+</tr>

resources/views/vendor/mail/html/header.blade.php

@@ -1,13 +1,21 @@
 <tr>
-    <td class="header">
-        <a href="{{ $url }}" style="display: inline-block;">
-            @if (trim($slot) === 'Laravel')
-                <img class="logo" src="https://laravel.com/img/notification-logo.png" alt="Laravel Logo">
-            @else
-                <img class="logo img-fluid" src="{{ Vite::asset('resources/assets/images/legaulois-logo.png') }}"
-                    alt="{{ config('app.name') }}">
-                {{ $slot }}
-            @endif
-        </a>
+    <td class="header" style="border: hidden !important;" width="100%" cellpadding="0" cellspacing="0">
+        <table class="inner-header" role="presentation" align="center" width="570" cellpadding="0" cellspacing="0">
+            <!-- Header content -->
+            <tr>
+                <td align="left">
+                    <img src="{{ Vite::asset('resources/assets/images/mail/header-left.svg') }}" role="img">
+                </td>
+                <td>
+                    <a href="{{ $url }}" style="display: inline-block;">
+                        {{ $slot }}
+                    </a>
+                </td>
+                <td align="right">
+                    <img src="{{ Vite::asset('resources/assets/images/mail/header-right.svg') }}" role="img">
+                </td>
+            </tr>
+            </tbody>
+        </table>
     </td>
 </tr>

resources/views/vendor/mail/html/layout.blade.php

@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <title>{{ config('app.name') }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light">
+    <meta name="supported-color-schemes" content="light">
+    <style>
+        @media only screen and (max-width: 600px) {
+            .inner-body {
+                width: 100% !important;
+            }
+
+            .footer {
+                width: 100% !important;
+            }
+        }
+
+        @media only screen and (max-width: 500px) {
+            .button {
+                width: 100% !important;
+            }
+        }
+    </style>
+</head>
+
+<body class="mail-tmpl">
+
+    <table class="wrapper" role="presentation" width="100%" cellpadding="0" cellspacing="0">
+        <tr>
+            <td align="center">
+                <table class="content" role="presentation" width="100%" cellpadding="0" cellspacing="0">
+                    {{ $header ?? '' }}
+
+                    <!-- Email Body -->
+                    <tr>
+                        <td class="body" style="border: hidden !important;" width="100%" cellpadding="0" cellspacing="0">
+                            <table class="inner-body" role="presentation" align="center" width="570" cellpadding="0" cellspacing="0">
+                                <!-- Body content -->
+                                <tr>
+                                    <td class="content-cell">
+                                        {{ Illuminate\Mail\Markdown::parse($slot) }}
+
+                                        {{ $subcopy ?? '' }}
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+
+                    {{ $footer ?? '' }}
+                </table>
+            </td>
+        </tr>
+    </table>
+</body>
+
+</html>

resources/views/vendor/mail/html/message-club.blade.php

@@ -0,0 +1,9 @@
+@section('header-content')
+    @if (trim($slot) === 'Laravel')
+        <img class="logo-default" src="https://laravel.com/img/notification-logo.png" alt="Laravel Logo">
+    @else
+        <img class="logo-club" src="{{ Vite::asset('resources/assets/images/mail/club-logo.png') }}" alt="{{ config('app.name') }}">
+    @endif
+@endsection
+
+@include('vendor.mail.html.message.layout')

resources/views/vendor/mail/html/message.blade.php

@@ -0,0 +1,9 @@
+@section('header-content')
+    @if (trim($slot) === 'Laravel')
+        <img class="logo-default" src="https://laravel.com/img/notification-logo.png" alt="Laravel Logo">
+    @else
+        <img class="logo" src="{{ Vite::asset('resources/assets/images/legaulois-logo.png') }}" alt="{{ config('app.name') }}">
+    @endif
+@endsection
+
+@include('vendor.mail.html.message.layout')

resources/views/vendor/mail/html/message/layout.blade.php

@@ -0,0 +1,48 @@
+<x-mail::layout>
+    {{-- Header --}}
+    <x-slot:header>
+        <x-mail::header :url="config('app.url')">
+            @yield('header-content')
+        </x-mail::header>
+    </x-slot:header>
+
+    {{-- Body --}}
+    {{ $slot }}
+
+    {{-- Subcopy --}}
+    @isset($subcopy)
+        <x-slot:subcopy>
+            <x-mail::subcopy>
+                {{ $subcopy }}
+            </x-mail::subcopy>
+        </x-slot:subcopy>
+    @endisset
+
+    {{-- Footer --}}
+    <x-slot:footer>
+        <x-mail::footer>
+            <img src="{{ Vite::asset('resources/assets/images/mail/logo-footer.png') }}" role="img">
+            <h3>{{ __('Gauloisement vôtre, L’équipe Le Gaulois') }}</h3>
+            <small>{!! clean(
+                __(
+                    'Pour toute information complémentaire concernant vos données personnelles et vos droits, merci de consulter notre :startA Charte de confidentialité:endA.',
+                    [
+                        'startA' =>
+                            '<a class="link-body-emphasis" title="' .
+                            __('Go to page :page', [
+                                'page' => __('Charte de confidentialité'),
+                            ]) .
+                            '" href="' .
+                            route('club.password.request') .
+                            '">',
+                        'endA' => '</a>',
+                    ],
+                ),
+            ) !!}</small>
+            <small>{{ __('LDC Sablé, SAS, Zone Industrielle Saint-Laurent 72300 Sablé-sur-Sarthe, 02.43.62.70.00') }}</small>
+            <small>{{ __('Si vous ne souhaitez plus recevoir d’emails de la part de :appname, vous pouvez vous désinscrire.', [
+                'appname' => config('app.name'),
+            ]) }}</small>
+        </x-mail::footer>
+    </x-slot:footer>
+</x-mail::layout>

resources/views/vendor/mail/html/panel.blade.php

@@ -0,0 +1,13 @@
+<table class="panel" role="presentation" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td class="panel-content">
+            <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
+                <tr>
+                    <td class="panel-item">
+                        {{ Illuminate\Mail\Markdown::parse($slot) }}
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>

resources/views/vendor/mail/html/subcopy.blade.php

@@ -0,0 +1,7 @@
+<table class="subcopy" role="presentation" width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+        <td>
+            {{ Illuminate\Mail\Markdown::parse($slot) }}
+        </td>
+    </tr>
+</table>

resources/views/vendor/mail/html/table.blade.php

@@ -0,0 +1,3 @@
+<div class="table">
+    {{ Illuminate\Mail\Markdown::parse($slot) }}
+</div>

resources/views/vendor/notifications/email-club.blade.php

@@ -0,0 +1,58 @@
+<x-mail::message-club>
+{{-- Greeting --}}
+@if (! empty($greeting))
+# {{ $greeting }}
+@else
+@if ($level === 'error')
+# @lang('Whoops!')
+@else
+# @lang('Hello!')
+@endif
+@endif
+
+{{-- Intro Lines --}}
+@foreach ($introLines as $line)
+{{ $line }}
+
+@endforeach
+
+{{-- Action Button --}}
+@isset($actionText)
+<?php
+    $color = match ($level) {
+        'success', 'error' => $level,
+        default => 'primary',
+    };
+?>
+<x-mail::button :url="$actionUrl" :color="$color">
+{{ $actionText }}
+</x-mail::button>
+@endisset
+
+{{-- Outro Lines --}}
+@foreach ($outroLines as $line)
+{{ $line }}
+
+@endforeach
+
+{{-- Salutation --}}
+@if (! empty($salutation))
+{{ $salutation }}
+@else
+@lang('Regards'),<br>
+{{ config('app.name') }}
+@endif
+
+{{-- Subcopy --}}
+@isset($actionText)
+<x-slot:subcopy>
+@lang(
+    "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n".
+    'into your web browser:',
+    [
+        'actionText' => $actionText,
+    ]
+) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>
+</x-slot:subcopy>
+@endisset
+</x-mail::message>

resources/views/vendor/notifications/email.blade.php

@@ -0,0 +1,58 @@
+<x-mail::message>
+{{-- Greeting --}}
+@if (! empty($greeting))
+# {{ $greeting }}
+@else
+@if ($level === 'error')
+# @lang('Whoops!')
+@else
+# @lang('Hello!')
+@endif
+@endif
+
+{{-- Intro Lines --}}
+@foreach ($introLines as $line)
+{{ $line }}
+
+@endforeach
+
+{{-- Action Button --}}
+@isset($actionText)
+<?php
+    $color = match ($level) {
+        'success', 'error' => $level,
+        default => 'primary',
+    };
+?>
+<x-mail::button :url="$actionUrl" :color="$color">
+{{ $actionText }}
+</x-mail::button>
+@endisset
+
+{{-- Outro Lines --}}
+@foreach ($outroLines as $line)
+{{ $line }}
+
+@endforeach
+
+{{-- Salutation --}}
+@if (! empty($salutation))
+{{ $salutation }}
+@else
+@lang('Regards'),<br>
+{{ config('app.name') }}
+@endif
+
+{{-- Subcopy --}}
+@isset($actionText)
+<x-slot:subcopy>
+@lang(
+    "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n".
+    'into your web browser:',
+    [
+        'actionText' => $actionText,
+    ]
+) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>
+</x-slot:subcopy>
+@endisset
+</x-mail::message>

vite.config.ts

@@ -17,7 +17,7 @@ const env = loadEnv("r", process.cwd(), "");
 
 const purgePlugin = purge({
     templates: ["blade"],
-    paths: ["resources/{js,ts,views}/**/*.{ts,js,vue}"],
+    paths: ["resources/{js,ts,views}/**/*.{ts,js,vue,blade.php}"],
     safelist: sassSafelist,
 });
 
@@ -95,9 +95,9 @@ export default defineConfig({
             input: [
                 "resources/sass/bo/bo.scss",
                 "resources/ts/bo/bo.ts",
-                "resources/sass/fo/mail-theme.scss",
                 "resources/sass/fo/fo.scss",
                 "resources/ts/fo/fo.ts",
+                "resources/sass/club/mail-theme.scss",
                 "resources/sass/club/club.scss",
                 "resources/ts/club/club.ts",
             ],