Save

themes/ayon/assets/css/custom.scss

@@ -2707,3 +2707,118 @@ footer#footer {
 		}
 	}
 }
+
+#roycontent_home {
+	li.htmlcontent-item-id-40 {
+		padding: 140px 0 50px;
+
+		> div.li-cont {
+			position: initial;
+		}
+		h3 {
+			position: relative;
+			color: $cGold;
+			font-family: $fNotoSerifDisplay;
+			font-style: normal;
+			font-weight: 400;
+			font-size: 40px;
+			line-height: 1;
+		}
+
+		._box-content {
+			position: relative;
+			width: 100%;
+			max-width: 440px;
+			margin-bottom: 70px;
+			z-index: 2;
+
+			h3 {
+				margin-bottom: 50px;
+			}
+			p {
+				position: relative;
+				color: $cDark;
+				font-family: $fInter;
+				font-style: normal;
+				font-weight: 400;
+				font-size: 14px;
+				line-height: 1.7;
+				margin-bottom: 50px;
+			}
+			a {
+			}
+		}
+
+		._box-partners {
+			position: relative;
+			width: 100%;
+			max-width: 750px;
+			z-index: 2;
+
+			h3 {
+				margin-bottom: 70px;
+			}
+
+			._partners-slider {
+				.swiper-slide {
+					img {
+						width: 100%;
+						max-width: fit-content;
+						height: 40px;
+					}
+				}
+			}
+		}
+		._box-bg {
+			position: absolute;
+			top: 0;
+			left: 50%;
+			width: 100svw;
+			transform: translateX(-50%);
+			z-index: 1;
+
+			._box-bg--wrapper {
+				display: block;
+				width: fit-content;
+				margin-left: auto;
+			}
+
+			img {
+				width: 100%;
+				max-width: fit-content;
+			}
+		}
+	}
+
+	li.htmlcontent-item-id-41 {
+		padding: 0;
+		margin: 0;
+		width: 100svw;
+		margin-left: 50%;
+		transform: translateX(-50%);
+
+		._box-big-tiles {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			justify-content: space-between;
+
+			._box-big-tile {
+				height: 672px;
+				overflow: hidden;
+
+				&:hover {
+					img {
+						transform: scale(1.1);
+					}
+				}
+
+				img {
+					height: 672px;
+					object-fit: cover;
+					transition: 200ms;
+				}
+			}
+		}
+	}
+}

themes/ayon/assets/js/custom.js

@@ -834,4 +834,22 @@ $(document).ready(function() {
       dataLayer.push({'event': 'purchase'});
     }
   });
+});
+
+// Custom
+
+$(document).ready(function() {
+	// Slidert
+	if ($('._partners-slider').length > 0) {
+		var swiper = new Swiper("._partners-slider", {
+		spaceBetween: 64,
+		slidesPerView: 4,
+		loop: true,
+		speed: 2000,
+		autoplay: {
+			delay: 4000,
+			disableOnInteraction: false,
+		},
+		});
+	}
 });