Default

<div class="premium23">
  <div data-bs-theme="light" class="overflow-visible">
	<div class="bg-black">

	<main class="premium23__main bg-white">
	  <div class="premium23__main-wrapper">
		<header class="premium23__section">
			<div class="premium23__video-wrapper position-relative">
				<video autoplay muted loop playsinline class="w-100">
				  <source src="https://player.vimeo.com/progressive_redirect/playback/875214858/rendition/720p/file.mp4?loc=external&signature=4291373c457f557da9c15ea99da0840d35c3c07cabd9afedffada5f782ef2fc9" type="video/mp4">
				</video>
				<div class="premium23__video-content text-center position-absolute text-white w-100 px-4 pt-4">
					<h1 class="display-1 text-uppercase fw-bold mb-4 mt-auto" data---aos="fade-down" data---aos-duration="600">
					  <span class="premium23__title d-inline-block position-relative">VIP Hospitality</span>
					</h1>
					<div class="h2 pb-5 mb-4 mb-md-0 position-relative" data---aos="fade-up" data---aos-duration="600">Experience football like never before</div>
					<div class="mt-auto position-relative">
						<div>
						  <a href="https://www.rcdmallorca.es/en/entradas" class="btn btn-primary btn-lg">
							Buy Premium tickets
						  </a>
						</div>
						<div class="mt-3">
						  <a href="#" class="scroll-to text-decoration-none link-secondary" data-target="#premiumContactFormSection">
							Purchase seasonal product
						  </a>
						</div>
					</div>
				</div>
			  </div>
		  <div class="container pt-5 text-center position-relative text-white">
			<span class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden" data-catalog="default"></span>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="unique" data---aos="fade-down" data---aos-duration="600">Unique Experiences</h2>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="networking" data---aos="fade-down" data---aos-duration="600">Networking Experience</h2>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="football" data---aos="fade-down" data---aos-duration="600">100% football Experience</h2>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="gastronomy" data---aos="fade-down" data---aos-duration="600">Gastronomy & Football</h2>
			<div class="row">
			  <div class="col-md-8 mx-auto">
				<p class="h4 mb-2" data---aos="fade-up" data---aos-duration="600" data---aos-delay="100">Enjoy the most exclusive and immersive experiences in the world of football.</p>
				<p class="h4 mb-4" data---aos="fade-up" data---aos-duration="600" data---aos-delay="200">Estadi Mallorca Son Moix has everything from pitch-side seats on either side of the home and away dugouts to corporate boxes with panoramic views of the pitch.</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="default" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400">Discover all of our VIP Hospitality products</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="unique" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400">Descubre los productos Unique Experiences</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="networking" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400">Descubre los productos Networking Experience</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="football" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400">Descubre los productos 100% football Experience</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="gastronomy" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400">Descubre los productos Gastronomy & Football</p>
			  </div>
			</div>
		  </div>
		</header>
		<section class="premium23__section" data---aos="fade-up" data---aos-duration="600" data---aos-delay="500">
		  <div class="ccontainer py-5 text-center position-relative text-white">
			<div class="swiper">
			  <div class="rrow swiper-wrapper" id="productSwiper"></div>
			  <div class="swiper-pagination"></div>
			  <div class="swiper-button-next carousel-control-next-icon mt-n5 d-none d-lg-block"></div>
			  <div class="swiper-button-prev carousel-control-prev-icon mt-n5 d-none d-lg-block"></div>
			</div>
			<div class="mt-4">
			  <a href="https://www.rcdmallorca.es/en/entradas" class="btn btn-primary btn-lg">
				Buy Premium tickets
			  </a>
			</div>
			<div class="mt-3">
			  <a href="#" class="scroll-to text-decoration-none link-secondary" data-target="#premiumContactFormSection">
				Purchase seasonal product
			  </a>
			</div>
			<div class="premium23__allproducts mt-3 text-center small">
			  <a href="?sort=default" class="link-secondary text-decoration-none">Ver todos los productos VIP Hospitality</a>
			</div>
		  </div>
		</section>
		<section class="premium23__section" data---aos="fade" data---aos-duration="600">
		  <div class="container py-5 text-center position-relative text-white premium23__section--sep">
			<div class="row">
			  <div class="col-md-8 mx-auto">
				<div class="premium23__product-map premium23__product-map--cropped position-relative mb-5 overflow-hidden">
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/1dade5c4-b9d4-4c83-bf2a-bc580089527e-53.png" class="w-100 d-block" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/44aff941-d4ca-4c6f-8ded-7cf22e1b901c-886.svg" class="w-100 d-block position-absolute" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/41577fde-87bf-49d2-bdc5-6f4106287939-555.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="northVIPBoxes" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/f6642eb3-9363-420a-9951-b7fb6321cb57-226.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="restaurant" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/a0b6d3e6-958a-4449-a2a3-816342209a0e-606.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="thePremiumClub" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/0bbb8618-68c2-4606-b6c1-958ab5e741fa-740.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="premiumSeatsPlayerWalkOut" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/8d1305f8-b6b4-4506-80bc-9f00bd795662-667.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="presidentialArea" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2024/04/19/original/66094c75-4009-4a23-aa6a-da8d8b11fcc5-65.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="tunnelPitchExperience" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2024/04/19/original/82a7ff09-0dc2-4dc4-97ae-3554df2cb10e-201.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="prezeroTunnelClub" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/ea9e783a-8a31-43a2-be5d-b628e3f029e6-333.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="westVIPBoxes" />
				</div>
			  </div>
			  <div class="col-md-10 mx-auto">
				<div class="premium23__product-table table-responsive-md mb--5 mb-2">
				  <table class="table premium23__features-table text-start table-striped">
					<thead class="table-dark text-center text-uppercase border-primary">
					  <tr>
						<th scope="col" class="bg-transparent font-cond text-secondary"></th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Food & Beverage</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">DEDICATED SERVICE</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">PRE- & DURING THE MATCH SERVICE</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">PARKING VIP*</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">POSTMATCH EXPERIENCE</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">OUTDOOR SPACE</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Meet & greet</th>
					  </tr>
					</thead>
					<tbody id="productTable"></tbody>
				  </table>
				</div>
				<div class="small text-secondary text-end mb-5">* Subject to availability and number of seats</div>
				<div class="mb--5">
				  <div class="h5 mb-3"><strong>WANT TO LEARN MORE?</strong></div>
				  <div>
				  	
					<a href="#" class="scroll-to btn btn-primary btn-lg" data-target="#premiumContactFormSection">
						CONTACT US
					  </a>
					</div>
				</div>
				
			  </div>
			</div>
		  </div>
		</section>
		
		<section class="premium23__section" data---aos="fade" data---aos-duration="600" id="premiumContactFormSection">
		  <div class="container py-5 text-center premium23__section--sep">
			<h1 class="h1 text-white text-uppercase fw-bold mb-5">
			  <span class="premium23__title d-inline-block position-relative">CONTACT US</span>
			</h1>
			<div class="row text-start">
			  <div class="col col-lg-6 mx-auto">
				<p class="text-white">Be the first to know about our VIP Hospitality spaces by filling out the form below!</p>
				<form id="premiumContactForm" method="POST" action="?submitted=true">
				  <div class="form-floating mb-3">
					<input type="text" class="form-control" id="floatingName" name="Name" required placeholder="Full Name">
					<label for="floatingName">Full Name</label>
				  </div>
				  <div class="form-floating mb-3">
					<input type="email" class="form-control" id="floatingEmail" name="Email" required placeholder="name@example.com">
					<label for="floatingEmail">Email</label>
				  </div>
				  <div class="form-floating mb-3">
					<input type="tel" class="form-control" id="floatingPhone" name="telephone" required placeholder="Telephone Number">
					<label for="floatingPhone">Telephone Number</label>
				  </div>
				  
					<input type="hidden" name="Ticket" value="Abonos" />
					<div class="form-floating mb-3">
					<select class="form-select" id="areaSelect" name="Zone" aria-label="Floating label select example">
					  <option selected value="All zones">All zones</option>
					</select>
					<label for="areaSelect">I am interested in….</label>
				  </div>
				  <div class="form-floating mb-3">
					<textarea class="form-control" placeholder="Additional Comments (optional)" name="Message" id="floatingMessage" style="height: 100px"></textarea>
					<label for="floatingMessage">Additional Comments (optional)</label>
				  </div>
				  <p class="text-center small text-light">By clicking Send you accept our <a class="text-decoration-none link-secondary" href="https://www.rcdmallorca.es/en/politica-de-privacidad" target="_blank">privacy policy</a></p>
				  <div class="text-center mb-4"><input type="submit" class="btn btn-primary btn-lg" value="Send"></div>
				</form>
				<script type="text/javascript">
					var __ss_noform = __ss_noform || [];
					__ss_noform.push(['baseURI', 'https://app-3QNJSG134S.marketingautomation.services/webforms/receivePostback/MzawMDE3NzQxAAA/']);
					__ss_noform.push(['form', 'premiumContactForm', '260117db-1ec0-40cd-9ddd-5cc5862dc443']);
					__ss_noform.push(['submitType', 'manual']);
				</script>
				<script type="text/javascript" src="https://koi-3QNJSG134S.marketingautomation.services/client/noform.js?ver=1.24" ></script>
				
			  </div>
			</div>
		  </div>
		</section>
		
	  </div>
	</main>

	<div class="modal fade" id="submittedModal" tabindex="-1" aria-hidden="true">
	  <div class="modal-dialog modal-fullscreen modal-dialog-scrollable">
		<div class="modal-content bg-dark text-white">
		  <div class="modal-header border-secondary p-0">
			<div class="container d-flex justify-content-between flex-grow-1 align-items-center py-3">
			  <div class="premium23__product-title h4 fw-bold text-uppercase mb-0 mt-auto d-flex align-items-center">
				<img src="https://statics-maker.llt-services.com/mll/images/2023/03/15/xlarge/f0822872-562c-4c4e-a01b-f95b7aced8d6.png" height="40" style="height:40px !important;" />
			  </div>
			  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
		  </div>
		  <div class="modal-body d-flex flex-column text-center">
			<div class="my-auto">
			  <div class="mb-3"><i class="bi bi-check-circle text-secondary h3"></i></div>
			  <div class="h4 fw-bold">We have successfully received your request..</div>
			  <p class="mb-5">A representative from the club will be in touch with you shortly.<br /><br />Kind regards,<br /><strong>Hospitality RCD Mallorca</strong></p>
			  <a href="#" class="btn btn-secondary btn-sm rounded-0" data-bs-dismiss="modal">Close</a>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	
	<div class="modal fade" id="productModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-fullscreen modal-dialog-scrollable">
		<div class="modal-content bg-dark text-white">
		  <div class="modal-header border-secondary p-0">
			<div class="container d-flex justify-content-between flex-grow-1 align-items-center py-3">
			  <div class="premium23__product-title h4 fw-bold text-uppercase mb-0 mt-auto d-flex align-items-center">
				<img src="https://statics-maker.llt-services.com/mll/images/2023/03/15/xlarge/f0822872-562c-4c4e-a01b-f95b7aced8d6.png" height="40" style="height:40px !important;" />
				<span></span>
			  </div>
			  
			  <button type="button" class="btn-close ms-md-3" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
		  </div>
		  <div class="modal-body p-0"></div>
		</div>
	  </div>
	</div>
	
	</div>
  </div>
</div>

VIP Hospitality 23-24