Update footer layout

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"
     >

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>

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>