From d81e6ea31e3917dc105ffe4b02537addc5bedf97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kamil=20Moska=C5=82a?=
 <91079590+moskalakamil@users.noreply.github.com>
Date: Sat, 5 Oct 2024 11:21:50 +0200
Subject: [PATCH] docs: highlight maintainer services & update twg site links
 (#4214)

* docs: add cta block

* chore: update twg urls
---
 .github/ISSUE_TEMPLATE/feature-request.yml |  8 ++--
 README.md                                  |  4 +-
 docs/pages/other/debug.md                  |  2 +-
 docs/theme.config.jsx                      | 56 ++++++++++++++++++++++
 4 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/feature-request.yml b/.github/ISSUE_TEMPLATE/feature-request.yml
index e92aba9d..7d5cbb8e 100644
--- a/.github/ISSUE_TEMPLATE/feature-request.yml
+++ b/.github/ISSUE_TEMPLATE/feature-request.yml
@@ -7,7 +7,7 @@ body:
   - type: markdown
     attributes:
       value: Thanks for taking the time to fill out this feature report!
-  
+
   - type: textarea
     id: description
     attributes:
@@ -17,7 +17,7 @@ body:
       value: "Very cool idea!"
     validations:
       required: true
-  
+
   - type: textarea
     id: why-it-is-needed
     attributes:
@@ -54,6 +54,6 @@ body:
       value: |
         ## Support
 
-        If this functionality is important to you and you need it, contact [TheWidlarzGroup](https://thewidlarzgroup.com) - [`hi@thewidlarzgroup.com`](mailto:hi@thewidlarzgroup.com)
+        If this functionality is important to you and you need it, contact [TheWidlarzGroup](https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=feature-request#Contact) - [`hi@thewidlarzgroup.com`](mailto:hi@thewidlarzgroup.com)
 
-  
\ No newline at end of file
+  
diff --git a/README.md b/README.md
index 3d6605ff..bd216d42 100644
--- a/README.md
+++ b/README.md
@@ -51,9 +51,9 @@ We have an discord server where you can ask questions and get help. [Join the di
 
 ## Enterprise Support
 <p>
-  📱 <i>react-native-video</i> is provided <i>as it is</i>. For enterprise support or other business inquiries, <a href="https://www.thewidlarzgroup.com/">please contact us 🤝</a>. We can help you with the integration, customization and maintenance. We are providing both free and commercial support for this project. let's build something awesome together! 🚀
+  📱 <i>react-native-video</i> is provided <i>as it is</i>. For enterprise support or other business inquiries, <a href="https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=readme#Contact">please contact us 🤝</a>. We can help you with the integration, customization and maintenance. We are providing both free and commercial support for this project. let's build something awesome together! 🚀
 </p>
-<a href="https://www.thewidlarzgroup.com/">
+<a href="https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=readme">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="./docs/assets/baners/twg-dark.png" />
     <source media="(prefers-color-scheme: light)" srcset="./docs/assets/baners/twg-light.png" />
diff --git a/docs/pages/other/debug.md b/docs/pages/other/debug.md
index a123e38c..51fa11d0 100644
--- a/docs/pages/other/debug.md
+++ b/docs/pages/other/debug.md
@@ -88,4 +88,4 @@ buildscript {
 
 ## It's still not working
 
-You can try to open a ticket now !
+You can try to open a ticket or contact us for [premium support](https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs#Contact)!
diff --git a/docs/theme.config.jsx b/docs/theme.config.jsx
index 076d07d8..ad93b863 100644
--- a/docs/theme.config.jsx
+++ b/docs/theme.config.jsx
@@ -52,6 +52,62 @@ export default {
       </span>
     ),
   },
+  toc: {
+    extraContent: (
+      <>
+        <style>{`
+        :is(html[class~=dark]) .extra-container {
+          background-color: #87ccef; 
+        }
+        :is(html[class~=dark]) .extra-text {
+          color: #171717;
+        }
+        :is(html[class~=dark]) .extra-button {
+          background-color: #171717;
+        }
+        .extra-container {
+          display: flex;
+          flex-direction: column;
+          margin-top: 0.5rem;
+          text-align: center;
+          background-color: #171717;
+          padding: 1rem;
+          gap: 1rem;
+          border-radius: 0.5rem;
+        }
+        .extra-text {
+          padding-left: 0.5rem;
+          padding-right: 0.5rem;
+          font-weight: bold;
+          color: #fff;
+        }
+        .extra-button {
+          width: 100%;
+          border: none;
+          padding: 0.5rem 1rem;
+          font-weight: 500;
+          background-color: #f9d85b;
+          transition: transform 0.3s ease, background-color 0.3s ease;
+        }
+        .extra-button:hover {
+          transform: scale(1.05);
+          background-color: #fff;
+        }
+      `}</style>
+        <div className="extra-container">
+          <span className="extra-text">We are TheWidlarzGroup</span>
+          <a
+            target="_blank"
+            href="https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs#Contact"
+            className="extra-button"
+            rel="noreferrer">
+            Premium support →
+          </a>
+        </div>
+      </>
+    ),
+  },
+
   useNextSeoProps() {
     return {
       titleTemplate: '%s – Video',