add AFC export file

wp-content/themes/cosmopet/static/css/new-front-page.css

@@ -1020,19 +1020,19 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
 }
 .main-food .swiper-pagination-bullet {
     background: #fff;
-    height: 6px;
+    height: 10px;
-    width: 6px;
+    width: 10px;
-    border-radius: 60%;
+    border-radius: 50%;
 }
  .main-food .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #48c1ed; 
 }
 .swiper-dots{
-        position: absolute;
+    position: absolute;
-    bottom: 24px;
+    bottom: 16px !important;
-    display: flex
+    display: flex;
-;
     justify-content: center;
+    z-index: 5;
 }
 .main-food_products-card-img{
     padding-bottom: 20px;
@@ -2003,6 +2003,8 @@ background: #e5f1fa;
     align-items: center;
     gap: 15px;
     padding-bottom: 56px;
+    position: relative;
+     z-index: 3;
 }
 .truth_error .truth_links,
 .truth_success .truth_links{
@@ -2256,6 +2258,7 @@ background: #e5f1fa;
 }
 .main-blog_wrapper-items-item {
     border: 2px solid #f4f1f0;
+    z-index: 2;
     border-radius: 40px;
     padding: 24px;
     min-height: 247px;
@@ -2443,8 +2446,9 @@ background: #e5f1fa;
 
 
 .shadowed {
-  filter: url(#angled-shadow);
+  /* filter: url(#angled-shadow);
-  border-radius: 12px;
+  border-radius: 12px; */
+    filter: drop-shadow(-20px 20px 7px rgba(0, 0, 0, 0.35));
 }
 
 
@@ -2494,7 +2498,21 @@ width: 340px;
 margin-left: -60px;
 }
 
+.gallery-box--1{
+    width: 580px;
+}
+
+.gallery-box--2{
+    width: 713px;
+}
+
+.gallery-box--3{
+    width: 729px;
+}
 
+.gallery-box--4{
+    width: 813px;
+}
 
 .gallery-box.gallery-box--2 .gallery-card:nth-child(1){
 width: 302px;
@@ -3650,3 +3668,27 @@ display: flex;
 justify-content: center;
 align-items: center;
 }
+
+.slide_text.--sm{
+    font-size: 18px;
+}
+
+.slide_text.--sm span{
+    font-size: 0.9em;
+    display: block;
+    margin-top: 0.5em;
+}
+
+@media (max-width: 576px) {
+    .slide_text.--sm{
+    font-size: 10px;
+}
+
+
+}
+
+.slide_info.--mt{
+    top: -2em;
+    position: relative;
+}
+

wp-content/themes/cosmopet/static/js/new-front-page.js

@@ -86,9 +86,10 @@ document.addEventListener('DOMContentLoaded', function() {
     const specialistsSwiper = new Swiper('.main-specialists_wrapper', {
         slidesPerView: 1,
         spaceBetween: 20,
+        speed: 1000,
         loop: true,
         autoplay: {
-             delay: 6000,
+            delay: 6000,
             disableOnInteraction: false,
         },
         navigation: {          
@@ -250,7 +251,6 @@ document.addEventListener('DOMContentLoaded', function() {
    const productSwiper = new Swiper('.main-food_products-card-slider', {
         effect: 'fade',
         fadeEffect: { crossFade: true },
-        autoplay: { delay: 5000, disableOnInteraction: false },
         loop: true,
         pagination: {
             el: '.swiper-dots',

wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig

@@ -1,110 +1,24 @@
 
+{% set gallery = fn('get_field', 'gallery') %}
+{% if gallery %}
 <section class="main-gallery">
     <div class="new-container">
         <h2 class="main-gallery_title">COSMOPETS</h2>
         <div class="gallery-grid">
-            <div class="gallery-box gallery-box--1">
+        {% for block in gallery %}
-                <div class="gallery-card">
+
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/1.png" alt="">
+            <div class="gallery-box gallery-box--{{ block.block_type }}">
-                </div>
+            {% for img in block.photos %}
 
-                <div class="gallery-card ">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/3.png" alt="">
-                </div>
-                <div class="gallery-card ">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/4.png" alt="">
-                </div>
-                <div class="gallery-card ">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/5.png" alt="">
-                </div>
-            </div>
-            <div class="gallery-box gallery-box--2">
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/6.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/7.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/8.png" alt="">
-            </div>
-           </div>
-           <div class="gallery-box gallery-box--3">
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/10.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/11.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
-            </div>
-                       <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
-            </div>
-            </div>
-            <div class="gallery-box gallery-box--4">
-             <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/13.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/14.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/15.png" alt="">
-            </div>
-            </div>
-                        <div class="gallery-box gallery-box--1">
                 <div class="gallery-card">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/1.png" alt="">
+                    <img src="{{img.img.url}}" alt="{{img.img.alt}}">
                 </div>
+            {% endfor %}
                
-                <div class="gallery-card ">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/3.png" alt="">
-                </div>
-                <div class="gallery-card ">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/4.png" alt="">
-                </div>
-                <div class="gallery-card ">
-                    <img src="/wp-content/themes/cosmopet/static/img/new-front/5.png" alt="">
-                </div>
-            </div>
-            <div class="gallery-box gallery-box--2">
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/6.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/7.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/8.png" alt="">
-            </div>
-           </div>
-           <div class="gallery-box gallery-box--3">
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/10.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/11.png" alt="">
             </div>
-            <div class="gallery-card ">
+        
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
+        {% endfor %}
-            </div>
-                       <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
-            </div>
-            </div>
-            <div class="gallery-box gallery-box--4">
-             <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/13.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/14.png" alt="">
-            </div>
-            <div class="gallery-card ">
-                <img src="/wp-content/themes/cosmopet/static/img/new-front/15.png" alt="">
-            </div>
-            </div>
-        </div>
     </div>
 </section>
+
+{% endif %}

wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig

@@ -66,6 +66,29 @@
                     </p>
                 </div>
             </div>
+            <div class="carousel-item">
+                <img src="/wp-content/themes/cosmopet/static/img/about_slider-img7.png" alt="">
+                <div class="slide_info">
+                    <h3 class="slide_title">
+                       Натуральное мясо
+                    </h3>
+                    <p class="slide_text">
+                        В основе кормов дегидрированная индейка. Гипоаллергенное, питательное и высокоусвояемое мясо
+                    </p>
+                </div>
+            </div>
+            <div class="carousel-item">
+                <img src="/wp-content/themes/cosmopet/static/img/about_slider-img8.png" alt="">
+                <div class="slide_info --mt">
+                    <h3 class="slide_title">
+                        Комплекс пробиотиков
+                    </h3>
+                    <p class="slide_text --sm">
+                       живые полезные бактерии, поддерживают и восстанавливают здоровую микрофлору кишечника, улучшают усвоение питательных веществ и укрепляют здоровье слизистой оболочки кишечника 
+<span>(возможно снижают газообразование)</span>
+                    </p>
+                </div>
+            </div>
         </div>
     </div>
     </div>