Some corrections with types and undeleted file

src/pages/index.astro

@@ -7,9 +7,9 @@ import { Content } from "@assets/bios/short.mdx";
 import aboutImage from "@assets/img/about.jpg";
 import AwardCard from "@components/AwardCard.astro";
 import ImageCarousel from "@components/ImageCarousel.astro";
-import Link from "@components/Link.astro";
 import Paragraph from "@components/Paragraph.astro";
 import SectionTitle from "@components/SectionTitle.astro";
+import TextLink from "@components/TextLink.astro";
 import person from "@data/person";
 import site from "@data/site";
 import MainLayout from "@layouts/MainLayout.astro";
@@ -27,7 +27,7 @@ const heroImagesArray = await convertEagerImagesImportGlobToArray(heroImages);
 const imagesForCTA = import.meta.glob<{ default: ImageMetadata; eager: true }>([
   "../assets/img/hero/*",
   "../assets/img/project-heros/*",
-  "../assets/img/projects/*"
+  "../assets/img/projects/**"
 ]);
 
 const imagesForCTAArray =
@@ -57,7 +57,7 @@ const tracks = (
     <div class="absolute inset-0 h-full w-full bg-black">
       <ImageCarousel
         images={heroImagesArray}
-        className="h-full w-full"
+        class="h-full w-full"
         foreground={true}
       />
     </div>
@@ -88,7 +88,7 @@ const tracks = (
     <section id="about" class="bg-white dark:bg-gray-950">
       <div class="mx-auto max-w-4xl px-8 py-16 text-justify sm:text-center">
         <SectionTitle>About</SectionTitle>
-        <Content components={{ p: Paragraph, a: Link }} />
+        <Content components={{ p: Paragraph, a: TextLink }} />
         <Image
           src={aboutImage}
           alt="Nathan conducting the Woodville Concert Band"
@@ -109,7 +109,7 @@ const tracks = (
       <div class="flex h-48 w-full items-center justify-center">
         <ImageCarousel
           images={imagesForCTAArray}
-          className="absolute -z-40 h-full w-full overflow-hidden"
+          class="absolute -z-40 h-full w-full"
           foreground={true}
           foregroundColour="bg-primary"
           foregroundOpacity="opacity-75 dark:opacity-25"
@@ -193,7 +193,7 @@ const tracks = (
               class="animate-scrolling-awards m-0 mx-auto flex max-w-3xs flex-col space-y-8 p-0"
             >
               {
-                awardsDoubled.map((award, index) => {
+                awardsDoubled.map((award) => {
                   return <AwardCard award={award} />;
                 })
               }
@@ -206,7 +206,7 @@ const tracks = (
       <div class="flex h-64 w-full items-center justify-center">
         <ImageCarousel
           images={imagesForCTAArray}
-          className="absolute -z-40 h-full w-full overflow-hidden"
+          class="absolute -z-40 h-full w-full overflow-hidden"
           foreground={true}
           foregroundColour="bg-primary"
           foregroundOpacity="opacity-50 dark:opacity-25"
@@ -224,13 +224,13 @@ const tracks = (
         <div class="grid grid-cols-1 text-lg md:grid-cols-2">
           <div class="col-span-1 flex flex-col items-center justify-center p-4">
             <Icon name="fa7-solid:at" class="text-4xl" />
-            <Link href="mailto:nathan@nathancummins.com.au" className="mt-4"
-              >nathan@nathancummins.com.au</Link
+            <TextLink href="mailto:nathan@nathancummins.com.au" class="mt-4"
+              >nathan@nathancummins.com.au</TextLink
             >
           </div>
           <div class="col-span-1 flex flex-col items-center justify-center p-4">
             <Icon name="fa7-solid:envelope" class="text-4xl" />
-            <Paragraph className="my-0 mt-4"
+            <Paragraph class="my-0 mt-4"
               >PO Box 2112 Regency Park SA 5942</Paragraph
             >
           </div>