<?php require_once( 'cms/cms.php' ); ?>
<cms:template title='New Menu Landing' clonable='1' order='2'>

<cms:editable name="popupvisibility" label="Pop-up Visibility" opt_values='Select | visibility:visble; display:block | visibility:hidden; display:none' type='dropdown' desc='Set to turn the pop-up block on/off'/>		
	
<cms:editable type='text' name='post_content_modal_title' label='Pop-up opening line (italics)' />	
<cms:editable type='nicedit' name='post_content_modal_copy' height='50' label='Pop-up copy (aim 3 lines)' desc='' />	
<cms:editable type='text' name='post_content_modal_menu_link' label='Menu link (pdf or url)' />	
<cms:editable type='text' name='post_content_modal_booking_link' label='Reservations url' />	
	
	
    <cms:repeatable name='images_carousel_hero_desk' label='Carousel Images, Hero' desc='Dimensions 1920px W x 1080px H, optimised img @ 50% quality'>
        <cms:editable type='image' name='carousel_hero_desk_image' label='Upload Image' />
		<cms:editable type='text' name='image_hero_desk_alt_tag' label='Description Alt Tag' />
    </cms:repeatable>
	
	<cms:repeatable name='images_carousel_hero_mob' label='Carousel Images, Hero Mobile' desc='Dimensions 1000px W x 1400px H, optimised img @ 50% quality'>
        <cms:editable type='image' name='carousel_hero_mob_image' label='Upload Image' />
		<cms:editable type='text' name='image_hero_mob_alt_tag' label='Description Alt Tag' />
    </cms:repeatable>		
	
<cms:editable type='nicedit' name='post_content_about_food' height='250' label='Intro / Food' desc='' />	
<cms:editable type='file' name='menu_main' height='100' label='Menu Main' desc='Click Browse Server to view current menu files. Control or right click to delete the file you want to replace, then please name the new file to upload to exactly match the current file name (no dates): MOI food menu : moi-restaurant-menu-food.pdf' />
	
	
    <cms:repeatable name='images_carousel_food' label='Image(s), Food'>
        <cms:editable type='image' name='carousel_food_image' label='Upload Image' desc='Dimensions 1040px W x 1220px H, optimised img @ 50% quality'/>
		<cms:editable type='text' name='image_food_alt_tag' label='Description Alt Tag' />
    </cms:repeatable>		
		
	
<cms:editable type='nicedit' name='post_content_drinks' height='250' label='Drinks' desc='' />
<cms:editable type='file' name='menu_wine' height='100' label='Menu Wine' desc='file name moi-soho-sake-wine.pdf' />
<cms:editable type='file' name='menu_cocktails' height='100' label='Menu Cocktails' desc='file name moi-soho-cocktail-menu.pdf' />
	

    <cms:repeatable name='images_carousel_drink' label='Image(s), Drink' desc='Dimensions 1000px W x 1000px H, optimised img @ 50% quality'>
        <cms:editable type='image' name='carousel_drink_image' label='Upload Image' />
		<cms:editable type='text' name='image_drink_alt_tag' label='Description Alt Tag' />
    </cms:repeatable>			
	
	
<cms:editable type='nicedit' name='post_content_private_dining_1' height='250' label='Private Dining' desc='' />
<cms:editable type='file' name='pdr_brochure' height='100' label='PDR Brochure' desc='file name moi-restaurant-soho-private-dining.pdf' />
<cms:editable type='nicedit' name='post_content_private_dining_2' height='150' label='PDR enquiries' desc='' />

	<cms:repeatable name='images_carousel_landscape_event' label='Image(s), Events / PDR (Landscape)' desc='Dimensions 1500px W x 1000px H, optimised img @ 50% quality'>
        <cms:editable type='image' name='carousel_landscape_event_image' label='Upload Image' />
		<cms:editable type='text' name='image_event_landscape_alt_tag' label='Description Alt Tag' />
    </cms:repeatable>	
	
<cms:editable type='nicedit' name='post_content_listening_room' height='250' label='Room 86' desc='' />	
<cms:editable type='file' name='menu_listening_room' height='100' label='Room 86 Private Hire brochure' desc='room86-bar-soho-private-hire-venue-takeover.pdf' />
	
	<cms:repeatable name='images_carousel_listeningroom' label='Image(s), Room 86' desc='Dimensions 960px W x 1080px H, optimised img @ 50% quality'>
        <cms:editable type='image' name='carousel_listeningroom_image' label='Upload Image' />
		<cms:editable type='text' name='image_listeningroom_alt_tag' label='Description Alt Tag' />
    </cms:repeatable>	

<cms:editable type='nicedit' name='post_content_reservations' height='150' label='Reservations' desc='' />
<cms:editable type='nicedit' name='post_content_groups' height='75' label='Groups' desc='' />
<cms:editable type='nicedit' name='post_content_hours_restaurant' height='250' label='Hours, Restaurant' desc='' />
<cms:editable type='nicedit' name='post_content_hours_listening_room' height='250' label='Hours, Listening Room' desc='' />
<cms:editable type='nicedit' name='post_content_contact' height='250' label='Contact' desc='' />
<cms:editable type='text' name='snippet' height='20' label='Snippets' desc='Custom code' />

</cms:template>	

<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<title>MOI | Restaurant | Soho . London</title>
<meta name="description" content="A Japanese-inspired grill & omakase bar, Wardour Street, Soho, London">	
<meta name="view-transition" content="same-origin">		
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="src/js/core.js"></script>
<script type="text/javascript" src="src/js/jquery.nav.js"></script>	
<link rel="stylesheet" href="src/css/moi-japanese-restaurant-soho-20260225.css">
<link rel="stylesheet" href="src/css/slider.css">
<link rel="stylesheet" type="text/css" href="src/webfonts/ywft-dacotta-regular-plain.css">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1, initial-scale=1 user-scalable=no">
<link rel="apple-touch-icon" sizes="57x57" href="src/img/fav/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="src/img/fav/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="src/img/fav/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="src/img/fav/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="src/img/fav/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="src/img/fav/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="src/img/fav/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="src/img/fav/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="src/img/fav/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="src/img/fav/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="src/img/fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="src/img/fav/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="src/img/fav/favicon-16x16.png">
<link rel="manifest" href="../manifest.json">
<meta name="msapplication-TileColor" content="#000">
<meta name="msapplication-TileImage" content="src/img/fav/ms-icon-144x144.png">
<meta name="theme-color" content="#000">
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#container").fadeOut(0250);
  });
});
</script>		
<script type="text/javascript">
scalemenu.addDiv('privatedining','fade=0,speed=750,group=A,hide=1')
scalemenu.ontoggle=function($, divobj, state){}
scalemenu.init()
</script>	
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HP17LFSE7R"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HP17LFSE7R');
</script>
	
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W755ZCJR');</script>
<!-- End Google Tag Manager -->
	
	
</head>
	
	
<!-- -------------------- Moi Restaurant Soho -------------------- -->
	
<body id="moirestaurant">
		
	
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W755ZCJR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
	
	
<div class="logo_moi">
	<a href="https://moirestaurant.com/"><img class="img" src="src/img/restaurant-soho/moi-restaurant-soho.png"/></a>
</div>	
	
	
<div style="position: absolute;top:40px; right: 27px; z-index: 99; width: 5px; height: 3000px;" class="d">
	<img style="width:100%; height: 100%;" src="src/img/restaurant-soho/right.png"/>
</div>		
	
	
<!-- ---------- Mobile Nav  ---------- -->	  
	  
	
<div class="reservations">
	
	<div style="padding: 0px 25px 0px 25px; margin: auto; width: 150px;">
		
			<a href="https://www.sevenrooms.com/explore/moirestaurant/reservations/create/search/?venues=moirestaurant,altarestaurant" target="_blank"><div style="width: 160px; margin-top:-5px; margin-left: -15px;"><img src="src/img/restaurant-soho/reservations-05.png" style="width:100%; height: auto;"/></div></a>

	</div>
	
</div>
	
	
	  <nav_mob>
           <div id="menuToggle">
              <input type="checkbox"/>
                <span></span>
                <span></span>
                <span></span>
			   </input>
			   
            <ul id="menu">
			<div class="mob_nav_container">	
			<div class="mob_p_l">				
					<a class="li" href="https://moirestaurant.com/#food">Food</a><br>
					<a class="li" href="https://moirestaurant.com/#drink">Drink</a><br>
					<br>
					<a class="li" href="#room86">Room 86</a><br>
					<a class="li" href="https://moirestaurant.com/omakase-experience-soho/">Omakase Experience</a><br>
					<a class="li" href="https://moirestaurant.com/new-moi-menu/">New at MOI</a><br>
					<br>
				<a class="li" href="https://moirestaurant.com/#private_dining">Private Dining</a><br>
					<a class="li" href="https://moirestaurant.vouchable.co.uk/" target="_blank">Gift Vouchers</a><br>	
					<a class="li" href="#newsletter">Newsletter</a><br>	
					<br>
					<a class="li" href="https://maps.app.goo.gl/K5wPxXCMWcFgNHiA6" target="_blank">84 Wardour St<br>Soho . London</a>	
					<br><br>
					<a href="mailto:hello@moirestaurant.com">hello@moirestaurant.com</a>
					<br>
					<br>
					<a href="https://www.instagram.com/moi.soho/" target="_blank"><img style="width:22px;" src="src/img/instagram-blk.svg"/></a>	

				
			 </div>  
			 </div> 

		  </div>
     </nav_mob>	

		  
<!-- ----- Mobile Nav close ----- -->	
	
<div>	
	

<!-- ---------- Food ---------- -->	

<div class="section" id="food">	
		
	<div class="row_wrapper mt_section_food">
		
		
			<div class="column2 m">
						<div class="slider single-item-fade" style="overflow: hidden">

						<cms:show_repeatable 'images_carousel_food'>	
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-07.jpg" />	<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-02.jpg" />
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-04.jpg" />
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-03.jpg" />	
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-05.jpg" />	<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-01.jpg" />
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-06.jpg" />
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-08.jpg" />
							<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-09.jpg" />			
						</cms:show_repeatable>	
				
				
 			 </div>
 			 </div>
		
		
			<div class="column2">
				<div class="al ourmenu">	
					

<div style="max-width:425px; margin: auto;">
	<div class="l_omakase">
	
		<!--<cms:show post_content_about_food />-->
		
<br class="d">
<br class="d">
<br class="d">
<br class="d">
<br class="d">
		
		
		A new menu has arrived at MOI.
<br><br>
Expect bolder flavours, familiar MOI signatures and a more informal, easygoing way to dine, with a wider selection of snacks, small plates and skewers alongside weekly-changing maki, temaki and nigiri.

<br><br>
		
		
		<a href="../cms/uploads/file/moi-restaurant-soho-food-menu.pdf" target="_blank">
			<div>
				View the new menu
			</div>
			<div style="width: 150px; height: 2px; margin-top:0px; margin-left: -4px;">
				<img src="src/img/restaurant-soho/underline_r.png" style="width:100%;"/>
			</div>
		</a>
		
		
			<a href="../cms/uploads/file/moi-soho-sake-wine.pdf" target="_blank">
			<div>
				Sake &amp; Wine
			</div>
			<div style="width: 100px; margin-top:0px; margin-left: -4px;">
				<img src="src/img/restaurant-soho/underline_r.png" style="width:100%;"/>
			</div>
		</a>
		
		<a href="../cms/uploads/file/moi-soho-cocktail-menu.pdf" target="_blank">
			<div>
				House Cocktails
			</div>
			<div style="width: 130px; margin-top:0px; margin-left: -4px;">
				<img src="src/img/restaurant-soho/underline_r.png" style="width:100%;"/>
			</div>
		</a>
		
		<br>
		
				<a href="https://www.sevenrooms.com/explore/moirestaurant/reservations/create/search/?venues=moirestaurant,altarestaurant" target="_blank">
			<div>
				Book here
			</div>
			<div style="width: 120px; height: 2px; margin-top:0px; margin-left: -4px;">
				<img src="src/img/restaurant-soho/underline_r.png" style="width:100%;"/>
			</div>
		</a>

		
	</div>		
					
</div>						
					

				</div>	
 			 </div>
	
	
			<div class="column2 d">
						<div class="slider single-item-fade" style="overflow: hidden">

	
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-07.jpg" />	
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-02.jpg" />
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-04.jpg" />
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-03.jpg" />	
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-05.jpg" />	
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-01.jpg" />
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-06.jpg" />
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-08.jpg" />
							<img style="width: 100%" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-09.jpg" />
							
							
 			 </div>
 			 </div>
	
	</div>
	
</section>		  
		  
  
<div style="max-width: 800px; height: auto; margin: auto; padding: 100px 0px;">
<div style="padding: 0px 20px;">

	
			<div class=" single-item-fade" style="overflow: hidden;">

							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-01.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-02.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-03.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-04.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-05.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-06.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-07.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-08.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-09.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-10.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-11.jpg" />
							<img style="width:100%; height: auto;" src="src/img/japanese-restaurant-soho/_best-japanese-food-london-12.jpg" />

			</div>
	
								
								</div>
	
</div>

	
<!-- ---------- Food ---------- -->	

<div class="section" id="food">	
		
	<div class="row_wrapper mt_section_food">
		
		
			<div class="column2 d">
						<div class="slider single-item-fade" style="overflow: hidden">

						<cms:show_repeatable 'images_carousel_food'>	
	<img class="img" src="src/img/japanese-restaurant-soho/_best-japanese-restaurant-london-10.jpg" />	
							</cms:show_repeatable>	
				
				
 			 </div>
 			 </div>		
		
		
			<div class="column2">
				<div class="al ourmenu">	
					

<div style="max-width:425px; margin: auto;">
	<div class="l_omakase">
	

Hours
<br><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:14px;">
  								<tbody>
    								<tr>
      									<td>Mon<br>
<br>
</td>
      									<td>Closed<br>
