<turbo-stream action="update" target="recipe-results"><template>
    <div id="recipes-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-6">
      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4169,&quot;product_name&quot;:&quot;Chickpea Rainbow Salad with Maple Mustard Dressing&quot;}" href="/healthy-recipes/honey-mustard-chickpea-rainbow-salad-1">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Chickpea Rainbow Salad with Maple Mustard Dressing" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4169/436ebe4be19bce466f22f17b65681a0c.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4169/436ebe4be19bce466f22f17b65681a0c.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4169/436ebe4be19bce466f22f17b65681a0c.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4169/436ebe4be19bce466f22f17b65681a0c.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Chickpea Rainbow Salad with Maple Mustard Dressing</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4172,&quot;product_name&quot;:&quot;Baked Beans with Pestorissa Yoghurt \u0026 Pistachio&quot;}" href="/healthy-recipes/baked-beans-with-verbena-harissa-yoghurt">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Baked Beans with Pestorissa Yoghurt &amp; Pistachio" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4172/a9236c024a473f32d72e9a311d0e9f20.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4172/a9236c024a473f32d72e9a311d0e9f20.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4172/a9236c024a473f32d72e9a311d0e9f20.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4172/a9236c024a473f32d72e9a311d0e9f20.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Baked Beans with Pestorissa Yoghurt &amp; Pistachio</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4173,&quot;product_name&quot;:&quot;Tomato Gnocchi with Tenderstem \u0026 Chive Pesto&quot;}" href="/healthy-recipes/tomato-gnocchi-tenderstem-pesto-drizzle">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Tomato Gnocchi with Tenderstem &amp; Chive Pesto" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4173/7f8f2bf3d439e76fee261c2ae9eb2da2?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4173/7f8f2bf3d439e76fee261c2ae9eb2da2?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4173/7f8f2bf3d439e76fee261c2ae9eb2da2?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4173/7f8f2bf3d439e76fee261c2ae9eb2da2?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Tomato Gnocchi with Tenderstem &amp; Chive Pesto</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4174,&quot;product_name&quot;:&quot;Tomato Gnocchi with Tenderstem Broccoli \u0026 Chive Pesto&quot;}" href="/healthy-recipes/tomato-gnocchi-with-tenderstem-pesto-drizzle">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Tomato Gnocchi with Tenderstem Broccoli &amp; Chive Pesto" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4174/27ae1bf7facc3c2d27595079f0ef5770?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4174/27ae1bf7facc3c2d27595079f0ef5770?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4174/27ae1bf7facc3c2d27595079f0ef5770?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4174/27ae1bf7facc3c2d27595079f0ef5770?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Tomato Gnocchi with Tenderstem Broccoli &amp; Chive Pesto</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4181,&quot;product_name&quot;:&quot;Chickpea \u0026 Potato Curry with Roasted Cauliflower&quot;}" href="/healthy-recipes/chickpea-potato-curry-with-caulishoots">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Chickpea &amp; Potato Curry with Roasted Cauliflower" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4181/eccb2504268b95071ea641f508ee7c5f?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4181/eccb2504268b95071ea641f508ee7c5f?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4181/eccb2504268b95071ea641f508ee7c5f?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4181/eccb2504268b95071ea641f508ee7c5f?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Chickpea &amp; Potato Curry with Roasted Cauliflower</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4183,&quot;product_name&quot;:&quot;Cannellini Bean Minestrone Soup with Brown Rice Fusilli \u0026 Parsley Pesto&quot;}" href="/healthy-recipes/tomato-chickpea-minestrone-with-tarragon-yoghurt">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Cannellini Bean Minestrone Soup with Brown Rice Fusilli &amp; Parsley Pesto" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4183/2a76ad05a9b66e3228466f8facd12d73?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4183/2a76ad05a9b66e3228466f8facd12d73?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4183/2a76ad05a9b66e3228466f8facd12d73?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4183/2a76ad05a9b66e3228466f8facd12d73?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Cannellini Bean Minestrone Soup with Brown Rice Fusilli &amp; Parsley Pesto</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4184,&quot;product_name&quot;:&quot;Warm Chickpea Salad with Almond \u0026 Mint Salsa&quot;}" href="/healthy-recipes/chilli-chickpea-salad-with-almond-mint-salsa">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Warm Chickpea Salad with Almond &amp; Mint Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4184/161246aad8b4304c6e9c4a0aa4465a9f?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4184/161246aad8b4304c6e9c4a0aa4465a9f?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4184/161246aad8b4304c6e9c4a0aa4465a9f?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4184/161246aad8b4304c6e9c4a0aa4465a9f?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Warm Chickpea Salad with Almond &amp; Mint Salsa</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4211,&quot;product_name&quot;:&quot;Creamy Vegan Leek Gnocchi with Almond, Basil \u0026 Chilli Topping&quot;}" href="/healthy-recipes/gnocchi-cauliflower-leek-gratin">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Creamy Vegan Leek Gnocchi with Almond, Basil &amp; Chilli Topping" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4211/9186f6de0405fa6c60db916a02df7e01?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4211/9186f6de0405fa6c60db916a02df7e01?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4211/9186f6de0405fa6c60db916a02df7e01?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4211/9186f6de0405fa6c60db916a02df7e01?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Creamy Vegan Leek Gnocchi with Almond, Basil &amp; Chilli Topping</p>
    </div>
