<turbo-stream action="update" target="recipe-results"><template>
  <div class="space-y-12">
    <div
      id="recipes-grid"
      class="grid gap-16 grid-cols-1 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fill,minmax(320px,1fr))]"
    >
        
<div class="flex flex-col rounded-xs">
  <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;:4063,&quot;product_name&quot;:&quot;Madras Grilled Salmon \u0026 Tomatoes with Quinoa&quot;}" href="/healthy-recipes/madras-grilled-salmon-tomatoes-with-chickpeas">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Madras Grilled Salmon &amp; Tomatoes with Quinoa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4063/34418b01053efc758b8449664a12edb3?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4063/34418b01053efc758b8449664a12edb3?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4063/34418b01053efc758b8449664a12edb3?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4063/34418b01053efc758b8449664a12edb3?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Madras Grilled Salmon &amp; Tomatoes with Quinoa</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4089,&quot;product_name&quot;:&quot;Plant-based Chick&#39;n Dal \u0026 Carrot Salad&quot;}" href="/healthy-recipes/speedy-chick-n-dal-with-spiced-carrot-salad-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Plant-based Chick&#39;n Dal &amp; Carrot Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4089/239738f88e96429986734501ee4d8bc4.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4089/239738f88e96429986734501ee4d8bc4.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4089/239738f88e96429986734501ee4d8bc4.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4089/239738f88e96429986734501ee4d8bc4.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Plant-based Chick&#39;n Dal &amp; Carrot Salad</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4139,&quot;product_name&quot;:&quot;Creamy Beef \u0026 Green Veg Gnocchi&quot;}" href="/healthy-recipes/green-veg-chicken-gnocchi">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Creamy Beef &amp; Green Veg Gnocchi" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4139/e911d91349457bf59986f56f8bd8c96a?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4139/e911d91349457bf59986f56f8bd8c96a?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4139/e911d91349457bf59986f56f8bd8c96a?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4139/e911d91349457bf59986f56f8bd8c96a?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Creamy Beef &amp; Green Veg Gnocchi</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4141,&quot;product_name&quot;:&quot;North African Beef Stir-fry with Spicy Harissa Yoghurt&quot;}" href="/healthy-recipes/north-african-beef-stir-fry-spicy-harissa-yoghurt">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="North African Beef Stir-fry with Spicy Harissa Yoghurt" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4141/7d16134411f8329dcd211d3861dd54e7.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4141/7d16134411f8329dcd211d3861dd54e7.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4141/7d16134411f8329dcd211d3861dd54e7.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4141/7d16134411f8329dcd211d3861dd54e7.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">North African Beef Stir-fry with Spicy Harissa Yoghurt</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4148,&quot;product_name&quot;:&quot;Spicy North African Beef Stir-fry with Harissa Yoghurt&quot;}" href="/healthy-recipes/moroccan-beef-with-harissa-yoghurt">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Spicy North African Beef Stir-fry with Harissa Yoghurt" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4148/d6f84faaffe55b534d96ccc66da5b0f5.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4148/d6f84faaffe55b534d96ccc66da5b0f5.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4148/d6f84faaffe55b534d96ccc66da5b0f5.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4148/d6f84faaffe55b534d96ccc66da5b0f5.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Spicy North African Beef Stir-fry with Harissa Yoghurt</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4153,&quot;product_name&quot;:&quot;Thai Green Curry Gnocchi with Shiitake Mushrooms&quot;}" href="/healthy-recipes/shitake-thai-green-gnocchi-curry">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Thai Green Curry Gnocchi with Shiitake Mushrooms" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4153/f62672d51874528f160648836eac9860.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4153/f62672d51874528f160648836eac9860.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4153/f62672d51874528f160648836eac9860.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4153/f62672d51874528f160648836eac9860.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Thai Green Curry Gnocchi with Shiitake Mushrooms</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4170,&quot;product_name&quot;:&quot;Creamy Beef \u0026 Green Veg Gnocchi&quot;}" href="/healthy-recipes/creamy-beef-green-veg-gnocchi">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Creamy Beef &amp; Green Veg Gnocchi" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4170/c58ff8d4d4d3baa78e28043f69be8319?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4170/c58ff8d4d4d3baa78e28043f69be8319?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4170/c58ff8d4d4d3baa78e28043f69be8319?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4170/c58ff8d4d4d3baa78e28043f69be8319?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Creamy Beef &amp; Green Veg Gnocchi</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4344,&quot;product_name&quot;:&quot;Cajun-spiced Tofu Salad \u0026 Tomato Yoghurt Dressing&quot;}" href="/healthy-recipes/cajun-tofu-salad-with-tomato-yoghurt-dressing-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Cajun-spiced Tofu Salad &amp; Tomato Yoghurt Dressing" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4344/c87758745421c2dffd856283dfbf305b.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4344/c87758745421c2dffd856283dfbf305b.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4344/c87758745421c2dffd856283dfbf305b.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4344/c87758745421c2dffd856283dfbf305b.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Cajun-spiced Tofu Salad &amp; Tomato Yoghurt Dressing</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <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;:4536,&quot;product_name&quot;:&quot;Paprika Chick&#39;n \u0026 Rice with Creamy Tomato Broth&quot;}" href="/healthy-recipes/paprika-chick-n-rice-with-creamy-tomato-broth">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Paprika Chick&#39;n &amp; Rice with Creamy Tomato Broth" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4536/b121c4b7a0a9797dc34b3a9e2ce8c672?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4536/b121c4b7a0a9797dc34b3a9e2ce8c672?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4536/b121c4b7a0a9797dc34b3a9e2ce8c672?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4536/b121c4b7a0a9797dc34b3a9e2ce8c672?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Paprika Chick&#39;n &amp; Rice with Creamy Tomato Broth</h3>
</a></div>

    </div>
      <div class="flex justify-center gap-4">

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?cooking_time=0-15&amp;page=10">
            <span class="icon icon--arrow-long-left size-6" aria-hidden="true"></span>
</a>
        <span>Page 11 of 20</span>

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?cooking_time=0-15&amp;page=12">
            <span class="icon icon--arrow-long-right size-6" aria-hidden="true"></span>
</a>      </div>



  <div class="grid lg:grid-cols-3 gap-8 lg:gap-12 mt-24">
    <div class="lg:col-span-2 flow bg-surface-light-high pt-10 pb-16 px-10 lg:pr-29">
      <h2 class="text-title-lg">
        About our meals
      </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>


  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12">
      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?rating=4%2B">
          <img class="w-full aspect-4/3 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="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Most popular recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?season=Autumn">
          <img class="w-full aspect-4/3 object-cover" alt="Autumn recipes" src="/assets/mc/recipe-library/autumn-d6803008.webp" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Autumn recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?cooking_time=0-15">
          <img class="w-full aspect-4/3 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="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Quick recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>  </div>
</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>