diff --git a/src/components/hotel-view1/HotelView.scss b/src/components/hotel-view1/HotelView.scss
deleted file mode 100644
index 7c5fd6f..0000000
--- a/src/components/hotel-view1/HotelView.scss
+++ /dev/null
@@ -1,2158 +0,0 @@
-.nitro-hotel-view {
-    display: block;
-	position: fixed;
-	width: 100%;
-	height: calc(100% - 55px);
-	background: rgba($black, 1);
-	color:#000;
-	
-	.avatar-image {
-		bottom: 12px;
-		left: 57px;
-		position: absolute;
-		z-index: 1;
-	}
-
-	.drape {
-		background-image: url(@/assets/images/hotelview/drape.png);
-        width: auto;
-        height: 100%;
-		top: 0;
-		animation-iteration-count: 1;
-		animation-name: slideDown;
-		animation-duration: 2s;
-		z-index: 3;
-        background-repeat: no-repeat;
-		pointer-events: none;
-	}
-
-	.background {
-		top:0;
-		height: 100%;
-		width: 100%;
-		background-position: left;
-		background-repeat: repeat-y;
-	}
-
-	.drape {
-        width: 100%;
-        height: 100%;
-		left: 0px;
-		top: 0;
-		animation-iteration-count: 1;
-		animation-name: slideDown;
-		animation-duration: 1s;
-		z-index: 3;
-        background-repeat: no-repeat;
-	}
-
-	.hotelview {
-		margin-bottom: -205px;
-		max-width: 100%;
-		display: block;
-
-		img {
-			margin-left: -1005px;
-			margin-bottom: -205px;
-		}
-	}
-
-	.hotelview-back {
-		margin-left: -905px;
-		max-width: 100%;
-		display: block;
-
-	}	  
-  
-
-	.hotelview-back-light {
-		
-	top: -115px;
-	margin-left: -220px;
-	}	  
-
-	.hotelview-sun {
-			margin-left: -905px;
-			margin-bottom: 2222px;
-			position: absolute;
-			z-index: 2;
-		}
-		 
-
-	.sun {
-        width: 100%;
-        height: 100%;
-		top: 0;
-		left: 0;
-		right: 0;
-		margin: auto;
-        background-repeat: no-repeat;
-		background-position: top center;
-	}
-
-	.left {
-		bottom: -105px;
-		left: 15vw;
-		animation-iteration-count: 1;
-		animation-name: slideUp;
-		animation-duration: 1s;
-	}
-	// night
-
-	.rooftop-night {
-		background-image: url(@/assets/images/hotelview/common/night/night-rooftop.png);
-		background-repeat: no-repeat;
-		width: 120px;
-		height: 164px;
-		top: 90px;
-		right: 1507px;;
-		cursor: pointer;
-		z-index: 9;
-		
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 39px;
-			margin-top: 15px;
-			display: none;
-				z-index: 13;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-			
-
-			.arrow {
-				display: block;
-			}
-		}
-	}
-
-	.rooftop-pool-night {
-		background-image: url(@/assets/images/hotelview/common/night/night-rooftop_pool.gif);
-        background-repeat: no-repeat;
-        width: 183px;
-        height: 164px;
-        top: 311px;
-        right: 1292px;;
-        cursor: pointer;
-        z-index: 45;
-
-        .arrow {
-            width: 30px;
-            height: 42px;
-            position: absolute;
-            left: 75px;
-            margin-top: 0px;
-            display: none;
-        }
-
-        &:hover {
-            -webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-
-            .arrow {
-
-
-                display: block;
-
-            }
-        }
-    } 
-
-	.pool-night {
-		background-image: url(@/assets/images/hotelview/common/night/night-pool.gif);
-		background-repeat: no-repeat;
-		width: 433px;
-		height: 361px;
-		top: 476px;
-		right: 934px;
-		cursor: pointer;
-		z-index: 45;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 195px;
-			margin-top: 190px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-		
-
-			.arrow {
-				display: block;
-
-			}
-		}
-	}
-
-	.picnic-night {
-		background-image: url(@/assets/images/hotelview/common/night/night-picnic.gif);
-		background-repeat: no-repeat;
-		width: 576px;
-		height: 436px;
-		top: 488px;
-		left: -128px;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 315px;
-			margin-top: 110px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-	
-
-			.arrow {
-				display: block;
-			}
-
-		}
-	}
-
-	.peaceful-night {
-		background-image: url(@/assets/images/hotelview/common/night/night-park.png);
-		background-repeat: no-repeat;
-		width: 384px;
-		height: 269px;
-		top: 359px;
-		right: 888px;
-		cursor: pointer;
-		z-index: 49;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 120px;
-			margin-top: 100px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-			.arrow {
-				display: block;
-			}
-		}
-	}
-
-	.infobus-night {
-		background-image: url(@/assets/images/hotelview/common/night/night-infobus.gif);
-		background-repeat: no-repeat;
-		width: 181px;
-		height: 175px;
-		top: 332px;
-		right: 1128px;
-		cursor: pointer;
-		z-index: 49;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 60px;
-			margin-top: 5px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-			.arrow {
-				display: block;
-			}
-
-		}
-	}
-
-	.lobby-night {
-        background-image: url(@/assets/images/hotelview/common/night/night-lobby.png);
-    	background-repeat: no-repeat;
-    	width: 73px;
-    	height: 65px;
-    	top: 636px;
-    	right: 1463px;
-    	cursor: pointer;
-
-    	z-index: 22;
-
-    	.arrow {
-    		width: 30px;
-    		height: 42px;
-    		position: absolute;
-    		left: 21px;
-    		margin-top: -39px;
-    		display: none;
-    	}
-
-    	&:hover {
-    		-webkit-filter: drop-shadow(1px 3px 20px #000000);
-    		transform: scale(1.01);
-		   
-    		.arrow {
-    			display: block;
-
-    		}
-    	}
-    }
-
-	// hotel-view
-
-	.hotelview-default {
-		position: relative;
-		margin-left: -1005px;
-		margin-top: -19px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hotelview.png);
-		background-repeat: no-repeat;
-	}
-
-	
-	.hotelview-orange {
-		position: relative;
-		margin-left: -1005px;
-		margin-top: -19px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hotelview-orange.png);
-		background-repeat: no-repeat;
-	
-	}
-
-	.hotelview-night {
-		position: relative;
-		margin-left: -1005px;
-		margin-top: -19px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/common/night/hotelview-night.png);
-		background-repeat: no-repeat;
-	
-	}
-
-// stretch
-	.stretch-blue {
-		position: relative;
-		height: 3000px;
-		width: 7120px;  
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue.png);
-		background-repeat: no-repeat;
-	}
-
-	
-	.stretch-blue-af-1 {
-		position: relative;
-		height: 3000px;
-		width: 7120px;   
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue_af_1.png);
-		background-repeat: no-repeat;
-	}
-
-	.stretch-blue-af-2 {
-		position: relative;
-		height: 3000px;
-		width: 7120px;   
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue_af_2.png);
-		background-repeat: no-repeat;
-	}
-
-	.stretch-blue-af-3 {
-		position: relative;
-		height: 3000px;
-		width: 7120px;  
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue_af_3.png);
-		background-repeat: no-repeat;
-	}
-
-	.stretch-blue-af-4 {
-		position: relative;
-		height: 3000px;
-		width: 7120px;   
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue_af_4.png);
-		background-repeat: no-repeat;
-	}
-
-	.stretch-blue-af-5 {
-		position: relative;
-		height: 3000px;
-		width: 7120px;  
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue_af_5.png);
-		background-repeat: no-repeat;
-	}
-
-	
-	.stretch-blue-af-6 {
-		position: relative;
-		height: 3000px;
-		width: 7120px;  
-		
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_blue_af_6.png);
-		background-repeat: no-repeat;
-	}
-
-	.stretch-blue-night {
-		position: absolute;
-		height: 3000px;
-		width: 7120px; 
-		margin-left: -2100px;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/stretch/stretch_night.png);
-		background-repeat: no-repeat;
-	}
- 
-	// animations
-	.door {
-		background-image: url(@/assets/images/hotelview/common/night/night-door.gif);
-		background-repeat: no-repeat;
-		width: 439px;
-		height: 600px;
-		top: 502px;
-		right: 1128px;
-		z-index: 0;
-}
-
-	.door-a {
-		background-image: url(@/assets/images/hotelview/common/night/night-door-1.gif);
-		background-repeat: no-repeat;
-		width: 786px;
-		height: 600px;
-		top: 145px;
-		right: 1054px;
-		z-index: 44;
-		pointer-events: none; 
-
-	}
-	.door-b {
-		background-image: url(@/assets/images/hotelview/common/night/night-door-2.gif);
-		background-repeat: no-repeat;
-		width: 786px;
-		height: 600px;
-		top: 144px;
-		right: 1054px;
-		z-index: 44;
-		pointer-events: none; 
-
-	}
-	// normal
-
-	.rooftop {
-		background-image: url(@/assets/images/hotelview/common/rooftop.gif);
-		background-repeat: no-repeat;
-		width: 120px;
-		height: 164px;
-		top: 90px;
-		right: 1507px;;
-		cursor: pointer;
-		z-index: 1;
-		
-		.arrow {
-			width: 30px;
-			height: 42px;
-			display: none;
-			left: 39px;
-			margin-top: 15px;
-			position: absolute;
-		
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-			
-
-			.arrow {
-				display: block;
-				
-			}
-		}
-	}
-
-	.rooftop-pool {
-		background-image: url(@/assets/images/hotelview/common/rooftop_pool.gif);
-		background-repeat: no-repeat;
-		width: 183px;
-		height: 164px;
-		top: 311px;
-		right: 1292px;;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 75px;
-			margin-top: 0px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-			
-
-			.arrow {
-				
-				
-				display: block;
-			
-			}
-		}
-	}
-
-	.pool {
-		background-image: url(@/assets/images/hotelview/common/pool.gif);
-		background-repeat: no-repeat;
-		width: 433px;
-		height: 361px;
-		top: 476px;
-		right: 934px;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 195px;
-			margin-top: 190px;
-			display: none;
-			z-index: 112;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-		
-
-			.arrow {
-				display: block;
-				z-index: 112;
-			}
-		}
-	}
-
-	.picnic {
-		background-image: url(@/assets/images/hotelview/common/picnic.gif);
-		background-repeat: no-repeat;
-		width: 576px;
-		height: 436px;
-		top: 488px;
-		left: -128px;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 315px;
-			margin-top: 110px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-	
-
-			.arrow {
-				display: block;
-			}
-
-		}
-	}
-
-	.peaceful {
-		background-image: url(@/assets/images/hotelview/common/peacefulpark.gif);
-		background-repeat: no-repeat;
-		width: 384px;
-		height: 269px;
-		top: 359px;
-		right: 888px;
-		cursor: pointer;
-		z-index: 10;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 120px;
-			margin-top: 100px;
-			display: none;
-   
-		}
-
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-			.arrow {
-				display: block;
-			}
-		}
-	}
-
-	.infobus {
-		background-image: url(@/assets/images/hotelview/common/infobus.gif);
-		background-repeat: no-repeat;
-		width: 181px;
-		height: 175px;
-		top: 332px;
-		right: 1128px;
-		cursor: pointer;
-		z-index: 10;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 60px;
-			margin-top: 5px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-			.arrow {
-				display: block;
-			}
-
-		}
-	}
-
-	.lobby {
-		background-image: url(@/assets/images/hotelview/common/lobby.png);
-    	background-repeat: no-repeat;
-    	width: 73px;
-    	height: 65px;
-
-    	top: 636px;
-    	right: 1463px;
-    	cursor: pointer;
-
-    	z-index: 10;
-
-    	.arrow {
-    		width: 30px;
-    		height: 42px;
-    		position: absolute;
-    		left: 21px;
-    		margin-top: -39px;
-    		display: none;
-    	}
-
-    	&:hover {
-    		-webkit-filter: drop-shadow(1px 3px 20px #000000);
-    		transform: scale(1.01);
-		   
-    		.arrow {
-    			display: block;
-
-    		}
-    	}
-    }
-
-	.active-arrow {
-		position: absolute;
-		background-image: url(@/assets/images/hotelview/arrow_down.png);
-		background-repeat: no-repeat;
-		animation: MoveUpDown 1s linear infinite;
-		z-index: 99;
-	
-		@keyframes MoveUpDown {
-			0%, 100% {
-			  top: 1px;
-			  z-index: 99;
-	
-			}
-			50% {
-			  top: 10px;
-			  z-index: 99;
-
-			}
-		  }
-		}
-
-	.right {
-        width: 100%;
-        height: 100%;
-		right: 0;
-		bottom: 0;
-		animation-iteration-count: 1;
-		animation-name: slideUp;
-		animation-duration: 1s;
-        background-repeat: no-repeat;
-		background-position: right bottom;
-	}
-
-	.right-repeat {
-        width: 100%;
-        height: 100%;
-		right: 0;
-		top: 0;
-        background-repeat: no-repeat;
-		background-position: right top;
-	}
-
-	.landing-widgets {
-		z-index: 9;
-		position: relative;
-
-	}
-
-	.widget-slot {
-		z-index: 9;	
-	}
-
-	hr {
-		background: $black;
-		box-shadow: 0 1px rgba($white,.5);
-		opacity: 0.5
-	}
-
-	// normal-orange
-
-	.rooftop-orange {
-		background-image: url(@/assets/images/hotelview/common/orange/rooftop.gif);
-		background-repeat: no-repeat;
-		width: 120px;
-		height: 164px;
-		top: 90px;
-		right: 1507px;;
-		cursor: pointer;
-		z-index: 1;
-		
-		.arrow {
-			width: 30px;
-			height: 42px;
-			display: none;
-			left: 39px;
-			margin-top: 15px;
-			position: absolute;
-		
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-			
-
-			.arrow {
-				display: block;
-				
-			}
-		}
-	}
-
-	.rooftop-pool-orange {
-		background-image: url(@/assets/images/hotelview/common/orange/rooftop_pool.gif);
-		background-repeat: no-repeat;
-		width: 183px;
-		height: 164px;
-		top: 311px;
-		right: 1292px;;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 75px;
-			margin-top: 0px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-			
-
-			.arrow {
-				
-				
-				display: block;
-			
-			}
-		}
-	}
-
-	.pool-orange {
-		background-image: url(@/assets/images/hotelview/common/orange/pool.gif);
-		background-repeat: no-repeat;
-		width: 433px;
-		height: 361px;
-		top: 476px;
-		right: 934px;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 195px;
-			margin-top: 190px;
-			display: none;
-			z-index: 112;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-		
-
-			.arrow {
-				display: block;
-				z-index: 112;
-			}
-		}
-	}
-
-	.picnic-orange {
-		background-image: url(@/assets/images/hotelview/common/orange/picnic.gif);
-		background-repeat: no-repeat;
-		width: 576px;
-		height: 436px;
-		top: 488px;
-		left: -128px;
-		cursor: pointer;
-		z-index: 9;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 315px;
-			margin-top: 110px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-	
-
-			.arrow {
-				display: block;
-			}
-
-		}
-	}
-
-	.peaceful-orange {
-		background-image: url(@/assets/images/hotelview/common/orange/peacefulpark.gif);
-		background-repeat: no-repeat;
-		width: 384px;
-		height: 269px;
-		top: 359px;
-		right: 888px;
-		cursor: pointer;
-		z-index: 10;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 120px;
-			margin-top: 100px;
-			display: none;
-   
-		}
-
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-			.arrow {
-				display: block;
-			}
-		}
-	}
-
-	.infobus-orange {
-		background-image: url(@/assets/images/hotelview/common/orange/infobus.gif);
-		background-repeat: no-repeat;
-		width: 181px;
-		height: 175px;
-		top: 332px;
-		right: 1128px;
-		cursor: pointer;
-		z-index: 10;
-
-		.arrow {
-			width: 30px;
-			height: 42px;
-			position: absolute;
-			left: 60px;
-			margin-top: 5px;
-			display: none;
-		}
-
-		&:hover {
-			-webkit-filter: drop-shadow(1px 3px 20px #000000);
-
-			.arrow {
-				display: block;
-			}
-
-		}
-	}
-
-	.active-arrow {
-		position: absolute;
-		background-image: url(@/assets/images/hotelview/arrow_down.png);
-		background-repeat: no-repeat;
-		animation: MoveUpDown 1s linear infinite;
-		z-index: 99;
-	
-		@keyframes MoveUpDown {
-			0%, 100% {
-			  top: 1px;
-			  z-index: 99;
-	
-			}
-			50% {
-			  top: 10px;
-			  z-index: 99;
-
-			}
-		  }
-		}
-
-	.right {
-        width: 100%;
-        height: 100%;
-		right: 0;
-		bottom: 0;
-		animation-iteration-count: 1;
-		animation-name: slideUp;
-		animation-duration: 1s;
-        background-repeat: no-repeat;
-		background-position: right bottom;
-	}
-
-	.right-repeat {
-        width: 100%;
-        height: 100%;
-		right: 0;
-		top: 0;
-        background-repeat: no-repeat;
-		background-position: right top;
-	}
-
-	.landing-widgets {
-		z-index: 9;
-		position: relative;
-
-	}
-
-	.widget-slot {
-		z-index: 9;	
-	}
-
-	hr {
-		background: $black;
-		box-shadow: 0 1px rgba($white,.5);
-		opacity: 0.5
-	}
-	
-// light
-.light-a {
-		
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/a.png); 
-	mix-blend-mode: overlay;
-}
-
-.light-b{
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 99;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/b.png); 
-mix-blend-mode: overlay;
-}
-
-.light-c {
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-z-index: 99;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/c.png); 
-mix-blend-mode: overlay;
-}
-
-.light-d {
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 99;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/d.png); 
-mix-blend-mode: hard-light;
-filter: opacity(0.7);
-}
-
-.light-e {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 99;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/e.png); 
-mix-blend-mode: multiply;
-}
-
-.light-e-alt {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top: 0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/e.png); 
-	mix-blend-mode: hue;
-	filter: brightness(0.1);
-	}
-
-.light-f {
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-z-index: 99;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/f.png); 
-mix-blend-mode: multiply;
-filter:opacity(0.5);
-}
-
-.light-f-alt {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	z-index: 99;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/f.png); 
-	mix-blend-mode: overlay;
-	filter:grayscale(2);
-}
-
-.light-g {
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 99;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/g.png); 
-mix-blend-mode: multiply;
-filter: opacity(0.4);
-}
-
-	
-.light-gg-alt {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/g.png); 
-	mix-blend-mode: darken;
-	filter: opacity(0.1);
-	}
-
-.light-h {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	z-index: 99;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/h.png); 
-	mix-blend-mode: multiply;
-	filter: opacity(0.9)
-	} 
-
-			  
- 
-				   
-					 
-			   
-		 
-		  
-			   
-			
-				
-					  
-																   
-					
- 
-
-.light-i {
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-z-index: 99;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 99;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/i.png); 
-mix-blend-mode: multiply;
-filter: opacity(0.2);
-}
-
-.light-j {
-	
-position: relative;
-margin-left: -1005px;
-margin-top:0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-z-index: 99;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/light/j.png); 
-mix-blend-mode: multiply;
-}
-
-.light-l-alt {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	pointer-events: none; 
-	z-index: 99;
-	background-image: url(@/assets/images/hotelview/hours/light/l.png); 
-	mix-blend-mode: hue;
-	}
-
-.light-l {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	pointer-events: none; 
-	z-index: 99;
-	background-image: url(@/assets/images/hotelview/hours/light/l.png); 
-	mix-blend-mode: multiply;
-	}
-	
-.light-m {
-		
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/m.png); 
-	mix-blend-mode: multiply;
-	}
-
-.light-m-alt {
-		
-		position: relative;
-		margin-left: -1005px;
-		margin-top:0px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		z-index: 99;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hours/light/m.png); 
-		mix-blend-mode: hue;
-		}
-	
-.light-n {
-		
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/n.png); 
-	mix-blend-mode: darken;
-	}
-
-.light-n-alt {
-		
-		position: relative;
-		margin-left: -1005px;
-		margin-top:0px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		z-index: 99;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hours/light/n.png); 
-		mix-blend-mode: multiply;
-		}
-
-.light-n-alt-ii {
-		
-			position: relative;
-			margin-left: -1005px;
-			margin-top:0px;
-			top: 0px;
-			left: 0px;
-			height: 1185px;
-			width: 3000px;  
-			z-index: 99;
-			pointer-events: none; 
-			background-image: url(@/assets/images/hotelview/hours/light/n.png); 
-			mix-blend-mode: color-burn;
-			}
-
-.light-n-alt-iii {
-		
-				position: relative;
-				margin-left: -1005px;
-				margin-top:0px;
-				top: 0px;
-				left: 0px;
-				height: 1185px;
-				width: 3000px;  
-				z-index: 99;
-				pointer-events: none; 
-				background-image: url(@/assets/images/hotelview/hours/light/n.png); 
-				mix-blend-mode: hue;
-				}
-	
-.light-o {
-		
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/o.png); 
-	mix-blend-mode: hue;
-	}
-	
-.light-o-alt {
-		
-		position: relative;
-		margin-left: -1005px;
-		margin-top:0px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		z-index: 99;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hours/light/o.png); 
-		mix-blend-mode: multiply;
-		}
-.light-o-alt-ii {
-		
-			position: relative;
-			margin-left: -1005px;
-			margin-top:0px;
-			top: 0px;
-			left: 0px;
-			height: 1185px;
-			width: 3000px;  
-			z-index: 99;
-			pointer-events: none; 
-			background-image: url(@/assets/images/hotelview/hours/light/o.png); 
-			mix-blend-mode: darken;
-			}
-
-.light-o-alt-iii {
-
-				position: relative;
-				margin-left: -1005px;
-				margin-top:0px;
-				top: 0px;
-				left: 0px;
-				height: 1185px;
-				width: 3000px;  
-				z-index: 99;
-				pointer-events: none; 
-				background-image: url(@/assets/images/hotelview/hours/light/o.png); 
-				mix-blend-mode: color-dodge;
-				filter: brightness(0.6);
-				}
-
-.light-p {
-		
-	position: relative;
-	margin-left: -1005px;
-	margin-top:0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	z-index: 99;
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/light/p.png); 
-	mix-blend-mode: hue;
-	}
-
-.light-p-alt {
-		
-		position: relative;
-		margin-left: -1005px;
-		margin-top:0px;
-		top: 0px;
-		left: 0px;
-		height: 1185px;
-		width: 3000px;  
-		z-index: 99;
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hours/light/p.png); 
-		mix-blend-mode: multiply;
-		}
-			
-.light-p-alt-ii {
-		
-			position: relative;
-			margin-left: -1005px;
-			margin-top:0px;
-			top: 0px;
-			left: 0px;
-			height: 1185px;
-			width: 3000px;  
-			z-index: 99;
-			pointer-events: none; 
-			background-image: url(@/assets/images/hotelview/hours/light/p.png); 
-			mix-blend-mode:color-dodge;
-			filter: brightness(0.6);
-			}
-			
-			
-			
-.light-q {
-		
-				position: relative;
-				margin-left: -1005px;
-				margin-top:0px;
-				top: 0px;
-				left: 0px;
-				height: 1185px;
-				width: 3000px;  
-				z-index: 99;
-				pointer-events: none; 
-				background-image: url(@/assets/images/hotelview/hours/light/q.png); 
-				mix-blend-mode: overlay;
-				}
-			
-.light-q-alt {
-					
-					position: relative;
-					margin-left: -1005px;
-					margin-top:0px;
-					top: 0px;
-					left: 0px;
-					height: 1185px;
-					width: 3000px;  
-					z-index: 99;
-					pointer-events: none; 
-					background-image: url(@/assets/images/hotelview/hours/light/q.png); 
-					mix-blend-mode: color-burn;
-					}
-				
-					
-.light-q-alt-ii {
-					
-						position: relative;
-						margin-left: -1005px;
-						margin-top:0px;
-						top: 0px;
-						left: 0px;
-						height: 1185px;
-						width: 3000px;  
-						z-index: 99;
-						pointer-events: none; 
-						background-image: url(@/assets/images/hotelview/hours/light/q.png); 
-						mix-blend-mode: hard-light;
-			}
-	
-// front
-.front-a {
-		
-	margin-left: -1005px;
-	margin-top: 0px;
-	top: 0px;
-	z-index: 13;
-	left: 0px;
-	height: 1185px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/front/a.png); 
-	mix-blend-mode: multiply;
-}
-
-.front-b{
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-z-index: 13;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/b.png); 
-mix-blend-mode: multiply;
-}
-
-.front-c {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-z-index: 13;
-height: 1185px;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/c.png); 
-mix-blend-mode: multiply;
-}
-
-.front-d {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 13;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/d.png); 
-mix-blend-mode: multiply;
-}
-
-.front-e {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 13;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/e.png); 
-mix-blend-mode: multiply;
-}
-
-.front-f {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-z-index: 17;
-height: 1185px;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/f.png); 
-mix-blend-mode: multiply;
-}
-
-.front-g {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-z-index: 17;
-height: 1185px;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/g.png); 
-mix-blend-mode: multiply;
-}
-
-.front-h {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-width: 3000px;  
-z-index: 17;
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/h.png); 
-mix-blend-mode: multiply;
-}
-
-.front-i {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-z-index: 17;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/i.png); 
-mix-blend-mode: multiply;
-}
-
-.front-j {
-	
-position: relative;
-margin-left: -1005px;
-margin-top: 0px;
-top: 0px;
-left: 0px;
-height: 1185px;
-z-index: 17;
-width: 3000px;  
-pointer-events: none; 
-background-image: url(@/assets/images/hotelview/hours/front/j.png); 
-mix-blend-mode: multiply;
-}
-
-.front-k {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top: 0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	z-index: 17;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/front/k.png); 
-	mix-blend-mode: multiply;
-	}
-
-.front-l {
-	
-	position: relative;
-	margin-left: -1005px;
-	margin-top: 0px;
-	top: 0px;
-	left: 0px;
-	height: 1185px;
-	z-index: 17;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/front/l.png); 
-	mix-blend-mode: multiply;
-	}
-	
-.front-m {
-		
-	position: relative;
-	margin-left: -1005px;
-	margin-top: 0px;
-	top: 0px;
-	left: 0px;
-	z-index: 17;
-	height: 1185px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/front/m.png); 
-	mix-blend-mode: multiply;
-	}
-
-
-// back-general
-.back-a {
-		
-		position: relative;
-		margin-left: -135px;
-		margin-top: 1119px;
-		top: 0px;
-		left: 0px;
-		height: 3000px;
-		width: 3000px;  
-		pointer-events: none; 
-		background-image: url(@/assets/images/hotelview/hours/back/a.png); 
-		mix-blend-mode: soft-light;
-  } 
-
-.back-a-alt {
-		
-	position: relative;
-	margin-left: -35px;
-		margin-top: 1119px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/a.png); 
-	mix-blend-mode: luminosity;
-	filter: opacity(0.7);
-} 
-
-
-  .back-b{
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/b.png); 
-	mix-blend-mode: hard-light;
-	filter: opacity(0.2);
-}
-
-.back-b-alt {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1119px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/b.png); 
-	mix-blend-mode: overlay;
-}
-
-.back-c {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/c.png); 
-	mix-blend-mode: screen;
-}
-
-.back-c-alt {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1119px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/c.png); 
-	mix-blend-mode: overlay;
-
-}
-
-.back-d {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/d.png); 
-	mix-blend-mode: overlay;
-}
-
-.back-e {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/e.png); 
-	mix-blend-mode: overlay;
-
-}
-
-.back-e-alt {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/e.png); 
-	mix-blend-mode: soft-light;
-
-}
-
-.back-e-alt-ii {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/ee.png); 
-	mix-blend-mode: overlay;
-	filter: opacity(0.8);
-
-}
-
-.back-e-alt-iii {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/ee.png); 
-	mix-blend-mode: overlay;
-	filter: opacity(0.6);
-
-}
-
-.back-e-alt-iv {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/ee.png); 
-	mix-blend-mode: overlay;
-	filter: opacity(0.4);
-
-}
-
-
-.back-e-alt-v {
-		
-	position: relative;
-	margin-left: -135px;
-		margin-top: 1219px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/ee.png); 
-	mix-blend-mode: overlay;
-	filter: opacity(0.2);
-
-}
-.back-f {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-		top: 0px;
-		left: 0px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/f.png); 
-	mix-blend-mode: hue;
-}
-.back-f-alt {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-		top: 0px;
-		left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/f.png); 
-	mix-blend-mode: screen;
-}
-
-.back-g {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/g.png); 
-	mix-blend-mode: hue;
-}
-
-.back-g-alt {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/g.png); 
-	mix-blend-mode: screen;
-	filter: opacity(0.7);
-}
-
-
-.back-g-alt-ii {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/g.png); 
-	mix-blend-mode: overlay;
-}
-
-.back-h {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/h.png); 
-	mix-blend-mode: color;
-}
-
-.back-h-alt {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/h.png); 
-	mix-blend-mode: hue;
-}
-.back-i {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/i.png); 
-	mix-blend-mode: multiply;
-}
-
-.back-i-alt {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/i.png); 
-	mix-blend-mode: lighten;
-	filter: opacity(0.4);
-}
-
-.back-j {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/j.png); 
-	mix-blend-mode: color-burn;
-}
-
-.back-j-alt {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/j.png); 
-	mix-blend-mode: hue;
-}
-
-
-.back-k-alt {
-		
-	position: relative;
-	margin-left: -2100px;
-					 
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 7120px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/kkkk.png); 
-	mix-blend-mode: screen;
-	filter: opacity(0.8)
-}
-
-.back-k-alt-ii {
-		
-	position: relative;
-	margin-left: -2100px;
-					 
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 7120px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/kkkk.png); 
-	mix-blend-mode: screen;
-	filter: opacity(0.6)
-}
-
-
-
-.back-k-alt-i {
-		
-	position: relative;
-	margin-left: -2100px;
-					 
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 7120px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/kkkk.png); 
-	mix-blend-mode: screen;
-}
-.back-k-final
-{
-		
-	position: relative;
-	margin-left: -2100px;
-					 
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 7120px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/kkkk.png); 
-	mix-blend-mode: screen;
-	filter: opacity(0.2);
-
-}
-
-.back-l {
-		
-	position: relative;
-	margin-left: 75px;
-		margin-top: 1319px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 3000px;  
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/l.png); 
-	mix-blend-mode: soft-light;
-}
-
-.back-n
-{
-		
-	position: relative;
-	margin-left: 0px;
-	margin-left: -2100px;
-	top: 0px;
-	left: 0px;
-	height: 3000px;
-	width: 7120px;   
-	pointer-events: none; 
-	background-image: url(@/assets/images/hotelview/hours/back/na.png); 
-	mix-blend-mode: multiply;
-	filter: opacity(0.5);
-
-
-}
-
-
-}
-
-@media only screen and (min-width: 1700px) {
-	.left {
-		left: 18vw !important;
-	}
-}
-
-@media only screen and (min-width: 2000px) {
-	.left {
-		left: 23vw !important;
-	}
-}
-
-@media only screen and (min-width: 2500px) {
-	.left {
-		left: 28% !important;
-	}
-}
-
-@import './views/widgets/HotelViewWidgets';
diff --git a/src/components/hotel-view1/HotelView.tsx b/src/components/hotel-view1/HotelView.tsx
deleted file mode 100644
index 2649d81..0000000
--- a/src/components/hotel-view1/HotelView.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { RoomSessionEvent } from '@nitrots/nitro-renderer';
-import { FC, useState, useCallback } from 'react';
-import { useRoomSessionManagerEvent, useSessionInfo } from '../../hooks';
-import { HotelDay } from './views/widgets/hoteldayview/HotelDay';
-import { HotelEvening } from './views/widgets/hoteldayview/HotelEvening';
-import { HotelMorning } from './views/widgets/hoteldayview/HotelMorning';
-import { HotelNight } from './views/widgets/hoteldayview/HotelNight';
-import { HotelSunset } from './views/widgets/hoteldayview/HotelSunset';
-import { WidgetView } from './WidgetView';
-
-const widgetSlotCount = 7;
-
-export const HotelView: FC<{}> = () => {
-    const [isVisible, setIsVisible] = useState(true);
-    const { userFigure = null } = useSessionInfo();
-
-    const now = new Date();
-    const currentHour = now.getHours();
-    const isMorning = currentHour > 5 && currentHour <= 9;
-	const isDay = currentHour > 9 && currentHour <= 16;
-	const isSunset = currentHour > 16 && currentHour <= 19;
-    const isEvening = currentHour > 19 && currentHour <= 23;
-    const isNight = currentHour > 23 || currentHour <= 5;
-
-    useRoomSessionManagerEvent<RoomSessionEvent>(
-        [RoomSessionEvent.CREATED, RoomSessionEvent.ENDED],
-        event => {
-            setIsVisible(
-                event.type === RoomSessionEvent.CREATED ? false : event.openLandingView
-            );
-        }
-    );
-
-    if (!isVisible) return null;
-
-    return (
-        <div>
-            <WidgetView />
-            {isMorning && <HotelMorning />}
-			{isDay && <HotelDay />}
-			{isSunset && <HotelSunset />}
-            {isEvening && <HotelEvening />}
-            {isNight && <HotelNight />}
-        </div>
-    );
-};
\ No newline at end of file
diff --git a/src/components/hotel-view1/WidgetView.tsx b/src/components/hotel-view1/WidgetView.tsx
deleted file mode 100644
index 8955161..0000000
--- a/src/components/hotel-view1/WidgetView.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { GetConfiguration, NitroConfiguration, RoomSessionEvent } from '@nitrots/nitro-renderer';
-import { FC, useState, useCallback } from 'react';
-import { GetConfigurationValue } from '../../api';
-import { useNitroEvent, useSessionInfo } from '../../hooks';
-import { WidgetSlotView } from './views/widgets/WidgetSlotView';
-
-
-const widgetSlotCount = 7;
-
-export const WidgetView: FC<{}> = () => {
-    const [isVisible, setIsVisible] = useState(true);
-
-    useNitroEvent<RoomSessionEvent>(
-        [RoomSessionEvent.CREATED, RoomSessionEvent.ENDED],
-        (event) => {
-            switch (event.type) {
-                case RoomSessionEvent.CREATED:
-                    setIsVisible(false);
-                    return;
-                case RoomSessionEvent.ENDED:
-                    setIsVisible(event.openLandingView);
-                    return;
-            }
-        }
-    );
-
-    if (!isVisible) return null;
-
-    const assetUrl = GetConfiguration<string>('asset.url');
-	const backgroundColor = GetConfigurationValue('hotelview')['images']['background.colour'];
-
-    const renderWidgetSlot = (slot: number) => (
-		<WidgetSlotView
-			key={slot}
-			widgetSlot={slot}
-			widgetType={GetConfigurationValue('hotelview')['widgets'][`slot.${slot}.widget`]}
-			widgetConf={GetConfigurationValue('hotelview')['widgets'][`slot.${slot}.conf`]}
-			className={slot === 6 ? 'mt-auto' : slot % 2 === 0 ? 'col-5' : 'col-7'}
-		/>
-	);
-
-    const widgetSlots = [1, 2, 3, 4, 5, 6, 7].map((slot) => renderWidgetSlot(slot));
-
-    return (
-        <div className="nitro-hotel-view" style={backgroundColor ? { background: backgroundColor } : {}}>
-            <div className="container h-100 py-3 overflow-hidden landing-widgets">
-                <div className="row h-100">
-                    <div className="col-9 h-100 d-flex flex-column">
-                        {widgetSlots.slice(0, 6)}
-                    </div>
-                    <div className="col-3 h-100">
-                        {widgetSlots[6]}
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-};
\ No newline at end of file
diff --git a/src/components/hotel-view1/views/widgets/GetWidgetLayout.tsx b/src/components/hotel-view1/views/widgets/GetWidgetLayout.tsx
deleted file mode 100644
index 1648176..0000000
--- a/src/components/hotel-view1/views/widgets/GetWidgetLayout.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FC } from 'react';
-import { BonusRareWidgetView } from './bonus-rare/BonusRareWidgetView';
-import { HallOfFameWidgetView } from './hall-of-fame/HallOfFameWidgetView';
-import { PromoArticleWidgetView } from './promo-article/PromoArticleWidgetView';
-import { WidgetContainerView } from './widget-container/WidgetContainerView';
-
-export interface GetWidgetLayoutProps
-{
-    widgetType: string;
-    slot: number;
-    widgetConf: any;
-}
-
-export const GetWidgetLayout: FC<GetWidgetLayoutProps> = props =>
-{
-    switch(props.widgetType)
-    {
-        case 'promoarticle':
-            return <PromoArticleWidgetView />;
-        case 'achievementcompetition_hall_of_fame':
-            return <HallOfFameWidgetView slot={ props.slot } conf={ props.widgetConf } />;
-        case 'bonusrare':
-            return <BonusRareWidgetView />;
-        case 'widgetcontainer':
-            return <WidgetContainerView conf={ props.widgetConf } />
-        default:
-            return null;
-    }
-}
diff --git a/src/components/hotel-view1/views/widgets/HotelViewWidgets.scss b/src/components/hotel-view1/views/widgets/HotelViewWidgets.scss
deleted file mode 100644
index 25fa51a..0000000
--- a/src/components/hotel-view1/views/widgets/HotelViewWidgets.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import './bonus-rare/BonusRareWidgetView';
-@import './hall-of-fame/HallOfFameWidgetView';
-@import './promo-article/PromoArticleWidgetView';
-@import './widget-container/WidgetContainerView';
diff --git a/src/components/hotel-view1/views/widgets/WidgetSlotView.tsx b/src/components/hotel-view1/views/widgets/WidgetSlotView.tsx
deleted file mode 100644
index 564184f..0000000
--- a/src/components/hotel-view1/views/widgets/WidgetSlotView.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { DetailsHTMLAttributes, FC } from 'react';
-import { GetWidgetLayout } from './GetWidgetLayout';
-
-export interface WidgetSlotViewProps extends DetailsHTMLAttributes<HTMLDivElement>
-{
-    widgetType: string;
-    widgetSlot: number;
-    widgetConf: any;
-}
-
-export const WidgetSlotView: FC<WidgetSlotViewProps> = props =>
-{
-    const { widgetType = null, widgetSlot = 0, widgetConf = null, className= '', ...rest } = props;
-    
-    return (
-        <div className={ `widget-slot slot-${ widgetSlot } ${ (className || '') }` } { ...rest }>
-            <GetWidgetLayout widgetType={ widgetType } slot={ widgetSlot } widgetConf={ widgetConf } />
-        </div>
-    );
-}
diff --git a/src/components/hotel-view1/views/widgets/bonus-rare/BonusRareWidgetView.scss b/src/components/hotel-view1/views/widgets/bonus-rare/BonusRareWidgetView.scss
deleted file mode 100644
index 26f56d8..0000000
--- a/src/components/hotel-view1/views/widgets/bonus-rare/BonusRareWidgetView.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.bonus-rare {
-    height: 100px;
-    justify-content: center;
-
-    .bonus-bar-container {
-        height: 30px;
-        width: 300px;
-        border: 2px ridge #e2e2e2;
-    }
-}
diff --git a/src/components/hotel-view1/views/widgets/bonus-rare/BonusRareWidgetView.tsx b/src/components/hotel-view1/views/widgets/bonus-rare/BonusRareWidgetView.tsx
deleted file mode 100644
index ee32c54..0000000
--- a/src/components/hotel-view1/views/widgets/bonus-rare/BonusRareWidgetView.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { BonusRareInfoMessageEvent, GetBonusRareInfoMessageComposer } from '@nitrots/nitro-renderer';
-import { FC, useEffect, useState } from 'react';
-import { SendMessageComposer } from '../../../../../api';
-import { useMessageEvent } from '../../../../../hooks';
-
-export interface BonusRareWidgetViewProps
-{}
-
-export const BonusRareWidgetView: FC<BonusRareWidgetViewProps> = props =>
-{
-    const [ productType, setProductType ] = useState<string>(null);
-    const [ productClassId, setProductClassId ] = useState<number>(null);
-    const [ totalCoinsForBonus, setTotalCoinsForBonus ] = useState<number>(null);
-    const [ coinsStillRequiredToBuy, setCoinsStillRequiredToBuy ] = useState<number>(null);
-
-    useMessageEvent<BonusRareInfoMessageEvent>(BonusRareInfoMessageEvent, event =>
-    {
-        const parser = event.getParser();
-
-        setProductType(parser.productType);
-        setProductClassId(parser.productClassId);
-        setTotalCoinsForBonus(parser.totalCoinsForBonus);
-        setCoinsStillRequiredToBuy(parser.coinsStillRequiredToBuy);
-    });
-
-    useEffect(() =>
-    {
-        SendMessageComposer(new GetBonusRareInfoMessageComposer());
-    }, []);
-
-    if(!productType) return null;
-
-    return (
-        <div className="bonus-rare widget d-flex">
-            { productType }
-            <div className="bg-light-dark rounded overflow-hidden position-relative bonus-bar-container">
-                <div className="d-flex justify-content-center align-items-center w-100 h-100 position-absolute small top-0">{ (totalCoinsForBonus - coinsStillRequiredToBuy) + '/' + totalCoinsForBonus }</div>
-                <div className="small bg-info rounded position-absolute top-0 h-100" style={ { width: ((totalCoinsForBonus - coinsStillRequiredToBuy) / totalCoinsForBonus) * 100 + '%' } }></div>
-            </div>
-        </div>
-    );
-}
diff --git a/src/components/hotel-view1/views/widgets/hall-of-fame-item/HallOfFameItemView.tsx b/src/components/hotel-view1/views/widgets/hall-of-fame-item/HallOfFameItemView.tsx
deleted file mode 100644
index b4237f5..0000000
--- a/src/components/hotel-view1/views/widgets/hall-of-fame-item/HallOfFameItemView.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { HallOfFameEntryData } from '@nitrots/nitro-renderer';
-import { FC } from 'react';
-import { LocalizeFormattedNumber, LocalizeText } from '../../../../../api';
-import { LayoutAvatarImageView, UserProfileIconView } from '../../../../../common';
-
-export interface HallOfFameItemViewProps
-{
-    data: HallOfFameEntryData;
-    level: number;
-}
-
-export const HallOfFameItemView: FC<HallOfFameItemViewProps> = props =>
-{
-    const { data = null, level = 0 } = props;
-
-    return (
-        <div className="hof-user-container">
-            <div className="hof-tooltip">
-                <div className="hof-header">
-                    { level }. { data.userName } <UserProfileIconView userId={ data.userId } />
-                </div>
-                <div className="small text-center text-white">{ LocalizeText('landing.view.competition.hof.points', [ 'points' ], [ LocalizeFormattedNumber(data.currentScore).toString() ]) }</div>
-            </div>
-            <LayoutAvatarImageView figure={ data.figure } direction={ 2 } />
-        </div>
-    );
-}
diff --git a/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.scss b/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.scss
deleted file mode 100644
index 29a5ef7..0000000
--- a/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-.hall-of-fame {
-    background-color: rgba($black,.3);
-    border-radius: $border-radius;
-    justify-content: center;
-
-    .hof-user-container {
-        display:inline-flex;
-        height: 100%;
-        position: relative;
-
-        &:hover {
-            .hof-tooltip {
-                display: block;
-            }
-        }
-
-        .hof-tooltip {
-            position: absolute;
-            display: none;
-            width: 125px;
-            max-width: 125px;
-            padding: 2px;
-            background-color: $gable-green;
-            border: 2px solid rgba($white, 0.5);
-            border-radius: $border-radius;
-            font-size: $font-size-sm;
-            z-index: $context-menu-zindex;
-            pointer-events: all;
-            left: -15px;
-            bottom: calc(100% - 10px);
-
-            .hof-header {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                gap: 5px;
-                background-color: $william;
-                color: $white;
-                min-width: 117px;
-                height: 25px;
-                max-height: 25px;
-                font-size: 16px;
-                margin-bottom: 2px;
-            }
-
-            &:after {
-                content: '';
-                position: absolute;
-                bottom: -7px;
-                left: 0;
-                right: 0;
-                margin: auto;
-                height: 10px;
-                width: 10px;
-                transform: rotate(45deg);
-                border-color: transparent rgba($white, 0.5) rgba($white, 0.5) transparent;
-                border-style: solid;
-                border-width: 5px;
-            }
-        }
-
-        .avatar-image {
-            position:relative;
-            display:inline;
-            left:0;
-            top:0;
-            z-index: 1;
-        }
-    }
-}
diff --git a/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.tsx b/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.tsx
deleted file mode 100644
index 582ce04..0000000
--- a/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommunityGoalHallOfFameData, CommunityGoalHallOfFameMessageEvent, GetCommunityGoalHallOfFameMessageComposer } from '@nitrots/nitro-renderer';
-import { FC, useEffect, useState } from 'react';
-import { SendMessageComposer } from '../../../../../api';
-import { useMessageEvent } from '../../../../../hooks';
-import { HallOfFameItemView } from '../hall-of-fame-item/HallOfFameItemView';
-import { HallOfFameWidgetViewProps } from './HallOfFameWidgetView.types';
-
-export const HallOfFameWidgetView: FC<HallOfFameWidgetViewProps> = props =>
-{
-    const { slot = -1, conf = null } = props;
-    const [ data, setData ] = useState<CommunityGoalHallOfFameData>(null);
-
-    useMessageEvent<CommunityGoalHallOfFameMessageEvent>(CommunityGoalHallOfFameMessageEvent, event =>
-    {
-        const parser = event.getParser();
-
-        setData(parser.data);
-    });
-
-    useEffect(() =>
-    {
-        const campaign: string = conf ? conf['campaign'] : '';  
-        SendMessageComposer(new GetCommunityGoalHallOfFameMessageComposer(campaign));
-    }, [ conf ]);
-
-    if(!data) return null;
-
-    return (
-        <div className="hall-of-fame d-flex">
-            { data.hof && (data.hof.length > 0) && data.hof.map((entry, index) =>
-            {
-                return <HallOfFameItemView key={ index } data={ entry } level={ (index + 1) } />;
-            }
-            ) }
-        </div>
-    );
-}
diff --git a/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.types.ts b/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.types.ts
deleted file mode 100644
index 0f165e2..0000000
--- a/src/components/hotel-view1/views/widgets/hall-of-fame/HallOfFameWidgetView.types.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface HallOfFameWidgetViewProps
-{
-    slot: number;
-    conf: string;
-}
diff --git a/src/components/hotel-view1/views/widgets/hoteldayview/HotelDay.tsx b/src/components/hotel-view1/views/widgets/hoteldayview/HotelDay.tsx
deleted file mode 100644
index 6f01f82..0000000
--- a/src/components/hotel-view1/views/widgets/hoteldayview/HotelDay.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { FC } from "react";
-import { GetConfigurationValue } from "../../../../../api";
-import { RoomWidgetViewNight } from "./../../../views/widgets/rooms/RoomWidgetViewNight";
-import { RoomWidgetView } from "./../../../views/widgets/rooms/RoomWidgetView";
-
-export const HotelDay: FC<{}> = () => {
-  const backgroundColor = GetConfigurationValue('hotelview')['images']['background.colour'];
-  const now = new Date();
-  const hour = now.getHours();
-  const minutes = now.getMinutes();
-  const backgroundStyle = backgroundColor ? { background: backgroundColor } : {};
-
-  const renderView = (elements: React.ReactNode) => (
-    <div className="nitro-hotel-view" style={backgroundStyle}>
-      {elements}
-    </div>
-  );
-
-  return (
-    renderView(
-      <>
-        <div className="left position-absolute">
-          <div className="hotelview-back position-relative">
-            <div className="stretch-blue position-relative" />
-            <div className="back-e-alt-ii position-absolute" />
-          </div>
-        </div>
-        <div className="drape position-absolute" />
-        <div className="left position-absolute">
-          <div className="hotelview position-relative">
-            <div className="hotelview-orange position-relative" />
-            <RoomWidgetView />
-          </div>
-        </div>
-      </>
-    )
-  );
-};
\ No newline at end of file
diff --git a/src/components/hotel-view1/views/widgets/hoteldayview/HotelEvening.tsx b/src/components/hotel-view1/views/widgets/hoteldayview/HotelEvening.tsx
deleted file mode 100644
index ddba194..0000000
--- a/src/components/hotel-view1/views/widgets/hoteldayview/HotelEvening.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { FC, useEffect, useState } from 'react';
-import { GetConfigurationValue } from "../../../../../api";
-import { RoomWidgetViewNight } from '../rooms/RoomWidgetViewNight';
-
-export const HotelEvening: FC<{}> = (props) => {
-  const backgroundColor = GetConfigurationValue('hotelview')['images']['background.colour'];
-  const [show, setShow] = useState(false);
-  const [landing, setLanding] = useState(false);
-
-  useEffect(() => {
-    setTimeout(() => setShow(true), 7000);
-    setTimeout(() => setLanding(true), 0);
-  }, []);
-
-  const now = new Date();
-  const currentTime = now.getHours() * 60 + now.getMinutes();
-  const timeRanges = [
-    { start: 18 * 60, end: 18 * 60 + 30 },
-    { start: 19 * 60, end: 19 * 60 + 30 },
-    { start: 20 * 60, end: 20 * 60 + 30 },
-    { start: 21 * 60, end: 21 * 60 + 30 },
-    { start: 22 * 60, end: 22 * 60 + 30 },
-    { start: 23 * 60, end: 23 * 60 + 30 },
-  ];
-
-  const shouldRender = timeRanges.some((range) => currentTime >= range.start && currentTime <= range.end);
-
-  if (shouldRender) {
-    return (
-      <div className="nitro-hotel-view" style={(backgroundColor && backgroundColor) ? { background: backgroundColor } : {}}>
-        <div className="left position-absolute">
-          <div className="hotelview-back position-relative">
-            <div className="stretch-blue-night position-relative" />
-            <div className="back-c-alt position-absolute" />
-          </div>
-        </div>
-        <div className="drape position-absolute" />
-        <div className="left position-absolute">
-          <div className="hotelview position-relative">
-            <div className="hotelview-night position-relative" />
-            <RoomWidgetViewNight />
-            <div className="light-i position-absolute" />
-            <div className="door position-absolute" />
-            <div className="door-b position-absolute" />
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="nitro-hotel-view" style={(backgroundColor && backgroundColor) ? { background: backgroundColor } : {}}>
-      <div className="left position-absolute">
-        <div className="hotelview-back position-relative">
-          <div className="stretch-blue-night position-relative" />
-          <div className="back-c-alt position-absolute" />
-        </div>
-      </div>
-      <div className="drape position-absolute" />
-      <div className="left position-absolute">
-        <div className="hotelview position-relative">
-          <div className="hotelview-night position-relative" />
-          <RoomWidgetViewNight />
-          <div className="light-i position-absolute" />
-          <div className="door position-absolute" />
-          <div className="door-b position-absolute" />
-        </div>
-      </div>
-    </div>
-  );
-};
\ No newline at end of file
diff --git a/src/components/hotel-view1/views/widgets/hoteldayview/HotelMorning.tsx b/src/components/hotel-view1/views/widgets/hoteldayview/HotelMorning.tsx
deleted file mode 100644
index 0c3ca55..0000000
--- a/src/components/hotel-view1/views/widgets/hoteldayview/HotelMorning.tsx
+++ /dev/null
@@ -1,248 +0,0 @@
-import { FC } from "react";
-import { GetConfigurationValue } from "../../../../../api";
-import { RoomWidgetViewNight } from "./../../../views/widgets/rooms/RoomWidgetViewNight";
-import { RoomWidgetView } from "./../../../views/widgets/rooms/RoomWidgetView";
-
-export const HotelMorning: FC<{}> = () => {
-  const backgroundColor = GetConfigurationValue('hotelview')['images']['background.colour'];
-  const now = new Date();
-  const hour = now.getHours();
-  const minutes = now.getMinutes();
-  const backgroundStyle = backgroundColor && backgroundColor ? { background: backgroundColor } : {};
-
-  const renderDefaultView = () => (
-    <div className="nitro-hotel-view" style={backgroundStyle}>
-      <div className="left position-absolute">
-        <div className="hotelview-back position-relative">
-          <div className="stretch-blue position-relative" />
-          <div className="back-e-alt-ii position-absolute" />
-        </div>
-      </div>
-      <div className="drape position-absolute" />
-      <div className="left position-absolute">
-        <div className="hotelview position-relative">
-          <div className="hotelview-orange position-relative" />
-          <RoomWidgetView />
-        </div>
-      </div>
-    </div>
-  );
-
-  const renderView = (elements: React.ReactNode) => (
-    <div className="nitro-hotel-view" style={backgroundStyle}>
-      {elements}
-    </div>
-  );
-
-  return (
-    <>
-      {hour === 6 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-night position-relative" />
-                <div className="back-a position-absolute" />
-                <div className="back-a position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-night position-relative" />
-                <RoomWidgetViewNight />
-                <div className="light-a position-absolute" />
-                <div className="light-a position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 6 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-night position-relative" />
-                <div className="back-a-alt position-absolute" />
-                <div className="back-b position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-a position-absolute" />
-                <div className="light-a position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 7 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-night position-relative" />
-                <div className="back-a-alt position-absolute" />
-                <div className="back-c-alt position-absolute" />
-                <div className="back-b position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-c position-absolute" />
-                <div className="front-b position-absolute" />
-                <div className="light-b position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 7 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue position-relative" />
-                <div className="back-d position-absolute" />
-                <div className="back-c position-absolute" />
-                <div className="back-b position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-c position-absolute" />
-                <div className="front-b position-absolute" />
-                <div className="light-d position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 8 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue position-relative" />
-                <div className="back-d position-absolute" />
-                <div className="back-e-alt-ii position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-c position-absolute" />
-                <div className="front-c position-absolute" />
-                <div className="front-c position-absolute" />
-                <div className="front-c position-absolute" />
-                <div className="light-e  position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 8 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue position-relative" />
-                <div className="back-e-alt-iii position-absolute" />
-                <div className="back-d position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-c position-absolute" />
-                <div className="front-c position-absolute" />
-                <div className="front-c position-absolute" />
-                <div className="light-f position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 9 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue position-relative" />
-                <div className="back-e-alt-iv position-absolute" />
-                <div className="back-d position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-d position-absolute" />
-                <div className="light-gg-alt position-absolute" />
-                <div className="light-g position-absolute" />
-                <div className="light-g position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 9 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue position-relative" />
-                <div className="back-e position-absolute" />
-                <div className="back-e-alt-v position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="light-gg-alt position-absolute" />
-                <div className="light-g position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 10 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue position-relative" />
-                <div className="back-e-alt-ii position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="light-i position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-    </>
- );
-};
diff --git a/src/components/hotel-view1/views/widgets/hoteldayview/HotelNight.tsx b/src/components/hotel-view1/views/widgets/hoteldayview/HotelNight.tsx
deleted file mode 100644
index 4f9a431..0000000
--- a/src/components/hotel-view1/views/widgets/hoteldayview/HotelNight.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { FC, useEffect, useState } from 'react';
-import { GetConfigurationValue } from "../../../../../api";
-import { RoomWidgetView } from '../rooms/RoomWidgetView';
-import { RoomWidgetViewNight } from '../rooms/RoomWidgetViewNight';
-
-export const HotelNight: FC<{}> = props =>
-{
-    const [show, setShow] = useState(false)
-    const backgroundColor = GetConfigurationValue('hotelview')['images']['background.colour'];
-
-    const now = new Date();
-	
-	useEffect(() => {
-		setTimeout(() => setShow(true), 15000);
-	}, []);
-
-    return (
-	<div className="nitro-hotel-view" style={ (backgroundColor && backgroundColor) ? { background: backgroundColor } : {} }>
-			<div className="left position-absolute">
-				<div className="hotelview-back position-relative">
-					<div className="stretch-blue-night position-relative"/>
-					<div className="back-c-alt position-absolute"/>
-				</div>
-			</div>
-			<div className="drape position-absolute"/>
-			<div className="left position-absolute">
-				<div className="hotelview position-relative">
-				<div className="hotelview-night position-relative"/>
-				<RoomWidgetViewNight/>
-				<div className="light-i position-absolute"/>
-				<div className="door position-absolute"/><
-			/div>
-		</div>
-	</div>
-	);
-}
\ No newline at end of file
diff --git a/src/components/hotel-view1/views/widgets/hoteldayview/HotelSunset.tsx b/src/components/hotel-view1/views/widgets/hoteldayview/HotelSunset.tsx
deleted file mode 100644
index d557d1f..0000000
--- a/src/components/hotel-view1/views/widgets/hoteldayview/HotelSunset.tsx
+++ /dev/null
@@ -1,239 +0,0 @@
-import { FC } from "react";
-import { GetConfigurationValue } from "../../../../../api";
-import { RoomWidgetViewNight } from "./../../../views/widgets/rooms/RoomWidgetViewNight";
-import { RoomWidgetView } from "./../../../views/widgets/rooms/RoomWidgetView";
-
-export const HotelSunset: FC<{}> = () => {
-  const backgroundColor = GetConfigurationValue('hotelview')['images']['background.colour'];
-  const now = new Date();
-  const hour = now.getHours();
-  const minutes = now.getMinutes();
-  const backgroundStyle = backgroundColor && backgroundColor ? { background: backgroundColor } : {};
-
-  const renderView = (elements: React.ReactNode) => (
-    <div className="nitro-hotel-view" style={backgroundStyle}>
-      {elements}
-    </div>
-  );
-
-  return (
-    <>
-      {hour === 16 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-af-1 position-relative" />
-                <div className="back-f-alt position-absolute" />
-                <div className="back-f position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-j position-absolute" />
-                <div className="light-j position-absolute" />
-                <div className="light-j position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 16 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-af-2 position-relative" />
-                <div className="back-g-alt position-absolute" />
-                <div className="back-g position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="light-l position-absolute" />
-                <div className="light-l-alt position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 17 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-af-3 position-relative" />
-                <div className="back-h-alt position-absolute" />
-                <div className="back-h position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="light-m position-absolute" />
-                <div className="light-m-alt position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 17 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-af-4 position-relative" />
-                <div className="back-h position-absolute" />
-              </div>
-            </div>
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="light-n position-absolute" />
-                <div className="light-n-alt position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 18 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-af-5 position-relative" />
-                <div className="back-h position-absolute" />
-                <div className="back-n position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-k position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="light-n position-absolute" />
-                <div className="light-n-alt-iii position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 18 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-af-6 position-relative" />
-                <div className="back-h position-absolute" />
-                <div className="back-n position-absolute" />
-                <div className="back-k-final position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-k position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="light-o position-absolute" />
-                <div className="light-o-alt position-absolute" />
-                <div className="light-o-alt-ii position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 19 &&
-        minutes <= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-night position-relative" />
-                <div className="back-c-alt position-absolute" />
-                <div className="back-c-alt position-absolute" />
-                <div className="back-h position-absolute" />
-                <div className="back-k-alt position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-m position-absolute" />
-                <div className="front-m position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="front-j position-absolute" />
-                <div className="light-p position-absolute" />
-                <div className="light-p-alt position-absolute" />
-                <div className="light-p-alt-ii position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-      {hour === 19 &&
-        minutes >= 30 &&
-        renderView(
-          <>
-            <div className="left position-absolute">
-              <div className="hotelview-back position-relative">
-                <div className="stretch-blue-night position-relative" />
-                <div className="back-e position-absolute" />
-                <div className="back-k-final position-absolute" />
-                <div className="back-l position-absolute" />
-                <div className="back-l position-absolute" />
-              </div>
-            </div>
-            <div className="drape position-absolute" />
-            <div className="left position-absolute">
-              <div className="hotelview position-relative">
-                <div className="hotelview-orange position-relative" />
-                <RoomWidgetView />
-                <div className="front-a position-absolute" />
-                <div className="light-q position-absolute" />
-                <div className="light-q-alt-ii position-absolute" />
-              </div>
-            </div>
-          </>,
-        )}
-    </>
-	
-  );
-};
diff --git a/src/components/hotel-view1/views/widgets/promo-article/PromoArticleWidgetView.scss b/src/components/hotel-view1/views/widgets/promo-article/PromoArticleWidgetView.scss
deleted file mode 100644
index eed870d..0000000
--- a/src/components/hotel-view1/views/widgets/promo-article/PromoArticleWidgetView.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-.promo-articles {
-    width: 100%;
-    height: 100%;
-
-	.promo-articles-bullet {
-		border-radius: 50%;
-		background-color: $white;
-		border: 1px solid $white;
-		height: 13px;
-		width: 13px;
-		margin-right: 3px;
-
-		&.promo-articles-bullet-active {
-			background: $black;
-		}
-	}
-
-	.promo-article {
-		.promo-article-image {
-			width: 150px;
-			height: 150px;
-			margin-right: 10px;
-			background-repeat: no-repeat;
-			background-position: top center;
-		}
-	}
-}
diff --git a/src/components/hotel-view1/views/widgets/promo-article/PromoArticleWidgetView.tsx b/src/components/hotel-view1/views/widgets/promo-article/PromoArticleWidgetView.tsx
deleted file mode 100644
index 6539324..0000000
--- a/src/components/hotel-view1/views/widgets/promo-article/PromoArticleWidgetView.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { GetPromoArticlesComposer, PromoArticleData, PromoArticlesMessageEvent } from '@nitrots/nitro-renderer';
-import { FC, useEffect, useState } from 'react';
-import { LocalizeText, OpenUrl, SendMessageComposer } from '../../../../../api';
-import { useMessageEvent } from '../../../../../hooks';
-
-export const PromoArticleWidgetView: FC<{}> = props =>
-{
-    const [ articles, setArticles ] = useState<PromoArticleData[]>(null);
-    const [ index, setIndex ] = useState(0);
-
-    useMessageEvent<PromoArticlesMessageEvent>(PromoArticlesMessageEvent, event =>
-    {
-        const parser = event.getParser();
-        setArticles(parser.articles);
-    });
-
-    useEffect(() =>
-    {
-        SendMessageComposer(new GetPromoArticlesComposer());
-    }, []);
-
-    if(!articles) return null;
-
-    return (
-        <div className="promo-articles widget mb-2">
-            <div className="d-flex flex-row align-items-center w-100 mb-1">
-                <small className="flex-shrink-0 pe-1">{ LocalizeText('landing.view.promo.article.header') }</small>
-                <hr className="w-100 my-0"/>
-            </div>
-            <div className="d-flex flex-row mb-1">
-                { articles && (articles.length > 0) && articles.map((article, ind) =>
-                    <div className={ 'promo-articles-bullet cursor-pointer ' + (article === articles[index] ? 'promo-articles-bullet-active' : '') } key={ article.id } onClick={ event => setIndex(ind) } />
-                ) }
-            </div>
-            { articles && articles[index] &&
-                <div className="promo-article d-flex flex-row row mx-0">
-                    <div className="promo-article-image" style={ { backgroundImage: `url(${ articles[index].imageUrl })` } }/>
-                    <div className="col-3 d-flex flex-column h-100">
-                        <h3 className="my-0">{ articles[index].title }</h3>
-                        <b>{ articles[index].bodyText }</b>
-                        <button className="btn btn-sm mt-auto btn-gainsboro" onClick={ event => OpenUrl(articles[index].linkContent) }>{ articles[index].buttonText }</button>
-                    </div>
-                </div> }
-        </div>
-    );
-}
diff --git a/src/components/hotel-view1/views/widgets/rooms/RoomWidgetView.tsx b/src/components/hotel-view1/views/widgets/rooms/RoomWidgetView.tsx
deleted file mode 100644
index 3f6133d..0000000
--- a/src/components/hotel-view1/views/widgets/rooms/RoomWidgetView.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { CreateLinkEvent, GetConfiguration } from '@nitrots/nitro-renderer';
-import React, { FC } from 'react';
-import { Base, Flex } from '../../../../../common';
-
-interface Room {
-  id: string;
-  className: string;
-}
-
-const rooms: Room[] = [
-  { id: 'room.rooftop', className: 'rooftop-orange' },
-  { id: 'room.rooftop.pool', className: 'rooftop-pool-orange' },
-  { id: 'room.pool', className: 'pool-orange' },
-  { id: 'room.picnic', className: 'picnic-orange' },
-  { id: 'room.peaceful', className: 'peaceful-orange' },
-  { id: 'room.infobus', className: 'infobus-orange' },
-  { id: 'room.lobby', className: 'lobby' },
-];
-
-export const RoomWidgetView: FC<{}> = () => {
-  const hotelViewConfig = GetConfiguration('hotelview');
-
-  const handleRoomClick = (roomId: string) => {
-    CreateLinkEvent(`navigator/goto/${roomId}`);
-  };
-
-  return (
-    <Flex>
-      {rooms.map((room) => (
-        <Base
-          key={room.id}
-          className={`position-absolute ${room.className}`}
-          onClick={() => handleRoomClick(hotelViewConfig[room.id])}
-        >
-          <i className="active-arrow arrow" />
-        </Base>
-      ))}
-    </Flex>
-  );
-};
\ No newline at end of file
diff --git a/src/components/hotel-view1/views/widgets/rooms/RoomWidgetViewNight.tsx b/src/components/hotel-view1/views/widgets/rooms/RoomWidgetViewNight.tsx
deleted file mode 100644
index c997ee5..0000000
--- a/src/components/hotel-view1/views/widgets/rooms/RoomWidgetViewNight.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { CreateLinkEvent, GetConfiguration } from '@nitrots/nitro-renderer';
-import React, { FC } from 'react';
-import { Base, Flex } from '../../../../../common';
-
-interface Room {
-  id: string;
-  className: string;
-}
-
-const rooms: Room[] = [
-  { id: 'room.rooftop', className: 'rooftop-night' },
-  { id: 'room.rooftop.pool', className: 'rooftop-pool-night' },
-  { id: 'room.picnic', className: 'picnic-night' },
-  { id: 'room.peaceful', className: 'peaceful-night' },
-  { id: 'room.pool', className: 'pool-night' },
-  { id: 'room.infobus', className: 'infobus-night' },
-  { id: 'room.lobby', className: 'lobby-night' },
-];
-
-export const RoomWidgetViewNight: FC<{}> = () => {
-  const hotelViewConfig = GetConfiguration('hotelview');
-
-  const handleRoomClick = (roomId: string) => {
-    CreateLinkEvent(`navigator/goto/${roomId}`);
-  };
-
-  return (
-    <Flex>
-      {rooms.map((room) => (
-        <Base
-          key={room.id}
-          className={`position-absolute ${room.className}`}
-          onClick={() => handleRoomClick(hotelViewConfig[room.id])}
-        >
-          <i className="active-arrow arrow" />
-        </Base>
-      ))}
-    </Flex>
-  );
-};
\ No newline at end of file
diff --git a/src/components/hotel-view1/views/widgets/widget-container/WidgetContainerView.scss b/src/components/hotel-view1/views/widgets/widget-container/WidgetContainerView.scss
deleted file mode 100644
index 131b560..0000000
--- a/src/components/hotel-view1/views/widgets/widget-container/WidgetContainerView.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.widgetcontainer {
-    .widgetcontainer-image {
-        width: 150px;
-        height: 150px;
-        margin-right: 10px;
-        background-repeat: no-repeat;
-        background-position: top center;
-    }
-}
diff --git a/src/components/hotel-view1/views/widgets/widget-container/WidgetContainerView.tsx b/src/components/hotel-view1/views/widgets/widget-container/WidgetContainerView.tsx
deleted file mode 100644
index 6839187..0000000
--- a/src/components/hotel-view1/views/widgets/widget-container/WidgetContainerView.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { GetConfiguration } from '@nitrots/nitro-renderer';
-import { FC } from 'react';
-import { LocalizeText, OpenUrl } from '../../../../../api';
-
-export interface WidgetContainerViewProps
-{
-    conf: any;
-}
-
-export const WidgetContainerView: FC<WidgetContainerViewProps> = props =>
-{
-    const { conf = null } = props;
-
-    const getOption = (key: string) =>
-    {
-        const option = conf[key];
-
-        if(!option) return null;
-
-        switch(key)
-        {
-            case 'image':
-                return GetConfiguration().interpolate(option);
-        }
-
-        return option;
-    }
-
-  	return (
-        <div className="widgetcontainer widget d-flex flex-row overflow-hidden">
-            <div className="widgetcontainer-image flex-shrink-0" style={ { backgroundImage: `url(${ getOption('image') })` } } />
-            <div className="d-flex flex-column align-self-center">
-                <h3 className="my-0">{ LocalizeText(`landing.view.${ getOption('texts') }.header`) }</h3>
-                <i>{ LocalizeText(`landing.view.${ getOption('texts') }.body`) }</i>
-                <button className="btn btn-sm btn-gainsboro align-self-start px-3 mt-auto" onClick={ event => OpenUrl(getOption('btnLink')) }>{ LocalizeText(`landing.view.${ getOption('texts') }.button`) }</button>
-            </div>
-        </div>
-  	);
-}