</a></div>

      
<div class="flex flex-col border border-gray-300 rounded-lg overflow-hidden hover:scale-102 hover:shadow-xl transition-[scale] ease-in-out">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4212,&quot;product_name&quot;:&quot;Speedy Leek \u0026 Courgette Gnocchi with Apple Salad&quot;}" href="/healthy-recipes/courgette-leek-gnocchi-apple-mustard-salad">
    <div class="aspect-3/2 overflow-hidden">
      <img alt="Speedy Leek &amp; Courgette Gnocchi with Apple Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4212/5fbdd62fa098075b3f55ed21d73eadb4?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380 1x,https://mindfulchef.imgix.net/recipes/4212/5fbdd62fa098075b3f55ed21d73eadb4?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380 2x,https://mindfulchef.imgix.net/recipes/4212/5fbdd62fa098075b3f55ed21d73eadb4?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380 3x" width="380" height="253" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=253&q=50&w=380';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4212/5fbdd62fa098075b3f55ed21d73eadb4?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=253&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F819f639d7fdb251ae9972ba569975c0b.png&amp;q=50&amp;w=380" />
    </div>
    <div class="p-4 pb-4">
      <p class="text-lg font-normal font-display">Speedy Leek &amp; Courgette Gnocchi with Apple Salad</p>
    </div>
</a></div>

  </div>
    <div class="flex justify-center gap-4 mt-8">
        <a data-turbo-frame="recipe-results" class="px-2 py-2 border border-primary rounded-lg" href="/healthy-recipes?cooking_time=0-30&amp;food_group=Vegan&amp;page=35">
          <span class="icon icon--chevron-left size-6" aria-hidden="true"></span>
</a>      <span class="px-4 py-2">Page 36 of 62</span>
        <a data-turbo-frame="recipe-results" class="px-2 py-2 border border-primary rounded-lg" href="/healthy-recipes?cooking_time=0-30&amp;food_group=Vegan&amp;page=37">
          <span class="icon icon--chevron-right size-6" aria-hidden="true"></span>
</a>    </div>



<div class="flow mt-12">
  <h2>The thinking behind our recipes</h2>
  <p class="max-w-none">Our recipes aren't just packed with flavour, they're built around nutrient-dense, macro-balanced wholefoods that are genuinely good for you. That means no refined carbs, and they are refined sugar and palm oil free.<br><br>Whether you're cooking for one, two or a whole family, we've got something for everyone – with plenty of gluten-free, dairy-free, plant-based and flexitarian options all in the mix.<br><br>Our talented in-house chefs spend hours designing and testing every recipe with care, so you can get a flavour-packed meal on the table in as little as 20 minutes. Use the filter to find exactly what you're looking for. Dinner, sorted.</p>
</div>


<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
    <a class="relative flex items-end h-[400px] md:h-[475px] overflow-hidden rounded-lg group" data-turbo-frame="_top" href="/healthy-recipes?rating=4%2B">
      <img class="absolute inset-0 w-full h-full object-cover" alt="Most popular recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />
      <div class="absolute inset-0 bg-linear-to-t from-black/50 via-black/20 to-transparent"></div>
      <div class="relative flex items-center justify-between w-full p-6 text-content-on-dark z-10">
        <h3 class="text-xl font-semibold">Most popular recipes</h3>
        <span class="icon icon--arrow-right size-6" aria-hidden="true"></span>
      </div>
</a>    <a class="relative flex items-end h-[400px] md:h-[475px] overflow-hidden rounded-lg group" data-turbo-frame="_top" href="/healthy-recipes?season=Winter">
      <img class="absolute inset-0 w-full h-full object-cover" alt="Winter recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/winter-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/winter-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/winter-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/winter-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />
      <div class="absolute inset-0 bg-linear-to-t from-black/50 via-black/20 to-transparent"></div>
      <div class="relative flex items-center justify-between w-full p-6 text-content-on-dark z-10">
        <h3 class="text-xl font-semibold">Winter recipes</h3>
        <span class="icon icon--arrow-right size-6" aria-hidden="true"></span>
      </div>
</a>    <a class="relative flex items-end h-[400px] md:h-[475px] overflow-hidden rounded-lg group" data-turbo-frame="_top" href="/healthy-recipes?cooking_time=0-15">
      <img class="absolute inset-0 w-full h-full object-cover" alt="Quick recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />
      <div class="absolute inset-0 bg-linear-to-t from-black/50 via-black/20 to-transparent"></div>
      <div class="relative flex items-center justify-between w-full p-6 text-content-on-dark z-10">
        <h3 class="text-xl font-semibold">Quick recipes</h3>
        <span class="icon icon--arrow-right size-6" aria-hidden="true"></span>
      </div>
</a></div>

</template></turbo-stream><turbo-stream action="update" target="filter-actions"><template>
    <a class="text-sm underline whitespace-nowrap" href="/healthy-recipes">Clear all filters</a>
</template></turbo-stream>