export const categoryLgContent = [
  {
    name: "digital",
    title: "digitalCategoryTitle",
    description: "digitalCategoryDescription",
    styles: {
      backgroundColor: "var(--digital-category-bgc)",
      flexDirection: "row",
      paddingBlock: "2rem",
      paddingInline: "1rem",
      gridRow: "span 6 / span 6",
      gridColumn: "span 3 / span 3",
    },
    href: "/digital",
    imgSrc: "/images/category-img/digital-category.webp",
    imgWidth: 190,
    imgHeight: 240,
  },
  {
    name: "fashion",
    title: "fashionCategoryTitle",
    description: "fashionCategoryDescription",
    styles: {
      backgroundColor: "var(--fashion-category-bgc)",
      flexDirection: "row",
      paddingInline: "1rem",
      paddingBlock: "unset",
      gridRow: "span 6 / span 6",
      gridColumn: "span 3 / span 3",
    },
    href: "/fashion",
    imgSrc: "/images/category-img/fashion-category.webp",
    imgWidth: 240,
    imgHeight: 250,
  },
  {
    name: "beauty",
    title: "beautyCategoryTitle",
    description: "beautyCategoryDescription",
    styles: {
      backgroundColor: "var(--beauty-category-bgc)",
      flexDirection: "row",
      paddingInline: "1rem",
      paddingBlock: "0.5rem",
      gridRow: "span 3 / span 3",
      gridColumn: "span 3 / span 3",
    },
    href: "/beauty",
    imgSrc: "/images/category-img/beauty-category.webp",
    imgWidth: 170,
    imgHeight: 150,
  },
  {
    name: "sport",
    title: "sportCategoryTitle",
    description: "sportCategoryDescription",
    styles: {
      backgroundColor: "var(--sport-category-bgc)",
      flexDirection: "row-reverse",
      paddingInline: "unset",
      paddingBlock: "0.5rem",
      gridRow: "span 3 / span 3",
      gridColumn: "span 3 / span 3",
    },
    href: "/sport",
    imgSrc: "/images/category-img/sport-category.webp",
    imgWidth: 130,
    imgHeight: 150,
  },
  {
    name: "house",
    title: "houseCategoryTitle",
    description: "houseCategoryDescription",
    styles: {
      backgroundColor: "var(--house-category-bgc)",
      flexDirection: "row",
      paddingInline: "1rem",
      paddingBlock: "unset",
      gridRow: "span 2 / span 2",
      gridColumn: "span 5 / span 5",
    },
    href: "/house",
    imgSrc: "/images/category-img/house-category.webp",
    imgWidth: 320,
    imgHeight: 240,
  },
  {
    name: "toy",
    title: "toyCategoryTitle",
    description: "toyCategoryDescription",
    styles: {
      backgroundColor: "var(--toy-category-bgc)",
      flexDirection: "column",
      paddingInline: "0.5rem",
      paddingBlock: "0.5rem",
      textAlign: "center",
      gridRow: "span 2 / span 2",
      gridColumn: "span 2 / span 2",
    },
    href: "/toy",
    imgSrc: "/images/category-img/toy-category.webp",
    imgWidth: 130,
    imgHeight: 110,
  },
  {
    name: "stationery",
    title: "stationeryCategoryTitle",
    description: "stationeryCategoryDescription",
    styles: {
      backgroundColor: "var(--stationery-category-bgc)",
      flexDirection: "row",
      paddingInline: "0.75rem",
      paddingBlock: "unset",
      gridRow: "span 2 / span 2",
      gridColumn: "span 2 / span 2",
    },
    href: "/stationery",
    imgSrc: "/images/category-img/stationery-category.webp",
    imgWidth: 130,
    imgHeight: 250,
    imgCustomStyles: { alignSelf: "flex-start" },
  },
];
