Files
caperren-com/src/pages/hobby/motorcycling/lineup.astro
2025-11-12 01:21:48 -08:00

43 lines
2.1 KiB
Plaintext

---
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>