images

acm-ucr · Dec 15, 2024 · 943b140 · 943b140
1 parent a82d627
commit 943b140
Show file tree

Hide file tree

Showing 9 changed files with 75 additions and 36 deletions.
diff --git a/public/gallery/sw.jpg b/public/gallery/sw.jpg
diff --git a/public/gallery/sw2.jpg b/public/gallery/sw2.jpg
diff --git a/public/gallery/sw3.jpg b/public/gallery/sw3.jpg
diff --git a/public/gallery/sw4.jpg b/public/gallery/sw4.jpg
diff --git a/public/gallery/sw5.jpg b/public/gallery/sw5.jpg
diff --git a/src/components/cosplays/Cosplay.tsx b/src/components/cosplays/Cosplay.tsx
@@ -3,7 +3,7 @@ import Image from "next/image";
 import React from "react";
 import cosplaysframe from "@/public/frame/cosplaysframe.svg";
 import Card from "../Card";
-import { ITEMS } from "@/data/board";
+import { Cosplays } from "@/data/images";
 import { motion } from "framer-motion";
 
 const Cosplay = () => {
@@ -67,7 +67,7 @@ const Cosplay = () => {
         viewport={{ once: true }}
         className="mx-5 flex w-full flex-wrap justify-center gap-20"
       >
-        {ITEMS.map((item, index) => (
+        {Cosplays.map((item, index) => (
           <motion.div
             variants={containerVariants}
             transition={{ duration: 0.9, type: "spring", bounce: 0.2 }}

diff --git a/src/components/gallery/Creation.tsx b/src/components/gallery/Creation.tsx
@@ -1,6 +1,6 @@
 "use client";
 import Card from "../Card";
-import { ITEMS } from "@/data/creation";
+import { Creations } from "@/data/images";
 import Header from "../Header";
 import { motion } from "framer-motion";
 const containerVariants = {
@@ -58,7 +58,7 @@ const Creation = () => {
         viewport={{ once: true }}
         className="flex w-full flex-wrap justify-center gap-20"
       >
-        {ITEMS.map((item, index) => (
+        {Creations.map((item, index) => (
           <motion.div
             variants={cardVariants}
             transition={{ duration: 0.9, type: "spring", bounce: 0.2 }}

diff --git a/src/data/creation.ts b/src/data/creation.ts
diff --git a/src/data/images.ts b/src/data/images.ts
@@ -0,0 +1,71 @@
+import one from "@/public/gallery/sw.jpg";
+import two from "@/public/gallery/sw2.jpg";
+import three from "@/public/gallery/sw3.jpg";
+import four from "@/public/gallery/sw4.jpg";
+import five from "@/public/gallery/sw5.jpg";
+
+export const Creations = [
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: one,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: two,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: three,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: four,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: five,
+  },
+  // {
+  //   topText: "NAME",
+  //   bottomText: "CREATION",
+  //   image: "",
+  // },
+];
+
+export const Cosplays = [
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: one,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: two,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: three,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: four,
+  },
+  {
+    topText: "NAME",
+    bottomText: "CREATION",
+    image: five,
+  },
+  // {
+  //   topText: "NAME",
+  //   bottomText: "CREATION",
+  //   image: "",
+  // },
+];