feat: major refactor of cards to standardize styles

src/pages/apps.astro

@@ -4,7 +4,8 @@ import { readSingleton } from '@directus/sdk';
 import directus from '@lib/directus';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import HeroSection from '@components/ui/sections/HeroSection.astro';
-import Applications from '@components/ui/sections/Applications.astro';
+import ApplicationSection from '@components/ui/sections/ApplicationSection.astro';
+
 import applicationImg from '@images/cedar_tree.png';
 
 const global = await directus.request(readSingleton('site_global'));
@@ -29,6 +30,7 @@ const global = await directus.request(readSingleton('site_global'));
     },
   }}
 >
+
   <HeroSection
     title="Applications"
     subTitle={global.about_applications}
@@ -36,13 +38,8 @@ const global = await directus.request(readSingleton('site_global'));
     alt={global.applications_image_alt}
   />
 
-  <section class="mx-auto max-w-340 px-4 sm:px-6 lg:px-8 lg:py-14 pb-10">
-    <main class="relative grid grid-cols-1 md:grid-cols-6 gap-12 p-2 md:p-16 xl:gap-24 max-w-7xl mx-auto">
-      <div class="space-y-12 col-span-1 md:col-span-6">
-        <Applications className="smooth-reveal-2" />
-      </div>
-    </main>
-  </section>
+  <ApplicationSection className="smooth-reveal-2" />
+
 </BaseLayout>
 
 <script>