Removed redundant copyright, added logo and icons

website/docusaurus.config.ts

@@ -230,7 +230,7 @@ class="header-github-link"
             },
         ],
         footer: {
-            style: 'dark',
+            // style: 'dark',
             links: [
                 {
                     title: 'Product',
@@ -275,11 +275,11 @@ class="header-github-link"
                     ],
                 },
             ],
-            copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`,
-            logo: {
-                src: 'img/logo.svg',
-                alt: 'Unleash logo',
-            },
+            // copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`,
+            // logo: {
+            //     src: 'img/logo.svg',
+            //     alt: 'Unleash logo',
+            // },
         },
         image: 'img/logo.png',
         imageZoom: {

website/src/theme/Footer/footer.module.css

@@ -12,17 +12,30 @@
 }
 
 .unleash {
-    max-width: 340px;
+    gap: 20px;
     padding-top: var(--ifm-footer-padding-vertical);
     padding-left: var(--ifm-spacing-horizontal);
 }
 
-@media screen and (min-width: 768px) {
+.social {
+    display: flex;
+    gap: 20px;
+    padding-top: var(--ifm-footer-padding-vertical);
+    padding-right: var(--ifm-spacing-horizontal);
+}
 
+.social svg {
+    color: #93a1a5;
+}
+
+@media screen and (min-width: 768px) {
     .footer {
         flex-wrap: nowrap;
     }
-    
+
+    .unleash {
+        display: flex;
+    }
 }
 
 .copyright {
@@ -34,6 +47,6 @@
     border-top: 1px solid var(--ifm-font-color-base);
 }
 
-.copyright p{
+.copyright p {
     margin-bottom: 0;
 }

website/src/theme/Footer/icons/linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 0V42H42V0H0ZM10.3 8.25696C11.9636 8.27568 13.6023 9.42333 13.6736 11.41C13.7092 13.1767 12.1696 14.5223 10.2565 14.5631H10.2103C8.56334 14.5441 6.95492 13.3677 6.88037 11.41C6.90385 9.66308 8.37231 8.2984 10.3 8.25696ZM28.147 16.6037C29.9759 16.615 31.702 17.1576 33.1201 18.6032C34.5938 20.2468 35.067 22.5131 35.1196 24.817V35.2965H29.0801V25.5297C29.0666 23.6991 28.4396 21.474 26.0167 21.3999C24.5967 21.415 23.5954 22.2402 22.9098 23.6199C22.7226 24.064 22.6956 24.5744 22.6868 25.0836V35.2965H16.6498C16.6729 30.1908 16.7046 25.0855 16.6934 19.9797C16.6934 18.5294 16.6794 17.5529 16.6498 17.0497H22.6868V19.6234C23.1992 18.8946 23.7675 18.2034 24.5299 17.647C25.5639 16.909 26.8061 16.6261 28.147 16.6037ZM7.2367 17.0497H13.2737V35.2965H7.2367V17.0497Z" fill="currentColor" />
+</svg>

website/src/theme/Footer/icons/slack.svg

@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H42V42H0V0ZM12.3029 24.9576C12.3029 26.6921 10.886 28.1091 9.15147 28.1091C7.41694 28.1091 6 26.6921 6 24.9576C6 23.2231 7.41694 21.8061 9.15147 21.8061H12.3029V24.9576ZM17.0423 21.8061C15.3078 21.8061 13.8909 23.223 13.8909 24.9576V32.8484C13.8909 34.583 15.3078 35.9999 17.0423 35.9999C18.7769 35.9999 20.1938 34.583 20.1938 32.8484V24.9576C20.1938 23.223 18.7769 21.8061 17.0423 21.8061ZM17.0423 12.3029C15.3078 12.3029 13.8909 10.886 13.8909 9.15147C13.8909 7.41694 15.3078 6 17.0423 6C18.7769 6 20.1938 7.41694 20.1938 9.15147V12.3029H17.0423ZM20.1938 17.0422C20.1938 15.3077 18.7769 13.8908 17.0423 13.8908H9.15147C7.41694 13.8908 6 15.3077 6 17.0422C6 18.7768 7.41694 20.1937 9.15147 20.1937H17.0423C18.7769 20.1937 20.1938 18.7768 20.1938 17.0422ZM29.6971 17.0422C29.6971 15.3077 31.114 13.8908 32.8485 13.8908C34.5831 13.8908 36 15.3077 36 17.0422C36 18.7768 34.5831 20.1937 32.8485 20.1937H29.6971V17.0422ZM24.9577 20.1938C26.6922 20.1938 28.1091 18.7769 28.1091 17.0423V9.15147C28.1091 7.41694 26.6922 6 24.9577 6C23.2231 6 21.8062 7.41694 21.8062 9.15147V17.0423C21.8062 18.7769 23.2231 20.1938 24.9577 20.1938ZM24.9577 29.6969C26.6922 29.6969 28.1091 31.1138 28.1091 32.8483C28.1091 34.5829 26.6922 35.9998 24.9577 35.9998C23.2231 35.9998 21.8062 34.5829 21.8062 32.8483V29.6969H24.9577ZM21.8062 24.9576C21.8062 26.6921 23.2231 28.1091 24.9577 28.1091H32.8485C34.5831 28.1091 36 26.6921 36 24.9576C36 23.2231 34.5831 21.8061 32.8485 21.8061H24.9577C23.2231 21.8061 21.8062 23.2231 21.8062 24.9576Z" fill="currentColor"/>
+</svg>

website/src/theme/Footer/icons/twitter.svg

@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path fillRule="evenodd" clipRule="evenodd" d="M42 0H0V42H42V0ZM32.4975 16.3485C32.4975 23.457 27.0795 31.668 17.178 31.668C14.1435 31.668 11.3085 30.7755 8.93555 29.2635C9.35555 29.316 9.78605 29.337 10.2165 29.337C12.7365 29.337 15.057 28.476 16.905 27.027C14.553 26.985 12.558 25.431 11.8755 23.289C12.201 23.352 12.537 23.3835 12.8835 23.3835C13.377 23.3835 13.8495 23.3205 14.301 23.1945C11.844 22.701 9.98555 20.517 9.98555 17.913V17.8395C10.71 18.2385 11.5395 18.48 12.4215 18.5115C10.983 17.5455 10.0275 15.897 10.0275 14.028C10.0275 13.041 10.29 12.117 10.752 11.319C13.4085 14.574 17.3775 16.7265 21.8505 16.947C21.7665 16.548 21.714 16.1385 21.714 15.7185C21.714 12.747 24.129 10.332 27.1005 10.332C28.644 10.332 30.0405 10.983 31.0275 12.033C32.2561 11.7915 33.411 11.3505 34.4506 10.731C34.041 11.991 33.1905 13.0515 32.0775 13.713C33.1695 13.5765 34.209 13.293 35.175 12.8625C34.4506 13.944 33.537 14.8995 32.487 15.6555C32.4975 15.8865 32.4975 16.1175 32.4975 16.3484V16.3485Z" fill="currentColor" />
+</svg>

website/src/theme/Footer/icons/youtube.svg

@@ -0,0 +1 @@
+<svg width="42" height="42" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M42 0H0v42h42V0Zm-7.618 13.975a3.387 3.387 0 0 0-.909-1.52 3.547 3.547 0 0 0-1.569-.88C29.731 11 20.986 11 20.986 11s-8.745.017-10.918.592a3.547 3.547 0 0 0-1.57.88 3.388 3.388 0 0 0-.908 1.52c-.658 3.741-.913 9.442.018 13.033.16.575.474 1.1.908 1.52.435.422.976.725 1.57.88C12.258 30 21.004 30 21.004 30s8.745 0 10.918-.574a3.548 3.548 0 0 0 1.57-.88c.434-.422.747-.946.908-1.521.693-3.746.907-9.443-.018-13.05ZM18 25l7-4.5-7-4.5v9Z" fill="currentColor"></path></svg>

website/src/theme/Footer/index.tsx

@@ -3,6 +3,10 @@ import type FooterType from '@theme/Footer';
 import type { WrapperProps } from '@docusaurus/types';
 import styles from './footer.module.css';
 import Heart from './Heart';
+import LinkedinIcon from './icons/linkedin.svg';
+import TwitterIcon from './icons/Twitter.svg';
+import SlackIcon from './icons/Slack.svg';
+import YoutubeIcon from './icons/youtube.svg';
 
 type Props = WrapperProps<typeof FooterType>;
 
@@ -11,14 +15,52 @@ export default function FooterWrapper(props: Props): JSX.Element {
         <div className={styles.wrapper}>
             <div className={styles.footer}>
                 <div className={styles.unleash}>
-                    <p>
-                        Unleash reduces the risk of releasing new features,
-                        drives innovation by streamlining the software release
-                        process. While we serve the needs of the world's
-                        largest, most security-conscious organizations, we are
-                        also rated the “Easiest Feature Management system to
-                        use” by G2.
-                    </p>
+                    <img
+                        src='/img/logo.svg'
+                        width='70'
+                        height='70'
+                        alt='Unleash logo'
+                    />
+                    <div style={{ maxWidth: '300px' }}>
+                        <p>
+                            Unleash reduces the risk of releasing new features,
+                            drives innovation by streamlining the software
+                            release process. While we serve the needs of the
+                            world's largest, most security-conscious
+                            organizations, we are also rated the “Easiest
+                            Feature Management system to use” by G2.
+                        </p>
+                        <div className={styles.social}>
+                            <a
+                                href='https://www.linkedin.com/company/getunleash/'
+                                target='_blank'
+                                rel='noopener noreferrer'
+                            >
+                                <LinkedinIcon />
+                            </a>
+                            <a
+                                href='https://twitter.com/getunleash'
+                                target='_blank'
+                                rel='noopener noreferrer'
+                            >
+                                <TwitterIcon />
+                            </a>
+                            <a
+                                href='https://unleash-community.slack.com/signup/'
+                                target='_blank'
+                                rel='noopener noreferrer'
+                            >
+                                <SlackIcon />
+                            </a>
+                            <a
+                                href='https://www.youtube.com/channel/UCJjGVOc5QBbEje-r7nZEa4A'
+                                target='_blank'
+                                rel='noopener noreferrer'
+                            >
+                                <YoutubeIcon />
+                            </a>
+                        </div>
+                    </div>
                 </div>
                 <Footer {...props} />
             </div>