Remove recognition page, adjust section on index

src/assets/menu-primary.ts

@@ -7,7 +7,6 @@ const links: Link[] = [
   { href: "/", label: "Home" },
   { href: "/about/", label: "About" },
   { href: "/projects/", label: "Projects" },
-  { href: "/recognition/", label: "Recognition" },
   { href: "/contact/", label: "Contact" }
 ];
 

src/components/AwardCard.astro

@@ -13,7 +13,6 @@ const { award } = Astro.props as Props;
 const { Content } = await render(award);
 ---
 
-<div class="col-span-1">
 <div class="bg-primary rounded text-white shadow">
   <div class="p-2">
     <div class="text-l font-bold">{award.data.title}</div>
@@ -27,4 +26,3 @@ const { Content } = await render(award);
     </div>
   </div>
 </div>
-</div>

src/pages/index.astro

@@ -174,26 +174,12 @@ const tracks = (
     <section id="recognition" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-center">
         <SectionTitle>Recognition</SectionTitle>
-        <div class="grid grid-cols-1 md:grid-cols-2">
-          <div
-            class="col-span-1 flex h-48 w-full flex-col items-center justify-center"
-          >
         <Paragraph
-              >I am very grateful to have been recognised and awarded for my
+          >I am very grateful to have been recognised and awarded for my work.</Paragraph
-              work.</Paragraph
         >
-            <a
+        <div class="md-8 h-48 overflow-hidden scroll-smooth p-0">
-              href="/recognition/"
-              class="bg-primary text-md font-header hover:text-primary repeat hover:ring-primary mx-auto inline-block rounded px-6 py-3 font-light text-white uppercase drop-shadow-lg/75 transition hover:bg-white hover:ring-2"
-            >
-              Click here for more information
-            </a>
-          </div>
           <div
-            class="md-8 col-span-1 h-48 overflow-hidden scroll-smooth p-0 md:mt-0"
+            class="animate-scrolling-awards m-0 mx-auto flex max-w-md flex-col space-y-8 p-0"
-          >
-            <div
-              class="animate-scrolling-awards m-0 mx-auto flex max-w-3xs flex-col space-y-8 p-0"
           >
             {
               awardsDoubled.map((award) => {
@@ -203,7 +189,6 @@ const tracks = (
           </div>
         </div>
       </div>
-      </div>
     </section>
     <section id="fillerUntilServicesIsComplete" class="text-white">
       <div class="flex h-96 w-full items-center justify-center">