<?xml version="1.0" encoding="utf-8"?>
<odoo>

    <template
        id="website_sale.s_mega_menu_little_icons"
        name="eCommerce: Menu - Little icons"
        groups="base.group_user"
    >
        <section class="s_mega_menu_little_icons overflow-hidden o_colored_level o_cc o_cc1">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 py-2 align-content-center">
                        <nav class="nav col-12 d-flex">
                            <t
                                t-foreach="request.env['product.public.category'].search([
                                    ('parent_id', '=', False), ('has_published_products', '=', True)
                                ], limit=9)"
                                t-as="category"
                            >
                                <a
                                    t-att-href="'/shop/category/%s' % category.id"
                                    class="col-lg-4 nav-link px-2 rounded text-wrap"
                                >
                                    <img
                                        t-if="category.image_1920"
                                        t-att-src="image_data_uri(category.image_1920)"
                                        class="fa fa-fw me-2"
                                        alt=""
                                    />
                                    <b t-esc="category.name"/>
                                </a>
                            </t>
                        </nav>
                    </div>
                    <div class="col-lg-3 p-4 s_mega_menu_gray_area">
                        <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>
    </template>


</odoo>
