Victoria Tucci - VT DAYS

<div class="main-video-container">
<video class="video-video-DF2 hide-mobile" src="https://www.thekooples.com.ar/media/video/Desktop_3.mp4" autoplay loop muted playsinline></video>
<video class="video-video-DF2 hide-desktop" src="https://www.thekooples.com.ar/media/video/Mobile_5.mp4" autoplay loop muted playsinline></video>
<div class="video-banner-text">
<a href="https://www.victoriatucci.com/new-drop.html" class="video-button">SHOP NOW</a>
</div>
</div>

<style>
.main-video-container {
position: relative;
}
.video-banner-text {
bottom: 13%;
left: 3.5%;
position: absolute;
letter-spacing: 5px;
}
.video-banner-text h2 {
color: #fff;
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.video-banner-text h1 {
color: #fff;
font-size: 100px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.video-button {
background: #000;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: .5rem 2rem;
font-family: EngraversGothicBold;
margin-top: 2rem;
text-decoration: none !important;
letter-spacing: normal;
display: block;
width: fit-content;
}
@media only screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hide-mobile {display: none;}
.video-banner-text {
bottom: 5%;
left: 50%;
transform: translateX(-50%);
letter-spacing: 3px;
}
.video-banner-text h2 {
font-size: 30px;
}
.video-banner-text h1 {
font-size: 50px;
}
}
</style>

<div class="main-video-container">
<!--
<img
src="https://www.thekooples.com.ar/media/wysiwyg/videoHome/thumbnail_last_50_off.jpg"
class="hide-mobile"
style="display:none !important;"
fetchpriority="high"
loading="eager"
alt="preload-desktop"/>

<img
src="https://www.thekooples.com.ar/media/wysiwyg/videoHome/thumb_mobile_50_off.jpg"
class="hide-desktop"
style="display:none !important;"
fetchpriority="high"
loading="eager"
alt="preload-mobile"/>
-->
<a href="https://www.victoriatucci.com/new-colecction-ss27.html" aria-label="Discover our new collection">
<video class="video-video-DF2 hide-mobile" preload="none" fetchpriority="high" src="https://mcstaging.thekooples.com.ar/media/video/Desktop (8) (1).mp4"" autoplay loop muted playsinline
></video>

<video class="video-video-DF2 hide-desktop" preload="none" fetchpriority="high" src="https://mcstaging.thekooples.com.ar/media/video/Mobile (11) (1).mp4" autoplay loop muted playsinline ></video>
<div class="video-banner-text">
<a aria-label="Last opportunity up to 50% off 3 y 6 cuotas sin interés" href="https://www.victoriatucci.com/new-colecction-ss27.html" class="video-button">SHOP NOW</a>
</div>
</a>
</div>

<style>
.main-video-container {
position: relative;
}

.hide-mobile{
aspect-ratio: 3840 / 2126;
width: 100%;
}

.hide-desktop{
width: 100%;
height: auto;
aspect-ratio: 1440 / 1720;
}

.video-banner-text {
bottom: 13%;
left: 3.5%;
position: absolute;
letter-spacing: 5px;
}
.video-banner-text h2 {
color: #fff;
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.video-banner-text h1 {
color: #fff;
font-size: 100px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.video-button {
background: #000;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: .5rem 2rem;
font-family: EngraversGothicBold;
margin-top: 2rem;
text-decoration: none !important;
letter-spacing: normal;
display: block;
width: fit-content;
}
@media only screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hide-mobile {display: none;}
.video-banner-text {
bottom: 5%;
left: 50%;
transform: translateX(-50%);
letter-spacing: 3px;
}
.video-banner-text h2 {
font-size: 30px;
}
.video-banner-text h1 {
font-size: 50px;
}
}
</style>

<style>

.banner-full-slider > a > div {
position: relative;
padding-top: 56.24%;
aspect-ratio: 4500 / 2531;
width: 100%;
min-height: 0 !important;
}

.banner-full-slider > a > div > div {
height: 100%;
width: 100%;
align-content: space-between;
padding-bottom: 25px;
min-height: 0!important;
}

@media screen and (max-width: 768px){
.banner-full-slider > a > div {
/*aspect-ratio: 2500 / 3626; */
aspect-ratio: 3500 / 4226;
padding-top: 120.74%;
}
}

</style>

SHOP NOW

SHOP NOW

SHOP NOW

<style>
.banner-home {
position: relative;
}

.banner-home img {
margin: 0 !important;
}

.button-floating-banner-hero {
position: absolute !important;
z-index: 20;
left: 0 !important;
right: 0 !important;
width: 100% !important;
transform: none !important;
display: flex !important;
justify-content: center !important;
text-align: center;
}

/* Computadora (pantallas de más de 768px) */
@media only screen and (min-width: 769px) {
.button-floating-banner-hero {
bottom: 26% !important;
}
}

/* Celular: igual que antes */
@media only screen and (max-width: 768px) {
.button-floating-banner-hero {
bottom: 10% !important;
}

.button-floating-banner-hero.button-floating-video {
bottom: 6% !important;
}
}

.button-floating-banner-hero a {
font-weight: 700;
}

.button-floating-banner-hero .pagebuilder-button-item {
font-family: 'EngraversGothicBold', Arial, sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
</style>

<style>

.banner-full-slider > a > div {
aspect-ratio: 4500 / 2531;
width: 100%;
min-height: 0 !important;
}

.banner-full-slider > a > div > div {
height: 100%;
width: 100%;
align-content: space-between;
padding-bottom: 25px;
min-height: 0!important;
}

@media screen and (max-width: 768px){
.banner-full-slider > a > div {
aspect-ratio: 2500 / 2990;
}
}

</style>

<style>
.banner-home img {
margin: 0!important;
}

.button-floating-banner-hero {
position: absolute;
bottom: 20%;
left: 0px;
right: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.button-floating-banner-hero {
bottom: 12%;
}
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
.button-floating-banner-hero {
bottom: 10%;
}
}

@media only screen and (max-width: 768px){
.button-floating-banner-hero {
bottom: 7%;
left: 0;
right: 0;
}
}

</style>

<style>
.banner-home img {
margin: 0!important;
}

.button-floating-banner-hero {
position: absolute;
bottom: 7%;
left: 40px;
right: auto;
}

@media only screen and (max-width: 768px){
.button-floating-banner-hero {
bottom: 3%;
left: 35;
right:0;
}
}

</style>

SHOP NOW

<style>
.banner-home img {
margin: 0 !important;
}

.button-floating-banner-hero {
position: absolute !important;
z-index: 20;
bottom: 10% !important;
left: 2.8%;
right: auto;
transform: translateY(20px);
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.button-floating-banner-hero {
bottom: 10% !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
.button-floating-banner-hero {
bottom: 10% !important;
}
}

@media only screen and (max-width: 768px) {
.button-floating-banner-hero {
bottom: 5% !important;
left: 0;
right: 0;
transform: translateY(20px);
}
}

.button-floating-banner-hero a {
font-weight: 700;
}

.button-floating-banner-hero .pagebuilder-button-item {
font-family: 'EngraversGothicBold', Arial, sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
.button-floating-banner-hero.button-floating-video {
bottom: 3% !important;
}
}
</style>

SHOP NOW

<style>

.slider-image div {
aspect-ratio: 1920 / 2090;
}

.column-banner-imagen {
position: relative;
}

.column-banner-imagen button {
bottom: 4%;
left: 5%;
position: absolute;
transform: translateY(10px);
}

.column-banner-imagen button:hover {
background-color: #000 !important;
color: #fff !important;
border-color: #000;
}

.column-banner-imagen img {
margin: 0;
}

.column-banner-imagen a > div > div {
min-height: fit-content !important;
height: 100% !important;
}

.column-banner-imagen a > div {
aspect-ratio: 1920 / 2090;
}

.custom-dots-slider li {
height: 5px !important;
width: 5px !important;
}

.custom-dots-slider button {
height: 5px !important;
width: 5px !important;
}

.custom-dots-slider div[class*="banner-content-"] {
aspect-ratio: 1;
}

.custom-dots-slider button.slick-arrow.slick-next {
right: 3rem;
}

@media only screen and (max-width: 768px) {
.column-banner-imagen a > div > div {
min-height: fit-content !important;
height: 100% !important;
}

.column-banner-imagen a > div {
aspect-ratio: 1440 / 1780;
}

.column-banner-imagen button {
bottom: 1rem;
left: 50%;
position: absolute;
transform: translate(-50%, 10px);
}

.row-banner-carusel .column-left {
order: 2;
}

.row-banner-carusel .column-right {
order: 1;
}
}
</style>

SHOP NOW

<div class="middle-video-container">
<video class="video-video-DF2 hide-mobile" src="https://www.thekooples.com.ar/media/video/Banner 03.mp4" autoplay loop muted playsinline></video>
<video class="video-video-DF2 hide-desktop" src="https://www.thekooples.com.ar/media/video/Banner_2.mp4" autoplay loop muted playsinline></video>
<div class="video-banner-text">
<a href="https://www.victoriatucci.com/bags.html" class="video-button">SHOP NOW</a>
</div>
</div>
<style>
.middle-video-container {
position: relative;
}
.middle-video-container .video-banner-text {
position: absolute;
bottom: 20%;
left: 0;
right: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
letter-spacing: 5px;
}
.middle-video-container .video-banner-text h2 {
color: #fff;
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.middle-video-container .video-banner-text h1 {
color: #fff;
font-size: 100px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.middle-video-container .video-button {
background: #000;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: .5rem 2rem;
font-family: EngraversGothicBold;
margin-top: 2rem;
text-decoration: none !important;
letter-spacing: normal;
display: block;
width: fit-content;
}
@media only screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hide-mobile {
display: none;
}
.middle-video-container .video-banner-text {
bottom: 25%;
letter-spacing: 3px;
}
.middle-video-container .video-banner-text h2 {
font-size: 30px;
}
.middle-video-container .video-banner-text h1 {
font-size: 50px;
}
}
</style>

SHOP NOW

<style>
.banner-with-button {
position: relative;
}
.banner-with-button button {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
</style>

<style>
.banner-home img {
margin: 0!important;
}

.button-floating-banner-hero {
position: absolute;
bottom: 50%;
left: 2.8%;
right: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.button-floating-banner-hero {
bottom: 17%;
}
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
.button-floating-banner-hero {
bottom: 17%;
}
}

@media only screen and (max-width: 768px){
.button-floating-banner-hero {
bottom: 10%;
left: 0;
right: 0;
}
}

.button-floating-banner-hero a {
font-weight: 700;
}

</style>

<style>
.title{
font-size: 2rem;
font-family: 'EngraversGothicBold';
}
</style>

SHOP THE LOOK

<style>
.banner-home img {
margin: 0!important;
}

.button-floating-banner{
position: absolute;
bottom: 20px;
left: 30px;
}

@media only screen and (max-width: 768px){
.button-floating-banner{
bottom: 20px;
left: 0;
right:0;
}
}

</style>

<div class="middle-video-container">
<video class="video-video-DF2 hide-mobile" src="https://www.thekooples.com.ar/media/Desktop.mp4" autoplay loop muted playsinline></video>
<video class="video-video-DF2 hide-desktop" src="https://www.thekooples.com.ar/media/BannerSecundario.mp4" autoplay loop muted playsinline></video>
<div class="video-banner-text">
<a href="https://victoria.mcprod.thekooples.com.ar/bags.html" class="video-button">SHOP NOW</a>
</div>
</div>
<style>
.middle-video-container {
position: relative;
}
.middle-video-container .video-banner-text {
bottom: 2rem;
left: 3rem;
position: absolute;
letter-spacing: 5px;
}
.middle-video-container .video-banner-text h2 {
color: #fff;
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.middle-video-container .video-banner-text h1 {
color: #fff;
font-size: 100px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.middle-video-container .video-button {
background: #000;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: .5rem 2rem;
font-family: EngraversGothicBold;
margin-top: 2rem;
text-decoration: none !important;
letter-spacing: normal;
display: block;
width: fit-content;
}
@media only screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hide-mobile {display: none;}
.middle-video-container .video-banner-text {
bottom: 1rem;
left: 50%;
letter-spacing: 3px;
transform: translateX(-50%);
}
.middle-video-container .video-banner-text h2 {
font-size: 30px;
}
.middle-video-container .video-banner-text h1 {
font-size: 50px;
}
}
</style>

<div class="middle-video-container">
<video class="video-video-DF2 hide-mobile" src="https://thekooples.com.ar/media/videos/banner-desk-0217012026.mp4" autoplay loop muted playsinline></video>
<video class="video-video-DF2 hide-desktop" src="https://thekooples.com.ar/media/videos/banner-mobile-0217012026.mp4" autoplay loop muted playsinline></video>
<div class="video-banner-text">
<a href="https://victoria.mcprod.thekooples.com.ar/bags.html" class="video-button">SHOP NOW</a>
</div>
</div>
<style>
.middle-video-container {
position: relative;
}
.middle-video-container .video-banner-text {
bottom: 5rem;
left: 3rem;
position: absolute;
letter-spacing: 5px;
}
.middle-video-container .video-banner-text h2 {
color: #fff;
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.middle-video-container .video-banner-text h1 {
color: #fff;
font-size: 100px;
font-weight: bold;
line-height: 1;
margin: 0;
}
.middle-video-container .video-button {
background: #000;
color: #fff;
border-radius: 5px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: .5rem 2rem;
font-family: EngraversGothicBold;
margin-top: 2rem;
text-decoration: none !important;
letter-spacing: normal;
display: block;
width: fit-content;
}
@media only screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hide-mobile {display: none;}
.middle-video-container .video-banner-text {
bottom: 1rem;
left: 50%;
letter-spacing: 3px;
transform: translateX(-50%);
}
.middle-video-container .video-banner-text h2 {
font-size: 30px;
}
.middle-video-container .video-banner-text h1 {
font-size: 50px;
}
}
</style>

TAMBIÉN TE PUEDE GUSTAR:

COLLECTION

CARTERAS

DENIM

CALZADOS

<style>

.row-categories-banner > div > div {
gap: 20px;
}

.row-categories-banner a {
text-decoration: none;
}

/* Mobile */
@media only screen and (max-width: 768px){
.row-categories-banner > div > div {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
}

.column-imagen-banner-category {
width: 100%!important;
}
}

</style>

EXPLORE

JOY: ARTIST CAPSULE

A.P.C. X MARC JACOBS

VISIT A STORE

<style>

.column-relative {
position:relative;
}

.floating-text-card span {
color: #fff !important;
}

.floating-text-card {
position: absolute;
bottom: 55px;
left: 40px;
color: #fff;
}
</style>

Ayuda

Contacto