<!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>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=8367986669110822&amp;ev=PageView&amp;noscript=1">
</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>