Alain Afflelou Design System

Push Content 

<div class="flex flex-row items-center justify-center w-full gap-6 cursor-pointer">
    <div class="w-[260px] h-[353px]">
        <div class="w-[260px] h-[325px]">
            <img src="/img/menu/push-magic.png" alt="image for bestseller women" class="rounded-lg" />
        </div>
        <div class="flex justify-center ">
            <a class="text-sm">Meilleures vente Femme</a>
        </div>
    </div>
    <div class="w-[260px] h-[353px] cursor-pointer">
        <div class="w-[260px] h-[325px]">
            <img src="/img/menu/push-category-men.png" alt="image for bestseller men" class="rounded-lg" />
        </div>
        <div class="flex justify-center ">
            <a class="text-sm">Meilleures vente Homme</a>
        </div>
    </div>
</div>
 
<div class="flex flex-row items-center justify-center w-full gap-6 cursor-pointer">
    <div class="w-[260px] h-[353px]">
        <div class="w-[260px] h-[325px]">
            <img src="{{ firstPush.image.src }}" alt="{{ firstPush.image.alt }}"
                 class="rounded-lg"
            />
        </div>
        <div class="flex justify-center ">
            <a class="text-sm">{{ firstPush.label }}</a>
        </div>
    </div>
    <div class="w-[260px] h-[353px] cursor-pointer">
        <div class="w-[260px] h-[325px]">
            <img src="{{ secondPush.image.src }}" alt="{{ secondPush.image.alt }}"
                 class="rounded-lg"
            />
        </div>
        <div class="flex justify-center ">
            <a class="text-sm">{{ secondPush.label }}</a>
        </div>
    </div>
</div>
 
{
  "firstPush": {
    "label": "Meilleures vente Femme",
    "image": {
      "src": "/img/menu/push-magic.png",
      "alt": "image for bestseller women"
    },
    "link": "#"
  },
  "secondPush": {
    "label": "Meilleures vente Homme",
    "image": {
      "src": "/img/menu/push-category-men.png",
      "alt": "image for bestseller men"
    },
    "link": "#"
  }
}

No notes defined.