From 73f946a3a222a7424f0a28d0896adbbd4119fa8b Mon Sep 17 00:00:00 2001
From: Aron Molnar <aron@syslifters.com>
Date: Mon, 25 Nov 2024 06:39:40 +0000
Subject: [PATCH] Black friday

---
 docs/docs/features-and-pricing.md   |  2 +-
 docs/docs/index.md                  | 41 ++++++++++++++++++++++++++++-
 docs/overrides/partials/header.html | 17 +++++++++++-
 3 files changed, 57 insertions(+), 3 deletions(-)

diff --git a/docs/docs/features-and-pricing.md b/docs/docs/features-and-pricing.md
index bdebf3d8d..4dcfec1e4 100755
--- a/docs/docs/features-and-pricing.md
+++ b/docs/docs/features-and-pricing.md
@@ -2,7 +2,7 @@
 
 |                                                                                               | Community                                                                                                     | :heart: Professional                                                                                                                                                  |
 | --------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| __Pricing (user/month)__                                                                      | Free                                                                                                          | € 50                                                                                                                                                                  |
+| __Pricing (user/month)__                                                                      | Free                                                                                                          | ~~€ 50~~  <br>€ 35 Black Friday Deal                                                                                                                                                                  |
 | __Deployment__                                                                                | Self-Hosted                                                                                                   | Self-Hosted or Cloud                                                                                                                                                  |
 | [__Permissions__](users/user-permissions.md){ target=_blank }                                  | Superusers only                                                                                               | Role-based                                                                                                                                                            |
 | __Easy as__                                                                                   | <img src="/assets/emojis/pie.svg" width="40" alt="It's a pie. Because Pentest reports are as easy as pie." /> | <img src="/assets/emojis/pie.svg" width="40" alt="It's a pie. Because Pentest reports are as easy as pie." />                                                         |
diff --git a/docs/docs/index.md b/docs/docs/index.md
index 8daddcc50..b3af2669d 100755
--- a/docs/docs/index.md
+++ b/docs/docs/index.md
@@ -1,6 +1,45 @@
 ---
 title: SysReptor Pentest Report Creator
 ---
+
+<div style="background-color: black; color: white; text-align: center; padding: 1em; margin-bottom:5em;">
+  <div style="display: flex; justify-content: space-between;">
+    <div style="flex: 1; padding: 1em; ">
+      <h1 style="color: white; font-weight: bold; font-size: 3em">BLACK<br>FRIDAY<br>-30%</h1>
+      
+      <a class="black-friday-button" style="text-align:center;" href="https://cloud.sysreptor.com/order/" target="_blank">Order Now</a>
+      <p id="countdown" style="font-size: 1em; font-weight: bold;"></p>
+      <script>
+        function updateCountdown() {
+          const targetDate = new Date('December 2, 2024 23:59:59 GMT');
+          const now = new Date();
+          const difference = targetDate - now;
+
+          const days = Math.max(0, Math.floor(difference / (1000 * 60 * 60 * 24))+1);
+          document.getElementById('countdown').innerHTML = `${days} ${days > 1 ? 'days' : 'day'} to go`;
+        }
+        updateCountdown();
+      </script>
+    </div>
+    <div style="flex: 1; padding: 1em;">
+      <img 
+        style="display: block; 
+            margin-left: auto;
+            margin-right: auto;
+            margin-bottom: -7.3em;
+            width: 18em;"
+        src="/assets/dino/eating_cake.svg"
+        viewBox="0 0 400 400"
+        height="400"
+        width="260"
+        alt="It's a pie. Because Pentest reports are as easy as pie.">
+  </img>
+    </div>
+  </div>
+</div>
+
+
+<!--
 <h1 style="text-align: center;font-weight:bold;">Pentest Reports<br>Easy As Pie.</h1>
 
 <div style="overflow: hidden;">
@@ -16,7 +55,7 @@ title: SysReptor Pentest Report Creator
       width="130"
       alt="It's a pie. Because Pentest reports are as easy as pie.">
   </img>
-</div>
+</div>-->
 
 <div class="grid cards" style="text-align: center; margin-top: 0;" markdown>
 
diff --git a/docs/overrides/partials/header.html b/docs/overrides/partials/header.html
index 42e8c6298..e1abbea11 100644
--- a/docs/overrides/partials/header.html
+++ b/docs/overrides/partials/header.html
@@ -23,12 +23,27 @@
   .demo-button:hover {
     background-color: var(--md-accent-fg-color);
   }
+  .black-friday-button {
+    border-radius: 0.1rem;
+    background-color: #646464;
+    color: white !important;
+    cursor: pointer;
+    display: inline-block;
+    font-weight: 600;
+    font-size: medium;
+    padding: 0.4em 1.5em;
+    transition: color 1250ms, background-color;
+    margin-top: 2em;
+  }
+  .black-friday-button:hover {
+    background-color: #FF7300;
+  }
 
   .md-header {
     top: 0px; /* This setting prevents the Material header from imposing into the space of the banner! */
   }
 </style>
-<header class="{{ class }}" data-md-component="header">
+<header class="{{ class }}" data-md-component="header" style="background-color: black;">
   <nav class="md-header__inner md-grid" aria-label="{{ lang.t('header') }}">
     <a
       href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}"