src/pages/hobby/motorcycling/lineup.astro

@@ -1,6 +1,44 @@
 ---
 import HobbyLayout from "@layouts/HobbyLayout.astro";
+import Carousel from "@components/CustomCarousel/CustomCarousel.astro";
+
+import type {carouselGroup} from "@interfaces/image-carousel.ts";
+
+import kz750 from "@assets/hobby/motorcycling/lineup/1979-kawasaki-kz750-senior-photo.jpg";
+import ninja600 from "@assets/hobby/motorcycling/lineup/1991-kawasaki-ninja-600r.jpg";
+import concours from "@assets/hobby/motorcycling/lineup/1999-kawasaki-concours.jpg";
+import drz400 from "@assets/hobby/motorcycling/lineup/2005-suzuki-drz-400.jpg";
+import fjr1300 from "@assets/hobby/motorcycling/lineup/2015-fjr-1300-mountaintop.jpg";
+import sg400 from "@assets/hobby/motorcycling/lineup/2021-csc-sg400.jpg";
+
+
+const fjrCarouselGroup: carouselGroup = {animation: "slide",images: [fjr1300]}
+const cscCarouselGroup: carouselGroup = {animation: "slide",images: [sg400]}
+const drzCarouselGroup: carouselGroup = {animation: "slide",images: [drz400]}
+const concoursCarouselGroup: carouselGroup = {animation: "slide",images: [concours]}
+const ninjaCarouselGroup: carouselGroup = {animation: "slide",images: [ninja600]}
+const kz750CarouselGroup: carouselGroup = {animation: "slide",images: [kz750]}
+
 ---
 
 <HobbyLayout title="Motorcycling - Lineup">
+    <h2 class="font-bold md:text-2xl my-4 underline">Current Lineup</h2>
+    <h3 class="font-bold md:text-lg my-4 underline">2015 Yamaha FJR 1300</h3>
+    <Carousel carouselGroup={fjrCarouselGroup}/>
+
+    <h3 class="font-bold md:text-lg my-4 underline">2021 CSC SG400</h3>
+    <Carousel carouselGroup={cscCarouselGroup}/>
+
+    <h2 class="font-bold md:text-2xl my-4 underline">Prior Lineup</h2>
+    <h3 class="font-bold md:text-lg my-4 underline">2005 Suzuki DRZ 400</h3>
+    <Carousel carouselGroup={drzCarouselGroup}/>
+
+    <h3 class="font-bold md:text-lg my-4 underline">1991 Kawasaki Concours ZG1000</h3>
+    <Carousel carouselGroup={concoursCarouselGroup}/>
+
+    <h3 class="font-bold md:text-lg my-4 underline">1979 Kawasaki KZ750</h3>
+    <Carousel carouselGroup={kz750CarouselGroup}/>
+
+    <h3 class="font-bold md:text-lg my-4 underline">1991 Kawasaki Ninja 600R</h3>
+    <Carousel carouselGroup={ninjaCarouselGroup}/>
 </HobbyLayout>