You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
914 lines
68 KiB
914 lines
68 KiB
<?php
|
|
/*
|
|
Template Name: GP | Новая верстка для главной
|
|
Template Post Type: page
|
|
*/
|
|
get_header('gp');
|
|
// wp_head();
|
|
add_filter('wpcf7_autop_or_not', '__return_false');
|
|
?>
|
|
<style>
|
|
.footer_box .footer_box-title {
|
|
font-family: 'Craftwork Grotesk', sans-serif !important;
|
|
}
|
|
</style>
|
|
|
|
<main style="padding-top: 0;">
|
|
<section class="home">
|
|
<div class="container">
|
|
<div class="home_block">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/production/img/cat_dog.png" alt="" class="home_block-dog">
|
|
<h1 class="home_title">Еда будущего для вашего питомца</h1>
|
|
<a href="#about" class="home_link main_link scroll_link">Узнать больше</a>
|
|
</div>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/production/img/cat_dog.png" alt="" class="home_dog">
|
|
</section>
|
|
|
|
|
|
|
|
<section id="about" class="about">
|
|
<div class="container">
|
|
<div class="about_info-wrap">
|
|
<div class="about_img">
|
|
<img class="img--desktop" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/MAIN.svg" alt="">
|
|
<img class="img--mobile" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/gus.svg" alt="" >
|
|
</div>
|
|
<div class="about_info">
|
|
<h1 class="about_title">Почему <br>COSMOPET?</h1>
|
|
<p class="about_text">В основе наших кормов лежат самые передовые исследования в области ветеринарной диетологии. Мы создаем полноценные, сбалансированные рационы, ключевой компонент для которых поступает с нашей собственной фермы</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="about_block">
|
|
<div class="about_cards">
|
|
<div class="about_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/SAFETY.svg" alt="" class="about_card-gif about_card-gif1">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">безопасность</h3>
|
|
<p class="about_card-text">Тщательный отбор сырья и контроль готовой продукции</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card about_card-right">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-gif2.gif" alt="" class="about_card-gif about_card-gif2">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">Гипоаллергенность</h3>
|
|
<p class="about_card-text">Продукция подходит для питомцев с повышенной пищевой чувствительностью</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/HIGH_ABSOLUTION.svg" alt="" class="about_card-gif about_card-gif2">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title" style="text-wrap:nowrap;">Высокая усвояемость</h3>
|
|
<p class="about_card-text">В составе индейка и E-protein, которые обеспечивают усвояемость белка свыше 90%</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card about_card-right">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-gif3.gif" alt="" class="about_card-gif about_card-gif3">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">особая структура гранул</h3>
|
|
<p class="about_card-text">Помогает поддерживать чистоту полости рта и здоровье зубов</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/BALANCED_RECIPE.svg" alt="" class="about_card-gif about_card-gif4">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">сбалансированный рецепт</h3>
|
|
<p class="about_card-text">Правильный баланс калорий, белков, жиров и углеводов помогает дольше чувствовать сытость</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_company">
|
|
<p class="about_company-text">Качество кормов соответствует строгим стандартам FEDIAF и ГОСТ</p>
|
|
<div class="about_company-logo">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo1.svg" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo2.svg" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo3.svg" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo4.svg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<div class="about_slider aboutSlider swiper">
|
|
<button class="about_slider_nav next"><img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/slider-next.svg" alt=""></button>
|
|
<button class="about_slider_nav prev"><img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/slider-prev.svg" alt=""></button>
|
|
<div class="slider swiper-wrapper carousel">
|
|
<div class="slide swiper-slide carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img1.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">Пребиотики MOS и FOS</h3>
|
|
<p class="slide_text">Поддерживают здоровый баланс кишечной микрофлоры и снижают риск возникновения
|
|
заболеваний кишечника</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide slide--prev2 carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img2.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">Омега 3 и жирные кислоты</h3>
|
|
<p class="slide_text">Улучшают работу мозга и поддерживают его активность в норме, сохраняют здоровье
|
|
кожи и блеск шерсти</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide active2 swiper-slide-active carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img3.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">Юкка Шидигера</h3>
|
|
<p class="slide_text">Стимулирует пищеварение и связывает вещества, отвечающие за специфический запах
|
|
стула. Результат: туалет как по часам<br> (а неприятного запаха<br> – меньше).</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide slide--next2 carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img4.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">Кальций, фосфор и витамин D</h3>
|
|
<p class="slide_text">В оптимальном соотношении поддерживают здоровье костей, способствуют
|
|
восстановлению суставов и поддержанию их подвижности</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img5.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">E-protein</h3>
|
|
<p class="slide_text">Легкоперевариваемый энтопротеин, который к тому же превосходит по питательности
|
|
традиционное мясо. Будучи новым источником белка не вызывает аллергии<br> у питомцев</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="section_wrap">
|
|
<section class="sellers">
|
|
<div class="container">
|
|
<div class="seller_block">
|
|
<div class="sellers_top">
|
|
<h1 class="sellers_title">Бестселлеры</h1>
|
|
<a href="https://cosmopet.shop/produkcziya/" class="sellers_link main_link">Вся продукция</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sellers_slider">
|
|
<div class="swiper sellerSlider">
|
|
<div class="swiper-wrapper">
|
|
<?
|
|
$args = array(
|
|
'post_type' => 'product',
|
|
// 'posts_per_page' => 10, // Количество выводимых продуктов
|
|
'tax_query' => array( array(
|
|
'taxonomy' => 'pa_best',
|
|
// 'value' => 'да',
|
|
'field' => 'slug',
|
|
'terms' => 'yes',
|
|
// 'terms' => array('blue', 'red', 'green'),
|
|
// 'operator' => 'IN',
|
|
) )
|
|
);
|
|
|
|
$loop = new WP_Query( $args );
|
|
if ( $loop->have_posts() ) {
|
|
while ( $loop->have_posts() ) : $loop->the_post();
|
|
global $product;
|
|
$product = wc_get_product( get_the_ID() );
|
|
$attributes = $product->get_attributes();
|
|
if ( has_post_thumbnail() ) {
|
|
$img = get_the_post_thumbnail_url( get_the_ID(), 'medium' );
|
|
} else {
|
|
$img = wc_placeholder_img_src();
|
|
}
|
|
?>
|
|
|
|
<div class="swiper-slide">
|
|
<a href="<?= get_permalink(); ?>" style="text-decoration: none;color:#000;">
|
|
<div class="sellers_card">
|
|
|
|
<img src="<?= $img;?>" alt="Фото товара: <?= get_the_title();?>" class="sellers_card-img">
|
|
<!-- <span class="sellers_card-text"><?= get_the_title();?></span> -->
|
|
|
|
<div class="tags_block">
|
|
<?php if (strpos($product->get_name(), 'COSMODOG') !== false): ?>
|
|
<span class="gp_tags" style="background-color:#fff;background-image:url(<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/cosmodogs.svg);background-repeat:no-repeat;background-position:center; width:140px;height: 25px;"></span>
|
|
<?php elseif (strpos($product->get_name(), 'COSMOCAT') !== false): ?>
|
|
<span class="gp_tags" style="background-color:#fff;background-image:url(<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/cosmocats.svg);background-repeat:no-repeat;background-position:center; width:140px;"></span>
|
|
<?php elseif (strpos($product->get_name(), 'КОСМОБАКА') !== false): ?>
|
|
<span class="gp_tags" style="background-color:#fff;background-image:url(<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/cosmobaka.svg);background-repeat:no-repeat;background-position:center; width:140px; background-size: 90% auto;"></span>
|
|
<?php endif; ?>
|
|
|
|
<?php
|
|
|
|
$terms = wc_get_product_terms( get_the_ID(), 'pa_catalog_harakteristiks' );
|
|
foreach ($terms as $term) {?>
|
|
<span class="gp_tags" style="background:<?=$term->description;?>"><?= trim($term->name, "#") ?> </span>
|
|
|
|
<? }
|
|
?>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div></a>
|
|
</div>
|
|
<?
|
|
endwhile;
|
|
}
|
|
wp_reset_postdata();
|
|
?>
|
|
|
|
<!-- <div class="swiper-slide swiper-slide-next" style="width: 473.6px; margin-right: 20px;" role="group" aria-label="2 / 4">
|
|
<div class="sellers_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/cosmodog-img.png" alt="" class="sellers_card-img">
|
|
<span class="sellers_card-text">Cosmodog adult</span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" style="width: 473.6px; margin-right: 20px;" role="group" aria-label="3 / 4">
|
|
<div class="sellers_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/cosmodog-img.png" alt="" class="sellers_card-img">
|
|
<span class="sellers_card-text">Cosmodog adult</span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" role="group" aria-label="4 / 4" style="width: 473.6px; margin-right: 20px;">
|
|
<div class="sellers_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/cosmodog-img.png" alt="" class="sellers_card-img">
|
|
<span class="sellers_card-text">Cosmodog adult</span>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev sellerSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next sellerSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="reviews">
|
|
<div class="container">
|
|
<h2 class="reviews_title">Отзывы ветеринаров</h2>
|
|
<div class="reviews_block">
|
|
<div class="reviews_items">
|
|
<div class="reviews_item reviews_item1">
|
|
<div class="reviews_item-top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/reviews/Korovkina.png" alt="" class="reviews_item-img">
|
|
<div class="reviews_item-name">
|
|
<b>Коровкина Татьяна Сергеевна</b>
|
|
<span>Дерматолог, эндокринолог, пластический хирург, стаж — 14 лет, ЦВМ Звенигород</span>
|
|
</div>
|
|
</div>
|
|
<p class="reviews_item-text">Cosmopet для моих пациентов иногда единственный выход. Так как корм содержит альтернативный источник белка, он подходит питомцу тогда, когда все остальное не переносится.</p>
|
|
</div>
|
|
<div class="reviews_item reviews_item2">
|
|
<div class="reviews_item-top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/reviews/Evstigneeva.png" alt="" class="reviews_item-img">
|
|
<div class="reviews_item-name">
|
|
<b>Евстигнеева Элла Муссаевна</b>
|
|
<span>
|
|
Ветеринарный врач широкого профиля, фелинолог, дерматолог, гастроэнтеролог, стаж — 23 года, ВЕТЕРИНАРНЫЙ ЦЕНТР НА ПОЧТОВОЙ
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<p class="reviews_item-text">
|
|
Я люблю все новое, люблю увлеченных и вдумчивых людей и производителей кормов и препаратов. Именно такие люди придумали и произвели корм Cosmopet, который помогает множеству моих пациентов с проблемами ЖКТ.
|
|
</p>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/reviews_person-mob.png" alt="" class="reviews_person-mob">
|
|
<!-- <div class="reviews_item reviews_item3">
|
|
<div class="reviews_item-top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/review_avatar.svg" alt="" class="reviews_item-img">
|
|
<div class="reviews_item-name">
|
|
<b>Алёна Алёнова</b>
|
|
<span>Специальзация, регалии, стаж, Название клиники</span>
|
|
</div>
|
|
</div>
|
|
<p class="reviews_item-text">Очень хороший корм, всем советую! Моя собака в восторге.</p>
|
|
</div> -->
|
|
<div class="reviews_item reviews_item4">
|
|
<div class="reviews_item-top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/reviews/Popov.png" alt="" class="reviews_item-img">
|
|
<div class="reviews_item-name">
|
|
<b>Попов Дмитрий Владимирович</b>
|
|
<span>Врач общей практики, офтальмолог, врач интенсивной терапии, стаж — 10 лет, Catlazaret</span>
|
|
</div>
|
|
</div>
|
|
<p class="reviews_item-text">Корм на основе энтопротеина — это отличный выбор для питомцев, которые проходят лечение, склонны к аллергии или имеют чувствительное пищеварение. Такой белок усваивается намного лучше, чем курица или говядина, и является очень питательным.</p>
|
|
</div>
|
|
<!-- <div class="reviews_item reviews_item5">
|
|
<div class="reviews_item-top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/review_avatar.svg" alt="" class="reviews_item-img">
|
|
<div class="reviews_item-name">
|
|
<b>Алёна Алёнова</b>
|
|
<span>Специальзация, регалии, стаж, Название клиники</span>
|
|
</div>
|
|
</div>
|
|
<p class="reviews_item-text">Лучший корм в РФ.</p>
|
|
</div> -->
|
|
<!-- <div class="reviews_item reviews_item6">
|
|
<div class="reviews_item-top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/review_avatar.svg" alt="" class="reviews_item-img">
|
|
<div class="reviews_item-name">
|
|
<b>Алёна Алёнова</b>
|
|
<span>Специальзация, регалии, стаж, Название клиники</span>
|
|
</div>
|
|
</div>
|
|
<p class="reviews_item-text">Очень хороший корм, всем рекомендую! Моя собака в восторге. Обязательно вернусь сюда ещё раз!</p>
|
|
</div> -->
|
|
</div>
|
|
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/reviews_person.png" alt="" class="reviews_person">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about_us">
|
|
<div class="container">
|
|
<h1 class="about_us-title">О нас пишут СМИ</h1>
|
|
<div class="smi_slider">
|
|
<div class="swiper smiSlider ">
|
|
<div class="swiper-wrapper" >
|
|
<?
|
|
$args = array(
|
|
'post_type' => 'smi',
|
|
'posts_per_page' => -1, // Количество выводимых продуктов
|
|
);
|
|
|
|
$loop = new WP_Query( $args );
|
|
if ( $loop->have_posts() ) {
|
|
while ( $loop->have_posts() ) : $loop->the_post();
|
|
|
|
?>
|
|
<div class="swiper-slide">
|
|
<div class="smi-card-wrapper">
|
|
<a href="<?php echo get_field('url') ?>" class="smi-card">
|
|
<img src="<?php echo get_field('img') ?>" alt="" class="smi-card-img">
|
|
<div class="smi-card-date">
|
|
<?php echo get_field('date') ?>
|
|
</div>
|
|
<div class="smi-card-title">
|
|
<?php the_title() ?>
|
|
</div>
|
|
<div class="smi-card-label">
|
|
<?php
|
|
$logo = get_field('logo');
|
|
if ($logo):
|
|
?>
|
|
<img src="<?=$logo?>" alt="">
|
|
<?php
|
|
endif;
|
|
?>
|
|
<?php
|
|
$tekst_smi = get_field('tekst_smi');
|
|
if ($tekst_smi):
|
|
?>
|
|
<p><?=$tekst_smi?></p>
|
|
<?php
|
|
endif;
|
|
?>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
<?
|
|
endwhile;
|
|
}
|
|
wp_reset_postdata();
|
|
?>
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev smiSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next smiSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="truth">
|
|
<div class="container">
|
|
<div class="truth_top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/gift.png" alt="" class="gift_img">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/gift-line.svg" alt="" class="gift_line-img">
|
|
<h1 class="truth_title">проверьте свои знания и получите <span>подарок!</span></h1>
|
|
</div>
|
|
|
|
<div class="truth_content-wrap">
|
|
<div class="truth_content truth_content1 active">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num.svg" alt="">
|
|
<p>Индейка - самый гипоаллергенный протеин для кошек и собак</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover success_btn">Миф</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_person.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>E-protein — легкоперевариваемый энтопротеин — самый гипоаллергенный белок для питомцев из-за его особого строения. А еще такой вид протеина является новым источником белка для питомцев, поэтому риск появления аллергии на него крайне низок.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_succes-img.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>E-protein — легкоперевариваемый энтопротеин — самый гипоаллергенный белок для питомцев из-за его особого строения. А еще такой вид протеина является новым источником белка для питомцев, поэтому риск появления аллергии на него крайне низок.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_error.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content2">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num2.svg" alt="">
|
|
<p>Сухого корма недостаточно для поддержания здоровья питомца</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover success_btn">Миф</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_img2.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>Качественные сухие корма специально разработаны
|
|
с целью обеспечить животное белками, жирами, витаминами, минералами и другими питательными веществами, поданными в грамотной пропорции.
|
|
А еще сухие гранулы полезны для зубов питомца, поскольку помогают удалить налет и зубной камень.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_succes-img.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>Качественные сухие корма специально разработаны
|
|
с целью обеспечить животное белками, жирами, витаминами, минералами и другими питательными веществами, поданными в грамотной пропорции.
|
|
А еще сухие гранулы полезны для зубов питомца, поскольку помогают удалить налет и зубной камень.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_error.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content3">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num3.svg" alt="">
|
|
<p>Переводить питомца на новый корм нужно постепенно</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover error_btn">Миф</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_img3.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Переход между двумя рационами должен происходить постепенно. Резкие изменения в рационе могут вызвать расстройство желудка. А некоторые домашние животные после таких потрясений могут окончательно потерять аппетит и начать отказываться от качественного, подходящего им корма. Классическая схема перехода занимает неделю:</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
|
|
<div class="truth_result">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result1.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result2.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result3.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result4.png" alt="">
|
|
</div>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_succes-img.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Переход между двумя рационами должен происходить постепенно. Резкие изменения в рационе могут вызвать расстройство желудка. А некоторые домашние животные после таких потрясений могут окончательно потерять аппетит и начать отказываться от качественного, подходящего им корма. Классическая схема перехода занимает неделю:</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
<div class="truth_result">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result1.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result2.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result3.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result4.png" alt="">
|
|
</div>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_error.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content4">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num4.svg" alt="">
|
|
<p>Котят и щенят нельзя кормить кормом для взрослых питомцев на постоянной основе</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover error_btn">Миф</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_img4.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Корм для щенков и котят содержит больше жиров, белков и калорий. Малыши быстро растут, а повышенный метаболизм означает и высокую потребность в энергии. Поэтому если кормить щенков и котят кормом для взрослых, то им будет недоставать питательных веществ. А кормление взрослых питомцев кормом для маленьких приведет к набору веса.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_succes-img.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Корм для щенков и котят содержит больше жиров, белков и калорий. Малыши быстро растут, а повышенный метаболизм означает и высокую потребность в энергии. Поэтому если кормить щенков и котят кормом для взрослых, то им будет недоставать питательных веществ. А кормление взрослых питомцев кормом для маленьких приведет к набору веса.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_error.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content5">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num5.svg" alt="">
|
|
<p>Сухой и горячий нос у питомца - симптом заболевания</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover success_btn">Миф</button>
|
|
</div>
|
|
<img class="img--desktop2" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_img5.png" alt="">
|
|
<!-- <img class="img--mobile" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/quiz/birds_mobile.png" alt=""> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>И очень распространенный миф. В действительности, сухой
|
|
и горячий носик не является маркером какого-либо заболевания. А может, например, говорить о том, что питомец спит, недавно проснулся или только что очень активно играл.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_succes-img.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>И очень распространенный миф. В действительности, сухой и горячий носик не является маркером какого-либо заболевания. А может, например, говорить о том, что питомец спит, недавно проснулся или только что очень активно играл.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_error.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content-end">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_block-title">ваш результат</div>
|
|
<div class="truth_block-text">
|
|
<div class="truth_xn">
|
|
<span class="truth_points truth_points-corrects"></span>
|
|
<span class="truth_points truth_points-slash">/</span>
|
|
<span class="truth_points truth_points-all"></span>
|
|
</div>
|
|
<div class="truth_end-text truth_end-text--before">
|
|
<p>Укажите почту на которую отправить <b>промокод</b></p>
|
|
<form action="<?php echo admin_url('admin-ajax.php'); ?>" class="truth-form">
|
|
<input type="hidden" name="action" value="subform">
|
|
<input type="email" class="truth-input" name="email" required placeholder="Почта">
|
|
<input type="text" class="truth-input" name="name" required placeholder="Имя">
|
|
<button class="truth_link btn--black-hover">
|
|
<span>
|
|
отправить
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="truth_end-text truth_end-text--sent" style="display:none;">
|
|
<p>Вы успешно отправили данные! Промокод поступит на указанную почту</p>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="truth_info">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_img6.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="blog">
|
|
<div class="container">
|
|
<div class="blog_block">
|
|
<div class="blog_top">
|
|
<h1 class="blog_title">Наш блог</h1>
|
|
<a href="https://cosmopet.shop/blog/" class="blog_link main_link">Все статьи</a>
|
|
</div>
|
|
<p class="blog_text">Новостирынка кормов и экологии, полезные статьи о здоровье домашних животных</p>
|
|
</div>
|
|
</div>
|
|
<div class="blog_slider">
|
|
<div class="swiper blogSlider ">
|
|
<div class="swiper-wrapper" >
|
|
<?
|
|
$args = array(
|
|
'post_type' => 'post',
|
|
'posts_per_page' => 6, // Количество выводимых продуктов
|
|
);
|
|
|
|
$loop = new WP_Query( $args );
|
|
if ( $loop->have_posts() ) {
|
|
while ( $loop->have_posts() ) : $loop->the_post();
|
|
global $product;
|
|
if ( has_post_thumbnail() ) {
|
|
$img = get_the_post_thumbnail_url( get_the_ID() );
|
|
} else {
|
|
$img = get_template_directory_uri() . "/gp-include/assets/front-page/img/blog_card-img.jpg";
|
|
}
|
|
?>
|
|
<div class="swiper-slide">
|
|
<a class="blog_card" href="<?= get_permalink();?>">
|
|
<img src="<?= $img;?>" alt="<?= get_the_title();?>" class="blog_card-img">
|
|
<div class="blog_card-info-wrap">
|
|
<div class="blog_card-info">
|
|
<h2 class="blog_card-title"><?= get_the_title();?></h2>
|
|
<p class="blog_card-text"><?= get_the_excerpt();?> ...</p>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/card-line.svg" alt="" class="card-line-img">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<?
|
|
endwhile;
|
|
}
|
|
wp_reset_postdata();
|
|
?>
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev blogSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next blogSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="discount">
|
|
<div class="container">
|
|
<div class="discount_block">
|
|
<div class="discount_top">
|
|
<h3 class="discount_title">Узнайте о нас больше <br> и получите <br> скидку!</h3>
|
|
<div class="discount_top-imgs">
|
|
<img class="dicount_dog-img img--desktop" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/labrador with stars.png" alt="" >
|
|
<img class="dicount_dog-img img--mobile" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/labrador with stars -- mobile.png" alt="" >
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="discount_form">
|
|
<input type="email" placeholder="почта" class="discount_form-inp">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/discount-line.svg" alt="" class="discount-line">
|
|
<button class="discount_form-btn main_link">Подписаться</button>
|
|
</div> -->
|
|
<? echo do_shortcode('[contact-form-7 id="76d5972" title="GP subscribe" class="discount_form"]'); ?>
|
|
|
|
<p class="discount_form-text">Подписываясь на рассылка, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах</p>
|
|
<p class="discount_text">Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции</p>
|
|
|
|
<div class="discount_cosmodog">
|
|
|
|
<div class="discount_cosmodog__slider">
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_1.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_2.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_3.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_4.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_5.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_6.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_7.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_8.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_9.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_10.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_11.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_12.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_13.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_14.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="discount_cosmodog_info">
|
|
|
|
<h2 class="discount_cosmodog-title">#cosmodog #cosmocat</h2>
|
|
<p class="discount_cosmodog-text">Отметьте своего питомца тэгом, и мы покажем его каждому</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<?php get_footer('gp'); ?>
|
|
|