Skip to content
</div><div id="shopify-section-template--28173295059327__section_CB7hGK" class="shopify-section section-wrapper"> <div class="section-background color-scheme-2"></div> <div class="section section--page-width color-scheme-2" data-testid="ui-test-section" style=" " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style="--border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 16px; --horizontal-alignment: center; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); " data-testid="section-content" > <rte-formatter class=" spacing-style text-block text-block--AUTg4bS9ZVUZHbSs0Q__text_A67WXU rte text-block--align-center rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <p>Sign up</p> </rte-formatter> <rte-formatter class=" spacing-style text-block text-block--AektOSkw5Qjduckdsa__text_7HtAaP paragraph rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> <p>We're excited to announce our brand new stockists, as well of course as the sauce going on sale here next month (May 2026)<br/>Be the first to know</p> </rte-formatter> <div class="email-signup-block size-style spacing-style" style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" > <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input name="contact[id]" type="hidden" value="EmailSignup-AK01BTzNzOU9BOHdXT__email_signup_p7fJNJ" > <div class="email-signup__input-group email-signup__input-group--underline email-signup__input-group--arrow " style="--border-width: 1px; --border-radius: 4px;" > <label for="EmailInput-AK01BTzNzOU9BOHdXT__email_signup_p7fJNJ" class="visually-hidden" > Email </label> <input id="EmailInput-AK01BTzNzOU9BOHdXT__email_signup_p7fJNJ" class="email-signup__input email-signup__input--underline paragraph " type="email" name="contact[email]" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email address" required > <button class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AK01BTzNzOU9BOHdXT__email_signup_p7fJNJ " aria-label="Sign up" > <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="email-signup__button-icon" > <path clip-rule="evenodd" d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z" fill="currentColor" fill-rule="evenodd" /> </svg> </button> </div></form> </div> </div> </div> </div> </div> </main> <footer> <!-- BEGIN sections: footer-group --> <!-- END sections: footer-group --> </footer> <script src="//www.islandgirl.kitchen/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021773250384" type="module" ></script> <script src="//www.islandgirl.kitchen/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541773250384" type="module" fetchpriority="low" ></script> <dialog-component id="search-modal" class="search-modal" > <dialog ref="dialog" on:click="/closeDialogOnClickOutside" on:keydown="/closeDialogOnEscapePress" class="search-modal__content dialog-modal" scroll-lock aria-labelledby="search-modal-heading" > <h2 id="search-modal-heading" class="visually-hidden" > Search </h2> <predictive-search-component class="predictive-search color-scheme-1" style="--product-corner-radius: 0px; --card-corner-radius: 4px;" data-section-id="predictive-search" data-testid="search-component--modal" role="search" aria-label="Search" > <form action="/search" method="get" role="search" class="predictive-search-form" ref="form" on:keydown="/onSearchKeyDown" > <div class="predictive-search-form__header" > <div class="predictive-search-form__header-inner"> <label for="cmdk-input" class="visually-hidden" >Search</label> <input class="search-input" id="cmdk-input" type="search" name="q" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocomplete="off" placeholder="Search" ref="searchInput" on:input="/search" on:keydown="/onSearchKeyDown" > <input name="options[prefix]" type="hidden" value="last" > <span class="svg-wrapper predictive-search__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> </span> <button type="button" class="button-unstyled predictive-search__reset-button" ref="resetButton" hidden on:click="/resetSearch" > Clear </button> </div> <button type="button" class="button predictive-search__close-modal-button" aria-label="Close dialog" on:click="dialog-component/closeDialog" ref="closeModalButton" > <span class="svg-wrapper"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> <div class="predictive-search-form__content-wrapper"> <div class="predictive-search-form__content" tabindex="-1" ref="predictiveSearchResults" on:click="/handleModalClick" > <div id="predictive-search-results" class="predictive-search-dropdown" role="listbox" aria-expanded="true" style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" > <div class="predictive-search-results__inner"> <div class="predictive-search-results__no-results"> <p>No products found.</p> </div> </div> </div> </div> <div class="predictive-search-form__footer"> <button class="button predictive-search__search-button" ref="viewAllButton" > View all </button> </div> </div> </form> </predictive-search-component> </dialog> </dialog-component> <quick-add-dialog id="quick-add-dialog"> <dialog class="quick-add-modal dialog-modal color-scheme-1" ref="dialog" scroll-lock > <button ref="closeButton" on:click="/closeDialog" class="button button-unstyled close-button quick-add-modal__close" aria-label="Close dialog" ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div id="quick-add-modal-content" class="quick-add-modal__content" ></div> </dialog> </quick-add-dialog> <style> .header__column--right {} </style> </body> </html>