templates/grid_vip_card.html.twig line 1

Open in your IDE?
  1. {% set vipVariants = [
  2.     {
  3.         title: 'SHARE-NUDE VIP',
  4.         subtitle: 'Toutes les vidéos sans pub',
  5.         price: '1€',
  6.         features: ['🎬 Vidéos illimitées', '🚫 Zéro publicité'],
  7.         badge: 'OFFRE EXCLUSIVE',
  8.         cta: 'Découvrir maintenant →',
  9.         icon: '🔥',
  10.         styleClass: 'vip-style-1',
  11.         layout: 'classic'
  12.     },
  13.     {
  14.         title: 'SHARE-NUDE VIP',
  15.         subtitle: '+12 000 vidéos sans pubs',
  16.         price: '1€',
  17.         features: ['📹 12K+ vidéos HD', '💎 Contenu premium'],
  18.         badge: 'SUPER PROMO',
  19.         cta: 'Profiter de l\'offre →',
  20.         icon: '⭐',
  21.         styleClass: 'vip-style-2',
  22.         layout: 'modern'
  23.     },
  24.     {
  25.         title: 'SHARE-NUDE VIP',
  26.         subtitle: 'Site de rencontre + Vidéos exclusives',
  27.         price: '1€',
  28.         features: ['💕 Rencontres réelles', '🎥 Vidéos VIP'],
  29.         badge: 'PLACES LIMITÉES',
  30.         cta: 'Débloquer →',
  31.         icon: '💝',
  32.         styleClass: 'vip-style-3',
  33.         layout: 'urgent'
  34.     }
  35. ] %}
  36. {% set selectedVariant = random(vipVariants) %}
  38. <div class="col-lg-3 mx-auto my-3 text-center">
  39.     <div class="hover-video-container vip-fake-card {{ selectedVariant.styleClass }}">
  40.         <a href="https://share-nude-vip.com" target="_blank" rel="noopener nofollow" title="Share-Nude VIP - Accès Premium">
  41.             {% if selectedVariant.layout == 'classic' %}
  42.                 {# Layout 1: Classic centered style #}
  43.                 <div class="vip-card-image">
  44.                     <div class="vip-card-content">
  45.                         <div class="vip-star-icon">{{ selectedVariant.icon }}</div>
  46.                         <div class="vip-card-title">{{ selectedVariant.title }}</div>
  47.                         <div class="vip-card-subtitle">{{ selectedVariant.subtitle }}</div>
  48.                         <div class="vip-card-price">{{ selectedVariant.price }}</div>
  49.                         <div class="vip-card-features">
  50.                             {% for feature in selectedVariant.features %}
  51.                                 <span>{{ feature }}</span>
  52.                             {% endfor %}
  53.                         </div>
  54.                     </div>
  55.                 </div>
  56.                 <div class="video-views-container vip-overlay">
  57.                     <div class="video-views">
  58.                         {{ selectedVariant.badge }}
  59.                         <div class="views">
  60.                             <strong>{{ selectedVariant.cta }}</strong>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.             {% elseif selectedVariant.layout == 'modern' %}
  65.                 {# Layout 2: Modern with top badge #}
  66.                 <div class="vip-card-image">
  67.                     <div class="vip-badge-top">{{ selectedVariant.badge }}</div>
  68.                     <div class="vip-card-content vip-content-compact">
  69.                         <div class="vip-star-icon vip-icon-large">{{ selectedVariant.icon }}</div>
  70.                         <div class="vip-card-title">{{ selectedVariant.title }}</div>
  71.                         <div class="vip-card-subtitle">{{ selectedVariant.subtitle }}</div>
  72.                         <div class="vip-card-price vip-price-modern">{{ selectedVariant.price }}</div>
  73.                         <div class="vip-card-features vip-features-grid">
  74.                             {% for feature in selectedVariant.features %}
  75.                                 <span>{{ feature }}</span>
  76.                             {% endfor %}
  77.                         </div>
  78.                     </div>
  79.                 </div>
  80.                 <div class="video-views-container vip-overlay vip-overlay-slim">
  81.                     <div class="video-views">
  82.                         <strong>{{ selectedVariant.cta }}</strong>
  83.                     </div>
  84.                 </div>
  85.             {% else %}
  86.                 {# Layout 3: Urgent with pulsing border #}
  87.                 <div class="vip-card-image">
  88.                     <div class="vip-urgent-corners">
  89.                         <span class="vip-corner vip-corner-tl"></span>
  90.                         <span class="vip-corner vip-corner-tr"></span>
  91.                         <span class="vip-corner vip-corner-bl"></span>
  92.                         <span class="vip-corner vip-corner-br"></span>
  93.                     </div>
  94.                     <div class="vip-card-content">
  95.                         <div class="vip-urgent-badge">{{ selectedVariant.badge }}</div>
  96.                         <div class="vip-star-icon vip-icon-pulse">{{ selectedVariant.icon }}</div>
  97.                         <div class="vip-card-title vip-title-bold">{{ selectedVariant.title }}</div>
  98.                         <div class="vip-card-subtitle vip-subtitle-urgent">{{ selectedVariant.subtitle }}</div>
  99.                         <div class="vip-card-price vip-price-urgent">{{ selectedVariant.price }}</div>
  100.                         <div class="vip-card-features vip-features-stacked">
  101.                             {% for feature in selectedVariant.features %}
  102.                                 <span>{{ feature }}</span>
  103.                             {% endfor %}
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.                 <div class="video-views-container vip-overlay vip-overlay-urgent">
  108.                     <div class="video-views">
  109.                         <strong>{{ selectedVariant.cta }}</strong>
  110.                     </div>
  111.                 </div>
  112.             {% endif %}
  113.         </a>
  114.     </div>
  115. </div>