Add images

Author: hasparus

src/app/conf/2025/components/gallery-strip/images/2023/1.webp

@@ -0,0 +1,56 @@
+import image2023_1 from "./2023/1.webp"
+import image2023_2 from "./2023/2.webp"
+import image2023_3 from "./2023/3.webp"
+import image2023_4 from "./2023/4.webp"
+import image2023_5 from "./2023/5.webp"
+import image2023_6 from "./2023/6.webp"
+import image2023_7 from "./2023/7.webp"
+import image2023_8 from "./2023/8.webp"
+import image2023_9 from "./2023/9.webp"
+import image2023_10 from "./2023/10.webp"
+import image2023_11 from "./2023/11.webp"
+import image2023_12 from "./2023/12.webp"
+import image2023_13 from "./2023/13.webp"
+
+import image2024_1 from "./2024/1.webp"
+import image2024_2 from "./2024/2.webp"
+import image2024_3 from "./2024/3.webp"
+import image2024_4 from "./2024/4.webp"
+import image2024_6 from "./2024/6.webp"
+import image2024_7 from "./2024/7.webp"
+import image2024_8 from "./2024/8.webp"
+import image2024_9 from "./2024/9.webp"
+import image2024_11 from "./2024/11.webp"
+import image2024_12 from "./2024/12.webp"
+import image2024_13 from "./2024/13.webp"
+
+export const imagesByYear = {
+  "2023": [
+    image2023_8,
+    image2023_3,
+    image2023_11,
+    image2023_1,
+    image2023_13,
+    image2023_6,
+    image2023_9,
+    image2023_4,
+    image2023_12,
+    image2023_2,
+    image2023_7,
+    image2023_10,
+    image2023_5,
+  ],
+  "2024": [
+    image2024_2,
+    image2024_3,
+    image2024_12,
+    image2024_7,
+    image2024_9,
+    image2024_6,
+    image2024_13,
+    image2024_11,
+    image2024_8,
+    image2024_1,
+    image2024_4,
+  ],
+}

src/app/conf/2025/components/gallery-strip/images/2023/10.webp

@@ -2,9 +2,12 @@
 
 import { useState } from "react"
 import { clsx } from "clsx"
+import Image from "next-image-export-optimizer"
 import { Marquee } from "@/app/conf/_design-system/marquee"
 
-const YEARS = ["2024", "2023", "2022"] as const
+import { imagesByYear } from "./images"
+
+const YEARS = ["2024", "2023"] as const
 type Year = (typeof YEARS)[number]
 
 export interface GalleryStripProps extends React.HTMLAttributes<HTMLElement> {}
@@ -13,7 +16,11 @@ export function GalleryStrip({ className, ...rest }: GalleryStripProps) {
   const [selectedYear, setSelectedYear] = useState<Year>("2024")
 
   return (
-    <section className={clsx("py-8 md:py-16", className)} {...rest}>
+    <section
+      role="presentation"
+      className={clsx("py-8 md:py-16", className)}
+      {...rest}
+    >
       <div className="flex gap-3.5 max-md:items-center md:px-24">
         {YEARS.map(year => (
           <button
@@ -33,11 +40,22 @@ export function GalleryStrip({ className, ...rest }: GalleryStripProps) {
 
       <div className="mt-6 w-full md:mt-10">
         <Marquee gap={8} speed={35} speedOnHover={15} drag reverse>
-          {Array.from({ length: 12 }).map((_, i) => (
-            <div key={i} className="md:px-2" role="presentation">
-              <div className="h-[400px] w-[300px] bg-neu-500"></div>
-            </div>
-          ))}
+          {imagesByYear[selectedYear].map((image, i) => {
+            return (
+              <div
+                key={`${selectedYear}-${i}`}
+                className="md:px-2"
+                role="presentation"
+              >
+                <Image
+                  src={image}
+                  alt=""
+                  height={320}
+                  className="pointer-events-none"
+                />
+              </div>
+            )
+          })}
         </Marquee>
       </div>
     </section>