<?xml version="1.0"?>
<t name="Menu - Image - Menu" t-name="website.s_mega_menu_menu_image_menu">
    <section class="s_mega_menu_menu_image_menu py-4 o_colored_level o_cc o_cc1">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-lg-4 py-2 text-center">
                    <h4>Left Menu</h4>
                    <nav class="nav flex-column">
                        <t t-foreach="3" t-as="i">
                            <t t-set="text">Menu Item %s</t>
                            <t t-set="text" t-value="text % (i + 1)"/>
                            <a href="#" class="nav-link" data-name="Menu Item" t-esc="text"/>
                        </t>
                    </nav>
                </div>
                <div class="col-12 col-lg-4 py-2 text-center">
                    <img class="img-fluid" src="/web/image/website.s_mega_menu_menu_image_menu_default_image" alt="Mega menu default image"/>
                </div>
                <div class="col-12 col-lg-4 py-2 text-center">
                    <h4>Right Menu</h4>
                    <nav class="nav flex-column">
                        <t t-foreach="3" t-as="i">
                            <t t-set="text">Menu Item %s</t>
                            <t t-set="text" t-value="text % (i + 1)"/>
                            <a href="#" class="nav-link" data-name="Menu Item" t-esc="text"/>
                        </t>
                    </nav>
                </div>
            </div>
        </div>
    </section>
</t>

