Made a baseline working carousel, timeline, and started flushing out content for primary spacex experience

src/pages/index.astro

@@ -1,9 +1,20 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
-import {Image} from 'astro:assets';
+import Carousel from "@components/CustomCarousel.astro";
 
-import headshot from "../assets/headshot.png";
+import headshot from "@assets/headshot.png";
+import type {carouselGroup} from "@interfaces/image-carousel.ts";
+
+
+
+const headerCarouselGroup: carouselGroup = {
+    animation: "slide",
+    images: [
+        headshot,
+        headshot
+    ]
+}
 ---
 <BaseLayout>
-    <Image class="mx-auto block" src={headshot} alt="headshot" loading="eager"/>
+    <Carousel carouselGroup={headerCarouselGroup}/>
 </BaseLayout>