From 5a9109e4b2a76145a5e106da20ebedca3722bcc5 Mon Sep 17 00:00:00 2001
From: Alvin Bryan <hello@alvin.codes>
Date: Wed, 18 Dec 2024 22:57:45 +0000
Subject: [PATCH] New footer

---
 website/docusaurus.config.ts               |  2 +-
 website/src/theme/Footer/footer.module.css | 39 +++++++++
 website/src/theme/Footer/index.tsx         | 98 ++++++++++++++++++++++
 3 files changed, 138 insertions(+), 1 deletion(-)
 create mode 100644 website/src/theme/Footer/footer.module.css
 create mode 100644 website/src/theme/Footer/index.tsx

diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
index bc955557bf..1b3b1f5b95 100644
--- a/website/docusaurus.config.ts
+++ b/website/docusaurus.config.ts
@@ -315,7 +315,6 @@ export default async function createConfigAsync(): Promise<Config> {
                         ],
                     },
                 ],
-                copyright: `Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`,
             },
             image: 'img/logo.png',
             imageZoom: {
@@ -969,6 +968,7 @@ export default async function createConfigAsync(): Promise<Config> {
                 'data-project-color': '#1A4049',
                 'data-project-logo':
                     'https://cdn.getunleash.io/uploads/2022/05/logo.png',
+                'data-button-position-bottom': '80px',
                 defer: true,
             },
         ],
diff --git a/website/src/theme/Footer/footer.module.css b/website/src/theme/Footer/footer.module.css
new file mode 100644
index 0000000000..87c0076249
--- /dev/null
+++ b/website/src/theme/Footer/footer.module.css
@@ -0,0 +1,39 @@
+.wrapper {
+    background-color: var(--ifm-background-color);
+    z-index: 1;
+}
+
+.footer {
+    font-family: Styrene B Web, sans-serif;
+    border-top: 1px solid var(--ifm-font-color-base);
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.unleash {
+    max-width: 340px;
+    padding-top: var(--ifm-footer-padding-vertical);
+    padding-left: var(--ifm-spacing-horizontal);
+}
+
+@media screen and (min-width: 768px) {
+
+    .footer {
+        flex-wrap: nowrap;
+    }
+    
+}
+
+.copyright {
+    min-height: 70px;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 1rem;
+    align-items: center;
+    border-top: 1px solid var(--ifm-font-color-base);
+}
+
+.copyright p{
+    margin-bottom: 0;
+}
diff --git a/website/src/theme/Footer/index.tsx b/website/src/theme/Footer/index.tsx
new file mode 100644
index 0000000000..0137f36513
--- /dev/null
+++ b/website/src/theme/Footer/index.tsx
@@ -0,0 +1,98 @@
+import Footer from '@theme-original/Footer';
+import type FooterType from '@theme/Footer';
+import type { WrapperProps } from '@docusaurus/types';
+import styles from './footer.module.css';
+
+type Props = WrapperProps<typeof FooterType>;
+
+export default function FooterWrapper(props: Props): JSX.Element {
+    return (
+        <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>
+                </div>
+                <Footer {...props} />
+            </div>
+            <div className={styles.copyright}>
+                <p style={{ display: 'flex', gap: '5px' }}>
+                    <svg
+                        width='21'
+                        height='21'
+                        viewBox='0 0 21 21'
+                        xmlns='http://www.w3.org/2000/svg'
+                    >
+                        <title>Heart</title>
+                        <path
+                            d='M17.0674 4.53516V10.5352H19.0674V4.53516H17.0674Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M1.06738 4.53516L1.06738 10.5352H3.06738L3.06738 4.53516H1.06738Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M17.0674 2.53516H13.0674V10.5352H17.0674V2.53516Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M7.06738 2.53516H3.06738V10.5352H7.06738V2.53516Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M13.0674 12.5352H5.06738V14.5352H13.0674V12.5352Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M15.0674 10.5352H3.06738V12.5352H15.0674V10.5352Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M11.0674 6.53516H9.06738V10.5352H11.0674V6.53516Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M13.0674 4.53516H11.0674V10.5352H13.0674V4.53516Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M9.06738 4.53516H7.06738V10.5352H9.06738V4.53516Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M11.0674 14.5352H7.06738V16.5352H11.0674V14.5352Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M11.0674 16.5352H9.06738V18.5352H11.0674V16.5352Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M13.0674 14.5352H11.0674V16.5352H13.0674V14.5352Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M15.0674 12.5352H13.0674V14.5352H15.0674V12.5352Z'
+                            fill='#817AFE'
+                        />
+                        <path
+                            d='M17.0674 10.5352H15.0674V12.5352H17.0674V10.5352Z'
+                            fill='#817AFE'
+                        />
+                    </svg>
+                    Made in a cosy atmosphere in the Nordic countries.
+                </p>
+                <p>
+                    {`Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`}
+                </p>
+            </div>
+        </div>
+    );
+}