export interface ProjectGridTag {
  label: string;
  href: string;
}

export interface ProjectGridItem {
  title: string;
  titleHref: string;
  titleTag: "h2" | "h3";
  image: {
    src: string;
    alt: string;
    width: number;
    height: number;
  };
  tags: ProjectGridTag[];
  animation: {
    aos: string;
    duration: number;
    delay: number;
  };
}

export const projectGridData: ProjectGridItem[] = [
  {
    title: "Hoodie Design and Branding",
    titleHref: "#",
    titleTag: "h2",
    image: {
      src: "/assets/images/event/project2-1.png",
      alt: "Hoodie design and branding print mockup",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(printing)", href: "#" },
      { label: "(graphic)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 300 },
  },
  {
    title: "Website UX UI Design for MacBook",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-2.png",
      alt: "Website UX UI design displayed on MacBook screen",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(UX UI Design)", href: "#" },
      { label: "(product)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 400 },
  },
  {
    title: "Mobile Application UI UX Design",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-3.png",
      alt: "Mobile application UI UX design interface mockup",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(apps design)", href: "#" },
      { label: "(product)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 300 },
  },
  {
    title: "Modern iPhone UI Display",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-4.png",
      alt: "Modern iPhone UI display screen design",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(apps design)", href: "#" },
      { label: "(product)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 400 },
  },
  {
    title: "Book Cover Print Design",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-5.png",
      alt: "Creative book cover print design mockup",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(printing)", href: "#" },
      { label: "(graphic)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 300 },
  },
  {
    title: "Cosmetic Bottle with Label",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-6.png",
      alt: "Cosmetic bottle packaging with label design",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(printing)", href: "#" },
      { label: "(graphic)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 400 },
  },
  {
    title: "Book Cover Print Design",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-7.png",
      alt: "Printed book cover graphic design showcase",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(printing)", href: "#" },
      { label: "(graphic)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 300 },
  },
  {
    title: "Mobile Application UI UX Design",
    titleHref: "#",
    titleTag: "h3",
    image: {
      src: "/assets/images/event/project2-8.png",
      alt: "Mobile app UI UX design presentation mockup",
      width: 636,
      height: 437,
    },
    tags: [
      { label: "(printing)", href: "#" },
      { label: "(graphic)", href: "#" },
    ],
    animation: { aos: "fade-up", duration: 900, delay: 400 },
  },
];