[dev] added support link, doc footer help, change footer text

Author: Artyom Borisevich

docusaurus.config.js

@@ -289,7 +289,7 @@ const config = {
 			"style": "dark",
 			"links": [
 				{
-					"title": "Development center",
+					"title": "Development Center",
 					"items": [
 						{
 							"label": "Download Gantt",
@@ -341,11 +341,11 @@ const config = {
 					"title": "Company",
 					"items": [
 						{
-							"label": "About us",
+							"label": "About Us",
 							"href": "https://dhtmlx.com/docs/company.shtml"
 						},
 						{
-							"label": "Contact us",
+							"label": "Contact Us",
 							"href": "https://dhtmlx.com/docs/contact.shtml"
 						},
 						{

src/css/custom.css

@@ -204,7 +204,7 @@ span.token-line.theme-code-block-highlighted-line {
   font-size: 16pt;
   color: rgb(53, 148, 243);
   background-color: transparent;
-  border: 1px solid rgba(53, 148, 243, 0.692);;
+  border: 1px solid rgba(53, 148, 243, 0.692);
   border-radius: 5px;
   width: 280px;
   height: 50px;
@@ -279,4 +279,17 @@ p {
   font-weight: unset;
   line-height: unset;
   margin: unset;
-}
+}
+
+.contact-support-link-wrapper{
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  margin: 1rem;
+}
+
+.contact-support-link{
+  font-size: var(--ifm-h4-font-size);
+  font-weight: var(--ifm-heading-font-weight);
+  text-align: center;
+}

src/theme/DocItem/Footer/index.js

@@ -0,0 +1,14 @@
+import Footer from '@theme-original/DocItem/Footer';
+import Admonition from '@theme/Admonition';
+
+export default function FooterWrapper(props) {
+  return (
+    <>
+      <Footer {...props} />
+      <Admonition type="info" title="Need help?" className="docusaurus-mt-lg">
+        Got a question about the documentation? Reach out to our <a href="https://dhtmlx.com/docs/technical-support.shtml">technical support team </a> for help and guidance. 
+        For custom component solutions, visit the <a href="https://dhtmlx.com/docs/services.shtml">Services</a> page.
+      </Admonition>
+    </>
+  );
+}

src/theme/TOCItems/index.js

@@ -0,0 +1,12 @@
+import TOCItems from '@theme-original/TOCItems';
+
+export default function TOCItemsWrapper(props) {
+  return (
+    <>
+      <TOCItems {...props} />
+      <div className="contact-support-link-wrapper">
+        <a href="https://dhtmlx.com/docs/technical-support.shtml" className="contact-support-link pagination-nav__link">Contact Support</a>
+      </div>
+    </>
+  );
+}