add 2023 photos to gallery

app/gallery/page.tsx

@@ -5,6 +5,20 @@ import { Transition, Dialog } from "@headlessui/react";
 import { Fragment, useState } from "react";
 import NavBar from "../components/nav/NavBar";
 
+const photos_2023 = [
+  "DSC_1045.JPG",
+  "DSC_1110.JPG",
+  "DSC_1128.JPG",
+  "DSC_1129.JPG",
+  "DSC_1130.JPG",
+  "DSC_1134.JPG",
+  "DSC_1141.JPG",
+  "DSC_1142.JPG",
+  "DSC_1146.JPG",
+  "DSC_1151.JPG",
+  "DSC_1153.JPG",
+];
+
 const photos_2022 = [
   "DSC_8260.JPG",
   "DSC_8278.JPG",
@@ -106,6 +120,23 @@ export default function Gallery() {
           <div className="mb-8 flex items-center justify-center">
             <span className="font-morro underline decoration-green-500 decoration-4 underline-offset-8 py-6 text-7xl md:text-5xl">GALLERY</span>
           </div>
+          <h1 className="mb-3 inline-block border-b-4 border-yellow-500 text-4xl">2023</h1>
+          <div className="flex justify-center">
+            <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
+              {photos_2023.map((photo: string, i: number) => (
+                <Image
+                  className="hover:border-box hover:outline-3 outline-solid box-border cursor-pointer rounded-xl outline-green-500 transition duration-200 hover:outline"
+                  src={`/gallery/2023/${photo}`}
+                  width={620}
+                  height={200}
+                  key={i}
+                  sizes="(max-width: 640px) 100vw, (max-width: 768px) 50vw, 33vw"
+                  alt={""}
+                  onClick={() => setSelectedImage(`/gallery/2022/${photo}`)}
+                />
+              ))}
+            </div>
+          </div>
           <h1 className="mb-3 inline-block border-b-4 border-yellow-500 text-4xl">2022</h1>
           <div className="flex justify-center">
             <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">