Revert "Revert "Revert "Add Black Friday design"""

This reverts commit 2fc82a4.

# Conflicts:
#	resources/views/front/pages/products/index.blade.php

resources/css/front/front.css

@@ -66,9 +66,3 @@ a.anchor-link {
 .show-input-number-buttons::-webkit-outer-spin-button {
     opacity: 1;
 }
-
-svg,
-.wallpaper img,
-.is-postcard-without-caption img {
-    filter: grayscale(1);
-}

resources/css/front/utilities/gradient.css

@@ -10,40 +10,32 @@
 
 .gradient-green {
     --gradient-angle: 120deg;
-    --gradient-from: #242424;
-    --gradient-to: #171e1a;
+    --gradient-from: #21b989;
+    --gradient-to: #82d8af;
 
     @apply bg-green;
 }
 
 .gradient-pink {
     --gradient-angle: 120deg;
-    --gradient-from: #242424;
-    --gradient-to: #171e1a;
+    --gradient-from: #ddaeb4;
+    --gradient-to: #dd9099;
 
     @apply bg-pink;
 }
 
 .gradient-blue {
     --gradient-angle: 120deg;
-    --gradient-from: #f3efea;
-    --gradient-to: #e1ded9;
+    --gradient-from: #cae1e8;
+    --gradient-to: #e2f1f3;
 
     @apply bg-blue-lightest;
 }
 
-.gradient-gray {
-    --gradient-angle: 120deg;
-    --gradient-from: #f3efea;
-    --gradient-to: #e1ded9;
-
-    @apply bg-gray-lighter;
-}
-
 .gradient-dark {
     --gradient-angle: 120deg;
-    --gradient-from: #242424;
-    --gradient-to: #171e1a;
+    --gradient-from: #31302f;
+    --gradient-to: #172a3d;
 
     @apply bg-gray-dark;
 }

resources/views/components/button.blade.php

@@ -1,10 +1,10 @@
 <button class="cursor-pointer
-bg-yellow hover:bg-opacity-75 rounded-sm
-border-2 border-transparent
-justify-center flex items-center
-{{ $attributes['large'] ? 'px-4 min-h-12 text-xl shadow-lg' : 'px-6 min-h-10' }}
-font-sans-bold text-black
-transition-bg duration-300
-focus:outline-none focus:border-blue-light whitespace-no-wrap">
-    {{ $slot }}
+ bg-green-dark bg-opacity-75 hover:bg-opacity-100 rounded-sm
+ border-2 border-transparent
+ justify-center flex items-center
+ {{ $attributes['large'] ? 'px-4 min-h-12 text-xl shadow-lg' : 'px-6 min-h-10' }}
+ font-sans-bold text-white
+ transition-bg duration-300
+ focus:outline-none focus:border-blue-light whitespace-no-wrap">
+     {{ $slot }}
 </button>

resources/views/front/pages/home/index.blade.php

@@ -1,6 +1,6 @@
 <x-page
         title="Websites & webapplications in Laravel"
-        background="">
+        background="/backgrounds/home-2020.jpg">
     <x-slot name="description">
         Spatie is a digital allrounder: we design solid websites & web applications using Laravel & Vue. No frills, just
         proven expertise. From Antwerp, Belgium

resources/views/front/pages/home/partials/banner.blade.php

@@ -1,46 +1,10 @@
-<section id="banner" class="banner bg-trueblack mb-32" role="banner">
-    <div class="wrap">
-        <a href="{{ route('products.index') }}" class="block w-3/5">
-            @include('front.pages.home.partials.black-friday-banner')
-        </a>
-
-        <div class="my-8">
-            @php
-                $expirationDate = \Carbon\Carbon::createFromFormat('Y-m-d H:i', '2022-11-28 23:59' );
-            @endphp
-
-            <a href="{{ route('products.index') }}"
-               class="flex bg-trueblack text-white banner-intro">
-                <div class="py-2 ">
-                    <div>
-                        ⚡️ <strong>Get 30% off</strong> on all our products
-                        <br>in the next
-                        <x-countdown class="inline-block" :expires="$expirationDate">
-                        <span>
-                            <span class="font-semibold font-mono" x-text="timer.days">{{ $component->days()
-                                }}</span><span class="text-white">d</span>
-                        </span>
-                            <span class="ml-1">
-                            <span class="font-semibold font-mono" x-text="timer.hours">{{ $component->hours()
-                                }}</span><span class="text-white">h</span>
-                        </span>
-                            <span class="ml-1">
-                            <span class="font-semibold font-mono" x-text="timer.minutes">{{ $component->minutes()
-                                }}</span><span class="text-white">m</span>
-                        </span>
-                            <span class="ml-1">
-                            <span class="font-semibold font-mono" x-text="timer.seconds">{{ $component->seconds()
-                                }}</span><span class="text-white">s</span>
-                        </span>
-                        </x-countdown>
-                    </div>
-                </div>
-            </a>
-        </div>
-
-        <a href="{{ route('products.index') }}"
-           class=" text-xl text-black font-bold hover:bg-gray-lighter transition transition-color  font-sans px-4 py-2 bg-white rounded-full">
-            Grab your promotion
-        </a>
+<section id="banner" class="banner" role="banner">
+     <div class="wrap">
+         <h1 class="banner-slogan">
+             Solid expertise <br>in Laravel
+         </h1>
+         <p class="banner-intro">
+             We craft web applications, software, courses  <br>&amp; open source packages in the Laravel ecosystem
+         </p>
     </div>
 </section>