{{ render(controller('App\\Controller\\PostController::grid')) }}


    <section class="container">


        <div class="row">
            <div
                class="col-lg-3 d-flex flex-column flex-sm-row flex-lg-column align-items-center align-items-lg-start pb-3 mb-3 mb-md-4">
                <h2 class="h1 text-center text-sm-start mb-sm-0 mb-lg-5 me-sm-4 me-lg-0">Achetez des produits et accessoires
                    de jardinage fiables</h2>
                <a class="btn btn-primary rounded-pill ms-sm-auto ms-lg-0"
                    href="https://ma-pepiniere.fr/fr/produits/accessoires">Voir les accessoires de jardinage</a>
            </div>
            <div class="col-lg-9">
                <div class="overflow-auto" data-simplebar>
                    <div class="d-flex gap-4">
                        <!-- Item 1: Engrais et amendements -->
                        <div class="w-100" style="min-width: 230px">
                            <img src="{{ asset('build/app/shop/images/engrais.webp', 'app.shop') }}"
                                class="d-block rounded-4 mb-4" style="max-width: 230px" alt="Engrais">
                            <h3 class="h5 pb-1 mb-2">Engrais et amendements : nutrition essentielle pour vos plantes</h3>
                            <p class="fs-sm mb-4">Le secret d'un jardin luxuriant réside dans une nutrition adéquate. Nos
                                <strong>engrais et amendements</strong> apportent à vos plantes tous les nutriments
                                nécessaires pour une croissance optimale. Choisissez parmi des formules spécifiques pour
                                enrichir le sol et renforcer la flore.
                            </p>
                        </div>
    
                        <!-- Item 2: Outils de jardinage -->
                        <div class="w-100" style="min-width: 230px">
                            <img src="{{ asset('build/app/shop/images/outils.webp', 'app.shop') }}"
                                class="d-block rounded-4 mb-4" style="max-width: 230px" alt="Engrais">
                            <h3 class="h5 pb-1 mb-2">Outils de jardinage performants</h3>
                            <p class="fs-sm mb-4">Une bonne infrastructure de jardinage repose sur des <strong>outils
                                    adaptés</strong>. Que vous ayez besoin de taille-haies, sécateurs ou arrosoirs, nous
                                vous proposons tous les outils nécessaires pour l'entretien régulier de votre espace vert.
                            </p>
                        </div>
    
                        <!-- Item 3: Pots et contenants -->
                        <div class="w-100" style="min-width: 230px">
                            <img src="{{ asset('build/app/shop/images/pot.webp', 'app.shop') }}"
                                class="d-block rounded-4 mb-4" style="max-width: 230px" alt="Engrais">
                            <h3 class="h5 pb-1 mb-2">Pots et contenants : Présentation élégante pour vos plantes</h3>
                            <p class="fs-sm mb-4">Plantés en pleine terre ou cultivés en pot, les <strong>pots</strong>
                                jouent un rôle crucial dans l'aménagement esthétique de votre jardin ou terrasse. Découvrez
                                notre sélection de <strong><a href="https://ma-pepiniere.fr/fr/produits/les-pots">pots et
                                        contenants</a></strong>, disponibles en différentes tailles, formes et matériaux.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
    
        </div>
    
    
    </section>