<div class="container">
<div class="absolute inset-0 bg-[hsl(27,19%,11%)]"></div>
<div class="absolute bottom-0 left-0 right-0 h-2 bg-primary"></div>
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-12 w-full">
<div class="max-w-3xl sm:mt-2">
<div class="reveal-up"><span class="inline-block mb-6 px-4 py-2 rounded-full border border-primary/30 bg-primary/10 text-primary font-sans text-sm font-medium tracking-wider backdrop-blur-sm" style="opacity: 1; transform: none;">Оптовые поставки</span>
<h1 class="font-serif text-[52px] md:text-[60px] font-bold leading-[1.05] text-white mb-6">
Зарабатывайте на бренде,<br><span class="text-primary">который уже знают и любят</span></h1>
<p class="font-sans text-lg md:text-xl text-white/80 leading-relaxed mb-8 max-w-2xl">Оптовые
поставки кондитерских изделий для магазинов и кофеен с фиксированной маржой до 40% и репутацией
33-летнего производителя за вашей спиной</p>
</div>
<div class="space-y-3 mb-10 reveal-up">
<div class="flex items-center gap-3"><span class="font-sans text-white/85 text-sm md:text-base">Стабильные поставки 6 дней в
неделю</span></div>
<div class="flex items-center gap-3"><span class="font-sans text-white/85 text-sm md:text-base">Маржа 25-40% на хитах
продаж</span></div>
<div class="flex items-center gap-3"><span class="font-sans text-white/85 text-sm md:text-base">16 точек в Иркутске – бренд
узнают</span></div>
<div class="flex items-center gap-3"><span class="font-sans text-white/85 text-sm md:text-base">Без минималки на старте</span>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-4 mb-8 reveal-up"><button class="inline-flex
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Получить
прайс и рассчитать прибыль</button><a href="tel:+73952504080" class="inline-flex items-center
justify-center gap-2 whitespace-nowrap transition-all duration-300
disabled:pointer-events-none disabled:opacity-50
border-2 border-primary/30 backdrop-blur-sm
hover:border-primary/50 font-semibold h-14 rounded-xl px-10 text-lg
text-white hover:bg-white/10 transition-colors">Позвонить: +7 (3952) 50-40-80</a></div>
<p class="font-sans text-white/50 text-sm" style="opacity: 1;">Первая поставка через 48 часов после
согласования</p>
</div>
</div></div>
</section>
<section class="py-20 bg-background">
<div class="container">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-12" style="opacity: 1; transform: none;">За нами уже стоит <span class="text-primary">33 года доверия</span>
</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="text-center p-6 rounded-2xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="counter font-serif text-4xl md:text-5xl font-bold text-primary">33</div>
<p class="font-sans font-semibold text-foreground mt-2 uppercase tracking-wide text-sm">года</p>
<p class="font-sans text-muted-foreground text-sm mt-1">на рынке Иркутска</p>
</div>
<div class="text-center p-6 rounded-2xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="counter font-serif text-4xl md:text-5xl font-bold text-primary">140+</div>
<p class="font-sans font-semibold text-foreground mt-2 uppercase tracking-wide text-sm">партнёров
</p>
<p class="font-sans text-muted-foreground text-sm mt-1">магазинов и кофеен</p>
</div>
<div class="text-center p-6 rounded-2xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="counter font-serif text-4xl md:text-5xl font-bold text-primary">16</div>
<p class="font-sans font-semibold text-foreground mt-2 uppercase tracking-wide text-sm">точек</p>
<p class="font-sans text-muted-foreground text-sm mt-1">розничных в городе</p>
</div>
<div class="text-center p-6 rounded-2xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="counter font-serif text-4xl md:text-5xl font-bold text-primary">240 000</div>
<p class="font-sans font-semibold text-foreground mt-2 uppercase tracking-wide text-sm">изделий</p>
<p class="font-sans text-muted-foreground text-sm mt-1">производим еженедельно</p>
</div>
<div class="text-center p-6 rounded-2xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="counter font-serif text-4xl md:text-5xl font-bold text-primary">6</div>
<p class="font-sans font-semibold text-foreground mt-2 uppercase tracking-wide text-sm">дней</p>
<p class="font-sans text-muted-foreground text-sm mt-1">в неделю доставка</p>
</div>
<div class="text-center p-6 rounded-2xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="counter font-serif text-4xl md:text-5xl font-bold text-primary">40%</div>
<p class="font-sans font-semibold text-foreground mt-2 uppercase tracking-wide text-sm">маржа</p>
<p class="font-sans text-muted-foreground text-sm mt-1">ваша прибыль</p>
</div>
</div>
</div></div>
</section>
<section class="py-20 bg-secondary/30">
<div class="container">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-12" >Мы работаем с точками <span class="text-primary">любого
формата</span></h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-10">
<div class="p-8 rounded-2xl bg-card border border-border hover:shadow-lg hover:scale-[1.02] transition-all duration-300" >
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-5"><img src="/images/icons/mag.svg"></div>
<h3 class="font-serif text-2xl font-bold text-foreground mb-2">Магазины у дома</h3>
<p class="font-sans text-muted-foreground mb-4">Нужен стабильный товар с хорошей ротацией и
узнаваемостью</p>
<ul class="space-y-1.5">
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Хиты продаж</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Полуфабрикаты</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Без просрочки</li>
</ul>
</div>
<div class="p-8 rounded-2xl bg-card border border-border hover:shadow-lg hover:scale-[1.02] transition-all duration-300" style="opacity: 1; transform: none;">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-5"><img src="/images/icons/cap.svg"></div>
<h3 class="font-serif text-2xl font-bold text-foreground mb-2">Кофейни и кафе</h3>
<p class="font-sans text-muted-foreground mb-4">Нужна выпечка, которую гости уже знают и попросят
ещё</p>
<ul class="space-y-1.5">
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Торты на заказ</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Порционные десерты</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Кофе-пары</li>
</ul>
</div>
<div class="p-8 rounded-2xl bg-card border border-border hover:shadow-lg hover:scale-[1.02] transition-all duration-300" style="opacity: 1; transform: none;">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-5"><img src="/images/icons/bag.svg"></div>
<h3 class="font-serif text-2xl font-bold text-foreground mb-2">Киоски / Фудкорты</h3>
<p class="font-sans text-muted-foreground mb-4">Нужен компактный ассортимент для импульсных покупок
</p>
<ul class="space-y-1.5">
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Порционно</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Долгий срок</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Яркая упаковка</li>
</ul>
</div>
<div class="p-8 rounded-2xl bg-card border border-border hover:shadow-lg hover:scale-[1.02] transition-all duration-300" style="opacity: 1; transform: none;">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-5"><img src="/images/icons/cake.svg"></div>
<h3 class="font-serif text-2xl font-bold text-foreground mb-2">Пекарни</h3>
<p class="font-sans text-muted-foreground mb-4">Хотите расширить ассортимент без инвестиций в
оборудование</p>
<ul class="space-y-1.5">
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Полуфабрикаты</li>
<li class="flex items-center gap-2 font-sans text-sm text-foreground"><span class="text-primary">✓</span> Под вашим брендом</li>
</ul>
</div>
</div>
<div><button class="inline-flex
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Подобрать
ассортимент под мою точку</button></div>
</div></div>
</section>
<section class="py-20 bg-background" style="display:none;">
<div class="container">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-10" style="opacity: 1; transform: none;">Что мы поставляем <span class="text-primary">в ваши точки</span>
</h2>
<div id="tabs" class="flex flex-wrap gap-2 mb-10" role="tablist"><button id="tab-0" role="tab" aria-selected="true" aria-controls="panel-0" tabindex="0" data-index="0" class="px-5 py-3 rounded-full font-sans font-medium text-sm transition-colors bg-primary text-primary-foreground">Торты</button><button id="tab-1" role="tab" aria-selected="false" aria-controls="panel-1" tabindex="-1" data-index="1" class="px-5 py-3 rounded-full font-sans font-medium text-sm transition-colors bg-card border border-border text-muted-foreground hover:text-foreground">Пирожные</button><button id="tab-2" role="tab" aria-selected="false" aria-controls="panel-2" tabindex="-1" data-index="2" class="px-5 py-3 rounded-full font-sans font-medium text-sm transition-colors bg-card border border-border text-muted-foreground hover:text-foreground">Полуфабрикаты</button><button id="tab-3" role="tab" aria-selected="false" aria-controls="panel-3" tabindex="-1" data-index="3" class="px-5 py-3 rounded-full font-sans font-medium text-sm transition-colors bg-card border border-border text-muted-foreground hover:text-foreground">Печенье</button>
</div>
<div id="panels">
<div id="panel-0" role="tabpanel" tabindex="0" aria-labelledby="tab-0">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 reveal-up">
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<span class="absolute top-3 right-3 px-2 py-1 rounded-full bg-primary text-primary-foreground text-xs font-sans font-semibold flex items-center gap-1"> Хит</span>
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Наполеон"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 1200 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">1 450₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 850₽</p>
<p class="text-primary font-semibold">Маржа: 400₽ (27%)</p>
<p class="text-muted-foreground text-xs">Срок: 72 часа</p>
</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<span class="absolute top-3 right-3 px-2 py-0.5 rounded-full bg-primary text-primary-foreground text-xs font-sans font-semibold flex items-center gap-1"> Хит</span>
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Медовик"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 1000 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">1 200₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 590₽</p>
<p class="text-primary font-semibold">Маржа: 390₽ (32%)</p>
<p class="text-muted-foreground text-xs">Срок: 72 часа</p>
</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Прага"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 900 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">980₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 350₽</p>
<p class="text-primary font-semibold">Маржа: 370₽ (37%)</p>
<p class="text-muted-foreground text-xs">Срок: 72 часа</p>
</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Птичье молоко"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 800 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">1 100₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 490₽</p>
<p class="text-primary font-semibold">Маржа: 390₽ (35%)</p>
<p class="text-muted-foreground text-xs">Срок: 48 часов</p>
</div>
</div>
</div>
</div>
<div id="panel-1" role="tabpanel" tabindex="0" aria-labelledby="tab-1">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 reveal-up">
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<span class="absolute top-3 right-3 px-2 py-1 rounded-full bg-primary text-primary-foreground text-xs font-sans font-semibold flex items-center gap-1"> Хит</span>
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Наполеон"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 1200 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">1 450₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 850₽</p>
<p class="text-primary font-semibold">Маржа: 400₽ (27%)</p>
<p class="text-muted-foreground text-xs">Срок: 72 часа</p>
</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<span class="absolute top-3 right-3 px-2 py-0.5 rounded-full bg-primary text-primary-foreground text-xs font-sans font-semibold flex items-center gap-1"> Хит</span>
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Медовик"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 1000 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">1 200₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 590₽</p>
<p class="text-primary font-semibold">Маржа: 390₽ (32%)</p>
<p class="text-muted-foreground text-xs">Срок: 72 часа</p>
</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border hover:shadow-lg transition-shadow">
<div class="w-full h-28 rounded-xl bg-muted flex items-center justify-center mb-4"><span class="text-muted-foreground/30 text-xs font-sans">Фото</span></div>
<h4 class="font-serif text-lg font-bold text-foreground mb-3">Торт "Прага"</h4>
<div class="space-y-1 font-sans text-sm">
<p class="text-muted-foreground">Вес: 900 г</p>
<p class="text-muted-foreground">Опт: <span class="font-semibold text-foreground">980₽</span>
</p>
<p class="text-muted-foreground">РРЦ: 1 350₽</p>
<p class="text-primary font-semibold">Маржа: 370₽ (37%)</p>
<p class="text-muted-foreground text-xs">Срок: 72 часа</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-10"><button class="px-8 py-4 rounded-full bg-primary text-primary-foreground font-sans font-semibold hover:opacity-90 transition-opacity">Скачать
полный прайс-лист</button></div>
</div></div>
</section>
<section class="py-20 bg-secondary/30">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mb-10 reveal-up">
<img src="/images/icons/calc.svg"></div>
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-3">Посчитайте свою прибыль <span class="text-primary">за 30 секунд</span></h2>
</div>
<div class="bg-card border border-border rounded-2xl p-8 reveal-up container">
<div class="mb-6">
<p class="font-sans font-semibold text-foreground mb-3">Шаг 1: Выберите тип вашей точки</p>
<div class="grid grid-cols-2 gap-2"><button class="px-4 py-3 rounded-xl font-sans text-sm transition-colors bg-primary text-primary-foreground">Магазин
у дома</button><button class="px-4 py-3 rounded-xl font-sans text-sm transition-colors bg-muted text-muted-foreground hover:text-foreground">Кофейня
/ кафе</button><button class="px-4 py-3 rounded-xl font-sans text-sm transition-colors bg-muted text-muted-foreground hover:text-foreground">Киоск</button>
<button class="px-4 py-3 rounded-xl font-sans text-sm transition-colors bg-muted text-muted-foreground hover:text-foreground">Пекарня</button>
</div>
</div>
<div class="mb-6">
<p class="font-sans font-semibold text-foreground mb-2">Шаг 2: Планируемый объём закупки в месяц</p>
<div class="relative"><input type="number" min="5000" max="500000" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50" value="30000"><span class="absolute right-4 top-1/2 -translate-y-1/2 font-sans text-muted-foreground">₽</span>
</div>
<p class="font-sans text-xs text-muted-foreground mt-1">Рекомендуем от 15 000₽ для старта</p>
</div>
<div class="mb-8">
<p class="font-sans font-semibold text-foreground mb-2">Шаг 3: Сколько рабочих дней в неделю?</p>
<select class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50">
<option value="5">5 дней</option>
<option value="6">6 дней</option>
<option value="7">7 дней</option>
</select>
</div><button class="inline-flex block m-auto
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Рассчитать
прибыль</button>
</div>
</div>
</section>
<section class="py-20 bg-background">
<div class="container">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-12" >Как мы работаем <span class="text-primary">с партнёрами</span></h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-16">
<div class="relative p-6 rounded-2xl bg-card border border-border grid-item">
<div class="w-10 sm:w-10 h-10 sm:h-10 rounded-full bg-primary text-primary-foreground font-sans font-bold text-lg flex items-center justify-center mb-4 number">
1</div>
<img src="/images/icons/calc.svg" class="h-10 w-10 mb-4 md:h-auto md:w-auto md:mb-0">
<h3 class="font-serif text-xl font-bold text-foreground mb-1">Звонок</h3>
<p class="font-sans text-sm text-muted-foreground">Созвон с менеджером — 15 минут</p>
<div class="hidden md:block absolute top-1/2 -right-3 text-muted-foreground text-xl">→</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border grid-item">
<div class="w-10 sm:w-10 h-10 sm:h-10 rounded-full bg-primary text-primary-foreground font-sans font-bold text-lg flex items-center justify-center mb-4 number">
2</div>
<img src="/images/icons/doc.svg" class="h-10 w-10 mb-4 md:h-auto md:w-auto md:mb-0">
<h3 class="font-serif text-xl font-bold text-foreground mb-1">Договор</h3>
<p class="font-sans text-sm text-muted-foreground">Подписание за 1 день</p>
<div class="hidden md:block absolute top-1/2 -right-3 text-muted-foreground text-xl">→</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border grid-item">
<div class="w-10 sm:w-10 h-10 sm:h-10 rounded-full bg-primary text-primary-foreground font-sans font-bold text-lg flex items-center justify-center mb-4 number">
3</div>
<img src="/images/icons/car.svg" class="h-10 w-10 mb-4 md:h-auto md:w-auto md:mb-0">
<h3 class="font-serif text-xl font-bold text-foreground mb-1">Поставка</h3>
<p class="font-sans text-sm text-muted-foreground">Первая партия через 48 часов</p>
<div class="hidden md:block absolute top-1/2 -right-3 text-muted-foreground text-xl">→</div>
</div>
<div class="relative p-6 rounded-2xl bg-card border border-border grid-item">
<div class="w-10 sm:w-10 h-10 sm:h-10 rounded-full bg-primary text-primary-foreground font-sans font-bold text-lg flex items-center justify-center mb-4 number">
4</div>
<img src="/images/icons/up.svg" class="h-10 w-10 mb-4 md:h-auto md:w-auto md:mb-0">
<h3 class="font-serif text-xl font-bold text-foreground mb-1">Рост</h3>
<p class="font-sans text-sm text-muted-foreground">Регулярная поддержка и оптимизация</p>
</div>
</div>
<div class="h-px bg-border mb-12"></div>
<h3 class="font-serif text-2xl md:text-3xl font-bold text-foreground mb-8" style="opacity: 1; transform: none;">Что получаете вы:</h3>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
<div class="flex items-start gap-4 p-5 rounded-xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0"><img src="/images/icons/person.svg"></div>
<div>
<h4 class="font-sans font-semibold text-foreground mb-0.5">Персональный менеджер</h4>
<p class="font-sans text-sm text-muted-foreground">На связи 6 дней в неделю</p>
</div>
</div>
<div class="flex items-start gap-4 p-5 rounded-xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0"><img src="/images/icons/time.svg"></div>
<div>
<h4 class="font-sans font-semibold text-foreground mb-0.5">Гибкий график поставок</h4>
<p class="font-sans text-sm text-muted-foreground">Под ваш ритм продаж</p>
</div>
</div>
<div class="flex items-start gap-4 p-5 rounded-xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0"><img src="/images/icons/market.svg"></div>
<div>
<h4 class="font-sans font-semibold text-foreground mb-0.5">Маркетинговые материалы</h4>
<p class="font-sans text-sm text-muted-foreground">Стикеры, воблеры, прайс-листы</p>
</div>
</div>
<div class="flex items-start gap-4 p-5 rounded-xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0"><img src="/images/icons/hat.svg"></div>
<div>
<h4 class="font-sans font-semibold text-foreground mb-0.5">Обучение персонала</h4>
<p class="font-sans text-sm text-muted-foreground">Как правильно продавать нашу продукцию</p>
</div>
</div>
<div class="flex items-start gap-4 p-5 rounded-xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0"><img src="/images/icons/curcle.svg"></div>
<div>
<h4 class="font-sans font-semibold text-foreground mb-0.5">Возврат непроданного</h4>
<p class="font-sans text-sm text-muted-foreground">В течение срока годности</p>
</div>
</div>
<div class="flex items-start gap-4 p-5 rounded-xl bg-card border border-border" style="opacity: 1; transform: none;">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0">
<img src="/images/icons/star.svg">
</div>
<div>
<h4 class="font-sans font-semibold text-foreground mb-0.5">Эксклюзивные новинки</h4>
<p class="font-sans text-sm text-muted-foreground">Первыми получаете доступ к новым позициям</p>
</div>
</div>
</div>
<div class="h-px bg-border mb-12"></div>
<div class="max-w-2xl reveal-up">
<h3 class="font-serif text-2xl md:text-3xl font-bold text-foreground mb-6">Что нужно от вас:</h3>
<ul class="space-y-3 mb-8">
<li class="flex items-center gap-3 font-sans text-foreground"><span class="text-primary">•</span>
Торговая точка в Иркутске/области</li>
<li class="flex items-center gap-3 font-sans text-foreground"><span class="text-primary">•</span>
Холодильное оборудование</li>
<li class="flex items-center gap-3 font-sans text-foreground"><span class="text-primary">•</span>
Регистрация (ИП или ООО)</li>
<li class="flex items-center gap-3 font-sans text-foreground"><span class="text-primary">•</span>
Первый заказ от 10 000₽</li>
</ul>
<div><button class="inline-flex
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Стать
партнёром</button></div>
</div>
</div></div>
</section>
<section class="py-20 bg-background">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mb-12 reveal-up">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-3">Что говорят <span class="text-primary">наши гости</span></h2>
</div>
<div class="relative custom-swiper">
<div class="swiper reviews_slider ">
<div class="swiper-wrapper">
<!-- Карточка отзыва -->
<div class="swiper-slide bg-card border border-border rounded-2xl p-8 md:p-12">
<div class="flex justify-center gap-1 mb-6">
</div>
<blockquote class="font-serif text-xl md:text-2xl text-foreground leading-relaxed mb-6 italic text-center">«Работаем с «Марией» 3 года. Торты у них улетают быстрее всего – покупатели сами спрашивают «а есть Наполеон от Марии?». Маржа стабильная 30%, возвраты бывают редко. Очень довольны.»</blockquote>
<p class="font-sans text-foreground font-semibold text-center">— Сергей Иванов</p>
<p class="font-sans text-sm text-muted-foreground text-center mb-6">владелец магазина «Продукты у дома», Свердловский район</p>
<div class="grid grid-cols-3 gap-4 p-4 rounded-xl bg-muted/50"><div class="text-center"><p class="font-sans text-xs text-muted-foreground mb-1">Выручка/год</p><p class="font-sans font-bold text-foreground">430 000₽</p></div><div class="text-center"><p class="font-sans text-xs text-muted-foreground mb-1">Прибыль</p><p class="font-sans font-bold text-primary">129 000₽</p></div><div class="text-center"><p class="font-sans text-xs text-muted-foreground mb-1">Возвраты</p><p class="font-sans font-bold text-foreground">менее 2%</p></div></div>
</div>
<!-- Еще один отзыв -->
<div class="swiper-slide border-b border-foreground pb-6 space-y-4">
<div class="flex justify-between items-start">
<div>
<div class="font-medium text-lg">Татьяна</div>
<div class="text-xs text-slate-400 mt-1">26.01.2025</div>
</div>
<div class="flex gap-0.5">
<ul class="flex items-center gap-x-1">
<li>
<br></li>
<li>
<br></li>
<li>
<br></li>
</ul>
</div>
</div>
<p class="text-sm leading-relaxed text-slate-700 italic">
"Прелестно! Большое спасибо! Получила своих светлячков и радости моей нет
предела!"
</p>
</div>
<!-- Еще один отзыв -->
<div class="swiper-slide border-b border-foreground pb-6 space-y-4">
<div class="flex justify-between items-start">
<div>
<div class="font-medium text-lg">Татьяна</div>
<div class="text-xs text-slate-400 mt-1">26.01.2025</div>
</div>
<div class="flex gap-0.5">
<ul class="flex items-center gap-x-1">
<li>
<br></li>
<li>
<br></li>
<li>
<br></li>
</ul>
</div>
</div>
<p class="text-sm leading-relaxed text-slate-700 italic">
"Прелестно! Большое спасибо! Получила своих светлячков и радости моей нет
предела!"
</p>
</div>
</div>
</div>
<div class="swiper-button-prev-review z-20 absolute right-3 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-accent/70 flex justify-center items-center cursor-pointer hover:bg-accent transition-colors" style="left:-6%;"><img src="/images/icons/arrow.svg" ></div>
<div class="swiper-button-next-review z-20 absolute right-3 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-accent/70 flex justify-center items-center cursor-pointer hover:bg-accent transition-colors" style="right:-6%;"><img src="/images/icons/arrow.svg" class="rotate-180"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<section class="py-20 bg-primary/5 relative overflow-hidden">
<div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-transparent"></div>
<div class="relative z-10 max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mb-10 reveal-up">
<img src="/images/icons/attention.svg" class="h-12 mb-4">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-3">7 ошибок при выборе
поставщика</h2>
<p class="font-sans text-muted-foreground text-lg">Скачайте бесплатный чеклист и узнайте:</p>
</div>
<div class="space-y-3 mb-8 reveal-up">
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">❌</span>Почему низкая цена = просрочка и возвраты
</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">❌</span>Как проверить поставщика до подписания
договора</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">❌</span>Какие вопросы задать, чтобы не прогореть
</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">❌</span>На что смотреть в договоре в первую очередь
</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">❌</span>Как избежать затоваривания на старте</div>
<div class="flex items-start gap-3 font-sans text-foreground font-medium mt-4"><span class="shrink-0">+</span>Бонус: 3 красных флага, которые говорят «беги от этого
поставщика»</div>
</div>
<div class="bg-card border border-border rounded-2xl p-8 reveal-up">
<div class="space-y-4 mb-6"><input type="email" placeholder="Ваш Email" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"><input type="text" placeholder="Ваше имя" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50">
</div><button class="inline-flex
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Скачать
чеклист</button>
<p class="font-sans text-xs text-muted-foreground mt-3">Пришлём на почту в течение 2 минут</p>
</div>
</div>
</section>
<section class="py-20 bg-card">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mb-10 reveal-up">
<img src="/images/icons/up.svg" class="h-12 mb-4">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-3">Как продать 100 тортов за
месяц</h2>
<p class="font-sans text-muted-foreground text-lg">(даже если у вас маленькая точка)</p>
</div>
<div class="mb-8 reveal-up">
<p class="font-sans text-muted-foreground mb-6">Бесплатный гайд от «Мария»:</p>
<div class="space-y-3 mb-6">
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">✅</span>Правильная выкладка (с фото-примерами)
</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">✅</span>Скрипты продаж для персонала</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">✅</span>5 акций, которые реально работают</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">✅</span>Как использовать соцсети точки для роста
</div>
<div class="flex items-start gap-3 font-sans text-foreground"><span class="text-primary shrink-0">✅</span>График завоза (когда заказывать чтобы не
терять)</div>
</div>
<p class="font-sans text-foreground font-medium">Партнёры, внедрившие эти приёмы, увеличили продажи
кондитерки в среднем на 37%</p>
</div>
<div class="bg-background border border-border rounded-2xl p-8 reveal-up">
<div class="space-y-4 mb-6"><input type="tel" placeholder="Телефон" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"><input type="email" placeholder="Email" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"><select class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50">
<option value="">Тип точки</option>
<option value="shop">Магазин у дома</option>
<option value="cafe">Кофейня / кафе</option>
<option value="kiosk">Киоск</option>
<option value="bakery">Пекарня</option>
</select></div><button class="inline-flex
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Получить
гайд бесплатно</button>
</div>
</div>
</section>
<section class="py-20 bg-background">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-12" style="opacity: 1; transform: none;">
Частые вопросы <span class="text-primary">партнёров</span></h2>
<?$APPLICATION->IncludeComponent(
"bitrix:news.list",
"faq_b2b",
Array(
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"ADD_SECTIONS_CHAIN" => "Y",
"AJAX_MODE" => "N",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"CACHE_TIME" => "36000000",
"CACHE_TYPE" => "A",
"CHECK_DATES" => "Y",
"DETAIL_URL" => "",
"DISPLAY_BOTTOM_PAGER" => "Y",
"DISPLAY_DATE" => "Y",
"DISPLAY_NAME" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"FIELD_CODE" => array(0=>"",1=>"",),
"FILTER_NAME" => "",
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"IBLOCK_ID" => "9",
"IBLOCK_TYPE" => "aspro_next_content",
"INCLUDE_IBLOCK_INTO_CHAIN" => "Y",
"INCLUDE_SUBSECTIONS" => "Y",
"MESSAGE_404" => "",
"NEWS_COUNT" => "20",
"PAGER_BASE_LINK_ENABLE" => "N",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "N",
"PAGER_SHOW_ALWAYS" => "N",
"PAGER_TEMPLATE" => ".default",
"PAGER_TITLE" => "Новости",
"PARENT_SECTION" => "883",
"PARENT_SECTION_CODE" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"PROPERTY_CODE" => array(0=>"",1=>"",),
"SET_BROWSER_TITLE" => "Y",
"SET_LAST_MODIFIED" => "N",
"SET_META_DESCRIPTION" => "Y",
"SET_META_KEYWORDS" => "Y",
"SET_STATUS_404" => "N",
"SET_TITLE" => "Y",
"SHOW_404" => "N",
"SORT_BY1" => "ACTIVE_FROM",
"SORT_BY2" => "SORT",
"SORT_ORDER1" => "DESC",
"SORT_ORDER2" => "ASC",
"STRICT_SECTION_CHECK" => "N"
)
);?>
<!--<div class="space-y-3">
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">С какой суммы можно начать сотрудничество?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">Минимальный первый заказ – 10 000₽. Далее
объём регулируется под ваш ритм продаж.</div>
</div>
</div>
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">Как часто происходят поставки?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">6 дней в неделю (понедельник-суббота). График согласовываем индивидуально под вашу загрузку.</div>
</div>
</div>
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">Что делать с непроданным товаром?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">В течение срока годности принимаем возврат. После — реализация на ваше усмотрение со скидкой.</div>
</div>
</div>
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">Нужна ли эксклюзивность территории?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">Нет, мы работаем с несколькими точками в одном районе. Рынок большой, конкуренции между партнёрами нет.</div>
</div>
</div>
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">Предоставляете ли рекламные материалы?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">Да: воблеры, стикеры, ценники, промо-буклеты бесплатно при заключении договора.</div>
</div>
</div>
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">Какие документы нужны для старта?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">Свидетельство ИП/ОГРН, паспорт, реквизиты. Договор подписываем за 1 день.</div>
</div>
</div>
<div class="bg-card border border-border rounded-xl px-6">
<h3 class=" accordion-toggle flex"><button type="button" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 font-sans font-semibold text-foreground text-left py-5 outline-none focus:outline-none">Можно ли заказывать под своим брендом (White Label)?</button></h3>
<div class="accordion-content overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
<div class="pt-0 font-sans text-muted-foreground pb-5">Да, у нас есть отдельная программа. Уточните у менеджера детали и условия.</div>
</div>
</div>
</div>-->
<div class="mt-10"><button class="block m-auto px-8 py-4 rounded-xl border border-border text-foreground font-sans font-semibold hover:bg-accent-bej transition-colors">Задать
свой вопрос</button></div>
</div>
</section>
<section id="partner-form" class="py-20 bg-gradient-to-br from-primary/10 via-accent to-primary/5">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mb-10 reveal-up">
<h2 class="font-serif text-3xl md:text-5xl font-bold text-foreground mb-3">
<img src="/images/icons/round.svg" class="h-12 mb-4">Начните зарабатывать на
«Мария»<br><span class="text-primary">уже через 48 часов</span></h2>
<p class="font-sans text-muted-foreground text-lg">Оставьте заявку — персональный менеджер свяжется с
вами сегодня, согласует ассортимент и просчитает вашу прибыль.</p>
</div>
<form class="bg-card border border-border rounded-2xl p-8 space-y-4 reveal-up">
<input type="text" name="name" required="" placeholder="Ваше имя *" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50" value=""><input type="tel" name="phone" required="" placeholder="Телефон *" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50" value=""><input type="email" name="email" placeholder="Email" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50" value=""><select name="type" required="" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50">
<option value="">Тип точки *</option>
<option value="shop">Магазин у дома</option>
<option value="cafe">Кофейня / кафе</option>
<option value="kiosk">Киоск / фудкорт</option>
<option value="bakery">Пекарня</option>
</select><input type="text" name="city" placeholder="Город / район" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50" value=""><textarea name="comment" placeholder="Комментарий (опционально)" rows="3" class="w-full px-4 py-3 rounded-xl bg-muted border border-border font-sans text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 resize-none"></textarea>
<button type="submit" class="inline-flex
items-center justify-center gap-2 whitespace-nowrap transition-all duration-300 disabled:pointer-events-none
disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-glow shadow-elegant hover:shadow-hover
transform hover:-translate-y-0.5 font-semibold h-14 rounded-xl px-10 text-lg">Стать
партнёром</button></form>
<div class="mt-8">
<p class="font-sans text-muted-foreground mb-2">Или позвоните прямо сейчас:</p><a href="tel:+73952000000" class="font-serif text-2xl font-bold text-foreground hover:text-primary transition-colors">+7 (3952)
000-00-00</a>
</div>
</div>
</section>
