Save

modules/pp_carousel/views/css/pp_carousel.css

@@ -93,28 +93,6 @@
   margin-top: 22px;
 }
 
-.pp-carousel__more {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  text-decoration: none;
-  opacity: .75;
-  font-size: 16px;
-  color: inherit;
-}
-
-.pp-carousel__more:before {
-  content: "";
-  display: inline-block;
-  width: 28px;
-  height: 1px;
-  background: currentColor;
-  opacity: .6;
-}
-
-.pp-carousel__more:hover {
-  opacity: 1;
-}
 
 /* Navigation arrows */
 .pp-carousel__nav .pp-carousel__prev,

modules/pp_carousel/views/js/pp_carousel.js

@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     new Swiper(el, {
       slidesPerView: 3,
-      spaceBetween: 26,
+      spaceBetween: 34,
       loop: false,
       navigation: {
         nextEl: section.querySelector('.pp-carousel__next'),
@@ -16,7 +16,7 @@ document.addEventListener('DOMContentLoaded', function () {
       breakpoints: {
         0:   { slidesPerView: 1.15, spaceBetween: 16 },
         576: { slidesPerView: 2,    spaceBetween: 18 },
-        992: { slidesPerView: 3,    spaceBetween: 26 }
+        992: { slidesPerView: 3,    spaceBetween: 34 }
       }
     });
   });

modules/pp_carousel/views/templates/hook/pp_carousel.tpl

@@ -60,7 +60,7 @@
   {if $ppc_button_label && $ppc_button_url}
     <div class="pp-carousel__footer">
       <a class="pp-carousel__more" href="{$ppc_button_url|escape:'htmlall':'UTF-8'}">
-        {$ppc_button_label|escape:'htmlall':'UTF-8'}
+        <span>{$ppc_button_label|escape:'htmlall':'UTF-8'}</span>
       </a>
     </div>
   {/if}

themes/ayon/assets/css/custom.scss

@@ -3189,3 +3189,60 @@ footer#footer {
 		}
 	}
 }
+
+.box-hp-products-slider {
+	#pp-carousel-1 {
+		.pp-carousel__header {
+			padding-bottom: 65px;
+
+			.pp-carousel__title {
+				color: $cDark;
+				font-family: $fInter;
+				font-weight: 500;
+				font-size: 37px;
+				line-height: 1;
+				margin: 0;
+			}
+			.pp-carousel__subtitle {
+				display: block;
+				padding-top: 20px;
+				padding-left: 55px;
+				color: $cGold;
+				font-family: $fNotoSerifDisplay;
+				font-weight: 400;
+				font-size: 40px;
+				line-height: 1;
+			}
+		}
+
+		.pp-carousel__more {
+			@extend ._btn-1;
+		}
+
+		.pp-carousel__card {
+			.pp-carousel__meta {
+				padding-top: 36px;
+
+				.pp-carousel__name {
+					color: $cDark;
+					font-family: $fInter;
+					font-weight: 700;
+					font-size: 20px;
+					line-height: 18px;
+					text-transform: none;
+				}
+				.pp-carousel__price {
+					color: #8c8c8c;
+					font-family: $fInter;
+					font-weight: 500;
+					font-size: 16px;
+					line-height: 18px;
+					text-align: right;
+
+					.pp-carousel__priceSuffix {
+					}
+				}
+			}
+		}
+	}
+}

themes/ayon/assets/fonts/Inter/custon-font.css

@@ -0,0 +1,8 @@
+@font-face {
+     font-family: 'Inter';
+     src: local('Inter'),
+        url('/themes/ayon/assets/fonts/Inter/Inter.woff2') format('woff2');
+     font-weight: 300;
+     font-style: normal;
+     font-display: swap;
+}

themes/ayon/assets/fonts/NotoSerifDisplay/custon-font.css

@@ -0,0 +1,9 @@
+@font-face {
+     font-family: 'Noto Serif Display';
+     src: local('Noto Serif Display'),
+        url('/themes/ayon/assets/fonts/NotoSerifDisplayRegular.woff') format('woff'),
+        url('/themes/ayon/assets/fonts/NotoSerifDisplayRegular.woff2') format('woff2');
+     font-weight: 800;
+     font-style: normal;
+     font-display: swap;
+}

themes/ayon/templates/index.tpl

@@ -36,16 +36,10 @@
             <div class="hp-box-1">
               <div class="_c-row _c-row-1">
                 <div class="_c-col _c-col-1">
-                  <h3>Lorem Ipsum</h3>
+                  <h3>Tworzymy wnętrza</h3>
                   <div class="_col-text">
-                    <p>Lorem ipsum dolor sit amet consectetur. Tellus tempus suspendisse mauris dolor iaculis. Nunc est sed elit
+                    <p>Tapety NEWWALLS to połączenie sztuki, designu i najwyższej jakości wykonania. Każdy projekt powstaje z dbałością o detal, aby wprowadzać do wnętrz wyjątkowy styl, harmonię i estetykę. Bogata oferta wzorów, kolorów i struktur pozwala dopasować tapety do różnorodnych gustów oraz koncepcji aranżacyjnych — od nowoczesnych po klasyczne przestrzenie.</p>
-                      eu. Egestas purus cursus pharetra quis dictumst dictum ac. Ut leo congue phasellus tellus id urna ultrices
+                    <p>W produkcji wykorzystujemy nowoczesne technologie druku, dzięki którym kolory pozostają intensywne, detale wyraźne, a całość zachowuje trwałość przez długie lata. Tapety powstają z wysokiej jakości materiałów odpornych na blaknięcie, uszkodzenia i codzienne użytkowanie, a ich powierzchnia jest łatwa w utrzymaniu czystości. Sprawdzają się zarówno w przestrzeniach mieszkalnych, jak i w pomieszczeniach o podwyższonej wilgotności.</p>
-                      eu. Sed odio rhoncus habitant diam tellus cras cursus elementum morbi.</p>
-                    <p>At arcu arcu aliquam et tellus viverra amet. Amet euismod scelerisque ultrices pharetra. Semper at massa
-                      est cras. Tempus condimentum velit nisi auctor aliquam. Amet morbi feugiat velit convallis amet cras eros
-                      sapien quis. Scelerisque tortor ornare id velit ut lorem. Aliquet non morbi feugiat sed ut risus.</p>
-                    <p>Amet morbi feugiat velit convallis amet cras eros sapien quis. Scelerisque tortor ornare id velit ut lorem.
-                      Aliquet non morbi feugiat sed ut risus.</p>
                   </div>
                   <a href="#" class="_btn-1"><span>Zobacz wszystkie tapety</span></a>
                 </div>
@@ -68,7 +62,11 @@
           </div>
         </div>
         
-        {hook h='displayHomeCarousel' mod='pp_carousel'}
+        <div class="box-hp-products-slider">
+          <div class="container">
+            {hook h='displayHomeCarousel' mod='pp_carousel'}
+          </div>
+        </div>
         {$HOOK_HOME nofilter}
       {/block}
     {/block}