Save

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
-                      eu. Egestas purus cursus pharetra quis dictumst dictum ac. Ut leo congue phasellus tellus id urna ultrices
-                      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>
+                    <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>
+                    <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>
                   </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}