<?xml version="1.0"?>
<t name="eCommerce: Menu - images &amp; subtitles" t-name="website_sale.s_mega_menu_images_subtitles">
        <section class="s_mega_menu_images_subtitles pt16 pb16 o_colored_level o_cc o_cc1">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-8">
                        <nav class="nav d-flex">
                            <t t-foreach="request.env['product.public.category'].search([                                     ('parent_id', '=', False), ('has_published_products', '=', True)                                 ], limit=8)" t-as="category">
                                <a t-att-href="'/shop/category/%s' % category.id" class="col-lg-6 nav-link px-2 rounded text-wrap">
                                    <div class="d-flex">
                                        <img t-if="category.image_1920" t-att-src="image_data_uri(category.image_1920)" class="me-3 rounded shadow" alt=""/>
                                        <div class="flex-grow-1 align-content-center">
                                            <h4 class="mt-0 mb-0" t-esc="category.name"/>
                                        </div>
                                    </div>
                                </a>
                            </t>
                        </nav>
                    </div>
                    <div class="col-12 col-lg-4 py-2">
                        <img src="/web/image/website.s_mega_menu_images_subtitles_default_image_7" class="mb-3 rounded shadow img-fluid" alt=""/>
                        <h4>The team</h4>
                        <p class="text-muted small">
                            Created in 2021, the company is young and dynamic. Discover the composition of the team and their skills.
                        </p>
                        <a href="#" class="btn btn-primary">Discover our team</a>
                    </div>
                </div>
            </div>
        </section>
    </t>

