website footer

Signed-off-by: Piotr PG Gajek <[email protected]>

Author: pgajek2

website/docusaurus.config.js

@@ -49,6 +49,11 @@ const config = {
     ({
       // Replace with your project's social card
       image: 'img/cloud-icon.png',
+      metadata: [
+        { name: 'description', content: 'SOQL Lib provides functional constructs for SOQL queries in Apex.' },
+        { name: 'keywords', content: 'SOQL Lib, Selector Layer Apex, Apex Selector Layer, Query Builder' },
+        { name: 'canonical', content: 'https://soql.beyondthecloud.dev' }
+      ],
       navbar: {
         title: 'SOQL Lib',
         logo: {
@@ -104,6 +109,73 @@ const config = {
           return items.filter(item => !item.url.includes('/page/'));
         }
       },
+      footer: {
+        style: 'dark',
+        links: [
+          {
+            items: [
+              {
+                html: `
+                  <a href="https://beyondthecloud.dev" target="_blank" aria-label="Beyond The Cloud">
+                                    <img src="/img/logo.png" alt="Professional Salesforce Services - Beyond The Cloud" width="167" height="88" />
+                                    </a>
+                                    <p>
+                                    [email protected]
+                                    <br /><br />
+                                We are a Salesforce Partner specializing in AppExchange app development and technical debt emergency resolution
+                                </p>
+                        `
+              }
+            ]
+          },
+          {
+            title: 'Documentation',
+            items: [
+              {
+                label: 'Installation',
+                to: '/installation'
+              },
+              {
+                label: 'Building Your Selector',
+                to: '/building-your-selector'
+              },
+              {
+                label: 'Building Cached Selector',
+                to: '/build-cached-selector'
+              },
+              {
+                label: 'Overview',
+                to: '/overview'
+              }
+            ]
+          },
+          {
+            items: [
+              {
+                label: 'Linkedin',
+                href: 'https://www.linkedin.com/company/beyondtheclouddev'
+              },
+              {
+                label: 'Beyond The Cloud',
+                href: 'https://beyondthecloud.dev/'
+              },
+              {
+                label: 'Blog',
+                href: 'https://blog.beyondthecloud.dev/blog'
+              },
+              {
+                label: 'Learning',
+                href: 'https://learning.beyondthecloud.dev/blog'
+              },
+              {
+                label: 'GitHub',
+                href: 'https://github.com/beyond-the-cloud-dev'
+              }
+            ]
+          }
+        ],
+        copyright: `Copyright © ${new Date().getFullYear()} BeyondTheCloud`
+      },
       prism: {
         additionalLanguages: ['apex'],
         theme: prismThemes.dracula,

website/src/css/custom.css

@@ -6,25 +6,25 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #0276d3;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #1c93c8;
+  --ifm-color-primary-dark: #1984b4;
+  --ifm-color-primary-darker: #187daa;
+  --ifm-color-primary-darkest: #14678c;
+  --ifm-color-primary-light: #1fa2dc;
+  --ifm-color-primary-lighter: #26a7e1;
+  --ifm-color-primary-lightest: #44b3e5;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
-  --ifm-color-primary: #0276d3;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
+  --ifm-color-primary: #1c93c8;
+  --ifm-color-primary-dark: #1984b4;
+  --ifm-color-primary-darker: #187daa;
+  --ifm-color-primary-darkest: #14678c;
+  --ifm-color-primary-light: #1fa2dc;
+  --ifm-color-primary-lighter: #26a7e1;
+  --ifm-color-primary-lightest: #44b3e5;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }