HRC | 30 March - 01 April 2026

<!DOCTYPE html> <html lang="en-GB" class="hrc-2025 no-js"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> HRC | 30 March - 01 April 2026 </title> <meta name="generator" content="SHOWOFF by ASP.events" /> <meta name="author" content=""> <meta name="description" content="HRC is the UK鈥檚 leading trade event for hospitality and foodservice and takes place on 30 March - 01 April at Excel London as part of Food, Drink & Hospitality Week." /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="HRC | 30 March - 01 April 2026" /> <meta property="og:site_name" content="Hotel, Restaurant & Catering 2025" /> <meta property="schema:description" typeof="http://schema.org/WebPage" content="HRC is the UK’s leading trade event for hospitality and foodservice and takes place on 30 March - 01 April at Excel London as part of Food, Drink & Hospitality Week." /> <meta property="schema:name" typeof="http://schema.org/WebPage" content="Welcome" /> <meta property="schema:image" typeof="http://schema.org/WebPage" content="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/logos/HRC-profile-image.png/fit-in/1200x630/filters:no_upscale()" /> <meta property="og:image" content="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/logos/HRC-profile-image.png/fit-in/1200x630/filters:no_upscale()" /> <meta property="og:description" content="HRC is the UK’s leading trade event for hospitality and foodservice and takes place on 30 March - 01 April at Excel London as part of Food, Drink & Hospitality Week." /> <meta property="og:type" content="website" />  <base href="https://www.hrc.co.uk/" > <meta name="robots" content="index, follow" /> <link rel="icon" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/favicon.ico" type="image/x-icon" /> <link rel="canonical" href="https://www.hrc.co.uk" /> <style> .section:last-child { margin-bottom: 0 !important; } </style><script src="https://consent.cookiefirst.com/sites/hrc.co.uk-35b19615-6c3e-4e5e-b037-6404e5b5c722/consent.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-8HS4E36FR5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8HS4E36FR5'); </script>  <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-TF6RRCB');</script>  <link rel="stylesheet" href="https://use.typekit.net/fno7cot.css"> <script>window.pipedriveLeadboosterConfig = {base: 'leadbooster-chat.pipedrive.com',companyId: 2149998,playbookUuid: '0b18c8a9-5ddc-41d7-8c5a-37b62eb2fe73',version: 2};(function () {var w = window;if (w.LeadBooster) {console.warn('LeadBooster already exists');} else {w.LeadBooster = {q: [],on: function (n, h) {this.q.push({ t: 'o', n: n, h: h });},trigger: function (n) {this.q.push({ t: 't', n: n });},};}})();</script><script src="https://leadbooster-chat.pipedrive.com/assets/loader.js" async></script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '791219224824006'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=791219224824006&ev=PageView&noscript=1" /></noscript>  <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/__theme/css/site.css?v=3A7E6FE8" /> <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/__theme/css/fonts.css" type="text/css"/> <link href="" rel="stylesheet"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script defer src="https://code.jquery.com/ui/1.14.0/jquery-ui.min.js" integrity="sha256-Fb0zP4jE3JHqu+IBB9YktLcSjI1Zc6J2b6gTjB0LpoM=" crossorigin="anonymous"></script> <script src="https://cdn.asp.events/includes/js/script.min.js"></script> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/base.min.js"></script> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/plugins/persist.min.js"></script> <script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/alpine.min.js"></script> <link rel="preload" href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" rel="stylesheet"> </noscript> <style> .m-exhibitor-entry--tabs .m-exhibitor-entry__item__body__content__overview__description { text-align: left; } </style> <script> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/1.2.0/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); }); jQuery(document).ready(function(){ jQuery(document).on('click','.js-share-button',showShareDialog); function showShareDialog(e) { e.preventDefault(); var Site = jQuery(this).attr('data-site'); if (jQuery(this).attr('data-slug') != '') { var PageUrl = jQuery(this).attr('data-slug'); } else { var PageUrl = location.href; } var contentId = ''; if (jQuery(this).attr('data-contentId') != '') { var contentId = jQuery(this).attr('data-contentId'); } var shareText = jQuery(this).attr('data-shareText'); var shareTitle = jQuery(this).attr('data-shareTitle'); jQuery.get ( '__share/buttons/getShareUrl' , { Site:Site , PageUrl:PageUrl , PageTitle:document.title, contentId:contentId, shareText:shareText, shareTitle:shareTitle } , redirectToShare ); //var _paq = _paq || []; //piwik - track share event, and set value for dimension6 in action scope _paq.push(['trackEvent','General','Share',Site,null,{dimension6:PageUrl}]); } function redirectToShare(data) { //open email share in modal if(data.ShareTo.indexOf('__share/email') == 0) openRemoteModal(data.ShareTo); else{ var popupBlockerChecker = { check: function(popup_window){ var _scope = this; if (popup_window) { if(/chrome/.test(navigator.userAgent.toLowerCase())){ setTimeout(function () { _scope._is_popup_blocked(_scope, popup_window); },200); }else{ popup_window.onload = function () { _scope._is_popup_blocked(_scope, popup_window); }; } }else{ _scope._displayError(); } }, _is_popup_blocked: function(scope, popup_window){ if ((popup_window.innerHeight > 0)==false){ scope._displayError(); } }, _displayError: function(){ alert("Popup Blocker is enabled! Please add this site to your exception list."); } }; var popup = window.open(data.ShareTo,'_blank','width=800,height=650'); //'width=620,height=440' popupBlockerChecker.check(popup); } } }); </script> </head> <body id="top" class="body--id-67870 body--template-homepage">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF6RRCB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> _linkedin_partner_id = "5405034"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5405034&fmt=gif" /> </noscript>  <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/143291918.js"></script>  <div class="site"> <header class="s-header " x-data="composerStructureHeader({id: 67905, style: 4, isSticky: true})" x-on:scroll.window="handleOnWindowScroll" x-on:resize.window.debounce.50ms="handleOnWindowResize"> <template x-if="headerMobile"> <div class="s-header__mobile s-header__mobile--style-1 s-header__mobile--67905" x-data="composerStructureHeaderMobile" x-on:resize.window.debounce.50ms="handleOnWindowResize"> <div class="s-header__mobile__background"> <div class="s-header__mobile__background__color u-background-color-white"></div> </div> <div class="s-header__mobile__default"> <div class="s-header__mobile__default__container u-layout-container-default"> <div class="s-header__mobile__default__wrapper-one"> <div class="s-header__mobile__logo"> <div class="w-image w-image--id-uid_89D3E w-image--style-1 w-image--style-1--align-center"> <div class="w-image__container" style="width: 180px;"> <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="180" alt="HRC 2026 Logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2026/HRC-FDHW-lockup-wide-2x.png/fit-in/180x360/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2026/HRC-FDHW-lockup-wide-2x.png/fit-in/360x720/filters:no_upscale() 2x" /> </a> </div> </div> </div> <div class="s-header__mobile__dates u-color-text u-font-one u-font-one-size-normal"> <p>30 March - 01 April 2026 Excel London</p> </div> </div> <div class="s-header__mobile__default__wrapper-two"> <div class="s-header__mobile__open-trigger"> <button class="s-header__mobile__open-trigger__button u-color-one u-border-solid-1 u-border-radius-shape-circle u-border-color-one" x-on:click="handleOnOpenClick" > <i class="s-header__mobile__open-trigger__button__icon fal fa-bars"></i> </button> </div> </div> </div> </div> <div class="s-header__mobile__open"> <div class="s-header__mobile__open__background u-background-color-black" style="opacity: 0.87;"></div> <div class="s-header__mobile__open__close u-layout-container-default"> <button class="s-header__mobile__open__close__button u-color-white u-border-color-white u-border-solid-1 u-border-radius-shape-circle" x-on:click="handleOnCloseClick"> <i class="s-header__mobile__open__close__button__icon fal fa-times"></i> </button> </div> <div class="s-header__mobile__open__container"> <div class="s-header__mobile__open__wrapper-two"> <div class="s-header__mobile__buttons"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-left"> </div> </div> </div> <div class="s-header__mobile__open__wrapper-three"> <nav class="s-header__mobile__navigation s-header__mobile__navigation--alignment-center" x-on:click="handleAnchorScroll" aria-label="Main Menu">  <ul class="p-menu--accordion p-menu--accordion--id-AAACE" x-data="composerPatternMenuAccordion({id: 'AAACE'})" menuid="AAACE"> <li class="p-menu__item" title="Home"> <div class="p-menu__item__wrapper-one"> <a href="welcome" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large">Home</a> </div> </li> <li class="p-menu__item has-submenu" title="Exhibit"> <div class="p-menu__item__wrapper-one"> <a href="why-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Exhibit</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibit</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item" title="Why Exhibit?"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit" target="_self" class="p-menu__item__submenu__item__link u-color-white">Why Exhibit?</a> </div> </li> <li class="p-menu__item__submenu__item has-submenu" title="Event Sections"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit/event-sections" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Event Sections</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Event Sections</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="Foodservice"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit/event-sections/foodservice" target="_self" class="p-menu__item__submenu__item__link u-color-white">Foodservice</a> </div> </li> <li class="p-menu__item__submenu__item" title="Hospitality Tech"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit/event-sections/hospitality-tech" target="_self" class="p-menu__item__submenu__item__link u-color-white">Hospitality Tech</a> </div> </li> <li class="p-menu__item__submenu__item" title="Professional Kitchen"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit/event-sections/professional-kitchen" target="_self" class="p-menu__item__submenu__item__link u-color-white">Professional Kitchen</a> </div> </li> <li class="p-menu__item__submenu__item" title="Furniture, Interiors & Tableware"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit/event-sections/furniture-interiors-tableware" target="_self" class="p-menu__item__submenu__item__link u-color-white">Furniture, Interiors & Tableware</a> </div> </li> </ul> </div> </li> <li class="p-menu__item__submenu__item" title="Enquire To Exhibit"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="enquire-to-exhibit" target="_self" class="p-menu__item__submenu__item__link u-color-white">Enquire To Exhibit</a> </div> </li> <li class="p-menu__item__submenu__item" title="Sponsorship Opportunities"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="sponsorship-opportunities" target="_self" class="p-menu__item__submenu__item__link u-color-white">Sponsorship Opportunities</a> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="Visit"> <div class="p-menu__item__wrapper-one"> <a href="whats-on" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Visit</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Visit</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item has-submenu" title="What's On?"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="whats-on" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">What's On?</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: What's On?</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-products" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Product Discovery</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="New Product Launches"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-products/new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-color-white">New Product Launches</a> </div> </li> </ul> </div> </li> <li class="p-menu__item__submenu__item" title="Exhibitor List"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-list" target="_self" class="p-menu__item__submenu__item__link u-color-white">Exhibitor List</a> </div> </li> <li class="p-menu__item__submenu__item has-submenu" title="Seminar Programme"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="seminar-programme" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Seminar Programme</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Seminar Programme</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="Our Speakers"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="speakers" target="_self" class="p-menu__item__submenu__item__link u-color-white">Our Speakers</a> </div> </li> </ul> </div> </li> <li class="p-menu__item__submenu__item has-submenu" title="Co-Located Events"> <div class="p-menu__item__submenu__item__wrapper-one"> <span class="p-menu__item__submenu__item__text u-color-white" aria-expanded="false">Co-Located Events</span> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Co-Located Events</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="IFE Manufacturing"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.ifemanufacturing.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">IFE Manufacturing</a> </div> </li> <li class="p-menu__item__submenu__item" title="IFE"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.ife.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">IFE</a> </div> </li> <li class="p-menu__item__submenu__item" title="The Pub Show"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.thepubshow.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">The Pub Show</a> </div> </li> <li class="p-menu__item__submenu__item" title="International Salon Culinaire"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="http://internationalsalonculinaire.co.uk/?lang=fr" target="_blank" class="p-menu__item__submenu__item__link u-color-white">International Salon Culinaire</a> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="p-menu__item__submenu__item" title="When & Where?"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="when-where" target="_self" class="p-menu__item__submenu__item__link u-color-white">When & Where?</a> </div> </li> <li class="p-menu__item__submenu__item" title="FAQs"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-color-white">FAQs</a> </div> </li> <li class="p-menu__item__submenu__item" title="Accessibility"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="accessibility" target="_self" class="p-menu__item__submenu__item__link u-color-white">Accessibility</a> </div> </li> <li class="p-menu__item__submenu__item" title="Sustainability"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="sustainability" target="_self" class="p-menu__item__submenu__item__link u-color-white">Sustainability</a> </div> </li> <li class="p-menu__item__submenu__item" title="Our Team"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="contact-the-team" target="_self" class="p-menu__item__submenu__item__link u-color-white">Our Team</a> </div> </li> <li class="p-menu__item__submenu__item" title="Our Ambassadors"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="ambassadors" target="_self" class="p-menu__item__submenu__item__link u-color-white">Our Ambassadors</a> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="Seminar Programme"> <div class="p-menu__item__wrapper-one"> <a href="seminar-programme" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Seminar Programme</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Seminar Programme</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item" title="Our Speakers"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="speakers" target="_self" class="p-menu__item__submenu__item__link u-color-white">Our Speakers</a> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="Exhibitor List"> <div class="p-menu__item__wrapper-one"> <a href="exhibitor-list" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Exhibitor List</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibitor List</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-products" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Product Discovery</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="New Product Launches"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-products/new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-color-white">New Product Launches</a> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="News"> <div class="p-menu__item__wrapper-one"> <a href="latest-news" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">News</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: News</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item" title="Latest News"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="latest-news" target="_self" class="p-menu__item__submenu__item__link u-color-white">Latest News</a> </div> </li> <li class="p-menu__item__submenu__item" title="Exhibitor News"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-news-4c25" target="_self" class="p-menu__item__submenu__item__link u-color-white">Exhibitor News</a> </div> </li> <li class="p-menu__item__submenu__item" title="HRC History"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="hrc-history" target="_self" class="p-menu__item__submenu__item__link u-color-white">HRC History</a> </div> </li> <li class="p-menu__item__submenu__item" title="Podcasts"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="podcasts" target="_self" class="p-menu__item__submenu__item__link u-color-white">Podcasts</a> </div> </li> <li class="p-menu__item__submenu__item" title="Newsletter Sign Up"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="newsletter-sign-up" target="_self" class="p-menu__item__submenu__item__link u-color-white">Newsletter Sign Up</a> </div> </li> </ul> </div> </li> <li class="p-menu__item p-menu__item--more has-submenu" style="display: none;"> <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show more menu items</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"></ul> </li> </ul> <script> function composerPatternMenuAccordion(params) { return { id: params.id, config: { classes: { mainMenuItem : 'p-menu__item', subMenuItemClass:'p-menu__item__submenu__item' } }, init() { this.setActiveMenuItem(); }, setActiveMenuItem() { var $activeMenuItem = $('.p-menu--accordion--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); this.toggleOnActiveStyling($activeMenuItem); }, showSubmenu($menuItem){ var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); $menuItemSubMenu.slideDown(); $menuItem.addClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'true'); $menuItemToggle.attr('aria-expanded', 'true'); }, hideSubmenu($menuItem){ var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); $menuItemSubMenu.slideUp(); $menuItem.removeClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'false'); $menuItemToggle.attr('aria-expanded', 'false'); }, handleSubmenuToggleClick(e) { var $parentMenuItem; if ($(e.currentTarget).hasClass('p-menu__item__submenu-toggle__button')) { $parentMenuItem = $(e.currentTarget).closest('.p-menu__item'); } else { $parentMenuItem = $(e.currentTarget).closest('.p-menu__item__submenu__item'); } if ($parentMenuItem.hasClass('has-submenu-open')) { this.hideSubmenu($parentMenuItem); } else { this.showSubmenu($parentMenuItem); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.currentTarget), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.currentTarget), "leave"); }, toggleOnActiveStyling($menuItem) { var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle').first(); if (1 == 1) { toggleColor("main"); } if (1 == 2) { toggleBold("main"); } } if ($menuItem.hasClass(this.config.classes.subMenuItemClass)) { $menuItemTitle = $menuItem.find('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text').first(); if (1 == 1) { toggleColor("sub"); } if (1 == 2) { toggleBold("sub"); } } function toggleColor(level) { var color = level == "main" ? "white" : "white"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "one" : "one"; var onActiveColorType = onActiveColor == "custom" ? "style" : "class"; var onActiveColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onActiveColorType == "class") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onActiveColorCustom); } } else { if (onActiveColorType == "class") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.css("color", onActiveColorCustom); } } } function toggleBold(level) { if (level == "main") { var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } if (level == "sub") { var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } $menuItemTitle.addClass(fontFamily); } }, toggleOnHoverStyling($menuItem, action){ } }; } </script> </nav> </div> <div class="s-header__mobile__open__wrapper-four"> <nav class="s-header__mobile__top-menu">  <ul class="p-menu--quick-links p-menu--quick-links--id-A5D63 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '', colorType: 'class', id: 'A5D63', onHover: false,})" id="A5D63"> <li class="p-menu__item" title="Contact Us" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="contact-the-team" target="_self">Contact Us</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-one u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Sign Up To Newsletter" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="newsletter-sign-up" target="_self">Sign Up To Newsletter</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-one u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Exhibitor Zone" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.hrc.co.uk/_zone_#/" target="_blank">Exhibitor Zone</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> </div> <div class="s-header__mobile__open__wrapper-five"> <div class="s-header__mobile__social"> <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center"> <ul class="w-social-networks__items w-social-networks__items--align-center"> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.linkedin.com/company/hotel-restaurant-catering" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.instagram.com/hotel_restaurant_catering" target="_blank" rel="noopener noreferrer" title="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.facebook.com/HotelRestaurantCatering" target="_blank" rel="noopener noreferrer" title="Facebook"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.tiktok.com/@fooddrinkhospitalityweek?lang=en" target="_blank" rel="noopener noreferrer" title="TikTok"> <i class="w-social-networks__items__item__link__icon fa-brands fa-tiktok u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://https://x.com/HRC_Event" target="_blank" rel="noopener noreferrer" title="X"> <i class="w-social-networks__items__item__link__icon fa-brands fa-x-twitter u-font-icons-size-normal"></i> </a> </li> </ul> </div> </div> </div> </div> </div> <script> function composerStructureHeaderMobile() { const $scrollableElement = document.querySelector('.s-header__mobile__open'); return { handleOnOpenClick(e){ scrollLock.disablePageScroll($scrollableElement); gsap.to($('.s-header__mobile__open'), {autoAlpha: 1, duration: 1}); }, handleOnCloseClick(e){ scrollLock.enablePageScroll($scrollableElement); gsap.to($('.s-header__mobile__open'), {autoAlpha: 0, duration: 1}); }, handleOnWindowResize(){ if (window.matchMedia("(min-width: 1280px)").matches) { scrollLock.enablePageScroll($scrollableElement); } }, // Temporary fix for mobile menu anchors not closing the menu - CII-468 handleAnchorScroll(){ $scrollableElement.querySelectorAll('.p-menu__item__submenu__item__link[href*="#"]').forEach(link => { link.addEventListener('click', function (e) { scrollLock.enablePageScroll($scrollableElement); gsap.to($scrollableElement, { autoAlpha: 0, duration: 1 }); }); }); } }; } </script> </div> </template> <div class="s-header__default s-header__default--style-4 s-header__default--id-67905"> <div class="s-header__default__container u-layout-container-full-viewport"> <div class="s-header__default__container__inner"> <div class="s-header__default__background"> <div class="s-header__default__background__color u-background-color-white"></div> </div> <div class="s-header__default__wrapper-one u-border-bottom-solid-1 u-border-bottom-color-muted" style=""> <div class="s-header__default__wrapper-one__container u-layout-container-default"> <div class="s-header__default__wrapper-one__wrapper-one"> <div class="s-header__default__social"> <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center"> <ul class="w-social-networks__items w-social-networks__items--align-center"> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.linkedin.com/company/hotel-restaurant-catering" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.instagram.com/hotel_restaurant_catering" target="_blank" rel="noopener noreferrer" title="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.facebook.com/HotelRestaurantCatering" target="_blank" rel="noopener noreferrer" title="Facebook"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.tiktok.com/@fooddrinkhospitalityweek?lang=en" target="_blank" rel="noopener noreferrer" title="TikTok"> <i class="w-social-networks__items__item__link__icon fa-brands fa-tiktok u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://x.com/HRC_Event" target="_blank" rel="noopener noreferrer" title="X"> <i class="w-social-networks__items__item__link__icon fa-brands fa-x-twitter u-font-icons-size-normal"></i> </a> </li> </ul> </div> </div> </div> <div class="s-header__default__wrapper-one__wrapper-two"> <nav class="s-header__default__top-menu" aria-label="Top Menu (Quick Links)">  <ul class="p-menu--quick-links p-menu--quick-links--id-57D28 has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: '57D28', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="57D28"> <li class="p-menu__item" title="Contact Us" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="contact-the-team" target="_self">Contact Us</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-text u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Sign Up To Newsletter" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="newsletter-sign-up" target="_self">Sign Up To Newsletter</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-text u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Exhibitor Zone" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="https://www.hrc.co.uk/_zone_#/" target="_blank">Exhibitor Zone</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> </div> </div> </div> <div class="s-header__default__wrapper-two u-border-bottom-solid-1 u-border-bottom-color-muted" style=""> <div class="s-header__default__wrapper-two__container u-layout-container-default"> <div class="s-header__default__wrapper-two__wrapper-one"> <div class="s-header__default__dates u-color-text u-font-one u-font-one-size-normal"> <p><strong>30 March - 01 April 2026</strong><br /> Excel London</p> </div> </div> <div class="s-header__default__wrapper-two__wrapper-two"> <div class="s-header__default__logo"> <div class="w-image w-image--id-uid_9A799 w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 350px;"> <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="350" alt="HRC 2026 Logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2026/HRC-FDHW-lockup-wide-2x.png/fit-in/350x700/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2026/HRC-FDHW-lockup-wide-2x.png/fit-in/700x1400/filters:no_upscale() 2x" /> </a> </div> </div> </div> </div> <div class="s-header__default__wrapper-two__wrapper-three"> <div class="s-header__default__search"> <div class="w-search w-search--id-uid_C881B w-search--style-1 w-search--style-1--align-center" x-data="composerWidgetSearch"> <button class="w-search__button u-background-color-muted u-border-solid-1 u-border-color-muted u-color-text u-border-radius-shape-circle" title="Search" x-on:click="handleOnButtonClick"> <i class="w-search__button__icon fal fa-magnifying-glass u-font-icons-size-normal"></i> </button> <script> function composerWidgetSearch(params) { return { handleOnButtonClick() { Alpine.store('search').showSearch(); } } } </script> </div> </div> <div class="s-header__default__call-to-actions"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-center"> </div> </div> </div> </div> </div> <div class="s-header__default__wrapper-three"> <div class="s-header__default__wrapper-three__container u-layout-container-default"> <nav class="s-header__default__navigation" aria-label="Main Menu">  <ul class="p-menu--dropdown p-menu--dropdown--id-1233D is-loading" x-data="composerPatternMenuDropdown({id: '1233D'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="1233D"> <li class="p-menu__item" title="Home" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="welcome" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Home</a> </li> <li class="p-menu__item has-submenu" title="Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Why Exhibit?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Why Exhibit?</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Event Sections" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Event Sections</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Event Sections</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="Foodservice" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/foodservice" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Foodservice</a> </li> <li class="p-menu__item__submenu__item" title="Hospitality Tech" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/hospitality-tech" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Hospitality Tech</a> </li> <li class="p-menu__item__submenu__item" title="Professional Kitchen" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/professional-kitchen" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Professional Kitchen</a> </li> <li class="p-menu__item__submenu__item" title="Furniture, Interiors & Tableware" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/furniture-interiors-tableware" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Furniture, Interiors & Tableware</a> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="Enquire To Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="enquire-to-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Enquire To Exhibit</a> </li> <li class="p-menu__item__submenu__item" title="Sponsorship Opportunities" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sponsorship-opportunities" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sponsorship Opportunities</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Visit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Visit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Visit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="What's On?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">What's On?</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: What's On?</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Product Discovery</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="New Product Launches" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products/new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">New Product Launches</a> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Exhibitor List</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Seminar Programme</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Seminar Programme</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="Our Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="speakers" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Speakers</a> </li> </ul> </li> <li class="p-menu__item__submenu__item has-submenu" title="Co-Located Events" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-white u-color-one">Co-Located Events</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Co-Located Events</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="IFE Manufacturing" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.ifemanufacturing.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IFE Manufacturing</a> </li> <li class="p-menu__item__submenu__item" title="IFE" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.ife.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IFE</a> </li> <li class="p-menu__item__submenu__item" title="The Pub Show" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.thepubshow.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">The Pub Show</a> </li> <li class="p-menu__item__submenu__item" title="International Salon Culinaire" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="http://internationalsalonculinaire.co.uk/?lang=fr" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">International Salon Culinaire</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="When & Where?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="when-where" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">When & Where?</a> </li> <li class="p-menu__item__submenu__item" title="FAQs" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">FAQs</a> </li> <li class="p-menu__item__submenu__item" title="Accessibility" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="accessibility" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Accessibility</a> </li> <li class="p-menu__item__submenu__item" title="Sustainability" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sustainability" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sustainability</a> </li> <li class="p-menu__item__submenu__item" title="Our Team" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="contact-the-team" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Team</a> </li> <li class="p-menu__item__submenu__item" title="Our Ambassadors" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="ambassadors" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Ambassadors</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Seminar Programme</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Seminar Programme</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Our Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="speakers" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Speakers</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-list" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibitor List</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibitor List</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Product Discovery</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="New Product Launches" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products/new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">New Product Launches</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item has-submenu" title="News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="latest-news" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">News</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: News</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Latest News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="latest-news" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Latest News</a> </li> <li class="p-menu__item__submenu__item" title="Exhibitor News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-news-4c25" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Exhibitor News</a> </li> <li class="p-menu__item__submenu__item" title="HRC History" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="hrc-history" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">HRC History</a> </li> <li class="p-menu__item__submenu__item" title="Podcasts" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="podcasts" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Podcasts</a> </li> <li class="p-menu__item__submenu__item" title="Newsletter Sign Up" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="newsletter-sign-up" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Newsletter Sign Up</a> </li> </ul> </li> <li class="p-menu__item p-menu__item--more has-submenu" title="News" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show more menu items</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> </li> </ul> <script> function composerPatternMenuDropdown(params) { return { id: params.id, config: { classes: { mainMenuItem : 'p-menu__item', mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-black u-font-two', mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', mainMenuItemCustomStyles: '', subMenuItemClass:'p-menu__item__submenu__item', subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-color-one', subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-color-one', subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one', subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', subMenuItemCustomStyles:'' } }, init() { this.fitMenu(); this.setActiveMenuItem(); }, setActiveMenuItem() { var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); this.toggleOnActiveStyling($activeMenuItem); }, fitMenu() { var menu = $('.p-menu--dropdown--id-' + this.id); menu.addClass('is-loading'); if (menu.is(':visible')) { var menuItemsWidth = 0; var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { menuItemsWidth += $(this).outerWidth( true ); }); var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); lastParentMenuItemSubmenus.each(function() { var currentClasses = $(this).attr('class'); var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); if (currentLevelMatch) { var currentLevel = parseInt(currentLevelMatch[1]); var newLevel = currentLevel + 1; var newClasses = currentClasses.replace(currentLevelMatch[0], ''); newClasses += ' p-menu__item__submenu--level-' + newLevel; $(this).attr('class', newClasses); } }); lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); this.fitMenu(); } else { var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); this.fitMenu(); } } if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { menu.find('.p-menu__item--more').show(); } else { menu.find('.p-menu__item--more').hide(); } this.setActiveMenuItem(); menu.removeClass('is-loading'); } }, showSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.addClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'true'); $menuItemToggle.attr('aria-expanded', 'true'); }, hideSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.removeClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'false'); $menuItemToggle.attr('aria-expanded', 'false'); }, toggleOnActiveStyling($menuItem){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (1 == 1) { toggleColor("main"); } if (1 == 2) { toggleBold("main"); } } if ($menuItem.hasClass(this.config.classes.subMenuItemClass)) { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (1 == 1) { toggleColor("sub"); } if (1 == 2) { toggleBold("sub"); } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "one" : "one"; var onActiveColorType = onActiveColor == "custom" ? "style" : "class"; var onActiveColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onActiveColorType == "class") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onActiveColorCustom); } } else { if (onActiveColorType == "class") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.css("color", onActiveColorCustom); } } } function toggleBold(level) { if (level == "main") { var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } if (level == "sub") { var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } $menuItemTitle.addClass(fontFamily); } }, toggleOnHoverStyling($menuItem, action){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("main"); } } } else { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("sub"); } } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onHoverColor = level == "main" ? "one" : "two"; var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; var onHoverColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.removeClass('u-color-' + onHoverColor); $menuItemTitle.addClass('u-color-' + color); } } else { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.addClass('u-color-' + color); $menuItemTitle.css("color", ""); } } } else { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.css("color", colorCustom); $menuItemTitle.removeClass('u-color-' + onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.css("color", colorCustom); } } } } }, handleMenuItemMouseEnter(e) { this.showSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.hideSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "leave"); }, handleSubmenuToggleClick(e) { var $parentMenuItem = $(e.target).parent('.p-menu__item'); if ($parentMenuItem.hasClass('has-submenu-open')) { this.hideSubmenu($parentMenuItem); } else { this.showSubmenu($parentMenuItem); } } }; } </script> </nav> </div> </div> </div> </div> </div> <template x-if="isHeaderDefaultStickyVisible"> <div class="s-header__sticky s-header__sticky--style-1 s-header__sticky--id-67905" x-bind:class="{ 'is-visible': isHeaderDefaultStickyVisible }"> <div class="s-header__default__container u-layout-container-full-viewport"> <div class="s-header__default__container__inner"> <div class="s-header__sticky__background"> <div class="s-header__sticky__background__color u-background-color-white"></div> </div> <div class="s-header__sticky__wrapper-one"> <div class="s-header__sticky__wrapper-one__container u-layout-container-default"> <div class="s-header__sticky__wrapper-one__wrapper-one"> <div class="s-header__sticky__logo"> <div class="w-image w-image--id-uid_95FD7 w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 50px;"> <div class="w-image__image"> <img class="w-image__image__image" loading="lazy" width="50" alt="HRC Logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/logos/HRC-symbol-only-colour-2x-2-.png/fit-in/50x100/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/logos/HRC-symbol-only-colour-2x-2-.png/fit-in/100x200/filters:no_upscale() 2x" /> </div> </div> </div> </div> </div> <div class="s-header__sticky__wrapper-one__wrapper-two"> <nav class="s-header__sticky__navigation" aria-label="Main Menu">  <ul class="p-menu--dropdown p-menu--dropdown--id-17505 is-loading" x-data="composerPatternMenuDropdown({id: '17505'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="17505"> <li class="p-menu__item" title="Home" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="welcome" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Home</a> </li> <li class="p-menu__item has-submenu" title="Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Why Exhibit?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Why Exhibit?</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Event Sections" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Event Sections</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Event Sections</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="Foodservice" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/foodservice" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Foodservice</a> </li> <li class="p-menu__item__submenu__item" title="Hospitality Tech" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/hospitality-tech" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Hospitality Tech</a> </li> <li class="p-menu__item__submenu__item" title="Professional Kitchen" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/professional-kitchen" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Professional Kitchen</a> </li> <li class="p-menu__item__submenu__item" title="Furniture, Interiors & Tableware" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit/event-sections/furniture-interiors-tableware" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Furniture, Interiors & Tableware</a> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="Enquire To Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="enquire-to-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Enquire To Exhibit</a> </li> <li class="p-menu__item__submenu__item" title="Sponsorship Opportunities" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sponsorship-opportunities" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sponsorship Opportunities</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Visit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Visit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Visit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="What's On?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">What's On?</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: What's On?</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Product Discovery</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="New Product Launches" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products/new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">New Product Launches</a> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-list" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Exhibitor List</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Seminar Programme</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Seminar Programme</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="Our Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="speakers" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Speakers</a> </li> </ul> </li> <li class="p-menu__item__submenu__item has-submenu" title="Co-Located Events" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-white u-color-one">Co-Located Events</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Co-Located Events</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="IFE Manufacturing" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.ifemanufacturing.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IFE Manufacturing</a> </li> <li class="p-menu__item__submenu__item" title="IFE" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.ife.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IFE</a> </li> <li class="p-menu__item__submenu__item" title="The Pub Show" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.thepubshow.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">The Pub Show</a> </li> <li class="p-menu__item__submenu__item" title="International Salon Culinaire" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="http://internationalsalonculinaire.co.uk/?lang=fr" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">International Salon Culinaire</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="When & Where?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="when-where" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">When & Where?</a> </li> <li class="p-menu__item__submenu__item" title="FAQs" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">FAQs</a> </li> <li class="p-menu__item__submenu__item" title="Accessibility" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="accessibility" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Accessibility</a> </li> <li class="p-menu__item__submenu__item" title="Sustainability" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sustainability" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sustainability</a> </li> <li class="p-menu__item__submenu__item" title="Our Team" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="contact-the-team" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Team</a> </li> <li class="p-menu__item__submenu__item" title="Our Ambassadors" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="ambassadors" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Ambassadors</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Seminar Programme</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Seminar Programme</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Our Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="speakers" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Speakers</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-list" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibitor List</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibitor List</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Product Discovery</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="New Product Launches" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products/new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">New Product Launches</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item has-submenu" title="News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="latest-news" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">News</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: News</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Latest News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="latest-news" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Latest News</a> </li> <li class="p-menu__item__submenu__item" title="Exhibitor News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-news-4c25" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Exhibitor News</a> </li> <li class="p-menu__item__submenu__item" title="HRC History" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="hrc-history" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">HRC History</a> </li> <li class="p-menu__item__submenu__item" title="Podcasts" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="podcasts" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Podcasts</a> </li> <li class="p-menu__item__submenu__item" title="Newsletter Sign Up" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="newsletter-sign-up" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Newsletter Sign Up</a> </li> </ul> </li> <li class="p-menu__item p-menu__item--more has-submenu" title="News" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show more menu items</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> </li> </ul> <script> function composerPatternMenuDropdown(params) { return { id: params.id, config: { classes: { mainMenuItem : 'p-menu__item', mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-black u-font-two', mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', mainMenuItemCustomStyles: '', subMenuItemClass:'p-menu__item__submenu__item', subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-color-one', subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-color-one', subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one', subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', subMenuItemCustomStyles:'' } }, init() { this.fitMenu(); this.setActiveMenuItem(); }, setActiveMenuItem() { var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); this.toggleOnActiveStyling($activeMenuItem); }, fitMenu() { var menu = $('.p-menu--dropdown--id-' + this.id); menu.addClass('is-loading'); if (menu.is(':visible')) { var menuItemsWidth = 0; var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { menuItemsWidth += $(this).outerWidth( true ); }); var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); lastParentMenuItemSubmenus.each(function() { var currentClasses = $(this).attr('class'); var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); if (currentLevelMatch) { var currentLevel = parseInt(currentLevelMatch[1]); var newLevel = currentLevel + 1; var newClasses = currentClasses.replace(currentLevelMatch[0], ''); newClasses += ' p-menu__item__submenu--level-' + newLevel; $(this).attr('class', newClasses); } }); lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); this.fitMenu(); } else { var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); this.fitMenu(); } } if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { menu.find('.p-menu__item--more').show(); } else { menu.find('.p-menu__item--more').hide(); } this.setActiveMenuItem(); menu.removeClass('is-loading'); } }, showSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.addClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'true'); $menuItemToggle.attr('aria-expanded', 'true'); }, hideSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.removeClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'false'); $menuItemToggle.attr('aria-expanded', 'false'); }, toggleOnActiveStyling($menuItem){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (1 == 1) { toggleColor("main"); } if (1 == 2) { toggleBold("main"); } } if ($menuItem.hasClass(this.config.classes.subMenuItemClass)) { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (1 == 1) { toggleColor("sub"); } if (1 == 2) { toggleBold("sub"); } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "one" : "one"; var onActiveColorType = onActiveColor == "custom" ? "style" : "class"; var onActiveColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onActiveColorType == "class") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onActiveColorCustom); } } else { if (onActiveColorType == "class") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.css("color", onActiveColorCustom); } } } function toggleBold(level) { if (level == "main") { var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } if (level == "sub") { var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } $menuItemTitle.addClass(fontFamily); } }, toggleOnHoverStyling($menuItem, action){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("main"); } } } else { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("sub"); } } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onHoverColor = level == "main" ? "one" : "one"; var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; var onHoverColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.removeClass('u-color-' + onHoverColor); $menuItemTitle.addClass('u-color-' + color); } } else { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.addClass('u-color-' + color); $menuItemTitle.css("color", ""); } } } else { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.css("color", colorCustom); $menuItemTitle.removeClass('u-color-' + onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.css("color", colorCustom); } } } } }, handleMenuItemMouseEnter(e) { this.showSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.hideSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "leave"); }, handleSubmenuToggleClick(e) { var $parentMenuItem = $(e.target).parent('.p-menu__item'); if ($parentMenuItem.hasClass('has-submenu-open')) { this.hideSubmenu($parentMenuItem); } else { this.showSubmenu($parentMenuItem); } } }; } </script> </nav> </div> <div class="s-header__sticky__wrapper-one__wrapper-three"> <div class="s-header__sticky__call-to-actions"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-left"> </div> </div> </div> </div> </div> </div> </div> </div> </template> <script> function composerStructureHeader(params) { return { id: params.id, style: params.style, headerMobile: false, headerDefault: false, isHeaderDefaultSticky: params.isSticky, isHeaderDefaultStickyVisible: false, init() { this.toggleHeader(); this.toggleHeaderStickyVisibility(); this.setSiteOffset(); }, toggleHeader() { if (window.matchMedia("(min-width: 1280px)").matches) { this.headerMobile = false; this.headerDefault = true; } else { this.headerMobile = true; this.headerDefault = false; } }, toggleHeaderStickyVisibility() { if (this.headerDefault && this.isHeaderDefaultSticky) { if($(window).scrollTop() > $(".s-header__default--id-" + this.id).outerHeight()) { this.isHeaderDefaultStickyVisible = true; gsap.to(".s-header__sticky--id-" + this.id, {y: "0%", duration: 0.2, delay: 0.1}); document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__sticky--id-" + this.id).outerHeight() + "px"); } else { this.isHeaderDefaultStickyVisible = false; document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__default--id-" + this.id).outerHeight() + "px"); } } }, setSiteOffset() { if (this.style == 7) { if (window.matchMedia("(min-width: 1280px)").matches) { document.documentElement.style.setProperty("--structure-site-offset-left", $(".s-header__default").outerWidth() + "px"); } else { document.documentElement.style.setProperty("--structure-site-offset-left", "0px"); } } }, handleOnWindowScroll() { this.toggleHeaderStickyVisibility(); }, handleOnWindowResize() { this.toggleHeader(); this.setSiteOffset(); } } } </script> </header> <div class="s-hero" x-data="composerStructureHero" x-on:load.window="handleOnWindowLoad" x-on:resize.window.throttle.250ms="handleOnWindowResize"> <template x-if="heroMobile"> <div class="s-hero__mobile"> <div class="s-hero__mobile__text s-hero__mobile__text--style-1 has-main-aligned-center" style="min-height: 0vh"> <div class="s-hero__mobile__text__container u-layout-container-full-viewport"> <div class="s-hero__mobile__text__background"> <div class="s-hero__mobile__text__background__color u-background-color-white"></div> </div> <div class="s-hero__mobile__text__container__inner u-layout-container-default"> <div class="s-hero__mobile__text__main"> <div class="s-hero__mobile__text__main__header"> <h1 class="s-hero__mobile__text__main__header__title u-color-text u-font-two u-font-two-size-ultra-large u-font-two-weight-bold u-text-wrap-balance"> SAVE THE DATE FOR HRC 2026! </h1> </div> <div class="s-hero__mobile__text__main__body"> <div class="s-hero__mobile__text__main__body__content u-color-text u-font-one u-font-one-size-large"> <p>30 March - 01 April, Excel London</p> </div> </div> </div> </div> </div> </div> </div> </template> <div class="s-hero__default"> <div class="s-hero__default__slider s-hero__default__slider--id-67892 s-hero__default__slider--style-5 is-height-fill" x-data="composerStructureHeroSlider({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsIconStyle: 'fa-light', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: '67892', pager: true, pagerColor: 'one', pagerStyle: 3, transition: 'fade', transitionSpeed: 500, type: 'slider'})"> <div class="s-hero__default__slider__container u-layout-container-default"> <div class="s-hero__default__slider__background"> <div class="s-hero__default__slider__background__color u-background-color-white"></div> </div> <ul class="s-hero__default__slider__items"> <li class="s-hero__default__slider__items__item has-main-aligned-left is-width-full-viewport"> <div class="s-hero__default__slider__items__item__container u-layout-container-full-viewport"> <div class="s-hero__default__slider__items__item__main"> <div class="s-hero__default__slider__items__item__main__inner"> <div class="s-hero__default__slider__items__item__main__header"> <h1 class="s-hero__default__slider__items__item__main__header__title u-color-black u-font-two u-font-two-size-ultra-large u-font-two-weight-bold u-text-wrap-balance"> SAVE THE DATE FOR HRC 2026! </h1> </div> <div class="s-hero__default__slider__items__item__main__body"> <div class="s-hero__default__slider__items__item__main__body__content u-color-black u-font-one u-font-one-size-normal"> <p>30 March - 01 April 2026, Excel London</p> </div> </div> </div> </div> <div class="s-hero__default__slider__items__item__image"> <img class="s-hero__default__slider__items__item__image__image" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/show-images/HRC-2024-0271.jpg/fit-in/1920x9999/filters:no_upscale()" alt="UK Hospitality" /> </div> </div> </li> </ul> <div class="s-hero__default__slider__pager"> <div class="s-hero__default__slider__pager__container u-layout-container-full-width"></div> </div> </div> <script> function composerStructureHeroSlider(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsIconStyle: params.arrowsIconStyle, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transition: params.transition, transitionSpeed: params.transitionSpeed, type: params.type, init() { this.initSlider(); }, initSlider() { if (this.type == "slider") { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.s-hero__default__slider--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $('.s-hero__default__slider--id-' + this.id + ' .s-hero__default__slider__items').on('init', (event, slick) => { var currentVideo = $(".s-hero__default__slider--id-" + this.id + " .s-hero__default__slider__items__item[data-slick-index=\"0\"] .s-hero__default__slider__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } if (this.arrows && slick.slideCount > 1) { $('.s-hero__default__slider--id-' + this.id).addClass('has-arrows'); } }); $('.s-hero__default__slider--id-' + this.id + ' .s-hero__default__slider__items').slick({ appendArrows: ".s-hero__default__slider--id-" + this.id + " .s-hero__default__slider__arrows__container", appendDots: ".s-hero__default__slider--id-" + this.id + " .s-hero__default__slider__pager__container", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, arrows: this.arrows, fade: (this.transition === "fade" ? true : false), nextArrow: '<div class="s-hero__default__slider__arrows__next"><button class="s-hero__default__slider__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="s-hero__default__slider__arrows__next__button__icon slick-next__icon ' + this.arrowsIconStyle + ' fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="s-hero__default__slider__arrows__prev"><button class="s-hero__default__slider__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="s-hero__default__slider__arrows__next__button__icon slick-prev__icon ' + this.arrowsIconStyle + ' fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToScroll: 1, slidesToShow: 1, }); $(".s-hero__default__slider--id-" + this.id + " .s-hero__default__slider__items").on("beforeChange", (event, slick, currentSlide, nextSlide) => { var currentVideo = $(".s-hero__default__slider--id-" + this.id + " .s-hero__default__slider__items__item[data-slick-index=\"" + currentSlide + "\"] .s-hero__default__slider__items__item__video__video"); var nextVideo = $(".s-hero__default__slider--id-" + this.id + " .s-hero__default__slider__items__item[data-slick-index=\"" + nextSlide + "\"] .s-hero__default__slider__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } } </script> </div> </div> <script> function composerStructureHero() { return { heroMobile: false, init() { this.setCssVariables(); this.setHeroView(); }, initHeroMobileVideo() { //note: fixes video not autoplaying on iOS (feedback: 377) $('.s-hero__mobile__video__video__video').get(0).play(); }, setCssVariables() { if (window.matchMedia("(min-width: 1280px)").matches) { if ($(".s-hero__default__image, .s-hero__default__slider, .s-hero__default__text, .s-hero__default__video").hasClass("is-height-fill") && !$(".s-header__default").hasClass("is-position-absolute")) { document.documentElement.style.setProperty("--structure-hero-height-offset", (document.querySelector(".s-header__default").offsetHeight || 0) + "px"); } else { document.documentElement.style.setProperty("--structure-hero-height-offset", "0px"); } if ($(".s-header__default").hasClass("is-position-absolute")) { var headerDefaultHeight = document.querySelector(".s-header__default") ? document.querySelector(".s-header__default").offsetHeight : 0; document.documentElement.style.setProperty("--structure-hero-padding-top", headerDefaultHeight + "px"); } else { document.documentElement.style.setProperty("--structure-hero-padding-top", "0px"); } } else { if ($(".s-header__mobile").hasClass("is-position-absolute")) { var headerMobileHeight = document.querySelector(".s-header__mobile") ? document.querySelector(".s-header__mobile").offsetHeight : 0; document.documentElement.style.setProperty("--structure-hero-padding-top", headerMobileHeight + "px"); } else { document.documentElement.style.setProperty("--structure-hero-padding-top", "0px"); } } }, setHeroView() { if (window.matchMedia("(max-width: 1280px)").matches) { this.heroMobile = true; if ($('.s-hero__mobile__video__video__video').length) { this.initHeroMobileVideo(); } } else { this.heroMobile = false; } }, handleOnWindowLoad() { this.setCssVariables(); this.setHeroView(); }, handleOnWindowResize() { this.setCssVariables(); this.setHeroView(); } }; } </script> </div> <div class="s-main"> <main class="s-main__content"> <div class="p-section p-section--id-4 p-section--style-1" data-animation-scroll="" data-animation-scroll-style="2"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner has-padding-bottom" style=""> <div class="p-section__background"> <div class="p-section__background__color u-background-color-white"></div> </div> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-4 p-section__body__articles--stagger-style-4-4"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="View Programme"></a> <div class="p-article p-article--style-3 u-border-color-one u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-one"> <div class="p-article__media u-aspect-ratio-3-2"> <a class="p-article__media__image__link" href="seminar-programme" target="_blank"> <img class="p-article__media__image u-object-fit-cover" alt="Peppadew" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/show-images/HRC-2024-2174.jpg/fit-in/1024x9999/filters:no_upscale()" /> </a> </div> </div> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> View Programme </h2> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <a class="anchor" name="View Exhibitor List"></a> <div class="p-article p-article--style-3 u-border-color-one u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-one"> <div class="p-article__media u-aspect-ratio-3-2"> <a class="p-article__media__image__link" href="exhibitor-list" target="_blank"> <img class="p-article__media__image u-object-fit-cover" alt="International Salon Culinaire" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/show-images/HRC-2024-0646.jpg/fit-in/1024x9999/filters:no_upscale()" /> </a> </div> </div> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> View Exhibitor List </h2> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <a class="anchor" name="Download Show Booklet"></a> <div class="p-article p-article--style-3 u-border-color-one u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-one"> <div class="p-article__media u-aspect-ratio-3-2"> <a class="p-article__media__image__link" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/__download/FDHW-Show-Guide-2025-Digital-version-09.48.52.pdf" target="_blank"> <img class="p-article__media__image u-object-fit-cover" alt="Contact Us" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/show-images/HRC-2024-0098.jpg/fit-in/1024x9999/filters:no_upscale()" /> </a> </div> </div> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Download Show Booklet </h2> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-4"> <a class="anchor" name="See What's On"></a> <div class="p-article p-article--style-3 u-border-color-one u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-one"> <div class="p-article__media u-aspect-ratio-3-2"> <a class="p-article__media__image__link" href="whats-on" target="_blank"> <img class="p-article__media__image u-object-fit-cover" alt="Sponsorship" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/show-images/1711461223320-01.jpeg" /> </a> </div> </div> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> See What's On </h2> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-9 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="w-call-to-action w-call-to-action--id-uid_F9F4F w-call-to-action--style-1 u-border-radius-normal" style=""> <div class="w-call-to-action__background"> <div class="u-background-position-x-y-center-center u-background-size-cover" style="background-image: url("https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/show-images/istockphoto-1081422898-612x612.jpg/fit-in/2048x9999/filters:no_upscale()");"></div> <div class="w-call-to-action__background__overlay u-background-color-five" style="opacity: 0.38;"></div> </div> <div class="w-call-to-action__wrapper-one"> <div class="w-call-to-action__title u-color-white u-font-two u-font-two-size-xxx-large u-font-two-weight-bold" style=""> New Product Launches at HRC 2025! </div> <div class="w-call-to-action__description u-color-white u-font-one u-font-one-size-normal" style=""> From fresh food & drink to cutting-edge technology, equipment, and design, discover the industry's most exciting arrivals launched in the last 12-months. </div> </div> <div class="w-call-to-action__wrapper-two"> <div class="w-call-to-action__button"> <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-fill"> <a class="w-button__button " href="exhibitor-products/new-product-launches"><i class="w-button__button__icon fa-light fa-arrow-right"></i><span class="w-button__button__text">View New Products</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-11 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="HRC is part of Food, Drink & Hospitality Week"></a> <div class="p-article p-article--style-2 u-border-radius-normal"> <div class="p-article__background"> <div class="p-article__background__color u-background-color-one"></div> </div> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-white u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> <p style="text-align: center;">HRC is part of Food, Drink & Hospitality Week</p> </h2> </div> <div class="p-article__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> <p style="text-align: center;">Food, Drink & Hospitality Week unites IFE Manufacturing, IFE, The Pub Show, HRC and International Salon Culinaire as the UK's biggest celebration of industry innovation.</p> <p style="text-align: center;"><a href="https://fooddrinkandhospitalityweek.co.uk/" target="_blank" title="https://fooddrinkandhospitalityweek.co.uk/"><img alt="FDHW logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2026/FDHW-Logo-non-dated-3-.png" style="height: 340px; width: 850px;" /></a></p> <p> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script defer> $(document).ready(function() { gsap.registerPlugin(ScrollTrigger); ScrollTrigger.defaults({ toggleActions: "play complete reverse reset"}); // Section Animation $('.p-section[data-animation-scroll]').each(function() { const $section = $(this); const sectionAnimationStyle = $section.data('animation-scroll-style'); let sectionTimeline = gsap.timeline({ paused: true }); // Initialize timeline without autoplay let animationPlayed = false; // Flag to track whether animation has been played switch (sectionAnimationStyle) { case 1: sectionTimeline.fromTo($section[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); break; case 2: sectionTimeline.fromTo($section[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); break; } ScrollTrigger.create({ trigger: $section[0], onEnter: function() { if (!animationPlayed) { // Only play the animation if it hasn't been played before sectionTimeline.play(); // Play the animation animationPlayed = true; // Set the flag to true to indicate that animation has been played } }, onLeaveBack: function() { // Uncomment the line below if you want to revert to initial state when scrolling back up // sectionTimeline.reverse(); // Reverse the animation when scrolling back up } }); }); // Articles Animation $('.p-section').each(function() { const $section = $(this); if ($section.find('.p-article[data-animation-scroll]').length) { let articlesTimeline = gsap.timeline({ scrollTrigger: { markers: false, toggleActions: "play pause resume reset", start: 'top bottom', trigger: $section[0] } }); $section.find('.p-article[data-animation-scroll]').each(function(index) { const $article = $(this); const articleAnimationStyle = $article.data('animation-scroll-style'); let animationPlayed = false; // Flag to track whether animation has been played ScrollTrigger.create({ trigger: $article[0], onEnter: function() { if (!animationPlayed) { // Only play the animation if it hasn't been played before switch (articleAnimationStyle) { case 1: articlesTimeline.fromTo($article[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); break; case 2: articlesTimeline.fromTo($article[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); break; } animationPlayed = true; // Set the flag to true to indicate that animation has been played and don't play it again if user scrolls back up } } }); }); } }); }); </script> </main> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport"> <div class="s-default__container__inner u-border-top-solid-1 u-border-bottom-solid-1 u-border-color-three has-padding-top has-padding-bottom" style=""> <div class="s-default__container__inner__container u-layout-container-default"> <div class="s-default__body"> <div class="l-grid is-align-center"> <div class="l-grid__container"> <div class="l-grid__item l-grid__item-id-81319 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-81319"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Key Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_1A77E w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_1A77E', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.instituteofhospitality.org/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-IoH.png/fit-in/2048x4096/filters:no_upscale()" alt="Institute of Hospitality" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.ukhospitality.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-UKHospitality.png/fit-in/2048x4096/filters:no_upscale()" alt="UK HOSPITALITY" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.hospa.org/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-HOSPA.png/fit-in/2048x4096/filters:no_upscale()" alt="HOSPA" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.wsetglobal.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-WSET.png/fit-in/2048x4096/filters:no_upscale()" alt="WSET" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://arena.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/New-Arena-key-partner-logo.png/fit-in/2048x4096/filters:no_upscale()" alt="Arena" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.theburntchefproject.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-The-Burnt-Chef.png/fit-in/2048x4096/filters:no_upscale()" alt="THE BURNT CHEF" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.thefutureplate.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/Future-Plate.png/fit-in/2048x4096/filters:no_upscale()" alt="FUTURE PLATE" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://royalacademyofculinaryarts.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/Royal-Academy-of-Culinary-Arts-updated-prince-to-king-charles-.png/fit-in/2048x4096/filters:no_upscale()" alt="RACA" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.womeninthefoodindustry.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/Women-in-the-food-industry.png/fit-in/2048x4096/filters:no_upscale()" alt="Women In The Food Industry" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://fea.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-FEA.png/fit-in/2048x4096/filters:no_upscale()" alt="FEA" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.compass-group.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/Compass-Group-UKI-logo-002-.webp/fit-in/2048x4096/filters:no_upscale()" alt="Compass Group" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://craftguildofchefs.org/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/2024-partner-craft-guild-of-chefs.png/fit-in/2048x4096/filters:no_upscale()" alt="Craft Guild Of Chefs" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.bii.org/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-BII.png/fit-in/2048x4096/filters:no_upscale()" alt="BII" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://ceda.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/CEDA.png/fit-in/2048x4096/filters:no_upscale()" alt="CEDA" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.papa.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/papa.png/fit-in/2048x4096/filters:no_upscale()" alt="PAPA" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.britishculinaryfederation.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-British-Culinary.png/fit-in/2048x4096/filters:no_upscale()" alt="British Culinary Federation" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://wsta.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/WSTA-resize-4-.png/fit-in/2048x4096/filters:no_upscale()" alt="WSTA" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://raisingtheglass.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/RTG.png/fit-in/2048x4096/filters:no_upscale()" alt="RTG" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.tuco.ac.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/TUCO-LOGO-2016_FINAL-01.jpg/fit-in/2048x4096/filters:no_upscale()" alt="TUCO" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://thefoodpeople.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/Thefoodpeople.png/fit-in/2048x4096/filters:no_upscale()" alt="thefoodpeople" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.ncass.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/NCASS.png/fit-in/2048x4096/filters:no_upscale()" alt="NCASS" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="http://www.caterlyst.co.uk" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/HRC-2024-Web-Partner-logos.png/fit-in/2048x4096/filters:no_upscale()" alt="Caterlyst" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://kaminsight.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Show Partners/KAM-logo-main-002-.png/fit-in/2048x4096/filters:no_upscale()" alt="KAM" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-98110 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-98110"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Feature Sponsors </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_6201D w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_6201D', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 4, itemsToShowDesktop: 4, pager: true, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/Unilever-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="Future Menus" /> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.foodsteps.earth/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/Partners/Foodsteps-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="Foodsteps" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <div class="w-carousel__pager"></div> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-90769 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-90769"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Hospitality Tech Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_F32C4 w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_F32C4', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 4, itemsToShowDesktop: 4, pager: true, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.techontoast.community/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-cover" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/tech-on-toast-2-.png/fit-in/2048x4096/filters:no_upscale()" alt="Tech On Toast" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.peach2020.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-cover" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/peach-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="Peach 20/20" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.ifbta.org/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-cover" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/ifbta-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="IFBTA" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <div class="w-carousel__pager"></div> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-81364 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-81364"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Headline Media Partner </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_99DCB w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_99DCB', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.thecaterer.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-The-caterer.png/fit-in/2048x4096/filters:no_upscale()" alt="The Caterer" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-81389 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-81389"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Media Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_D5066 w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_D5066', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://chefpublishing.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-Chef-Publishing.png/fit-in/2048x4096/filters:no_upscale()" alt="CHEF Publishing" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.publicsectorcatering.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-Public-Sector-Cat.png/fit-in/2048x4096/filters:no_upscale()" alt="PUBLIC SECTOR CATERING" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://thehotelmagazine.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-Hotel-Mag.png/fit-in/2048x4096/filters:no_upscale()" alt="hotel" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://barmagazine.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-Bar-mag.png/fit-in/2048x4096/filters:no_upscale()" alt="bar" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.foodserviceequipmentjournal.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/2024-partner-Foodservice-Equipment-Association.png/fit-in/2048x4096/filters:no_upscale()" alt="Food Service Equipment" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://lhmagazine.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/HRC-Luxury-Hospitality-Mag.png/fit-in/2048x4096/filters:no_upscale()" alt="Luxury Hospitality Magazine" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.cateringinsight.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/HRC-Catering-Insight.png/fit-in/2048x4096/filters:no_upscale()" alt="Catering Insight" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.travelnhospitalitytech.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/T-H-Tech-Outlook.png/fit-in/2048x4096/filters:no_upscale()" alt="Travel and Hospitality Tech Outlook" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="FOODBEV MEDIA" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/Foodbev-media.png/fit-in/2048x4096/filters:no_upscale()" alt="https://www.foodbev.com/" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fbtechreview.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/Food-Bev-Tech-Review.png/fit-in/2048x4096/filters:no_upscale()" alt="Food & Beverage Tech Review" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://theworldofhospitality.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/WOH.png/fit-in/2048x4096/filters:no_upscale()" alt="The World Of Hospitality" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://hoteltechnologynews.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/Hotel-Tech-News.png/fit-in/2048x4096/filters:no_upscale()" alt="Hotel Technology News" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://restauranttechnologynews.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/Restaurant-Tech-News.png/fit-in/2048x4096/filters:no_upscale()" alt="Restaurant Technology News" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://thechefsforum.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/The-Chef-s-Forum-NEW.png/fit-in/2048x4096/filters:no_upscale()" alt="The Chefs' Forum" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://contractcateringmagazine.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/2024-partner-Contract-Catering.png/fit-in/2048x4096/filters:no_upscale()" alt="contract catering" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.oohmagazine.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/2024-partner-OOH.png/fit-in/2048x4096/filters:no_upscale()" alt="ooh" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.cateringscotland.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/Catering-Scotland.png/fit-in/2048x4096/filters:no_upscale()" alt="Catering Scotland" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://hal.news/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/H-L-News.png/fit-in/2048x4096/filters:no_upscale()" alt="H&L News" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.pizzapastamagazine.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/partners/pizza-pasta-mag.png/fit-in/2048x4096/filters:no_upscale()" alt="Pizza Pasta Mag" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-81399 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-81399"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Design Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_411BD w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_411BD', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.harpcommercialinteriors.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/Harp-Design-NEW.png/fit-in/2048x4096/filters:no_upscale()" alt="HARP DESIGN" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.designcommand.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/2025/logos/2025-partner-Design-Command.png/fit-in/2048x4096/filters:no_upscale()" alt="Design Command" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-81406 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-81406"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Charity Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_7D1EF w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_7D1EF', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://cityharvest.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-City-Harvest.png/fit-in/2048x4096/filters:no_upscale()" alt="City Harvest London" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.hospitalityaction.org.uk/events/2023/october/walk-for-wellbeing/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/2024-partner-walk-for-wellbein.png/fit-in/2048x4096/filters:no_upscale()" alt="Walk for Wellbeing" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://onlyapavementaway.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/logos/Only-a-pavement-away.png/fit-in/2048x4096/filters:no_upscale()" alt="Only A Pavement Away" /> </a> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__header"> </div> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="s-footer"> <div class="s-footer__default s-footer__default--style-1 u-layout-container-full-viewport"> <div class="s-footer__default__container u-layout-container-full-viewport"> <div class="s-footer__default__container__inner"> <div class="s-footer__default__background"> <div class="s-footer__default__background__color u-background-color-white"></div> </div> <div class="s-footer__default__wrapper-one"> <div class="s-footer__default__wrapper-one__container u-layout-container-default"> <div class="s-footer__default__panels"> <div class="l-grid is-align-center"> <div class="l-grid__container"> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-67907"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Organised By </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 2px; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p>Montgomery Group is a global events company with over a century of experience serving our communities and delivering first class events across a variety of sectors and continents.</p> <p>Visit the <a href="https://www.montgomerygroup.com/" target="_blank">Montgomery Group Website </a>to learn more about the organisation and the events we run.</p> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-67908"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Useful Links </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 2px; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <ul> <li> <p><a href="newsletter-sign-up" target="_self" title="newsletter-sign-up">Sign Up To Our Newsletter</a></p> </li> <li> <p><a href="enquire-to-exhibit" target="_self" title="enquire-to-exhibit">Enquire To Exhibit</a></p> </li> <li> <p><a href="faqs" target="_self" title="faqs">Frequently Asked Questions</a></p> </li> <li> <p><a href="contact-the-team" target="_self" title="contact-the-team">Contact Us</a></p> </li> </ul> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-67909"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Opening Times </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 2px; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p>Monday 30 March: 10:00 – 17:00 <br /> Tuesday 31 March: 10:00 – 17:00* <br /> Wednesday 01 April: 10:00 – 16:00** <br /> *Online registration closes – onsite registration only. **Onsite registration closes at 2pm and last entry at 3pm. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-footer__default__wrapper-two"> <div class="s-footer__default__wrapper-two__background"> <div class="s-footer__default__wrapper-two__background__color u-background-color-white"></div> </div> <div class="s-footer__default__wrapper-two__container u-layout-container-default"> <nav class="s-footer__default__footer-menu" aria-label="Footer Menu">  <ul class="p-menu--quick-links p-menu--quick-links--id-D2E34 has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: 'D2E34', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="D2E34"> <li class="p-menu__item" title="漏 Copyright 2025" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-text u-font-one-size-small u-font-one-size-small">漏 Copyright 2025</span> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Terms & Conditions" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="2025-terms-and-conditions" target="_blank">Terms & Conditions</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Privacy Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="privacy-policy" target="_self">Privacy Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Admissions Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="admissions-policy" target="_blank">Admissions Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Environmental Sustainability Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="https://www.montgomerygroup.com/sustainability" target="_blank">Environmental Sustainability Policy</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> <div class="s-footer__default__asp-copyright"> <a class="s-footer__default__asp-copyright__link" href="https://www.asp.events/client" target="_blank"> <img class="s-footer__default__asp-copyright__link__image" alt="ASP Events Logo" loading="lazy" src="https://themes.asp.events/_composer/includes/images/logos/logo_asp.svg" /> <span class="s-footer__default__asp-copyright__link__text u-color-text u-font-one u-font-one-size-small"> Website by ASP </span> </a> </div> </div> </div> </div> </div> </div> </footer> <template x-data x-if="$store.share.isVisible"> <div class="s-share"> <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> <div class="s-share__default__container"> <div class="s-share__default__background"> <div class="s-share__default__background__color u-background-color-white"></div> </div> <div class="s-share__default__header"> <h1 class="s-share__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold" x-text="'Share: ' + $store.share.title"> Share </h1> </div> <div class="s-share__default__body"> <ul class="s-share__default__body__list"> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-twitter u-border-radius-shape-circle u-color-white" :href="'https://twitter.com/intent/tweet?url=' + encodeURIComponent($store.share.url) + '&text=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-facebook u-border-radius-shape-circle u-color-white" :href="'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent($store.share.url) + '&quote=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-linkedin u-border-radius-shape-circle u-color-white" :href="'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($store.share.url)" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-whatsapp u-border-radius-shape-circle u-color-white" :href="'https://api.whatsapp.com/send?' + ($store.share.url ? 'text=' + encodeURIComponent($store.share.text || '') + '%20' + encodeURIComponent($store.share.url) : 'text=' + encodeURIComponent($store.share.text || ''))" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-one u-border-radius-shape-circle u-color-white" :href="'mailto:?body=' + encodeURIComponent($store.share.text || '') + encodeURIComponent($store.share.url || '') + '&subject=' + encodeURIComponent($store.share.subject || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> </a> </li> </ul> <div class="s-share__default__body__url"> <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> <button class="s-share__default__body__url__button u-background-color-one u-color-white u-font-one u-font-one-weight-bold" x-on:click="handleOnUrlButtonClick">Copy URL</button> </div> </div> </div> <script> function composerStructureShare(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-share__default", type: "inline" }, closeMarkup: "<button class=\"s-share__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-share__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-share__default__close").prependTo(".s-share__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('share').hideShare(); } } }); }, handleOnUrlButtonClick() { Alpine.store('share').copyToClipboard(); } } } </script> </div> </div> </template> <template x-data x-if="$store.search.isVisible"> <div class="s-search"> <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch"> <div class="s-search__default__container"> <div class="s-search__default__background"> <div class="s-search__default__background__color u-background-color-white"></div> </div> <div class="s-search__default__header"> <h1 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Website Search </h1> </div> <div class="s-search__default__body"> <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> <div class="s-search__default__body__form__button"> <div class="w-button w-button--style-1 w-button--style-1--width-auto"> <button class="w-button__button"> <span class="w-button__button__text">Search</span> </button> </div> </div> </form> </div> </div> <script> function composerStructureSearch(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-search__default", type: "inline" }, closeMarkup: "<button class=\"s-search__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-search__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-search__default__close").prependTo(".s-search__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('search').hideSearch(); } } }); } } } </script> </div> </div> </template> <template x-data x-if="$store.wishlist.isVisible"> <div class="s-wishlist"> <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> <div class="s-wishlist__default__container"> <div class="s-wishlist__default__background"> <div class="s-wishlist__default__background__color u-background-color-white"></div> </div> <div class="s-wishlist__default__header"> <h1 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Wishlist </h1> </div> <div class="s-wishlist__default__body"> <template x-if="!$store.wishlist.items.length"> <div class="s-wishlist__default__body__empty-state u-text-align-center"> Add some favourites to your wishlist to get started! </div> </template> <template x-if="$store.wishlist.items.length"> <div class="s-wishlist__default__body__wishlist"> <template x-if="$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> <div class="p-loader p-loader--default"> <div class="p-loader__icon"></div> </div> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> <div class="s-wishlist__default__body__wishlist__items"> <template x-for="items in $store.wishlist.wishlistItems"> <div class="s-wishlist__default__body__wishlist__items__list"> <div class="s-wishlist__default__body__wishlist__items__list__header"> <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> </div> <div class="s-wishlist__default__body__wishlist__items__list__body"> <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> <template x-for="item in items.items"> <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> </a> </div> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__title u-color-text" x-bind:href="item.slug" x-text="item.title"></a> </div> </li> </template> </ul> </div> </div> </template> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__actions"> <template x-if="view == 'wishlist'"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnDownloadClick($store.wishlist.wishlistUrl + '/downloadpdf', $store.wishlist.items)">Download</button> </div> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailClick">Email this List</button> </div> </div> </template> </div> </template> </div> </template> <template x-if="view == 'email'"> <div class="s-wishlist__default__body__email"> <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> <input class="s-wishlist__default__body__email__form__input u-border-solid-1 u-border-color-muted" type="email" required placeholder="john@email.com" x-model="email" /> <div class="s-wishlist__default__body__email__form__button"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailSubmitClick($store.wishlist.wishlistUrl + '/emailpdf', $store.wishlist.items, email, $event)">Email this List</button> </div> </div> </div> </form> <div class="s-wishlist__default__body__email__back"> <button class="s-wishlist__default__body__email__back__link" x-on:click="setView('wishlist')"><i class="fal fa-arrow-left"></i></button> </div> </div> </template> <template x-if="view == 'generating'"> <div class="s-wishlist__default__body__download u-text-align-center"> Generating... </div> </template> </div> </div> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/widgets/wishlist/download.min.js"></script> <script> function composerStructureWishlist(params) { return { view: "wishlist", init() { $.magnificPopup.open({ items: { src: ".s-wishlist__default", type: "inline" }, closeMarkup: "<button class=\"s-wishlist__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-wishlist__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-wishlist__default__close").prependTo(".s-wishlist__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-wishlist__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store("wishlist").hideWishlist(); } } }); }, setView(view) { this.view = view; }, handleOnDownloadClick(url, items) { this.setView('generating'); $.ajax({ url: url, method: 'POST', data: { contentID: items }, xhrFields: { responseType: 'blob' }, beforeSend: function (xhr) { xhr.overrideMimeType('application/pdf'); }, success: (data, status, xhr) => { if (xhr.getResponseHeader('Content-Type') !== 'application/pdf') { console.error("[showoff_composer]: Unexpected content type:", xhr.getResponseHeader('Content-Type')); return; } var blob = data; var filename = 'wishlist.pdf'; download(blob, filename, 'application/pdf'); this.setView('wishlist'); }, error: (xhr, status, error) => { this.setView('wishlist'); console.error("[showoff_composer]: error on handleOnDownloadClick()", error); } }); }, handleOnEmailClick() { this.setView('email'); }, handleOnEmailSubmitClick(url, items, email, event) { event.preventDefault(); this.setView('generating'); $.ajax({ type:'POST', url: url, data: {'contentID': items, 'email': email}, success: (response) => { this.setView('wishlist'); _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); }, error: (xhr, status, error) => { console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); this.setView('wishlist'); } }); } } } </script> </div> </div> </template> <div class="s-ezone"> <div class='w-zone-loginwrapper' data-lostpassword='false'><div> <div class="w-zone-login js-zone-login"> <div class="w-zone-login__no-access js-zone-login__no-access"> </div> <div class="w-zone-login__form-wrapper"> <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> <input type="hidden" name="formID" value="LOGIN" id="formID"/> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="username">Username *</label></div><div class='p-form__group__controls form__group__controls'><input type="text" name="username" class="w-zone-login__form__input" required="required" placeholder="Username" autocomplete="off" id="username"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="password">Password *</label></div><div class='p-form__group__controls form__group__controls'><input type="password" name="password" class="w-zone-login__form__input" required="required" placeholder="Password" autocomplete="off" id="password"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button name="loginSubmitButton" type="submit" class="button w-zone-login__form__submit" id="loginSubmitButton">Login</button></div></div> </form> </div> </div> </div></div><script type='text/javascript'> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js', function(){ $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.25', function(){ js_zone.login_init(); }); }); }); </script> </div> <script defer> document.addEventListener('alpine:init', () => { Alpine.store('common', { siteUuid: 'C29E2DAF-D353-4A6E-9BF50D0AB66D04E4' }); Alpine.store('search', { isVisible: false, showSearch() { this.isVisible = true; }, hideSearch() { this.isVisible = false; } }); Alpine.store('share', { isVisible: false, subject: "Check out this link!", text: "", title: document.title, url: location.href, showShare() { if (navigator.share) { navigator.share({ title: this.title, text: this.text, url: this.url, }) .then() .catch((error) => console.log('[showoff_composer]: error on composerWidgetShare()', error)); } else { this.isVisible = true; } }, hideShare() { this.isVisible = false; }, setData(url = this.url, title = this.title, text = this.text, subject = this.subject) { if (url.indexOf(window.location.origin) !== -1) { this.url = url; } else { this.url = window.location.origin + '/' + url; } this.title = title; this.text = text; this.subject = subject; }, setSubject(value) { this.subject = value; }, setText(value) { this.text = value; }, setTitle(value) { this.title = value; }, setUrl(value) { this.url = value; }, copyToClipboard() { navigator.clipboard?.writeText(this.url); } }); Alpine.store('wishlist', { items: Alpine.$persist("").as('showoff_wishlist_items_' + Alpine.store('common').siteUuid), isLoadingWishlist: true, isVisible: false, wishlistItems: [], wishlistUrl: 'https://zone.showoff.asp.events/C29E2DAF-D353-4A6E-9BF50D0AB66D04E4/wishlist', siteUuid: 'C29E2DAF-D353-4A6E-9BF50D0AB66D04E4', showWishlist() { this.isVisible = true; this.getFavourites(); }, hideWishlist() { this.isVisible = false; }, addFavourite(id) { var items = this.items.split(','); if (!items.includes(id)){ items.push(id); this.items = items.join(','); } _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Add', null, { dimension7: id }]); }, removeFavourite(id) { var items = this.items.split(','); if (items.indexOf(id.toString()) !== -1) { items.splice(items.indexOf(id.toString()), 1); this.items = items.join(','); } _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Remove', null, { dimension7: id }]); }, toggleFavourite(id) { if (this.items.includes(id)){ this.removeFavourite(id); } else { this.addFavourite(id); } }, getFavourites() { this.isLoadingWishlist = true; $.ajax( { type:'POST' , url: this.wishlistUrl + '/contentbyid' , data: {'contentID': this.items} , success: (response) => { this.isLoadingWishlist = false; const mergedItems = []; response.data.forEach(item => { const libraryName = item.libraryName; let group = mergedItems.find(obj => obj.name === libraryName); if (!group) { group = { name: libraryName, items: [] }; mergedItems.push(group); } group.items.push(item); }); this.wishlistItems = mergedItems; } }); } }); }) </script> </div>  <script type="text/javascript"> var _paq = _paq || []; var piwikPageTracked = piwikPageTracked || false; // tracker methods like 'setCustomDimension' should be called before 'trackPageView' if (!piwikPageTracked) { //loop through page tags and set custom dimensions for contentID and Tags var tagArray = []; for(i=0; i < tagArray.length ; i++){ _paq.push(['trackEvent','General','Tags','View',null,{dimension7:'67870',dimension13:'Page', dimension15:'welcome', dimension9:tagArray[i]}]); } //loop through page tags and set custom dimensions for contentID and prod cats var catArray = []; for(i=0; i < catArray.length ; i++){ _paq.push(['trackEvent','General','Product Categories','View',null,{dimension7:'67870',dimension13:'Page', dimension15:'welcome', dimension10:catArray[i]}]); } //track page as well as contentId _paq.push(['trackPageView',null,{dimension7:'67870',dimension13:'Page', dimension15:'welcome'}]); } _paq.push(['enableLinkTracking']); (function() { var u='//analytics.showoff.asp.events/'; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '774']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script>  <script src="/includes/javascript/showoff.global.min.js" ></script> <script type="application/ld+json">{"@context":"http://schema.org","location":{"@type":"Place","name":"Excel London","address":"1, Western Gateway, E16 1XL, United Kingdom"},"endDate":"2026-04-01T00:00:00Z","@type":"Event","startDate":"2026-03-30T00:00:00Z","sameAs":["twitter.com/HRC_Event","https://www.facebook.com/HotelRestaurantCatering","https://www.instagram.com/hotel_restaurant_catering/","https://www.linkedin.com/company/hotel-restaurant-catering/"],"eventAttendanceMode":"OfflineEventAttendanceMode","image":["https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/productImages/C299CDC3-F490-6F94-6543579C65A9F3FC_cover.jpg"],"eventStatus":"EventScheduled","audience":{"@type":"Audience","name":"Trade"},"organizer":{"@type":"Organization","sameAs":["https://www.instagram.com/montgomery_1895/","https://www.linkedin.com/company/montgomerygroup/","https://twitter.com/Montgomery_1895/"],"url":"https://www.montgomerygroup.com","logo":"https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/hrc-2025/media/montgom-group.png","name":"Montgomery Group"},"name":"HRC 2026","description":"HRC is the ultimate business event for the UK hospitality industry and is THE place to meet with serious buyers."}</script> </body> </html>

CINXE.COM

HRC | 30 March - 01 April 2026