<br>
</td>
							
    								</tr>
									
									    								<tr>
      									<td>Tue&mdash;Sat<br>
<br>
</td>
      									<td>17.30 &mdash; 00:00 (22:00 last sitting)<br><br>
</td>
    								</tr>
									
									    								<tr>
      									
																			
									<td>Sun</td>
      									<td>Closed</td>										
    								</tr>
									
  								</tbody>
							</table>

<br><br>
Reservations are taken for parties up to 12, up to two months in advance. We always hold space for walk-ins.
<br><br>
Booking enquiries<br>
<a href="mailto:hello@moirestaurant.com">hello@moirestaurant.com</a>
<br><br>
Press Enquiries<br>
<a href="mailto:press@moirestaurant.com">press@moirestaurant.com</a>
<br><br>
Careers<br>
<a href="mailto:careers@moirestaurant.com">careers@moirestaurant.com</a>

<br><br>
		
		
				<a href="https://www.sevenrooms.com/explore/moirestaurant/reservations/create/search/?venues=moirestaurant,altarestaurant" target="_blank">
			<div>
				Book here
			</div>
			<div style="width: 120px; height: 2px; margin-top:0px; margin-left: -4px;">
				<img src="src/img/restaurant-soho/underline_r.png" style="width:100%;"/>
			</div>
		</a>

		
	</div>		
					
</div>						
					

				</div>	
 			 </div>
	
	
<!--			<div class="column2">
						<div class="slider single-item-fade" style="overflow: hidden">

						<cms:show_repeatable 'images_carousel_food'>	
							<img class="img" src="<cms:show carousel_food_image />" alt="<cms:show image_food_alt_tag />"/>				
						</cms:show_repeatable>	
				
				
 			 </div>
 			 </div> -->
	
	</div>
	
</section>		  
		  
  
<!-- ---------- Footer ---------- -->

<section id="footer">	
	
	
<div class="core footer">
	
		<div class="row_wrapper footer_wrap">
			
			<div class="column4 japanese_restaurant_london">				
					<br class="d">
				<a class="li" href="https://maps.app.goo.gl/K5wPxXCMWcFgNHiA6" target="_blank">84 Wardour St<br>Soho . London</a>	
					<br>
					<br class="m"> 
			</div>	
			

			<div class="column4 japanese_restaurant_london" id="newsletter">				
				<br class="d">
				MOI Newsletter<br>	
				<button id="myBtn">
					<img src="src/img/restaurant-soho/button-signup.png" width="150px"/></button>
<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close">&times;</span>
      &nbsp;
    </div>
	<div style="position: absolute;top:80px; right:12px; background: #fff; width: 25px; height: 100px;"></div>  
    <div class="modal-body" style="overflow-x: hidden;">
		<iframe src="https://www.sevenrooms.com/explore/moirestaurant/subscription" style="border: 0; width:165%;height: 800px; margin-top:-135px; margin-left: -85px"/></iframe>
    </div>

  </div>

</div>	
			<br class="m">				
			<br class="m">
			</div>	
			
			<div class="japanese_restaurant_london footer_careers">
				
				
				Careers<br>
				We love great people. Get involved.<br> 
				<a href="https://harri.com/Bld-BUKmb8p6z9Uu" target="_blank">Current group roles
							<div style="width: 150px; margin-top:0px; margin-left: -4px;">
				<img src="src/img/restaurant-soho/underline_r.png" style="width:100%; height: 2px;"/></a>
			</div>
				
				<br class="m">
			</div>	
				
			<div class="japanese_restaurant_london footer_gdpr">
				<br class="d">
				<a href="../faqs">FAQ</a><br>
				<a href="../terms-privacy-gdpr">Privacy / GDPR</a>				
				<br>
				<br class="m">

			</div>		
			
			<div class="japanese_restaurant_london footer_insta">
								<br class="d">
				<br class="d">
					<a href="https://www.instagram.com/moi.soho/" target="_blank"><img style="width:22px;" src="src/img/instagram-blk.svg"/></a>	

			</div>		
			
		</div>	

<div class="social">
</div>	

	
</div>	
</section>			  


<!-- ----- Container End ----- -->		
</div>	
		
<style><cms:show snippet /></style>
	
</body>
	
<script>
// Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal 
btn.onclick = function() {
  modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
</script>	

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const menuLinks = document.querySelectorAll('#menu a');
    const menuToggleInput = document.querySelector('#menuToggle input');

    menuLinks.forEach(link => {
      link.addEventListener('click', () => {
        // Close the menu by unchecking the checkbox
        menuToggleInput.checked = false;
      });
    });
  });
</script>		
	
<script>
	$("#intro").fadeTo(1500,1).fadeOut(750);
</script>
	
</html>
<?php COUCH::invoke(); ?>