{{#extend "base" hybrisClass="hybris-class" pageClass="home-page" title="Home" hideBreadcrumbs=true hideBanner="true"  pageHome="true"}}
{{#content "head" mode="append" pageHome="true"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_home.css">
{{/content}}
{{#content "body"}}
<div class="modal modal-box modal-box_full" id="modal-empty-basket" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-box__container" role="document">
        <div class="modal-box__row justify-content-center">
            <div class="modal-box__columns">
                <div class="modal-content modal-box__content">
                    <div class="modal-header modal-box__header">
                        <div class="justify-content-center">
                            <div class="container">
                                <div class="row">
                                    <div class="col-12">
                                        <h3 class="modal-title modal-box__title">Are you sure?</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button class="close modal-box__btn-close d-print-none" type="button" data-dismiss="modal"
                                aria-label="Close">
                            <span class="icon" aria-hidden="true"><span class="far fa-times"></span></span>
                        </button>
                    </div>
                    <div class="modal-body modal-box__body popup-content">
                        <div class="component container">
                            <div class="row">
                                <div class="col-12">
                                    <p>You will remove all items from the basket, including any vouchers applied.</p>
                                    <div class="modal-box__buttons mt-4">
                                        <button class="btn btn-primary">
                                            <span class="btn__text">Ok</span>
                                        </button>
                                        <button class="btn btn-secondary mb-0" data-dismiss="modal">
                                            <span class="btn__text">Cancel</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<main class="banner-inside">
    {{>offer-banner}}
    <div class="hero">
        <img class="hero__image" src="./img/placeholders/hero.jpg" alt="hero">
    </div>

    <div class="proposition">
        <div class="proposition__inner">
            <a href="#" class="proposition__link  proposition__link_click-collect">
                <span class="proposition__icon  proposition__icon_click-collect"><i
                        class="fas fa-mouse-pointer icon"></i></span>
                FREE Click &amp; Collect<span
                    class="proposition__link_click-collect-short-text"> from store in 1 hour</span>
            </a>
            <a href="#" class="proposition__link  proposition__link_delivery">
                <span class="proposition__icon  proposition__icon_delivery"><i class="fas fa-truck icon"></i></span>FREE
                delivery *
            </a>
            <a href="#" class="proposition__link  proposition__link_returns">
                <span class="proposition__icon  proposition__icon_returns"><i class="fas fa-reply-all icon"></i></span>FREE
                returns
            </a>
            <a href="#" class="proposition__link  proposition__link_price-promise">
                <span class="proposition__icon  proposition__icon_price-promise"><i class="fas fa-pound-sign icon"></i></span>Price
                match promise
            </a>
        </div>
    </div>

    {{> home-offers }}
    {{> popular-categories }}

</main>
{{/content}}
{{/extend}}
