<!doctype html>

<html lang="ru" class="h-full">

 <head><script src="/_sdk/telemetry_sdk.js"></script>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>ТАРГЕТ ЛИДЕР - Клуб таргетологов</title><!-- Meta Pixel Code -->

  <script>

  !function(f,b,e,v,n,t,s)

  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?

  n.callMethod.apply(n,arguments):n.queue.push(arguments)};

  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';

  n.queue=[];t=b.createElement(e);t.async=!0;

  t.src=v;s=b.getElementsByTagName(e)[0];

  s.parentNode.insertBefore(t,s)}(window, document,'script',

  'https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', '8367986669110822');

  fbq('track', 'PageView');

 

  // Отслеживание кнопок

  document.addEventListener('DOMContentLoaded', function() {

    // Кнопка "Оплатить и вступить" - цель Lead

    const paymentButton = document.querySelector('a[href*="targetlider_club_bot"][href*="dl-1781536480e56c6a78d2b9"]');

    if (paymentButton) {

      paymentButton.addEventListener('click', function() {

        fbq('track', 'Lead');

      });

    }

   

    // Кнопка "Написать в Telegram" - цель Contact

    const contactButton = document.querySelector('a[href="https://t.me/tut_target"]');

    if (contactButton) {

      contactButton.addEventListener('click', function() {

        fbq('track', 'Contact');

      });

    }

  });

  </script>

  <noscript>

   &lt;img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=8367986669110822&amp;amp;ev=PageView&amp;amp;noscript=1"&gt;

  </noscript><!-- End Meta Pixel Code -->

  <style>

    /* Reset & Base */

    * { margin: 0; padding: 0; box-sizing: border-box; }

    html, body {

      height: 100%;

      box-sizing: border-box;

    }

    body {

      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

      line-height: 1.6;

      color: #1f2937;

      overflow-x: hidden;

    }

   

    /* Layout */

    .tl-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

    .tl-container-md { max-width: 1024px; margin: 0 auto; padding: 0 24px; }

    .tl-container-sm { max-width: 768px; margin: 0 auto; padding: 0 24px; }

   

    /* Grid */

    .tl-grid { display: grid; gap: 24px; }

    .tl-grid-2 { grid-template-columns: 1fr; }

    .tl-grid-3 { grid-template-columns: 1fr; }

    .tl-grid-4 { grid-template-columns: 1fr; }

    @media (min-width: 768px) {

      .tl-grid-2 { grid-template-columns: repeat(2, 1fr); }

      .tl-grid-3 { grid-template-columns: repeat(2, 1fr); }

      .tl-grid-4 { grid-template-columns: repeat(2, 1fr); }

    }

    @media (min-width: 1024px) {

      .tl-grid-3 { grid-template-columns: repeat(3, 1fr); }

      .tl-grid-4 { grid-template-columns: repeat(4, 1fr); }

    }

   

    /* Flex */

    .tl-flex { display: flex; gap: 32px; }

    .tl-flex-center { align-items: center; }

    .tl-flex-col { flex-direction: column; }

    @media (min-width: 768px) { .tl-flex-md-row { flex-direction: row; } }

   

    /* Sections */

    .tl-section { width: 100%; padding: 64px 24px; }

    .tl-gradient-hero { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%); }

    .tl-bg-white { background-color: #ffffff; }

    .tl-bg-gray { background-color: #f9fafb; }

    .tl-bg-blue-light { background-color: #eff6ff; }

   

    /* Text */

    .tl-text-center { text-align: center; }

    .tl-text-white { color: white !important; }

    .tl-h1 { font-size: 2.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; color: white; }

    .tl-h2 { font-size: 2rem; font-weight: 700; line-height: 1.3; margin-bottom: 24px; }

    .tl-h3 { font-size: 1.125rem; font-weight: 700; margin-bottom: 12px; }

    .tl-p { font-size: 1rem; line-height: 1.6; margin-bottom: 16px; }

    @media (min-width: 768px) {

      .tl-h1 { font-size: 3.5rem; }

      .tl-h2 { font-size: 2.25rem; }

    }

   

    /* Components */

    .tl-section-badge {

      display: inline-block;

      padding: 8px 20px;

      border-radius: 24px;

      font-weight: 700;

      font-size: 0.875rem;

      text-transform: uppercase;

      letter-spacing: 0.5px;

      margin-bottom: 32px;

    }

   

    .tl-card {

      background: white;

      padding: 24px;

      border-radius: 16px;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

    }

   

    .tl-feature-card {

      background-color: #f9fafb;

      padding: 16px;

      border-radius: 12px;

      border-left: 4px solid transparent;

      transition: all 0.3s ease;

    }

    .tl-feature-card:hover {

      transform: translateX(8px);

      border-left-color: #3b82f6;

      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

    }

   

    .tl-what-inside-card {

      background-color: #f9fafb;

      padding: 24px;

      border-radius: 12px;

      border-top: 4px solid #3b82f6;

    }

   

    .tl-benefit-icon {

      width: 56px;

      height: 56px;

      border-radius: 16px;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 1.75rem;

      margin: 0 auto 16px;

    }

   

    .tl-cta-button {

      display: inline-block !important;

      padding: 20px 48px !important;

      background-color: white !important;

      color: #1e40af !important;

      font-weight: 700 !important;

      font-size: 1.25rem !important;

      border-radius: 12px !important;

      text-decoration: none !important;

      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;

      transition: all 0.3s ease !important;

      cursor: pointer !important;

      border: none !important;

    }

    .tl-cta-button:hover {

      transform: translateY(-2px) !important;

      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.4) !important;

      color: #1e40af !important;

      background-color: white !important;

    }

   

    /* Images */

    .tl-img {

      max-width: 100%;

      height: auto;

      display: block;

      background: #f3f4f6;

    }

    .tl-author-photo {

      width: 200px;

      height: 200px;

      border-radius: 50%;

      object-fit: cover;

      border: 4px solid #3b82f6;

      box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);

      transition: transform 0.3s ease;

      margin: 0 auto;

    }

    .tl-author-photo:hover { transform: scale(1.05); }

   

    /* Video */

    .tl-video-container {

      border-radius: 16px;

      overflow: hidden;

      background: #f9fafb;

      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

      border: 3px solid #3b82f6;

      position: relative;

      width: 100%;

      padding-bottom: 56.25%;

    }

    .tl-video {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      display: block;

    }

    .tl-video-container iframe {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      border: none;

    }

    .tl-video-container video {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

    }

   

    /* Video testimonials container */

    .tl-video-testimonial {

      border-radius: 16px;

      overflow: hidden;

      background: #f9fafb;

      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

      border: 3px solid #3b82f6;

      width: 100%;

      aspect-ratio: 16 / 9;

      display: block;

    }

    .tl-video-testimonial iframe {

      width: 100%;

      height: 100%;

      border: none;

      display: block;

    }

   

    /* Spacing */

    .tl-mb-6 { margin-bottom: 24px; }

    .tl-space-y-4 > * + * { margin-top: 16px; }

   

    /* Lists */

    .tl-for-whom-list { max-width: 768px; margin: 0 auto; }

    .tl-for-whom-item { display: flex; align-items: flex-start; gap: 16px; }

    .tl-checkmark { color: #3b82f6; font-size: 1.5rem; flex-shrink: 0; }

   

    /* Icon card header */

    .tl-card-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }

    .tl-card-icon { font-size: 1.75rem; }

   

    /* Testimonials */

    .tl-testimonial-card {

      background: white;

      padding: 16px;

      border-radius: 16px;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

      border-left: 4px solid #3b82f6;

    }

    .tl-testimonial-img {

      width: 100%;

      height: auto;

      max-height: 400px;

      object-fit: contain;

      border-radius: 8px;

      background: #f3f4f6;

    }

   

    /* Support cards */

    .tl-support-card {

      background-color: #f0f9ff;

      border: 2px solid #3b82f6;

      padding: 32px;

      border-radius: 16px;

      text-align: center;

    }

   

    /* Author section */

    .tl-author-info { flex: 1; }

    .tl-author-text { font-size: 1.063rem; color: #4b5563; line-height: 1.8; }

   

    /* Carousel */

    .tl-carousel-container {

      position: relative;

      max-width: 600px;

      margin: 0 auto;

    }

    .tl-carousel-wrapper {

      position: relative;

      width: 100%;

      padding-bottom: 100%;

      overflow: hidden;

      border-radius: 16px;

      background: #f9fafb;

      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

    }

    .tl-carousel-track {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      display: flex;

      transition: transform 0.5s ease-in-out;

    }

    .tl-carousel-slide {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      flex-shrink: 0;

      display: flex;

      align-items: center;

      justify-content: center;

      background: white;

    }

    .tl-carousel-image {

      width: 100%;

      height: 100%;

      object-fit: cover;

      display: block;

    }

    .tl-carousel-btn {

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      background: rgba(255, 255, 255, 0.9);

      border: none;

      width: 48px;

      height: 48px;

      border-radius: 50%;

      font-size: 1.5rem;

      cursor: pointer;

      z-index: 10;

      transition: all 0.3s ease;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

      color: #1e40af;

    }

    .tl-carousel-btn:hover {

      background: white;

      transform: translateY(-50%) scale(1.1);

      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);

    }

    .tl-carousel-prev { left: -24px; }

    .tl-carousel-next { right: -24px; }

    @media (max-width: 768px) {

      .tl-carousel-prev { left: 8px; }

      .tl-carousel-next { right: 8px; }

    }

    .tl-carousel-dots {

      display: flex;

      justify-content: center;

      gap: 12px;

      margin-top: 24px;

    }

    .tl-carousel-dot {

      width: 12px;

      height: 12px;

      border-radius: 50%;

      background: #d1d5db;

      border: none;

      cursor: pointer;

      transition: all 0.3s ease;

      padding: 0;

    }

    .tl-carousel-dot.active {

      background: #3b82f6;

      width: 32px;

      border-radius: 6px;

    }

    .tl-carousel-dot:hover {

      background: #9ca3af;

    }

  </style>

  <style>@view-transition { navigation: auto; }</style>

  <script src="/_sdk/data_sdk.js" type="text/javascript"></script>

  <script src="https://cdn.tailwindcss.com" type="text/javascript"></script>

  <script src="https://cdn.tailwindcss.com/3.4.17" type="text/javascript"></script>

  <script src="https://cdn.jsdelivr.net/npm/lucide@0.263.0/dist/umd/lucide.min.js" type="text/javascript"></script>

  <script src="/_sdk/element_sdk.js" type="text/javascript"></script>

  <script src="https://player.vimeo.com/api/player.js"></script>

 </head>

 <body>

  <!-- Hero Section -->

  <section class="tl-section tl-gradient-hero">

   <div class="tl-container tl-text-center">

    <div class="tl-mb-6">

     <span class="tl-section-badge" style="background-color: rgba(255, 255, 255, 0.2); color: white;">🎯 Клуб таргетологов</span>

    </div>

    <h1 class="tl-h1 tl-text-white" style="text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);">ТАРГЕТ ЛИДЕР</h1>

    <p class="tl-text-white" style="font-size: 1.5rem; max-width: 768px; margin: 0 auto 40px; opacity: 0.95;">Клуб, который помогает таргетологам расти быстрее, увереннее брать проекты и стабильно зарабатывать.</p>

   </div>

  </section><!-- For Whom Section -->

  <section class="tl-section tl-bg-white">

   <div class="tl-container-sm">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #dbeafe; color: #1e40af;">⭐ Для кого клуб</span>

    </div>

    <div class="tl-for-whom-list">

     <p style="font-size: 1.5rem; font-weight: 700; text-align: center; margin-bottom: 24px;">Для таргетологов, которые хотят:</p>

     <div class="tl-space-y-4">

      <div class="tl-feature-card tl-for-whom-item">

       <span class="tl-checkmark">✓</span>

       <p style="font-size: 1.125rem; color: #4b5563;">стабильный поток клиентов</p>

      </div>

      <div class="tl-feature-card tl-for-whom-item">

       <span class="tl-checkmark">✓</span>

       <p style="font-size: 1.125rem; color: #4b5563;">рабочие связки по нишам, а не теорию</p>

      </div>

      <div class="tl-feature-card tl-for-whom-item">

       <span class="tl-checkmark">✓</span>

       <p style="font-size: 1.125rem; color: #4b5563;">поддержку и среду, где можно расти</p>

      </div>

      <div class="tl-feature-card tl-for-whom-item">

       <span class="tl-checkmark">✓</span>

       <p style="font-size: 1.125rem; color: #4b5563;">уверенно продавать услуги</p>

      </div>

      <div class="tl-feature-card tl-for-whom-item">

       <span class="tl-checkmark">✓</span>

       <p style="font-size: 1.125rem; color: #4b5563;">двигаться вперед, а не буксовать в одиночку</p>

      </div>

     </div>

    </div>

   </div>

  </section><!-- What Gives Section -->

  <section class="tl-section tl-bg-blue-light">

   <div class="tl-container">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #3b82f6; color: white;">🎯 Что дает участие</span>

    </div>

    <div class="tl-grid tl-grid-3">

     <div class="tl-card tl-text-center">

      <div class="tl-benefit-icon" style="background-color: #dbeafe; color: #1e40af;">

       ⏱️

      </div>

      <p style="color: #4b5563;">Ты экономишь время и силы, потому что знаешь, куда идти за ответом</p>

     </div>

     <div class="tl-card tl-text-center">

      <div class="tl-benefit-icon" style="background-color: #dbeafe; color: #1e40af;">

       👥

      </div>

      <p style="color: #4b5563;">Ты в окружении, где проще развиваться</p>

     </div>

     <div class="tl-card tl-text-center">

      <div class="tl-benefit-icon" style="background-color: #dbeafe; color: #1e40af;">

       ✅

      </div>

      <p style="color: #4b5563;">Закрываешь задачи быстрее и ошибаешься меньше</p>

     </div>

    </div>

   </div>

  </section><!-- What Inside Section -->

  <section class="tl-section tl-bg-white">

   <div class="tl-container">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #dbeafe; color: #1e40af;">🧩 Что внутри клуба</span>

    </div>

    <div class="tl-grid tl-grid-3">

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">💬</span>

       <h3 class="tl-h3">Чат клуба</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Живое общение, советы, быстрые решения, обмен опытом. Всегда есть, к кому обратиться.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🔍</span>

       <h3 class="tl-h3">Связки по нишам</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Разборы рекламных кабинетов под конкретные ниши: смотри, повторяй, получай результат.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">📞</span>

       <h3 class="tl-h3">Продажи услуг</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Скрипты, переписки, записи созвонов - для уверенного общения с клиентами.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🎯</span>

       <h3 class="tl-h3">Поиск клиентов</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Стратегии через таргет, рассылки, отклики. Понятная схема привлечения заказчиков.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🧩</span>

       <h3 class="tl-h3">Разборы проектов</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Еженедельные Zoom-встречи: ошибки, ростовые точки, вопросы по вашим кампаниям.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">📚</span>

       <h3 class="tl-h3">База знаний</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Стратегии, аналитика, блокировки, инструкции и чек-листы - все структурировано.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">👥</span>

       <h3 class="tl-h3">Тройки</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Мини-группы для регулярных созвонов и взаимной поддержки.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🎨</span>

       <h3 class="tl-h3">База креативов</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Примеры баннеров и видео по разным нишам.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🗑️</span>

       <h3 class="tl-h3">Черный список клиентов</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Поможет избежать проблемных проектов.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">💸</span>

       <h3 class="tl-h3">Складчина сервисов</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Экономия на инструментах за счет совместных покупок.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🤝</span>

       <h3 class="tl-h3">Продажа лидов за процент</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Передача заявок между участниками клуба.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">👔</span>

       <h3 class="tl-h3">Биржа вакансий</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Клиенты, подрядчики, подработки.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🤖</span>

       <h3 class="tl-h3">Готовые промты ChatGPT</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Для текстов, отчетов и анализа - экономит часы работы.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🎥</span>

       <h3 class="tl-h3">Зум-эфиры</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Разборы и мастермайнды с сохраненными записями.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">⭐</span>

       <h3 class="tl-h3">Отзывы и достижения</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Реальные результаты участников.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🎁</span>

       <h3 class="tl-h3">Бонусные уроки</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">Дополнительные материалы от участников клуба.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🔧</span>

       <h3 class="tl-h3">Решения типовых проблем</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">База по рабочим ситуациям: зашел, нашел, сделал.</p>

     </div>

     <div class="tl-what-inside-card">

      <div class="tl-card-header">

       <span class="tl-card-icon">🗂️</span>

       <h3 class="tl-h3">Отдельные чаты</h3>

      </div>

      <p style="font-size: 0.938rem; color: #6b7280;">По ВК, контексту, серым нишам - для узкой экспертности.</p>

     </div>

    </div>

   </div>

  </section><!-- Why It Works -->

  <section class="tl-section tl-bg-blue-light">

   <div class="tl-container-md tl-text-center">

    <div>

     <span class="tl-section-badge" style="background-color: #3b82f6; color: white;">🎯 Почему это работает</span>

    </div>

    <p style="font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; text-align: center;">Вы не учитесь в одиночку.</p>

    <p style="font-size: 1.125rem; color: #4b5563;">Вы работаете вместе с людьми, которые сталкиваются с теми же задачами и инструментами.<br>

      Это экономит месяцы и ускоряет рост дохода.</p>

   </div>

  </section><!-- Support Section -->

  <section class="tl-section tl-bg-white">

   <div class="tl-container-md">

    <div class="tl-grid tl-grid-2">

     <div class="tl-support-card">

      <div class="tl-benefit-icon" style="background-color: #3b82f6; color: white;">

       💬

      </div>

      <h3 style="font-size: 1.25rem; margin-bottom: 12px;">Поддержка и обратная связь</h3>

      <p style="color: #4b5563;">Любой вопрос можно закрыть в чате или на зуме - без ожидания неделями.</p>

     </div>

     <div class="tl-support-card">

      <div class="tl-benefit-icon" style="background-color: #3b82f6; color: white;">

       📈

      </div>

      <h3 style="font-size: 1.25rem; margin-bottom: 12px;">Для новичков и практиков</h3>

      <p style="color: #4b5563;">В клубе есть и начинающие, и эксперты с 10-20 клиентами. Каждый берет свое: поддержку, стратегии, окружение.</p>

     </div>

    </div>

   </div>

  </section><!-- Video Overview Section -->

  <section class="tl-section tl-bg-white">

   <div class="tl-container-md">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #3b82f6; color: white;">🎬 Как выглядит клуб изнутри</span>

    </div>

    <div class="tl-video-container">

     <video class="tl-video" controls preload="metadata">

      <source src="https://i.imgur.com/D3W9DM0.mp4" type="video/mp4"> Ваш браузер не поддерживает видео.

     </video>

    </div>

    <p class="tl-text-center" style="font-size: 1.063rem; color: #4b5563; margin-top: 24px;">Короткий видео-обзор внутренней структуры клуба, материалов и возможностей для участников</p>

   </div>

  </section><!-- Testimonials Section -->

  <section class="tl-section tl-bg-gray">

   <div class="tl-container">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #dbeafe; color: #1e40af;">⭐ Отзывы участников</span>

    </div>

    <div class="tl-grid tl-grid-4">

     <div class="tl-testimonial-card" style="padding: 0; background: white; border: none; box-shadow: none;">

      <img src="https://i.imgur.com/5XJyC3g.jpg" alt="Отзыв участника клуба" loading="lazy" class="tl-testimonial-img" onerror="this.style.display='none';" style="margin: 0; border-radius: 16px;">

     </div>

     <div class="tl-testimonial-card" style="padding: 0; background: white; border: none; box-shadow: none;">

      <img src="https://i.imgur.com/IDhQx3i.jpg" alt="Отзыв участника клуба" loading="lazy" class="tl-testimonial-img" onerror="this.style.display='none';" style="margin: 0; border-radius: 16px;">

     </div>

     <div class="tl-testimonial-card" style="padding: 0; background: white; border: none; box-shadow: none;">

      <img src="https://i.imgur.com/zLhg00w.jpg" alt="Отзыв участника клуба" loading="lazy" class="tl-testimonial-img" onerror="this.style.display='none';" style="margin: 0; border-radius: 16px;">

     </div>

     <div class="tl-testimonial-card" style="padding: 0; background: white; border: none; box-shadow: none;">

      <img src="https://i.imgur.com/V8fKU01.jpg" alt="Отзыв участника клуба" loading="lazy" class="tl-testimonial-img" onerror="this.style.display='none';" style="margin: 0; border-radius: 16px;">

     </div>

    </div>

   </div>

  </section><!-- About Author -->

  <section class="tl-section tl-bg-gray">

   <div class="tl-container-md">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #dbeafe; color: #1e40af;">👤 Об авторе клуба</span>

    </div>

    <div class="tl-card">

     <div class="tl-flex tl-flex-col tl-flex-md-row tl-flex-center">

      <div style="flex-shrink: 0;">

       <img src="https://i.imgur.com/1JcaOx4.jpg" alt="Максим Батраев" loading="lazy" class="tl-author-photo">

      </div>

      <div class="tl-author-info">

       <h3 style="font-size: 1.75rem; margin-bottom: 16px; text-align: center;">Клуб создал <span style="color: #3b82f6;">Максим Батраев</span></h3>

       <div class="tl-author-text">

        <p>Таргетолог с опытом с 2016 года.</p>

        <p><strong style="color: #1f2937;">70+ проектов</strong>, около <strong style="color: #1f2937;">100 млн рублей</strong> открученных бюджетов.</p>

        <p>Основатель одного из крупнейших чатов таргетологов в СНГ - <strong style="color: #1f2937;">3500 участников</strong>.</p>

        <p>Максим - практик, который ведет клиентов с бюджетами от <strong style="color: #1f2937;">$1000+</strong> в месяц. Материалы клуба основаны на реальной работе, а не теории.</p>

        <p>Он обучил более <strong style="color: #1f2937;">1500 специалистов</strong> через бесплатные материалы в своем Telegram-канале "Макс про таргет fb/inst".</p>

       </div>

      </div>

     </div>

    </div>

   </div>

  </section><!-- Inside Club Carousel -->

  <section class="tl-section tl-bg-white">

   <div class="tl-container">

    <div class="tl-text-center">

     <span class="tl-section-badge" style="background-color: #3b82f6; color: white;">📸 Еще внутрянки клуба</span>

    </div>

    <div class="tl-carousel-container">

     <button class="tl-carousel-btn tl-carousel-prev" aria-label="Предыдущее фото">❮</button>

     <div class="tl-carousel-wrapper">

      <div class="tl-carousel-track" id="carouselTrack">

       <div class="tl-carousel-slide" data-index="0">

        <img src="https://i.imgur.com/eiuias2.jpg" alt="Чат клуба" loading="lazy" class="tl-carousel-image">

       </div>

       <div class="tl-carousel-slide" data-index="1">

        <img src="https://i.imgur.com/QZlnFmF.jpg" alt="Поиск клиентов на таргет" loading="lazy" class="tl-carousel-image">

       </div>

       <div class="tl-carousel-slide" data-index="2">

        <img src="https://i.imgur.com/RoKuvXL.jpg" alt="Скрипты продаж" loading="lazy" class="tl-carousel-image">

       </div>

       <div class="tl-carousel-slide" data-index="3">

        <img src="https://i.imgur.com/rw7f0hJ.jpg" alt="Связки по нишам" loading="lazy" class="tl-carousel-image">

       </div>

       <div class="tl-carousel-slide" data-index="4">

        <img src="https://i.imgur.com/GCoaweu.jpg" alt="База знаний" loading="lazy" class="tl-carousel-image">

       </div>

       <div class="tl-carousel-slide" data-index="5">

        <img src="https://i.imgur.com/5T1TY3F.jpg" alt="Передача лидов за процент" loading="lazy" class="tl-carousel-image">

       </div>

       <div class="tl-carousel-slide" data-index="6">

        <img src="https://i.imgur.com/5uY4ZQ5.jpg" alt="Внутренняя структура клуба" loading="lazy" class="tl-carousel-image">

       </div>

      </div>

     </div><button class="tl-carousel-btn tl-carousel-next" aria-label="Следующее фото">❯</button>

    </div>

    <div class="tl-carousel-dots" id="carouselDots"></div>

   </div>

  </section><!-- Pricing Section -->

  <section class="tl-section tl-bg-white">

   <div class="tl-container-sm tl-text-center">

    <div class="tl-mb-6">

     <span class="tl-section-badge" style="background-color: #dbeafe; color: #1e40af;">💰 Стоимость</span>

    </div>

    <div class="tl-card" style="background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 3px solid #3b82f6; max-width: 500px; margin: 0 auto;">

     <h3 style="font-size: 1.5rem; margin-bottom: 24px; color: #1e40af;">Вступление в клуб</h3>

     <div style="margin-bottom: 32px;">

      <p style="font-size: 0.938rem; color: #6b7280; text-decoration: line-through; margin-bottom: 8px;">Обычная цена: <strong>2 980 ₽</strong></p>

      <div style="font-size: 3rem; font-weight: 800; color: #dc2626; margin-bottom: 8px;">

       1 490 ₽

      </div>

      <p style="font-size: 1rem; color: #059669; font-weight: 700;">Сейчас со скидкой 50%</p>

     </div>

     <p style="font-size: 0.938rem; color: #4b5563; margin-bottom: 16px; line-height: 1.6;">💳 Оплата возможна картами России, Беларуси, Казахстана и других стран СНГ/Европы</p>

     <p style="font-size: 0.938rem; color: #4b5563; margin-bottom: 32px; line-height: 1.6;">📅 30 дней доступа ко всем материалам, чатам и ресурсам.</p><a href="https://t.me/targetlider_club_bot?start=dl-1781536480e56c6a78d2b9" target="_blank" rel="noopener noreferrer" class="tl-cta-button" style="background-color: #3b82f6 !important; color: white !important; font-size: 1.125rem !important; padding: 18px 40px !important;"> Оплатить и вступить </a>

    </div>

   </div>

  </section><!-- Questions Section -->

  <section class="tl-section tl-bg-blue-light">

   <div class="tl-container-md tl-text-center">

    <h2 class="tl-h2" style="color: #1e40af;">Остались вопросы?</h2>

    <p style="font-size: 1.25rem; margin: 0 auto 40px; max-width: 640px; color: #4b5563;">Напишите нам в Telegram - ответим на все вопросы и поможем разобраться.</p><a href="https://t.me/tut_target" target="_blank" rel="noopener noreferrer" class="tl-cta-button" style="background-color: #3b82f6 !important; color: white !important; font-size: 1.125rem !important; padding: 18px 40px !important;"> Написать в Telegram </a>

   </div>

  </section>

  <script>

    // Carousel functionality

    let currentSlide = 0;

    const slides = document.querySelectorAll('.tl-carousel-slide');

    const totalSlides = slides.length;

    const track = document.getElementById('carouselTrack');

    const dotsContainer = document.getElementById('carouselDots');

    slides.forEach(function(slide, index) {

      slide.style.left = (index * 100) + '%';

      slide.style.opacity = index === 0 ? '1' : '0';

      slide.style.zIndex = index === 0 ? '1' : '0';

    });

    for (let i = 0; i < totalSlides; i++) {

      const dot = document.createElement('button');

      dot.className = 'tl-carousel-dot';

      dot.setAttribute('aria-label', 'Перейти к слайду ' + (i + 1));

      if (i === 0) dot.classList.add('active');

      dot.onclick = function() { goToSlide(i); };

      dotsContainer.appendChild(dot);

    }

    function updateCarousel() {

      track.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';

     

      slides.forEach(function(slide, index) {

        if (index === currentSlide) {

          slide.style.opacity = '1';

          slide.style.zIndex = '1';

        } else {

          slide.style.opacity = '0';

          slide.style.zIndex = '0';

        }

      });

     

      const dots = document.querySelectorAll('.tl-carousel-dot');

      dots.forEach(function(dot, index) {

        if (index === currentSlide) {

          dot.classList.add('active');

        } else {

          dot.classList.remove('active');

        }

      });

    }

    function moveCarousel(direction) {

      currentSlide = (currentSlide + direction + totalSlides) % totalSlides;

      updateCarousel();

    }

    function goToSlide(index) {

      currentSlide = index;

      updateCarousel();

    }

    document.querySelector('.tl-carousel-prev').onclick = function() { moveCarousel(-1); };

    document.querySelector('.tl-carousel-next').onclick = function() { moveCarousel(1); };

    let autoplayInterval = setInterval(function() { moveCarousel(1); }, 5000);

    const carouselContainer = document.querySelector('.tl-carousel-container');

    carouselContainer.addEventListener('mouseenter', function() {

      clearInterval(autoplayInterval);

    });

    carouselContainer.addEventListener('mouseleave', function() {

      autoplayInterval = setInterval(function() { moveCarousel(1); }, 5000);

    });

    if (window.elementSdk) {

      window.elementSdk.init({

        defaultConfig: {},

        onConfigChange: async function(config) {},

        mapToCapabilities: function(config) {

          return {

            recolorables: [],

            borderables: [],

            fontEditable: undefined,

            fontSizeable: undefined

          };

        },

        mapToEditPanelValues: function(config) {

          return new Map();

        }

      });

    }

  </script>

 <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0c2cd81b4a98ee4',t:'MTc4MTUzOTM4NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>