diff --git a/src/components/button/DownloadsPaginationButton.jsx b/src/components/button/DownloadsPaginationButton.jsx
index 5e1ca9f..d418cfb 100644
--- a/src/components/button/DownloadsPaginationButton.jsx
+++ b/src/components/button/DownloadsPaginationButton.jsx
@@ -1,11 +1,11 @@
 import React from "react";
 
 function DownloadsPaginationButton(props) {
-  const { children, destinationURL } = props;
+  const { children, targetUrl } = props;
   return (
-    <a href={destinationURL} class="flex w-full flex-col border rounded p-4">
+    <a href={targetUrl} class="flex flex-1 flex-col border rounded p-4">
       <p>Download for</p>
-      <div class="flex items-center text-xl lg:text-2xl font-bold gap-x-2">
+      <div class="flex items-center text-lg lg:text-xl xl:text-2xl font-bold gap-x-2 text-gray-800 fill-gray-500">
         {children}
       </div>
     </a>
diff --git a/src/components/navigation/NavigationReact.jsx b/src/components/navigation/NavigationReact.jsx
index 966558d..40fb2b9 100644
--- a/src/components/navigation/NavigationReact.jsx
+++ b/src/components/navigation/NavigationReact.jsx
@@ -26,7 +26,7 @@ function NavigationReact() {
 
   return (
     <nav className="fixed left-0 right-0 top-0 bg-white border-b-2 z-50 ">
-      <div className="flex justify-between max-w-6xl mx-auto h-12 px-8 items-center">
+      <div className="flex justify-between max-w-6xl mx-auto h-12 px-3 xl:px-0 items-center">
         <a href="/">
           <span className="text-blue-700 text-lg font-bold">Audacity</span>
         </a>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
new file mode 100644
index 0000000..f63f99e
--- /dev/null
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,25 @@
+---
+import Footer from "../components/footer/Footer.astro";
+import NavigationReact from "../components/navigation/NavigationReact";
+
+export interface Props {
+  title: string;
+}
+const { title } = Astro.props;
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <title>{title}</title>
+  </head>
+  <body>
+    <NavigationReact client:load />
+    <slot />
+    <Footer />
+  </body>
+</html>
diff --git a/src/layouts/DownloadPageLayout.astro b/src/layouts/DownloadPageLayout.astro
deleted file mode 100644
index db16e0d..0000000
--- a/src/layouts/DownloadPageLayout.astro
+++ /dev/null
@@ -1,22 +0,0 @@
----
-import Layout from "./Layout.astro";
-
-export interface Props {
-  title: string;
-}
-const { title } = Astro.props;
----
-
-<Layout title={title}>
-  <main>
-    <div
-      class="max-w-sm md:max-w-2xl mx-auto mt-12 px-3 pt-16 md:pt-24 xl:pt-32"
-    >
-      <h1 class="text-xl sm:text-2xl font-bold text-gray-800">
-        {title}
-      </h1>
-      <p>Version 3.2.4</p>
-      <div class="mt-12"><slot /></div>
-    </div>
-  </main>
-</Layout>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
deleted file mode 100644
index 5a73f74..0000000
--- a/src/layouts/Layout.astro
+++ /dev/null
@@ -1,26 +0,0 @@
----
-import Footer from '../components/footer/Footer.astro';
-import NavigationReact from '../components/navigation/NavigationReact';
-
-export interface Props {
-	title: string;
-}
-const { title } = Astro.props;
----
-
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="generator" content={Astro.generator} />
-		<title>{title}</title>
-	</head>
-	<body>
-		<NavigationReact client:load/>
-		<slot />
-		<Footer />
-	</body>
-</html>
-
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
new file mode 100644
index 0000000..b1d6083
--- /dev/null
+++ b/src/layouts/PageLayout.astro
@@ -0,0 +1,17 @@
+---
+export interface Props {
+  title: string;
+}
+const { title } = Astro.props;
+---
+
+<div
+  class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl mt-24 sm:mt-32 md:mt-40 lg:mt-56 px-3 sm:px-0"
+>
+  <section>
+    <h1 class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-gray-700">{title}</h1>
+  </section>
+
+  <slot />
+  
+</div>
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
index f205a86..a2ccbda 100644
--- a/src/layouts/PostLayout.astro
+++ b/src/layouts/PostLayout.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "./Layout.astro";
+import BaseLayout from "./BaseLayout.astro";
 
 interface Props {
   frontmatter: {
@@ -14,7 +14,7 @@ interface Props {
 const { frontmatter } = Astro.props;
 ---
 
-<Layout title={frontmatter.title}>
+<BaseLayout title={frontmatter.title}>
   <div class="max-w-screen-md mx-auto">
     <h1 class="text-4xl text-blue-700 font-bold mt-16 text-center">
       {frontmatter.title}
@@ -34,7 +34,7 @@ const { frontmatter } = Astro.props;
     />
     <div class="mt-4 content"><slot /></div>
   </div>
-</Layout>
+</BaseLayout>
 
 <style is:global>
   .content p {
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 213b733..e2b324e 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -1,6 +1,6 @@
 ---
 import Card from "../components/card/Card.astro";
-import Layout from "../layouts/Layout.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
 
 interface Frontmatter {
   title: string;
@@ -12,7 +12,7 @@ interface Frontmatter {
 const posts = await Astro.glob<Frontmatter>("./posts/*.md");
 ---
 
-<Layout title="Blog">
+<BaseLayout title="Blog">
   <main>
     <div
       class="max-w-sm sm:max-w-xl mx-auto px-4 mt-20 sm:mt-24 mb-24 lg:mb-40"
@@ -39,4 +39,4 @@ const posts = await Astro.glob<Frontmatter>("./posts/*.md");
       </div>
     </div>
   </main>
-</Layout>
+</BaseLayout>
diff --git a/src/pages/downloads.astro b/src/pages/downloads.astro
index 98e14e9..2014079 100644
--- a/src/pages/downloads.astro
+++ b/src/pages/downloads.astro
@@ -1,34 +1,69 @@
 ---
-import PaginationButton from "../components/PaginationButton.astro";
-import Layout from "../layouts/Layout.astro";
+import DownloadsPaginationButton from "../components/button/DownloadsPaginationButton";
+import BaseLayout from "../layouts/BaseLayout.astro";
+import PageLayout from "../layouts/PageLayout.astro";
 ---
 
-<Layout title="Audacity | Downloads">
-  <main>
-    <section>
-      <div
-        class="max-w-sm sm:max-w-xl mx-auto px-4 mt-20 sm:mt-24 mb-24 lg:mb-40"
-      >
-        <h1 class="text-xl sm:text-2xl mb-6 sm:mb-8 font-bold text-gray-800">
-          Downloads
-        </h1>
-        <div class="flex flex-col md:flex-row gap-4">
-          <PaginationButton
-            title="Windows"
-            url="/downloads/download-for-windows"
-          />
-          <PaginationButton title="Mac OS" url="/downloads/download-for-mac" />
-          <PaginationButton title="Linux" url="/downloads/download-for-linux" />
-        </div>
-        <div class="mt-16 flex flex-col">
-          <h3 class="text-md mb-2 font-bold text-gray-800">
-            Additional resources
-          </h3>
-          <a href="https://github.com/audacity/audacity/releases/download/Audacity-3.2.4/audacity-manual-3.2.4.tar.gz" class="text-blue-500 underline">Manual download</a>
-          <a href="https://lame.buanzo.org/#lamewindl" target="_blank" class="text-blue-500 underline">Ffmpeg import/export library</a>
-          <a href="https://www.fosshub.com/Audacity.html" class="text-blue-500 underline">Download older versions from Fosshub</a>
-        </div>
+<BaseLayout title="Audacity | Downloads">
+  <PageLayout title="Downloads">
+    <section class="mt-4">
+      <div class="flex flex-col sm:flex-row gap-4">
+        <DownloadsPaginationButton targetUrl="/downloads/download-for-windows">
+          <svg
+            class="w-4"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512"
+            ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <path
+              d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z"
+            ></path></svg
+          >Windows
+        </DownloadsPaginationButton>
+        <DownloadsPaginationButton targetUrl="/downloads/download-for-mac">
+          <svg
+            class="w-4"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 384 512"
+            ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <path
+              d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+            ></path></svg
+          >Mac OS
+        </DownloadsPaginationButton>
+        <DownloadsPaginationButton targetUrl="/downloads/download-for-linux">
+          <svg
+            class="w-4"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512"
+            ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+            <path
+              d="M220.8 123.3c1 .5 1.8 1.7 3 1.7 1.1 0 2.8-.4 2.9-1.5.2-1.4-1.9-2.3-3.2-2.9-1.7-.7-3.9-1-5.5-.1-.4.2-.8.7-.6 1.1.3 1.3 2.3 1.1 3.4 1.7zm-21.9 1.7c1.2 0 2-1.2 3-1.7 1.1-.6 3.1-.4 3.5-1.6.2-.4-.2-.9-.6-1.1-1.6-.9-3.8-.6-5.5.1-1.3.6-3.4 1.5-3.2 2.9.1 1 1.8 1.5 2.8 1.4zM420 403.8c-3.6-4-5.3-11.6-7.2-19.7-1.8-8.1-3.9-16.8-10.5-22.4-1.3-1.1-2.6-2.1-4-2.9-1.3-.8-2.7-1.5-4.1-2 9.2-27.3 5.6-54.5-3.7-79.1-11.4-30.1-31.3-56.4-46.5-74.4-17.1-21.5-33.7-41.9-33.4-72C311.1 85.4 315.7.1 234.8 0 132.4-.2 158 103.4 156.9 135.2c-1.7 23.4-6.4 41.8-22.5 64.7-18.9 22.5-45.5 58.8-58.1 96.7-6 17.9-8.8 36.1-6.2 53.3-6.5 5.8-11.4 14.7-16.6 20.2-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4 0 3.9.6 7.9 1.2 11.8 1.2 8.1 2.5 15.7.8 20.8-5.2 14.4-5.9 24.4-2.2 31.7 3.8 7.3 11.4 10.5 20.1 12.3 17.3 3.6 40.8 2.7 59.3 12.5 19.8 10.4 39.9 14.1 55.9 10.4 11.6-2.6 21.1-9.6 25.9-20.2 12.5-.1 26.3-5.4 48.3-6.6 14.9-1.2 33.6 5.3 55.1 4.1.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23 16.6-1.3 34.1-11 48.3-27.9 13.6-16.4 36-23.2 50.9-32.2 7.4-4.5 13.4-10.1 13.9-18.3.4-8.2-4.4-17.3-15.5-29.7zM223.7 87.3c9.8-22.2 34.2-21.8 44-.4 6.5 14.2 3.6 30.9-4.3 40.4-1.6-.8-5.9-2.6-12.6-4.9 1.1-1.2 3.1-2.7 3.9-4.6 4.8-11.8-.2-27-9.1-27.3-7.3-.5-13.9 10.8-11.8 23-4.1-2-9.4-3.5-13-4.4-1-6.9-.3-14.6 2.9-21.8zM183 75.8c10.1 0 20.8 14.2 19.1 33.5-3.5 1-7.1 2.5-10.2 4.6 1.2-8.9-3.3-20.1-9.6-19.6-8.4.7-9.8 21.2-1.8 28.1 1 .8 1.9-.2-5.9 5.5-15.6-14.6-10.5-52.1 8.4-52.1zm-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5 4.7-4.4 13.5-14.2 27.9-14.2 7.1 0 15.6 2.3 25.9 8.9 6.3 4.1 11.3 4.4 22.6 9.3 8.4 3.5 13.7 9.7 10.5 18.2-2.6 7.1-11 14.4-22.7 18.1-11.1 3.6-19.8 16-38.2 14.9-3.9-.2-7-1-9.6-2.1-8-3.5-12.2-10.4-20-15-8.6-4.8-13.2-10.4-14.7-15.3-1.4-4.9 0-9 4.2-12.3zm3.3 334c-2.7 35.1-43.9 34.4-75.3 18-29.9-15.8-68.6-6.5-76.5-21.9-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9-1.2-7.8-1.8-15 .9-20 3.5-6.7 8.5-9.1 14.8-11.3 10.3-3.7 11.8-3.4 19.6-9.9 5.5-5.7 9.5-12.9 14.3-18 5.1-5.5 10-8.1 17.7-6.9 8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9zm-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6 7.1 0 14.2-2.2 16.7-8.9 2.3-6.2 0-14.9-7.4-24.9-13.5-18.2-38.3-32.5-38.3-32.5-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2 2.3-1.7.8 3.2-8.7 20.8-8.5 16.1-24.4 53.3-2.6 82.4.6-20.7 5.5-41.8 13.8-61.5 12-27.4 37.3-74.9 39.3-112.7 1.1.8 4.6 3.2 6.2 4.1 4.6 2.7 8.1 6.7 12.6 10.3 12.4 10 28.5 9.2 42.4 1.2 6.2-3.5 11.2-7.5 15.9-9 9.9-3.1 17.8-8.6 22.3-15 7.7 30.4 25.7 74.3 37.2 95.7 6.1 11.4 18.3 35.5 23.6 64.6 3.3-.1 7 .4 10.9 1.4 13.8-35.7-11.7-74.2-23.3-84.9-4.7-4.6-4.9-6.6-2.6-6.5 12.6 11.2 29.2 33.7 35.2 59 2.8 11.6 3.3 23.7.4 35.7 16.4 6.8 35.9 17.9 30.7 34.8-2.2-.1-3.2 0-4.2 0 3.2-10.1-3.9-17.6-22.8-26.1-19.6-8.6-36-8.6-38.3 12.5-12.1 4.2-18.3 14.7-21.4 27.3-2.8 11.2-3.6 24.7-4.4 39.9-.5 7.7-3.6 18-6.8 29-32.1 22.9-76.7 32.9-114.3 7.2zm257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3 3.7-14.2 9.2-28.8 9.9-40.6.8-15.2 1.7-28.5 4.2-38.7 2.6-10.3 6.6-17.2 13.7-21.1.3-.2.7-.3 1-.5.8 13.2 7.3 26.6 18.8 29.5 12.6 3.3 30.7-7.5 38.4-16.3 9-.3 15.7-.9 22.6 5.1 9.9 8.5 7.1 30.3 17.1 41.6 10.6 11.6 14 19.5 13.7 24.6zM173.3 148.7c2 1.9 4.7 4.5 8 7.1 6.6 5.2 15.8 10.6 27.3 10.6 11.6 0 22.5-5.9 31.8-10.8 4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9-1.5-1.4-1.9-4.6-4.3-4.9-1.4-.1-1.8 3.7 1.7 6.5z"
+            ></path></svg
+          >Linux
+        </DownloadsPaginationButton>
       </div>
     </section>
-  </main>
-</Layout>
+
+    <section>
+      <div class="mt-16 flex flex-col">
+        <h3 class="text-md mb-2 font-bold text-gray-800">
+          Additional resources
+        </h3>
+        <a
+          href="https://github.com/audacity/audacity/releases/download/Audacity-3.2.4/audacity-manual-3.2.4.tar.gz"
+          class="text-blue-500 underline">Manual download</a
+        >
+        <a
+          href="https://lame.buanzo.org/#lamewindl"
+          target="_blank"
+          class="text-blue-500 underline">Ffmpeg import/export library</a
+        >
+        <a
+          href="https://www.fosshub.com/Audacity.html"
+          class="text-blue-500 underline"
+          >Download older versions from Fosshub</a
+        >
+      </div>
+    </section>
+  </PageLayout>
+</BaseLayout>
diff --git a/src/pages/downloads/download-for-linux.astro b/src/pages/downloads/download-for-linux.astro
deleted file mode 100644
index 32d9681..0000000
--- a/src/pages/downloads/download-for-linux.astro
+++ /dev/null
@@ -1,18 +0,0 @@
----
-import { releaseData } from "../../assets/js/releaseData";
-import DownloadPageLayout from "../../layouts/DownloadPageLayout.astro";
----
-
-<DownloadPageLayout title="Download for Linux">
-  <div class="mb-16">
-    <div class="mb-12 divide-y">
-      <h4 class="text-md font-bold mb-4">Standard</h4>
-      
-    </div>
-  </div>
-
-  <div class="flex flex-col gap-4 sm:flex-row mt-16">
-    
-  </div>
-
-</DownloadPageLayout>
diff --git a/src/pages/downloads/download-for-mac.astro b/src/pages/downloads/download-for-mac.astro
deleted file mode 100644
index c7a3249..0000000
--- a/src/pages/downloads/download-for-mac.astro
+++ /dev/null
@@ -1,18 +0,0 @@
----
-import { releaseData } from "../../assets/js/releaseData";
-import DownloadPageLayout from "../../layouts/DownloadPageLayout.astro";
----
-
-<DownloadPageLayout title="Download for Mac">
-  <div class="mb-16">
-    <div class="mb-12 divide-y">
-      <h4 class="text-md font-bold mb-4">Universal</h4>
-
-    </div>
-  </div>
-
-  <div class="flex flex-col gap-4 sm:flex-row mt-16">
-   
-  </div>
-
-</DownloadPageLayout>
diff --git a/src/pages/downloads/download-for-windows.astro b/src/pages/downloads/download-for-windows.astro
index fe6dab9..154a61f 100644
--- a/src/pages/downloads/download-for-windows.astro
+++ b/src/pages/downloads/download-for-windows.astro
@@ -2,121 +2,116 @@
 import { releaseData } from "../../assets/js/releaseData";
 import DownloadsPaginationButton from "../../components/button/DownloadsPaginationButton";
 import DownloadCard from "../../components/card/DownloadCard";
-import DownloadPageLayout from "../../layouts/DownloadPageLayout.astro";
 
 const { win } = releaseData;
 ---
 
-<DownloadPageLayout title="Download for Windows">
-  <div class="flex flex-col gap-y-4">
-    {
-      win.map((item) => {
-        return (
-          <DownloadCard
-            client:load
-            title={item.name}
-            checksum={item.checksum}
-            downloadURL={item.browser_download_url}
-            buttonText="Download"
-            downloadType={item.type}
-          />
-        );
-      })
-    }
-  </div>
-
-  <div class="mt-12 space-y-12">
-    <div>
-      <h4 class="font-bold text-lg mb-2">FFmpeg import/export library</h4><p
-        class="text-base"
-      >
-        An optional library which handles additional file formats (like WMA,
-        M4A, AC3 and others)
-      </p>
-      <a
-        class="font-medium inline-flex gap-x-2 hover:underline text-blue-700 mt-2"
-        href="https://manual.audacityteam.org/man/installing_ffmpeg_for_windows.html"
-        target="_blank"
-        >Find out more<svg
-          class="fill-blue-700 w-4"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 448 512"
-        >
-          <path
-            d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
-          ></path></svg
-        ></a
-      >
-    </div>
-  </div>
-
-  <div class="mt-12 space-y-12">
-    <div>
-      <h4 class="font-bold text-lg mb-2">Plugins</h4><p class="text-base">
-        Download additional effects and filters.
-      </p>
-      <a
-        class="font-medium inline-flex gap-x-2 hover:underline text-blue-700 mt-2"
-        href="https://plugins.audacityteam.org"
-        target="_blank"
-        >Find out more<svg
-          class="fill-blue-700 w-4"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 448 512"
-        >
-          <path
-            d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
-          ></path></svg
-        ></a
-      >
-    </div>
-
-    <div>
-      <h4 class="font-bold text-lg mb-2">
-        Running an older version of Windows?
-      </h4><p class="text-base">
-        Audacity 3.1.0 is believed to work correctly on Windows 7, 8.1 and
-        Vista, though please note that 7, 8 and Vista obsolete and no longer
-        supported by Microsoft. More information about Audacity on Vista HERE.<br
+<div class="flex flex-col gap-y-4">
+  {
+    win.map((item) => {
+      return (
+        <DownloadCard
+          client:load
+          title={item.name}
+          checksum={item.checksum}
+          downloadURL={item.browser_download_url}
+          buttonText="Download"
+          downloadType={item.type}
         />
-        <br />
-        For Windows 98, ME and 2000, also for XP without the final Service Pack see
-        Legacy Windows Downloads.
-      </p>
-    </div>
+      );
+    })
+  }
+</div>
 
-    <div class="mt-16">
-      <h4 class="font-bold text-lg mb-2">
-        Looking for an older version for Audacity?
-      </h4><p class="text-base">
-        Audacity 3.1.0 is believed to work correctly on Windows 7, 8.1 and
-        Vista, though please note that 7, 8 and Vista obsolete and no longer
-        supported by Microsoft. More information about Audacity on Vista HERE.<br
-        />
-        <br />
-        OldFoss hosts the current Audacity version and all previous versions from
-        2.1.2 onwards. Google Code hosts selected previous versions up to and including
-        Audacity 2.0.5.
-      </p>
-    </div>
+<div class="mt-12 space-y-12">
+  <div>
+    <h4 class="font-bold text-lg mb-2">FFmpeg import/export library</h4><p
+      class="text-base"
+    >
+      An optional library which handles additional file formats (like WMA, M4A,
+      AC3 and others)
+    </p>
+    <a
+      class="font-medium inline-flex gap-x-2 hover:underline text-blue-700 mt-2"
+      href="https://manual.audacityteam.org/man/installing_ffmpeg_for_windows.html"
+      target="_blank"
+      >Find out more<svg
+        class="fill-blue-700 w-4"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 448 512"
+      >
+        <path
+          d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
+        ></path></svg
+      ></a
+    >
+  </div>
+</div>
+
+<div class="mt-12 space-y-12">
+  <div>
+    <h4 class="font-bold text-lg mb-2">Plugins</h4><p class="text-base">
+      Download additional effects and filters.
+    </p>
+    <a
+      class="font-medium inline-flex gap-x-2 hover:underline text-blue-700 mt-2"
+      href="https://plugins.audacityteam.org"
+      target="_blank"
+      >Find out more<svg
+        class="fill-blue-700 w-4"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 448 512"
+      >
+        <path
+          d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
+        ></path></svg
+      ></a
+    >
   </div>
 
-  <div class="flex flex-col gap-4 sm:flex-row mt-16">
-    <DownloadsPaginationButton>
-      <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
-        ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-        <path
-          d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
-        ></path></svg
-      > Mac OS
-    </DownloadsPaginationButton>
-    <DownloadsPaginationButton>
-      <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
-        ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-        <path
-          d="M220.8 123.3c1 .5 1.8 1.7 3 1.7 1.1 0 2.8-.4 2.9-1.5.2-1.4-1.9-2.3-3.2-2.9-1.7-.7-3.9-1-5.5-.1-.4.2-.8.7-.6 1.1.3 1.3 2.3 1.1 3.4 1.7zm-21.9 1.7c1.2 0 2-1.2 3-1.7 1.1-.6 3.1-.4 3.5-1.6.2-.4-.2-.9-.6-1.1-1.6-.9-3.8-.6-5.5.1-1.3.6-3.4 1.5-3.2 2.9.1 1 1.8 1.5 2.8 1.4zM420 403.8c-3.6-4-5.3-11.6-7.2-19.7-1.8-8.1-3.9-16.8-10.5-22.4-1.3-1.1-2.6-2.1-4-2.9-1.3-.8-2.7-1.5-4.1-2 9.2-27.3 5.6-54.5-3.7-79.1-11.4-30.1-31.3-56.4-46.5-74.4-17.1-21.5-33.7-41.9-33.4-72C311.1 85.4 315.7.1 234.8 0 132.4-.2 158 103.4 156.9 135.2c-1.7 23.4-6.4 41.8-22.5 64.7-18.9 22.5-45.5 58.8-58.1 96.7-6 17.9-8.8 36.1-6.2 53.3-6.5 5.8-11.4 14.7-16.6 20.2-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4 0 3.9.6 7.9 1.2 11.8 1.2 8.1 2.5 15.7.8 20.8-5.2 14.4-5.9 24.4-2.2 31.7 3.8 7.3 11.4 10.5 20.1 12.3 17.3 3.6 40.8 2.7 59.3 12.5 19.8 10.4 39.9 14.1 55.9 10.4 11.6-2.6 21.1-9.6 25.9-20.2 12.5-.1 26.3-5.4 48.3-6.6 14.9-1.2 33.6 5.3 55.1 4.1.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23 16.6-1.3 34.1-11 48.3-27.9 13.6-16.4 36-23.2 50.9-32.2 7.4-4.5 13.4-10.1 13.9-18.3.4-8.2-4.4-17.3-15.5-29.7zM223.7 87.3c9.8-22.2 34.2-21.8 44-.4 6.5 14.2 3.6 30.9-4.3 40.4-1.6-.8-5.9-2.6-12.6-4.9 1.1-1.2 3.1-2.7 3.9-4.6 4.8-11.8-.2-27-9.1-27.3-7.3-.5-13.9 10.8-11.8 23-4.1-2-9.4-3.5-13-4.4-1-6.9-.3-14.6 2.9-21.8zM183 75.8c10.1 0 20.8 14.2 19.1 33.5-3.5 1-7.1 2.5-10.2 4.6 1.2-8.9-3.3-20.1-9.6-19.6-8.4.7-9.8 21.2-1.8 28.1 1 .8 1.9-.2-5.9 5.5-15.6-14.6-10.5-52.1 8.4-52.1zm-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5 4.7-4.4 13.5-14.2 27.9-14.2 7.1 0 15.6 2.3 25.9 8.9 6.3 4.1 11.3 4.4 22.6 9.3 8.4 3.5 13.7 9.7 10.5 18.2-2.6 7.1-11 14.4-22.7 18.1-11.1 3.6-19.8 16-38.2 14.9-3.9-.2-7-1-9.6-2.1-8-3.5-12.2-10.4-20-15-8.6-4.8-13.2-10.4-14.7-15.3-1.4-4.9 0-9 4.2-12.3zm3.3 334c-2.7 35.1-43.9 34.4-75.3 18-29.9-15.8-68.6-6.5-76.5-21.9-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9-1.2-7.8-1.8-15 .9-20 3.5-6.7 8.5-9.1 14.8-11.3 10.3-3.7 11.8-3.4 19.6-9.9 5.5-5.7 9.5-12.9 14.3-18 5.1-5.5 10-8.1 17.7-6.9 8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9zm-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6 7.1 0 14.2-2.2 16.7-8.9 2.3-6.2 0-14.9-7.4-24.9-13.5-18.2-38.3-32.5-38.3-32.5-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2 2.3-1.7.8 3.2-8.7 20.8-8.5 16.1-24.4 53.3-2.6 82.4.6-20.7 5.5-41.8 13.8-61.5 12-27.4 37.3-74.9 39.3-112.7 1.1.8 4.6 3.2 6.2 4.1 4.6 2.7 8.1 6.7 12.6 10.3 12.4 10 28.5 9.2 42.4 1.2 6.2-3.5 11.2-7.5 15.9-9 9.9-3.1 17.8-8.6 22.3-15 7.7 30.4 25.7 74.3 37.2 95.7 6.1 11.4 18.3 35.5 23.6 64.6 3.3-.1 7 .4 10.9 1.4 13.8-35.7-11.7-74.2-23.3-84.9-4.7-4.6-4.9-6.6-2.6-6.5 12.6 11.2 29.2 33.7 35.2 59 2.8 11.6 3.3 23.7.4 35.7 16.4 6.8 35.9 17.9 30.7 34.8-2.2-.1-3.2 0-4.2 0 3.2-10.1-3.9-17.6-22.8-26.1-19.6-8.6-36-8.6-38.3 12.5-12.1 4.2-18.3 14.7-21.4 27.3-2.8 11.2-3.6 24.7-4.4 39.9-.5 7.7-3.6 18-6.8 29-32.1 22.9-76.7 32.9-114.3 7.2zm257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3 3.7-14.2 9.2-28.8 9.9-40.6.8-15.2 1.7-28.5 4.2-38.7 2.6-10.3 6.6-17.2 13.7-21.1.3-.2.7-.3 1-.5.8 13.2 7.3 26.6 18.8 29.5 12.6 3.3 30.7-7.5 38.4-16.3 9-.3 15.7-.9 22.6 5.1 9.9 8.5 7.1 30.3 17.1 41.6 10.6 11.6 14 19.5 13.7 24.6zM173.3 148.7c2 1.9 4.7 4.5 8 7.1 6.6 5.2 15.8 10.6 27.3 10.6 11.6 0 22.5-5.9 31.8-10.8 4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9-1.5-1.4-1.9-4.6-4.3-4.9-1.4-.1-1.8 3.7 1.7 6.5z"
-        ></path></svg
-      > Linux
-    </DownloadsPaginationButton>
+  <div>
+    <h4 class="font-bold text-lg mb-2">
+      Running an older version of Windows?
+    </h4><p class="text-base">
+      Audacity 3.1.0 is believed to work correctly on Windows 7, 8.1 and Vista,
+      though please note that 7, 8 and Vista obsolete and no longer supported by
+      Microsoft. More information about Audacity on Vista HERE.<br />
+      <br />
+      For Windows 98, ME and 2000, also for XP without the final Service Pack see
+      Legacy Windows Downloads.
+    </p>
   </div>
-</DownloadPageLayout>
+
+  <div class="mt-16">
+    <h4 class="font-bold text-lg mb-2">
+      Looking for an older version for Audacity?
+    </h4><p class="text-base">
+      Audacity 3.1.0 is believed to work correctly on Windows 7, 8.1 and Vista,
+      though please note that 7, 8 and Vista obsolete and no longer supported by
+      Microsoft. More information about Audacity on Vista HERE.<br />
+      <br />
+      OldFoss hosts the current Audacity version and all previous versions from 2.1.2
+      onwards. Google Code hosts selected previous versions up to and including Audacity
+      2.0.5.
+    </p>
+  </div>
+</div>
+
+<div class="flex flex-col gap-4 sm:flex-row mt-16">
+  <DownloadsPaginationButton>
+    <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
+      ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+      <path
+        d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+      ></path></svg
+    > Mac OS
+  </DownloadsPaginationButton>
+  <DownloadsPaginationButton>
+    <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
+      ><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+      <path
+        d="M220.8 123.3c1 .5 1.8 1.7 3 1.7 1.1 0 2.8-.4 2.9-1.5.2-1.4-1.9-2.3-3.2-2.9-1.7-.7-3.9-1-5.5-.1-.4.2-.8.7-.6 1.1.3 1.3 2.3 1.1 3.4 1.7zm-21.9 1.7c1.2 0 2-1.2 3-1.7 1.1-.6 3.1-.4 3.5-1.6.2-.4-.2-.9-.6-1.1-1.6-.9-3.8-.6-5.5.1-1.3.6-3.4 1.5-3.2 2.9.1 1 1.8 1.5 2.8 1.4zM420 403.8c-3.6-4-5.3-11.6-7.2-19.7-1.8-8.1-3.9-16.8-10.5-22.4-1.3-1.1-2.6-2.1-4-2.9-1.3-.8-2.7-1.5-4.1-2 9.2-27.3 5.6-54.5-3.7-79.1-11.4-30.1-31.3-56.4-46.5-74.4-17.1-21.5-33.7-41.9-33.4-72C311.1 85.4 315.7.1 234.8 0 132.4-.2 158 103.4 156.9 135.2c-1.7 23.4-6.4 41.8-22.5 64.7-18.9 22.5-45.5 58.8-58.1 96.7-6 17.9-8.8 36.1-6.2 53.3-6.5 5.8-11.4 14.7-16.6 20.2-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4 0 3.9.6 7.9 1.2 11.8 1.2 8.1 2.5 15.7.8 20.8-5.2 14.4-5.9 24.4-2.2 31.7 3.8 7.3 11.4 10.5 20.1 12.3 17.3 3.6 40.8 2.7 59.3 12.5 19.8 10.4 39.9 14.1 55.9 10.4 11.6-2.6 21.1-9.6 25.9-20.2 12.5-.1 26.3-5.4 48.3-6.6 14.9-1.2 33.6 5.3 55.1 4.1.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23 16.6-1.3 34.1-11 48.3-27.9 13.6-16.4 36-23.2 50.9-32.2 7.4-4.5 13.4-10.1 13.9-18.3.4-8.2-4.4-17.3-15.5-29.7zM223.7 87.3c9.8-22.2 34.2-21.8 44-.4 6.5 14.2 3.6 30.9-4.3 40.4-1.6-.8-5.9-2.6-12.6-4.9 1.1-1.2 3.1-2.7 3.9-4.6 4.8-11.8-.2-27-9.1-27.3-7.3-.5-13.9 10.8-11.8 23-4.1-2-9.4-3.5-13-4.4-1-6.9-.3-14.6 2.9-21.8zM183 75.8c10.1 0 20.8 14.2 19.1 33.5-3.5 1-7.1 2.5-10.2 4.6 1.2-8.9-3.3-20.1-9.6-19.6-8.4.7-9.8 21.2-1.8 28.1 1 .8 1.9-.2-5.9 5.5-15.6-14.6-10.5-52.1 8.4-52.1zm-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5 4.7-4.4 13.5-14.2 27.9-14.2 7.1 0 15.6 2.3 25.9 8.9 6.3 4.1 11.3 4.4 22.6 9.3 8.4 3.5 13.7 9.7 10.5 18.2-2.6 7.1-11 14.4-22.7 18.1-11.1 3.6-19.8 16-38.2 14.9-3.9-.2-7-1-9.6-2.1-8-3.5-12.2-10.4-20-15-8.6-4.8-13.2-10.4-14.7-15.3-1.4-4.9 0-9 4.2-12.3zm3.3 334c-2.7 35.1-43.9 34.4-75.3 18-29.9-15.8-68.6-6.5-76.5-21.9-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9-1.2-7.8-1.8-15 .9-20 3.5-6.7 8.5-9.1 14.8-11.3 10.3-3.7 11.8-3.4 19.6-9.9 5.5-5.7 9.5-12.9 14.3-18 5.1-5.5 10-8.1 17.7-6.9 8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9zm-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6 7.1 0 14.2-2.2 16.7-8.9 2.3-6.2 0-14.9-7.4-24.9-13.5-18.2-38.3-32.5-38.3-32.5-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2 2.3-1.7.8 3.2-8.7 20.8-8.5 16.1-24.4 53.3-2.6 82.4.6-20.7 5.5-41.8 13.8-61.5 12-27.4 37.3-74.9 39.3-112.7 1.1.8 4.6 3.2 6.2 4.1 4.6 2.7 8.1 6.7 12.6 10.3 12.4 10 28.5 9.2 42.4 1.2 6.2-3.5 11.2-7.5 15.9-9 9.9-3.1 17.8-8.6 22.3-15 7.7 30.4 25.7 74.3 37.2 95.7 6.1 11.4 18.3 35.5 23.6 64.6 3.3-.1 7 .4 10.9 1.4 13.8-35.7-11.7-74.2-23.3-84.9-4.7-4.6-4.9-6.6-2.6-6.5 12.6 11.2 29.2 33.7 35.2 59 2.8 11.6 3.3 23.7.4 35.7 16.4 6.8 35.9 17.9 30.7 34.8-2.2-.1-3.2 0-4.2 0 3.2-10.1-3.9-17.6-22.8-26.1-19.6-8.6-36-8.6-38.3 12.5-12.1 4.2-18.3 14.7-21.4 27.3-2.8 11.2-3.6 24.7-4.4 39.9-.5 7.7-3.6 18-6.8 29-32.1 22.9-76.7 32.9-114.3 7.2zm257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3 3.7-14.2 9.2-28.8 9.9-40.6.8-15.2 1.7-28.5 4.2-38.7 2.6-10.3 6.6-17.2 13.7-21.1.3-.2.7-.3 1-.5.8 13.2 7.3 26.6 18.8 29.5 12.6 3.3 30.7-7.5 38.4-16.3 9-.3 15.7-.9 22.6 5.1 9.9 8.5 7.1 30.3 17.1 41.6 10.6 11.6 14 19.5 13.7 24.6zM173.3 148.7c2 1.9 4.7 4.5 8 7.1 6.6 5.2 15.8 10.6 27.3 10.6 11.6 0 22.5-5.9 31.8-10.8 4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9-1.5-1.4-1.9-4.6-4.3-4.9-1.4-.1-1.8 3.7 1.7 6.5z"
+      ></path></svg
+    > Linux
+  </DownloadsPaginationButton>
+</div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 45cc3f6..6d2f13d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
 import ReleaseVideo from "../components/ReleaseVideo.astro";
 import AudacityLight from "../assets/img/AudacityLight.png";
 import AudacityDark from "../assets/img/AudacityDark.png";
@@ -22,7 +22,7 @@ interface Frontmatter {
 const posts = await Astro.glob<Frontmatter>("./posts/*.md");
 ---
 
-<Layout title="Audacity | Home">
+<BaseLayout title="Audacity | Home">
   <main class="mt-12">
     <!----- HERO BANNER ----->
     <section class="grid-background">
@@ -142,7 +142,7 @@ const posts = await Astro.glob<Frontmatter>("./posts/*.md");
       </SectionLayout>
     </section>
   </main>
-</Layout>
+</BaseLayout>
 
 <style>
   .grid-background {
