import ImgPlanEsencial from "@/assets/plan-esencial.jpg";
import ImgPlanPreferencial from "@/assets/plan-preferencial.jpg";
import ImgPlanPremium from "@/assets/plan-premium.jpg";
import ImgPlanEstandar from "@/assets/plan-estandar.jpg";

export const plansHome = [
  {
    img: { src: ImgPlanEsencial, alt: "Mujer sentada junto a una ventana usando su celular en una sala luminosa." },
    animateValues: (isInView: boolean) => ({
      x: isInView ? 0 : "35%",
    }),
  },
  {
    img: { src: ImgPlanPreferencial, alt: "Mujer sonriendo en la sala de espera de un centro de salud Contigo Salud." },
    animateValues: (isInView: boolean) => ({
      x: isInView ? 0 : "-45%",
      y: isInView ? 0 : "2.5%",
    }),
  },
  {
    img: {
      src: ImgPlanPremium,
      alt: "Familia con un niño pequeño esperando en una sala de salud, jugando y mirando el celular.",
    },
    animateValues: (isInView: boolean) => ({
      x: isInView ? 0 : "85%",
      y: isInView ? 0 : "-106%",
    }),
  },
  {
    img: {
      src: ImgPlanEstandar,
      alt: "Técnico con uniforme azul de Gas del Sur conversando con una persona en un consultorio.",
    },
    animateValues: (isInView: boolean) => ({
      x: isInView ? 0 : "2%",
      y: isInView ? 0 : "-104%",
    }),
    featured: true,
  },
];