Add 'astro-compressor' and 'astro-critters' to astro config and packages

This commit introduces 'astro-compressor' and 'astro-critters' to the project's astro configuration file and package files. This is reflected in both the regular package file and the package lock file. The compressor integration has gzip disabled and brotli enabled in the astro configuration.

astro.config.mjs

@@ -2,11 +2,14 @@ import { defineConfig } from 'astro/config';
 import tailwind from "@astrojs/tailwind";
 import vercelStatic from '@astrojs/vercel/static';
 import sitemap from "@astrojs/sitemap";
+import critters from "astro-critters";
+
+import compressor from "astro-compressor";
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://screw-fast.vercel.app',
-  integrations: [tailwind(), sitemap()],
+  integrations: [tailwind(), sitemap(), critters(), compressor({ gzip: false, brotli: true })],
   output: 'static',
-  adapter: vercelStatic(),
+  adapter: vercelStatic()
 });

package.json

@@ -15,6 +15,8 @@
     "@astrojs/tailwind": "^5.1.0",
     "@astrojs/vercel": "^7.3.0",
     "astro": "^4.3.6",
+    "astro-compressor": "^0.4.1",
+    "astro-critters": "^2.1.1",
     "preline": "^2.0.3",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3"

src/components/FooterSection.astro

@@ -118,9 +118,9 @@ const company: Links[] = [
       </div>
 
       <div class="col-span-1">
-        <h4 class="font-bold text-neutral-800 dark:text-neutral-200">
+        <h3 class="font-bold text-neutral-800 dark:text-neutral-200">
           {sectionOne}
-        </h4>
+        </h3>
 
         <div class="mt-3 grid space-y-3">
           {
@@ -139,9 +139,9 @@ const company: Links[] = [
       </div>
 
       <div class="col-span-1">
-        <h4 class="font-bold text-neutral-800 dark:text-neutral-200">
+        <h3 class="font-bold text-neutral-800 dark:text-neutral-200">
           {sectionTwo}
-        </h4>
+        </h3>
 
         <div class="mt-3 grid space-y-3">
           {
@@ -165,9 +165,9 @@ const company: Links[] = [
       </div>
 
       <div class="col-span-2">
-        <h4 class="font-bold text-neutral-800 dark:text-neutral-200">
+        <h3 class="font-bold text-neutral-800 dark:text-neutral-200">
           {sectionThree}
-        </h4>
+        </h3>
 
         <form>
           <EmailFooterInput />