From 090489fd86731b30a816d83c615a5784b5e3755e Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Wed, 16 Aug 2023 15:12:55 +1000
Subject: [PATCH] Update footer layout

---
 src/components/footer/Footer.astro    |  8 +++-
 src/components/footer/FooterNEW.astro | 55 +++++++++++++++++++++++++++
 src/layouts/BaseLayout.astro          |  4 +-
 3 files changed, 64 insertions(+), 3 deletions(-)
 create mode 100644 src/components/footer/FooterNEW.astro

diff --git a/src/components/footer/Footer.astro b/src/components/footer/Footer.astro
index c804f3e..3b6bd71 100644
--- a/src/components/footer/Footer.astro
+++ b/src/components/footer/Footer.astro
@@ -13,7 +13,6 @@ import SocialLinks from "./SocialLinks.astro";
         Windows, macOS, GNU/Linux and other operating systems. Audacity is free,
         open source software.
       </p>
-      <div class="mt-8"><SocialLinks /></div>
     </div>
     <div class="flex flex-col sm:col-span-2 sm:col-start-5 mt-8 sm:mt-0 gap-y-2">
       <a href="/downloads/">Downloads</a>
@@ -28,6 +27,13 @@ import SocialLinks from "./SocialLinks.astro";
       <a href="https://audio.com/">Audio.com</a>
       <a href="https://manual.audacityteam.org/">Manual</a>
     </div>
+    <div class="flex flex-col sm:col-span-2 mt-2 sm:mt-0 gap-y-2">
+      <a href="/blog">Blog</a>
+      <a href="https://support.audacityteam.org/">Help & Tutorials</a>
+      <a href="https://forum.audacityteam.org/">Forum</a>
+      <a href="https://audio.com/">Audio.com</a>
+      <a href="https://manual.audacityteam.org/">Manual</a>
+    </div>
     <div
       class="border-t-[1px] border-gray-300 mt-12 py-2 text-center pt-4 sm:col-span-8 lg"
     >
diff --git a/src/components/footer/FooterNEW.astro b/src/components/footer/FooterNEW.astro
new file mode 100644
index 0000000..937fb04
--- /dev/null
+++ b/src/components/footer/FooterNEW.astro
@@ -0,0 +1,55 @@
+<footer class="bg-gray-100">
+  <div class="grid grid-cols-12 max-w-7xl mx-auto py-24 gap-8">
+    <div class="col-start-1 col-span-4">
+      <h4 class="text-gray-900 text-xl font-bold">Audacity</h4>
+      <p class="text-base mt-2 text-gray-700">
+        Audacity is an easy-to-use, multi-track audio editor and recorder for
+        Windows, macOS, GNU/Linux and other operating systems. Audacity is free,
+        open source software.
+      </p>
+    </div>
+    <div class="col-start-7 col-span-2">
+      <h4 class="font-semibold">Links</h4>
+      <ul>
+        <li>Blog</li>
+        <li>FAQ</li>
+        <li>Forum</li>
+        <li>Manual</li>
+        <li>Audio.com</li>
+      </ul>
+    </div>
+    <div class="col-start-9 col-span-2">
+      <h4 class="font-semibold">Links</h4>
+      <ul>
+        <li>Windows</li>
+        <li>MacOS</li>
+        <li>Linux</li>
+      </ul>
+    </div>
+    <div class="col-start-11 col-span-2">
+      <h4 class="font-semibold">Social</h4>
+      <ul>
+        <li>Facebook</li>
+        <li>Twitter</li>
+        <li>Github</li>
+        <li>Discord</li>
+        <li>Youtube</li>
+      </ul>
+    </div>
+    <div class="col-span-12 mt-16">
+      <div
+        class="border-t-[1px] border-gray-300 text-center pt-4"
+      >
+        <p class="text-sm text-gray-500">
+          Copyright &copy; <span id="copyright"></span> | Muse Group & contributors.
+          Audacity® software is licensed under the terms of the GNU General Public
+          License, Version 3. Further information about the software license, distribution
+          and acceptable use can be found <a
+            href="https://github.com/audacity/audacity/blob/master/LICENSE.txt"
+            >in the source</a
+          >
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index ab2c1d7..044b720 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,5 +1,5 @@
 ---
-import Footer from "../components/footer/Footer.astro";
+import FooterNEW from "../components/footer/FooterNEW.astro";
 import NavigationReact from "../components/navigation/NavigationReact";
 import { MatomoProvider, createInstance } from '@datapunt/matomo-tracker-react'
 
@@ -28,7 +28,7 @@ const instance = createInstance({
       <MatomoProvider value={instance}>
       <NavigationReact client:load />
       <slot />
-      <Footer />
+      <FooterNEW/>
     </MatomoProvider>
     </body>